@font-face {
	font-family: 'proxima-nova';
	font-weight: 300;
	src: url('http://ea.gram.pl/fonts/proxima-nova-light.otf') format('opentype');
}

@font-face {
	font-family: 'proxima-nova';
	font-weight: 100;
	src: url('http://ea.gram.pl/fonts/proxima-nova-thin.otf') format('opentype');
}

@font-face {
	font-family: 'proxima-nova';
	font-weight: 400;
	src: url('http://ea.gram.pl/fonts/proxima-nova-regular.otf') format('opentype');
}

@font-face {
	font-family: 'proxima-nova';
	font-weight: 700;
	src: url('http://ea.gram.pl/fonts/proxima-nova-bold.otf') format('opentype');
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #666666;
	font-family: 'proxima-nova', sans-serif;
	font-size: 16px;
	font-weight: 300;
	min-width: 1290px;
	line-height: 1.2;
}

.fixed_width {
	margin: 0 auto;
	width: 1280px;
	position: relative;
}

ul, li, p, h1, h2, h3, h4, h5, a, blockquote, fieldset {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
}

img {
	border: none;
	display: block;
}

.clr {
	clear: both;
}

ul {
	list-style: none;
}

#main_nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	padding-left: 100px;
	background: #ffffff;
	z-index: 9999;
}

#main_nav #gram_menu {
	margin-left: -100px;
	float: left;
}

#gram_menu .logo {
	text-indent: -99999px;
	width: 100px;
	height: 80px;
	background: #cc3333 url('http://ea.gram.pl/images/top_menu/gram.png') no-repeat center center;
	display: block;
	transition-duration: 0.7s;
}

#gram_menu .hover {
	background: #cc3333;
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	max-height: 0;
	overflow: hidden;
	transition-duration: 0.7s;
}

#gram_menu:hover .logo, #gram_menu:hover .hover {
	background-color: #cb1527;
}

#gram_menu:hover .logo {
	height: 85px;
}

#gram_menu:hover .hover {
	max-height: 999px;
}

#gram_menu .column {
	display: inline-block;
	vertical-align: top;
	padding: 0 19px;
	border-right: 1px solid #d44b59;
}

#gram_menu .column:last-child {
	border-right: none;
}

#gram_menu .column h3 {
	font-weight: 700;
	line-height: 50px;
}

#gram_menu .column ul li a {
	display: block;
	border-bottom: 1px solid #d44b59;
	line-height: 50px;
}

#gram_menu .column ul li:last-child a {
	border-bottom: none;
}

#main_nav .promo_links > li {
	width: 14.2858576774%;
	height: 80px;
	line-height: 80px;
	float: left;
	position: relative;
	border-right: 1px solid #999999;
}

#main_nav .promo_links li:last-child {
	border-right: none;
}

#main_nav .promo_links > li:hover:after {
	content: '';
	display: block;
	height: 4px;
	background: #ffffff;
	position: absolute;
	width: 100%;
	left: 0;
}

#main_nav .promo_links a {
	display: block;
	padding: 0 18px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

#main_nav .promo_links li:hover a {
	background-position: center bottom;
	color: #ffffff;
}

#main_nav .promo_links a .hover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	padding: 0 18px;
	color: #ffffff;
}

/*
#main_nav .promo_links a:before {
	content: '';
	display: block;
	width: 42px;
	height: 30px;
	border: 1px solid #666666;
	border-radius: 5px;
	background: url('http://ea.gram.pl/images/basket.png') no-repeat center center;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 18px;
}
*/

#main_nav .promo_links .preorder:before {
	background-image: url('http://ea.gram.pl/images/arrow_right_small.png');
}

#main_nav .promo_links li:hover a:before {
/*	display: block;
	line-height: 30px;
	text-align: center;
	color: black;
	border-radius: 5px;
	font-weight: 400;
	position: absolute;
	right: 18px;*/
}

#main_nav .promo_links li:hover .preorder:before {
	content: '';
	background: #ffffff url('http://ea.gram.pl/images/arrow_bottom_small.png') no-repeat center center;
	width: 42px;
	border: none;
}

#main_nav .promo_links .battlefield a {
	background-image: url('http://img0.gram.pl/promocje-custom/eagrampl/battlefield.jpg');
}
#main_nav .promo_links .titanfall-2 a {
	background-image: url('http://img0.gram.pl/promocje-custom/eagrampl/titanfall-2-menu-bg.jpg');
}
#main_nav .promo_links .fifa-17 a {
	background-image: url('http://img0.gram.pl/promocje-custom/eagrampl/fifa-17-menu-bg.jpg');
}
#main_nav .promo_links .massEffect a {
	background-image: url('http://img0.gram.pl/promocje-custom/eagrampl/andromeda.jpg');
}
#main_nav .promo_links .ufc a {
	background-image: url('http://img0.gram.pl/promocje-custom/eagrampl/ufc.jpg');
}
#main_nav .promo_links .sw a {
	background-image: url('http://ea.gram.pl/images/top_menu/sw.jpg');
}
 
#main_nav .promo_links .nfs a {
	background-image: url('http://ea.gram.pl/images/top_menu/nfs.jpg');
}

#main_nav .promo_links .fifa a {
	background-image: url('http://ea.gram.pl/images/top_menu/fifa.jpg');
}

#main_nav .promo_links .sims a {
	background-image: url('http://ea.gram.pl/images/top_menu/sims.jpg');
}

#main_nav .promo_links .pvsz a {
	background-image: url('http://ea.gram.pl/images/top_menu/pvsz.jpg');
}

#main_nav .promo_links .mirrorsEdge a{
	background-image: url('http://img0.gram.pl/promocje-custom/eagrampl/mirrors.jpg');
}
#main_nav .promo_links .preorder {
	background-image: url('http://img0.gram.pl/promocje-custom/eagrampl/inne.jpg');
}

/*#main_nav .promo_links .sw { width: 18%; }
#main_nav .promo_links .nfs { width: 16%; }
#main_nav .promo_links .sims { width: 13%; }
#main_nav .promo_links .fifa { width: 12%; }
#main_nav .promo_links .pvsz { width: 22%; }
#main_nav .promo_links .preorders { width: 19%; }
*/
#main_nav .promo_links .hover {
	max-height: 0;
	overflow: hidden;
}

#main_nav .promo_links li:hover .hover {
	max-height: 999px;
}

#main_nav .promo_links .hover li a {
	line-height: 40px;
	background: #d45151;
	border-top: 1px solid #ffffff;
	color: #ffffff;
}

#main_nav .promo_links .hover li a:before {
}

#main_nav .promo_links .hover li a:hover {
	background: #dc9a9a;
}

.section_slider {
	width: 100%;
	position: relative;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition-duration: 2s;
}

.section_slider.active {
	max-height: 9999px;
	opacity: 1;
}

.section_slider.oneslide {
	margin-bottom: -40px;
}

.section_slider.oneslide:after {
	content: '';
	display: block;
	height: 1px;
	background: rgba(38,38,38,0.35);
	position: absolute;
	width: 100%;
	bottom: 95px;
}

.section_slider .slides li {
	color: #ffffff;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
}

.section_slider .slides li .fixed_width {
	height: 695px;
	padding-top: 260px;
}

.section_slider .slides li .timer {
	display: inline-block;
	line-height: 36px;
	background: #000000;
	letter-spacing: 0.5em;
	padding: 0 0.5em 0 0.75em;
	text-transform: uppercase;
	font-weight: 400;
}

.section_sliders .slides li span {
	font-weight: 700;
}

.section_slider .slides li h2 {
	font-size: 55px;
	text-transform: uppercase;
	font-weight: 700;
}

.section_slider .slides li h3 {
	letter-spacing: 0.47em;
	text-transform: uppercase;
	text-indent: 0.235em;
}

.color_button {
	color: #cc3333;
	background: #ffffff;
}

.section_slider .slides li .button {
	display: block;
	position: absolute;
	width: 160px;
	left: 50%;
	margin-left: -80px;
	bottom: 145px;
	border-radius: 5px;
	text-transform: uppercase;
	line-height: 30px;
	font-weight: 400;
}

.section_slider_stickers {
	position: absolute;
	top: 408px;
	right: 40px;
}

.section_slider_stickers img {
	float: left;
	margin-left: 10px;
}

.section_features {
	padding-bottom: 40px;
}

.section_features h2, .section_covers h2, .section_review h2 {
	font-size: 36px;
	color: #cc3333;
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
}

.section_features .grid {
	padding: 0 70px;
}

.section_features .grid_item {
	float: left;
	padding: 120px 27px 0 27px;
	position: relative;
	width: 25%;
	background: url('http://ea.gram.pl/images/features_border.png') no-repeat right 35px;
}

.section_features .grid_item:last-child {
	background: none;
}

.section_features .grid_item .icon {
	margin: 0 auto;
	max-height: 50px;
	position: absolute;
	left: -9999px;
	right: -9999px;
	top: 25px;
}

.section_features .grid_item h3 {
	font-size: 25px;
	color: #333333;
	margin-bottom: 10px;
}

.section_features .grid_item p {
	line-height: 1.7;
}

.section_offers .grid_item {
	display: block;
	width: 33.3333%;
	float: left;
	position: relative;
	border-right: 1px solid #ffffff;
}

.section_offers .grid_item img {
	width: 100%;
	height: auto;
}

.section_offers .grid_item .text, .section_offers .grid_item .text:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -99999px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}

.section_offers .grid_item .text:before {
	content: '';
	opacity: 0;
	background-position: center 100%;
}

.section_offers .grid_item .timer {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	margin-left: -217px;
	width: 434px;
	line-height: 28px;
	background: url('http://ea.gram.pl/images/offer_timer.png') no-repeat center top;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.4em;
	text-indent: 0.2em;
}

.section_offers .grid_item .timer span {
	font-weight: 700;
}

.section_offers .grid_item.nohover:hover .text {
	opacity: 0.85;
}

.section_offers .grid_item:hover .text:before {
	opacity: 1;
}

.section_offers .ps4 .text, .section_offers .ps4 .text:before {
	background-image: url('http://ea.gram.pl/images/offers/ps4.jpg');
}

.section_offers .ea .text, .section_offers .ea .text:before {
	background-image: url('http://ea.gram.pl/images/offers/ea.jpg');
}

.section_offers .xbox .text, .section_offers .xbox .text:before {
	background-image: url('http://ea.gram.pl/images/offers/xbox.jpg');
}

.section_offers .simcity .text, .section_offers .simcity .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_sims_2.jpg');
}

.section_offers .bonus .text, .section_offers .bonus .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonus.jpg');
}

.section_offers .sims_packs .text, .section_offers .sims_packs .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_sims_1.jpg');
}

.section_offers .fut .text, .section_offers .fut .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_fifa_1.jpg');
}

.section_offers .gamepad .text, .section_offers .gamepad .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_nfs_1.jpg');
}

.section_offers .burnout .text, .section_offers .burnout .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_nfs_2.jpg');
}

.section_offers .nfs .text, .section_offers .nfs .text:before {
	background-image: url('http://ea.gram.pl/images/offers/nfs.jpg');
}

.section_offers .season_pass .text, .section_offers .season_pass .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_battlefront_1.jpg');
}

.section_offers .sw .text, .section_offers .sw .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_battlefront_2.jpg');
}

.section_covers {
	padding: 60px 0;
	text-align: center;
}

.section_covers .games_container {
	margin-top: 35px;
}

.section_covers .game {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 12px;
}

.section_covers .game .cover {
	display: block;
	border: 5px solid #cccccc;
	border-radius: 5px;
	position: relative;
}

.section_covers .game .cover .stickers {
	position: absolute;
	top: -30px;
	right: -30px;
}

.section_covers .game .cover .sticker {
	width: 75px;
	height: 75px;
	line-height: 75px;
	border-radius: 50%;
	margin-bottom: 10px;
	background: #ffbe0d;
	color: #663300;
	font-weight: 700;
	text-transform: uppercase;
	transform: rotate(15deg);
}

.section_covers .game .cover .discount {
	background: #339933;
	color: #99ff99;
	font-size: 24px;
}

.section_covers .game .timer {
	background: #000000;
	color: #ffffff;
	font-size: 13px;
	line-height: 28px;
	letter-spacing: 0.4em;
	text-transform: uppercase;
	text-indent: 0.2em;
	font-weight: 400;
}

.section_covers .game .timer span {
	font-weight: 700;
}

.section_covers .game:nth-child(2) .cover img, .section_covers .game:nth-child(4) .cover img {
	width: 196px;
	height: auto;
}

.section_covers .game:nth-child(1) .cover img, .section_covers .game:nth-child(5) .cover img {
	width: 176px;
	height: auto;
}

.section_covers .game .price {
	font-variant: small-caps;
	font-size: 20px;
	color: #cc3333;
	font-weight: 400;
	margin-top: 25px;
}

.section_covers .game .price del {
	color: #999999;
	font-weight: 300;
}

.section_covers .game .button, .section_review .more .button {
	display: inline-block;
	width: 172px;
	border: 1px solid #999999;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 28px;
	border-radius: 5px;
	margin-top: 5px;
}

.color_button:hover {
	background: #cc3333;
	border-color: #cc3333;
	color: #ffffff !important;
}

.section_covers.three_covers .game {
	margin: 0 20px;
}

.section_covers.three_covers .game .cover {
	border: none;
}

.section_covers.three_covers .game .cover img {
	width: auto;
}

.section_covers.three_covers .game .price {
	margin-top: 0;
	font-size: 24px;
}

.section_covers.three_covers .disclaimer {
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	margin-top: 15px;
}

#more {
	text-align: center;
	padding: 40px 0;
	border-top: 1px solid #ededed;
}

#more .more_button {
	display: inline-block;
	font-weight: 400;
	background: #cc3333;
	color: #ffffff;
	padding: 0 20px;
	border-radius: 5px;
	text-transform: uppercase;
	line-height: 30px;
}

.section_articles {
	border-top: 1px solid #ededed;
}

.section_articles h2 {
	line-height: 50px;
	padding: 0 20px;
	text-transform: uppercase;
	font-size: 24px;
	color: #1d1d1d;
	display: inline;
}

.section_articles .more {
	text-transform: uppercase;
	font-size: 14px;
	color: #0e86ca;
	position: relative;
	bottom: 3px;
	font-weight: 400;
}

.section_articles .more:before {
	content: '//';
	color: #1d1d1d;
	margin-right: 10px;
}

.section_articles .grid_item {
	display: block;
	float: left;
	width: 14.2857%;
	border-right: 1px solid #ffffff;
	height: 150px;
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	position: relative;
	padding: 20px;
}

.section_articles .grid_item:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(127,165,88,0.85);
	left: 0;
	top: 0;
}

.section_articles .grid_item:hover:before {
	opacity: 0.8;
}

.section_articles .grid_item.red:before {
	background: rgba(165,88,88,0.85);
}

.section_articles .grid_item.darkblue:before {
	background: rgba(41,46,111,0.85);
}

.section_articles .grid_item.pink:before {
	background: rgba(179,107,159,0.85);
}

.section_articles .grid_item.blue:before {
	background: rgba(89,125,199,0.85);
}

.section_articles .grid_item.yellow:before {
	background: rgba(178,140,64,0.85);
}

.section_articles .grid_item.darkgreen:before {
	background: rgba(64,140,64,0.85);
}

.section_articles .grid_item h3 {
	font-size: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
	font-weight: 400;
}

.section_articles .comments_number {
	position: absolute;
	right: 20px;
	font-size: 10px;
	height: 13px;
	line-height: 12px;
	font-weight: 400;
	background: url('http://ea.gram.pl/images/comments_number.png') no-repeat left top;
	padding-left: 20px;
}

.section_review {
	padding: 40px 0;
}

.section_review .review {
	position: relative;
	margin-top: 40px;
}

.section_review .review_content {
	width: 650px;
	margin: 0 auto;
	line-height: 1.5;
}

.section_review .review_author, .section_review .review_mark {
	min-height: 376px;
	position: absolute;
	padding-top: 60px;
	margin-top: -60px;
	background: url('http://ea.gram.pl/images/features_border.png') no-repeat right top;
	top: 0;
}

.section_review .review_author {
	right: 50%;
	margin-right: 350px;
	text-align: center;
	color: #999999;
	padding-right: 30px;
}

.section_review .review_author span {
	display: block;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	margin-top: 5px;
}

.section_review .review_author img {
	border-radius: 100%;
	margin: 20px auto 0 auto;
}

.section_review .review_mark {
	color: #333333;
	left: 50%;
	margin-left: 350px;
	padding-left: 30px;
	width: 230px;
	background-position: left top;
}

.section_review .review_mark h3 {
	text-transform: uppercase;
	font-weight: 400;
}

.section_review .review_mark .mark {
	font-size: 36px;
	color: #cccccc;
	margin-bottom: 10px;
}

.section_review .review_mark .mark span {
	font-size: 100px;
	line-height: 80px;
	color: #333333;
}

.section_review .more {
	text-align: center;
	margin-top: 35px;
}

.section_review .more .button {
	width: auto;
	padding: 0 17px;
}

footer {
	text-align: center;
	padding: 35px 0;
	font-size: 14px;
	border-top: 1px solid #ededed;
}

footer h3 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px;
}

.blue .color_button, .blue .section_features h2, .blue .section_covers h2, .blue .section_review h2 {
	color: #6699cc;
}

.blue .color_button:hover, .blue .floating_link a:hover:after {
	background: #6699cc;
	border-color: #6699cc !important;
}

.green .color_button, .green .section_features h2, .green .section_covers h2, .green .section_review h2 {
	color: #66cc33;
}

.green .color_button:hover, .green .floating_link a:hover:after {
	background: #66cc33;
	border-color: #66cc33 !important;
}

.orange .color_button, .orange .section_features h2, .orange .section_covers h2, .orange .section_review h2 {
	color: #ff9900;
}

.orange .color_button:hover, .orange .floating_link a:hover:after {
	background: #ff9900;
	border-color: #ff9900 !important;
}

.violet .color_button, .violet .section_features h2, .violet .section_covers h2, .violet .section_review h2 {
	color: #996699;
}

.violet .color_button:hover, .violet .floating_link a:hover:after {
	background: #996699;
	border-color: #996699 !important;
}

.game_container {
	position: absolute;
	width: 100%;
	left: 0;
	background: #ffffff;
	display: none;
	transition: none;
}

.floating_link {
	position: fixed;
	z-index: 200;
	bottom: 0;
	right: 0;
	border: 1px solid #999999;
	padding: 20px 40px 0 20px;
	transition: none;
	display: none;
}

.floating_link.off {
	display: none !important;
}

.floating_link .close {
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url('http://ea.gram.pl/images/floating_close.png') no-repeat center center;
	text-indent: -99999px;
	position: absolute;
	top: 8px;
	right: 8px;
}

.floating_link a:after {
	display: block;
	position: absolute;
	width: 107px;
	line-height: 26px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	left: 20px;
	bottom: 20px;
	text-align: center;
	border: 1px solid #999999;
	border-radius: 3px;
}

.floating_link a:hover:after {
	color: #ffffff;
	background: #C33;
	border-color: #C33;
}

@media (max-width: 1600px) {
	#main_nav .promo_links {
		font-size: 14px;
	}
}



nt-face {
	font-family: 'proxima-nova';
	font-weight: 300;
	src: url('http://ea.gram.pl/fonts/proxima-nova-light.otf') format('opentype');
}

@font-face {
	font-family: 'proxima-nova';
	font-weight: 100;
	src: url('http://ea.gram.pl/fonts/proxima-nova-thin.otf') format('opentype');
}

@font-face {
	font-family: 'proxima-nova';
	font-weight: 400;
	src: url('http://ea.gram.pl/fonts/proxima-nova-regular.otf') format('opentype');
}

@font-face {
	font-family: 'proxima-nova';
	font-weight: 700;
	src: url('http://ea.gram.pl/fonts/proxima-nova-bold.otf') format('opentype');
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #666666;
	font-family: 'proxima-nova', sans-serif;
	font-size: 16px;
	font-weight: 300;
	min-width: 1290px;
	line-height: 1.2;
}

.fixed_width {
	margin: 0 auto;
	width: 1280px;
	position: relative;
}

ul, li, p, h1, h2, h3, h4, h5, a, blockquote, fieldset {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
}

img {
	border: none;
	display: block;
}

.clr {
	clear: both;
}

ul {
	list-style: none;
}

#main_nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	padding-left: 100px;
	background: #ffffff;
	z-index: 9999;
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.25);
}

#main_nav #gram_menu {
	margin-left: -100px;
	float: left;
}

#gram_menu .logo {
	text-indent: -99999px;
	width: 100px;
	height: 80px;
	background: #cc3333 url('http://ea.gram.pl/images/top_menu/gram.png') no-repeat center center;
	display: block;
	transition-duration: 0.7s;
}

#gram_menu .hover {
	background: #cc3333;
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	max-height: 0;
	overflow: hidden;
	transition-duration: 0.7s;
}

#gram_menu:hover .logo, #gram_menu:hover .hover {
	background-color: #cb1527;
}

#gram_menu:hover .logo {
	height: 85px;
}

#gram_menu:hover .hover {
	max-height: 999px;
}

#gram_menu .column {
	display: inline-block;
	vertical-align: top;
	padding: 0 19px;
	border-right: 1px solid #d44b59;
}

#gram_menu .column:last-child {
	border-right: none;
}

#gram_menu .column h3 {
	font-weight: 700;
	line-height: 50px;
}

#gram_menu .column ul li a {
	display: block;
	border-bottom: 1px solid #d44b59;
	line-height: 50px;
}

#gram_menu .column ul li:last-child a {
	border-bottom: none;
}

#main_nav .promo_links > li {
	width: 14.2858576774%;
	height: 80px;
	line-height: 80px;
	float: left;
	position: relative;
	border-right: 1px solid #999999;
}

#main_nav .promo_links li:last-child {
	border-right: none;
}

#main_nav .promo_links > li:hover:after {
	content: '';
	display: block;
	height: 4px;
	background: #ffffff;
	position: absolute;
	width: 100%;
	left: 0;
}

#main_nav .promo_links a {
	display: block;
	color: #333;
	font-weight: normal;
	padding: 0 18px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
}

#main_nav .promo_links li:hover a {
	background-position: center bottom;
	color: #ffffff;
}

#main_nav .promo_links a .hover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	padding: 0 18px;
	color: #ffffff;
}

/*
#main_nav .promo_links a:before {
	content: '';
	display: block;
	width: 42px;
	height: 30px;
	border: 1px solid #666666;
	border-radius: 5px;
	background: url('http://ea.gram.pl/images/basket.png') no-repeat center center;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 18px;
}
*/

#main_nav .promo_links .preorder:before {
	content: '';
	display: block;
	width: 42px;
	height: 30px;
	border: 1px solid #666666;
	border-radius: 5px;
	background: url('http://ea.gram.pl/images/arrow_right_small.png') no-repeat center center;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 18px;
}


#main_nav .promo_links li:hover a:before {
/*	display: block;
	line-height: 30px;
	text-align: center;
	color: black;
	border-radius: 5px;
	font-weight: 400;
	position: absolute;
	right: 18px;*/
}

#main_nav .promo_links li:hover .preorder:before {
	content: '';
	background: #ffffff url('http://ea.gram.pl/images/arrow_bottom_small.png') no-repeat center center;
	width: 42px;
	border: none;
}

#main_nav .sw a { 
	background-image: url('http://ea.gram.pl/images/top_menu/sw.jpg');
}

#main_nav .nfs a {
	background-image: url('http://ea.gram.pl/images/top_menu/nfs.jpg');
}

#main_nav .fifa a {
	background-image: url('http://ea.gram.pl/images/top_menu/fifa.jpg');
}

#main_nav .sims a {
	background-image: url('http://ea.gram.pl/images/top_menu/sims.jpg');
}

#main_nav .pvsz a {
	background-image: url('http://ea.gram.pl/images/top_menu/pvsz.j pg');
}

#main_nav .preorder a {
	background-image: url('http://ea.gram.pl/images/top_menu/preorder.jpg');
}

#main_nav .promo_links .hover {
	max-height: 0;
	overflow: hidden;
}

#main_nav .promo_links li:hover .hover {
	max-height: 999px;
}

#main_nav .promo_links .hover li a {
	line-height: 40px;
	background: #d45151;
	border-top: 1px solid #ffffff;
	color: #ffffff;
}

#main_nav .promo_links .hover li a:before {
}

#main_nav .promo_links .hover li a:hover {
	background: #dc9a9a;
}

.section_slider {
	width: 100%;
	position: relative;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition-duration: 2s;
}

.section_slider.active {
	max-height: 9999px;
	opacity: 1;
}

.section_slider.oneslide {
	margin-bottom: -40px;
}

.section_slider.oneslide:after {
	content: '';
	display: block;
	height: 1px;
	background: rgba(38,38,38,0.35);
	position: absolute;
	width: 100%;
	bottom: 95px;
}

.section_slider .slides li {
	color: #ffffff;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
}

.section_slider .slides li .fixed_width {
	height: 695px;
	padding-top: 260px;
}

.section_slider .slides li .timer {
	display: inline-block;
	line-height: 36px;
	background: #000000;
	letter-spacing: 0.5em;
	padding: 0 0.5em 0 0.75em;
	text-transform: uppercase;
	font-weight: 400;
}

.section_sliders .slides li span {
	font-weight: 700;
}

.section_slider .slides li h2 {
	font-size: 55px;
	text-transform: uppercase;
	font-weight: 700;
}

.section_slider .slides li h3 {
	letter-spacing: 0.47em;
	text-transform: uppercase;
	text-indent: 0.235em;
}

.color_button {
	color: #cc3333;
	background: #ffffff;
}

.section_slider .slides li .button {
	display: block;
	position: absolute;
	width: 160px;
	left: 50%;
	margin-left: -80px;
	bottom: 145px;
	border-radius: 5px;
	text-transform: uppercase;
	line-height: 30px;
	font-weight: 400;
}

.section_slider_stickers {
	position: absolute;
	top: 408px;
	right: 40px;
}

.section_slider_stickers img {
	float: left;
	margin-left: 10px;
}

.section_features {
	padding-bottom: 40px;
}

.section_features h2, .section_covers h2, .section_review h2 {
	font-size: 36px;
	color: #cc3333;
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
}

.section_features .grid {
	padding: 0 70px;
}

.section_features .grid_item {
	float: left;
	padding: 120px 27px 0 27px;
	position: relative;
	width: 25%;
	background: url('http://ea.gram.pl/images/features_border.png') no-repeat right 35px;
}

.section_features .grid_item:last-child {
	background: none;
}

.section_features .grid_item .icon {
	margin: 0 auto;
	position: absolute;
	left: -9999px;
	right: -9999px;
	top: 25px;
}

.section_features .grid_item h3 {
	font-size: 25px;
	color: #333333;
	margin-bottom: 10px;
}

.section_features .grid_item p {
	line-height: 1.7;
}

.section_offers .grid_item {
	display: block;
	width: 33.3333%;
	float: left;
	position: relative;
	border-right: 1px solid #ffffff;
}

.section_offers .grid_item img {
	width: 100%;
	height: auto;
}

.section_offers .grid_item .text, .section_offers .grid_item .text:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -99999px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}

.section_offers .grid_item .text:before {
	content: '';
	opacity: 0;
	background-position: center 100%;
}

.section_offers .grid_item .timer {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	margin-left: -217px;
	width: 434px;
	line-height: 28px;
	background: url('http://ea.gram.pl/images/offer_timer.png') no-repeat center top;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.4em;
	text-indent: 0.2em;
}

.section_offers .grid_item .timer span {
	font-weight: 700;
}

.section_offers .grid_item.nohover:hover .text {
	opacity: 0.85;
}

.section_offers .grid_item:hover .text:before {
	opacity: 1;
}

.section_offers .ps4 .text, .section_offers .ps4 .text:before {
	background-image: url('http://ea.gram.pl/images/offers/ps4.jpg');
}

.section_offers .ea .text, .section_offers .ea .text:before {
	background-image: url('http://ea.gram.pl/images/offers/ea.jpg');
}

.section_offers .xbox .text, .section_offers .xbox .text:before {
	background-image: url('http://ea.gram.pl/images/offers/xbox.jpg');
}

.section_offers .simcity .text, .section_offers .simcity .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_sims_2.jpg');
}

.section_offers .bonus .text, .section_offers .bonus .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonus.jpg');
}

.section_offers .sims_packs .text, .section_offers .sims_packs .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_sims_1.jpg');
}

.section_offers .fut .text, .section_offers .fut .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_fifa_1.jpg');
}

.section_offers .gamepad .text, .section_offers .gamepad .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_nfs_1.jpg');
}

.section_offers .burnout .text, .section_offers .burnout .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_nfs_2.jpg');
}

.section_offers .nfs .text, .section_offers .nfs .text:before {
	background-image: url('http://ea.gram.pl/images/offers/nfs.jpg');
}

.section_offers .season_pass .text, .section_offers .season_pass .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_battlefront_1.jpg');
}

.section_offers .sw .text, .section_offers .sw .text:before {
	background-image: url('http://ea.gram.pl/images/offers/bonusy_battlefront_2.jpg');
}

.section_covers {
	padding: 60px 0;
	text-align: center;
}

.section_covers .games_container {
	margin-top: 35px;
}

.section_covers .game {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 12px;
}

.section_covers .game .cover {
	display: block;
	border: 5px solid #cccccc;
	border-radius: 5px;
	position: relative;
}

.section_covers .game .cover .stickers {
	position: absolute;
	top: -30px;
	right: -30px;
}

.section_covers .game .cover .sticker {
	width: 75px;
	height: 75px;
	line-height: 75px;
	border-radius: 50%;
	margin-bottom: 10px;
	background: #ffbe0d;
	color: #663300;
	font-weight: 700;
	text-transform: uppercase;
	transform: rotate(15deg);
}

.section_covers .game .cover .discount {
	background: #339933;
	color: #99ff99;
	font-size: 24px;
}

.section_covers .game .timer {
	background: #000000;
	color: #ffffff;
	font-size: 13px;
	line-height: 28px;
	letter-spacing: 0.4em;
	text-transform: uppercase;
	text-indent: 0.2em;
	font-weight: 400;
}

.section_covers .game .timer span {
	font-weight: 700;
}

.section_covers .game:nth-child(2) .cover img, .section_covers .game:nth-child(4) .cover img {
	width: 196px;
	height: auto;
}

.section_covers .game:nth-child(1) .cover img, .section_covers .game:nth-child(5) .cover img {
	width: 176px;
	height: auto;
}

.section_covers .game .price {
	font-variant: small-caps;
	font-size: 20px;
	color: #cc3333;
	font-weight: 400;
	margin-top: 25px;
}

.section_covers .game .price del {
	color: #999999;
	font-weight: 300;
}

.section_covers .game .button, .section_review .more .button {
	display: inline-block;
	width: 172px;
	border: 1px solid #999999;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 28px;
	border-radius: 5px;
	margin-top: 5px;
}

.color_button:hover {
	background: #cc3333;
	border-color: #cc3333;
	color: #ffffff !important;
}

.section_covers.three_covers .game {
	margin: 0 20px;
}

.section_covers.three_covers .game .cover {
	border: none;
}

.section_covers.three_covers .game .cover img {
	/*width: auto;*/
}

.section_covers.three_covers .game .price {
	margin-top: 0;
	font-size: 24px;
}

.section_covers.three_covers .disclaimer {
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	margin-top: 15px;
}

#more {
	text-align: center;
	padding: 40px 0;
	border-top: 1px solid #ededed;
}

#more .more_button {
	display: inline-block;
	font-weight: 400;
	background: #cc3333;
	color: #ffffff;
	padding: 0 20px;
	border-radius: 5px;
	text-transform: uppercase;
	line-height: 30px;
}

.section_articles {
	border-top: 1px solid #ededed;
}

.section_articles h2 {
	line-height: 50px;
	padding: 0 20px;
	text-transform: uppercase;
	font-size: 24px;
	color: #1d1d1d;
	display: inline;
}

.section_articles .more {
	text-transform: uppercase;
	font-size: 14px;
	color: #0e86ca;
	position: relative;
	bottom: 3px;
	font-weight: 400;
}

.section_articles .more:before {
	content: '//';
	color: #1d1d1d;
	margin-right: 10px;
}

.section_articles .grid_item {
	display: block;
	float: left;
	width: 14.2857%;
	border-right: 1px solid #ffffff;
	height: 150px;
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	position: relative;
	padding: 20px;
}

.section_articles .grid_item:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(127,165,88,0.85);
	left: 0;
	top: 0;
}

.section_articles .grid_item:hover:before {
	opacity: 0.8;
}

.section_articles .grid_item.red:before {
	background: rgba(165,88,88,0.85);
}

.section_articles .grid_item.darkblue:before {
	background: rgba(41,46,111,0.85);
}

.section_articles .grid_item.pink:before {
	background: rgba(179,107,159,0.85);
}

.section_articles .grid_item.blue:before {
	background: rgba(89,125,199,0.85);
}

.section_articles .grid_item.yellow:before {
	background: rgba(178,140,64,0.85);
}

.section_articles .grid_item.darkgreen:before {
	background: rgba(64,140,64,0.85);
}

.section_articles .grid_item h3 {
	font-size: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
	font-weight: 400;
}

.section_articles .comments_number {
	position: absolute;
	right: 20px;
	font-size: 10px;
	height: 13px;
	line-height: 12px;
	font-weight: 400;
	background: url('http://ea.gram.pl/images/comments_number.png') no-repeat left top;
	padding-left: 20px;
}

.section_review {
	padding: 40px 0;
}

.section_review .review {
	position: relative;
	margin-top: 40px;
}

.section_review .review_content {
	width: 650px;
	margin: 0 auto;
	line-height: 1.5;
}

.section_review .review_author, .section_review .review_mark {
	min-height: 376px;
	position: absolute;
	padding-top: 60px;
	margin-top: -60px;
	background: url('http://ea.gram.pl/images/features_border.png') no-repeat right top;
	top: 0;
}

.section_review .review_author {
	right: 50%;
	margin-right: 350px;
	text-align: center;
	color: #999999;
	padding-right: 30px;
}

.section_review .review_author span {
	display: block;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	margin-top: 5px;
}

.section_review .review_author img {
	border-radius: 100%;
	margin: 20px auto 0 auto;
}

.section_review .review_mark {
	color: #333333;
	left: 50%;
	margin-left: 350px;
	padding-left: 30px;
	width: 230px;
	background-position: left top;
}

.section_review .review_mark h3 {
	text-transform: uppercase;
	font-weight: 400;
}

.section_review .review_mark .mark {
	font-size: 36px;
	color: #cccccc;
	margin-bottom: 10px;
}

.section_review .review_mark .mark span {
	font-size: 100px;
	line-height: 80px;
	color: #333333;
}

.section_review .more {
	text-align: center;
	margin-top: 35px;
}

.section_review .more .button {
	width: auto;
	padding: 0 17px;
}

footer {
	text-align: center;
	padding: 35px 0;
	font-size: 14px;
	border-top: 1px solid #ededed;
}

footer h3 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px;
}

.blue .color_button, .blue .section_features h2, .blue .section_covers h2, .blue .section_review h2 {
	color: #6699cc;
}

.blue .color_button:hover, .blue .floating_link a:hover:after {
	background: #6699cc;
	border-color: #6699cc !important;
}

.green .color_button, .green .section_features h2, .green .section_covers h2, .green .section_review h2 {
	color: #66cc33;
}

.green .color_button:hover, .green .floating_link a:hover:after {
	background: #66cc33;
	border-color: #66cc33 !important;
}

.orange .color_button, .orange .section_features h2, .orange .section_covers h2, .orange .section_review h2 {
	color: #ff9900;
}

.orange .color_button:hover, .orange .floating_link a:hover:after {
	background: #ff9900;
	border-color: #ff9900 !important;
}

.violet .color_button, .violet .section_features h2, .violet .section_covers h2, .violet .section_review h2 {
	color: #996699;
}

.violet .color_button:hover, .violet .floating_link a:hover:after {
	background: #996699;
	border-color: #996699 !important;
}

.game_container {
	position: absolute;
	width: 100%;
	left: 0;
	background: #ffffff;
	display: none;
	transition: none;
}

.floating_link {
	position: fixed;
	z-index: 200;
	bottom: 0;
	right: 0;
	border: 1px solid #999999;
	padding: 20px 40px 0 20px;
	transition: none;
	display: none;
}

.floating_link.off {
	display: none !important;
}

.floating_link .close {
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url('http://ea.gram.pl/images/floating_close.png') no-repeat center center;
	text-indent: -99999px;
	position: absolute;
	top: 8px;
	right: 8px;
}

.floating_link a:after {
	display: block;
	position: absolute;
	width: 107px;
	line-height: 26px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	left: 20px;
	bottom: 20px;
	text-align: center;
	border: 1px solid #999999;
	border-radius: 3px;
}

.floating_link a:hover:after {
	color: #ffffff;
	background: #C33;
	border-color: #C33;
}

@media (max-width: 1600px) {
	#main_nav .promo_links {
		font-size: 14px;
	}
}



@font-face {
	font-family: 'brandon-grotesque';
	font-weight: 700;
	src: url('http://ea.gram.pl/fonts/Brandon_bld.otf') format('opentype');
}
@font-face {
	font-family: 'brandon-grotesque';
	font-weight: 400;
	src: url('http://ea.gram.pl/fonts/Brandon_reg.otf') format('opentype');
}
@font-face {
	font-family: 'brandon-grotesque';
	font-weight: 100;
	src: url('http://ea.gram.pl/fonts/Brandon_thin.otf') format('opentype');
}


#star-wars .section_bonus {
	max-width: 1675px;
	margin: 100px auto;
	font-family: 'brandon-grotesque', 'proxima-nova', sans-serif;
	color: #252123;
	text-align: center;
	position: relative;
	font-weight: 400;
	padding: 0 20px;
}

#star-wars .section_bonus .steps {
	list-style: none;
	border-top: 2px solid #acacac;
	border-bottom: 2px solid #acacac;
	padding: 30px 0;
	margin: 0;
}

#star-wars .section_bonus .steps li {
	width: 35.7%;
	padding-right: 8.25%;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

#star-wars .section_bonus .steps li:after {
	content: '+';
	display: block;
	font-size: 1200%;
	color: #999999;
	position: absolute;
	width: 23%;
	line-height: 1;
	padding-top: 8%;
	text-align: center;
	top: 0;
	right: 0;
	font-weight: 100;
}

#star-wars .section_bonus .steps li:last-child {
	width: 27.5%;
	padding-right: 0;
}

#star-wars .section_bonus .steps li:last-child:after {
	display: none;
}

#star-wars .section_bonus .steps li img {
	display: block;
	margin: 35px auto;
	max-width: 100%;
	height: auto;
}

#star-wars .section_bonus h3 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

#star-wars .section_bonus .count {
	display: block;
	margin: 5px auto;
	max-width: 400px;
	border-radius: 10px;
	overflow: hidden;
	background: #cccccc;
	font-size: 24px;
	line-height: 30px;
	position: relative;
}

#star-wars .section_bonus .count span {
	position: relative;
	z-index: 1;
}

#star-wars .section_bonus .count:before {
	content: '';
	display: block;
	position: absolute;
	width: 33.33333%;
	height: 100%;
	background: #fcc632;
}

#star-wars .section_bonus li:nth-child(2) .count:before {
	width: 66.66666%;
}

#star-wars .section_bonus li:nth-child(3) .count:before {
	width: 100%;
}

#star-wars .section_bonus p {
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0.15em;
	margin-bottom: 25px;
}

#star-wars .section_bonus:before {
	content: '';
	display: block;
	position: absolute;
	width: 220px;
	height: 90px;
	left: 50%;
	margin-left: -110px;
	top: -45px;
	background: #ffffff url('http://ea.gram.pl/images/sw_bonus/top.png') no-repeat center center;
}

#star-wars .section_bonus:after {
	content: '';
	display: block;
	position: absolute;
	width: 220px;
	height: 90px;
	left: 50%;
	margin-left: -110px;
	bottom: -45px;
	background: #ffffff url('http://ea.gram.pl/images/sw_bonus/bottom.png') no-repeat center center;
}

#star-wars .section_bonus h2 {
	font-size: 28px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	position: absolute;
	width: 100%;
	bottom: -85px;
	z-index: 1;
}

