@charset "utf-8";
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll; overflow-x:auto;}
img{ border:none;}
ul{ margin:0px; padding:0px; list-style:none;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal;}
a{ text-decoration:none; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; transition:all .2s ease-in; cursor:pointer;}
body{ margin:0px; padding:0px; font-family:'Roboto', sans-serif, Arial; background:#242737;}
p{ margin:0px; padding:0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

.clear{ clear:both;}

.container{ width:960px; margin:0px auto; background:#242737;}
@media (max-width: 991px) {
	.container{ width:auto;}
}

.header{ height:600px; background:url(../images/header-bg.jpg) no-repeat top center; position:relative; overflow:hidden;}
.header .logo{ width:370px; height:220px; background:url(../images/logo.png) no-repeat; background-size:370px 220px; text-indent:-9999px; position:absolute; left:120px; top:20px; z-index:2;}
.header .ronaldo{ width:366px; height:532px; background:url(../images/ronaldo.png) no-repeat; background-size:366px 532px; position:absolute; right:10px; top:-20px; z-index:1;}
.header .video{ width:540px; height:304px; background:#000; position:absolute; left:30px; bottom:20px; z-index:3;}
@media (max-width: 991px) {
	.header{ background-size:100% auto;}
}
@media (max-width: 767px) {
	.header{ height:560px;}
	.header .logo{ width:300px; height:178px; background-size:300px 178px; left:40px;}
	.header .ronaldo{ width:300px; height:436px; background-size:300px 436px; position:absolute;}
	.header .video{ width:70%; height:auto; left:15%;}
	.header .video iframe{ width:100%; height:280px;}
}
@media (max-width: 541px) {
	.header{ height:480px;}
	.header .logo{ width:225px; height:134px; background-size:225px 134px; left:20px;}
	.header .ronaldo{ width:260px; height:378px; background-size:260px 378px; position:absolute;}
	.header .video iframe{ height:240px;}
}
@media (max-width: 481px) {
	.header{ height:400px;}
	.header .logo{ width:198px; height:118px; background-size:198px 118px; left:20px;}
	.header .ronaldo{ width:210px; height:305px; background-size:210px 305px; position:absolute; right:-20px;}
	.header .video iframe{ height:200px;}
}

.concept{ padding:0px 30px; color:#fff; text-align:center;}
.concept .date{ font-size:32px; font-weight:700; margin-bottom:20px;}
.concept .edition-menu{ margin-bottom:30px;}
.concept .edition-menu ul li{ margin-bottom:10px;}
.concept .edition-menu ul li a{ display:block; height:25px; text-align:center; background:url(../images/edt-btn-bg.png) no-repeat center center;}
.concept .edition-menu ul li a:hover{ background:url(../images/edt-btn-bg-hvr.png) no-repeat center center;}
.concept .features{ margin-bottom:10px;}
.concept .features ul{ font-size:0;}
.concept .features ul li{ width:25%; display:inline-block; vertical-align:top;}
.concept .features ul li .icon{ margin-bottom:10px;}
.concept .features ul li .text{ font-size:13px; font-weight:400; padding:0px 10px; line-height:130%;}
.concept .features ul li .text h3{ font-size:14px; font-weight:700; margin-bottom:5px;}
.concept .notes{ font-size:12px; font-weight:700; text-align:left;}
@media (max-width: 991px) {
	.concept{ padding:0px 20px;}
}
@media (max-width: 767px) {
	.concept .date{ font-size:30px;}
	.concept .features ul li{ width:50%; margin-bottom:10px;}
}
@media (max-width: 481px) {
	.concept .date{ font-size:24px;}
	.concept .edition-menu ul li a{ height:auto;}
	.concept .edition-menu ul li a img{ display:block; width:75%; margin:0px auto;}
	.concept .features ul li{ width:auto;}
}
@media (max-width: 381px) {
}

.edition-content{ background:url(../images/content-bg.jpg) no-repeat top center; padding:20px 0px 0px 0px; color:#fff;}
.edition-content .title{ margin-bottom:20px;}
.edition-content .title img{ display:block;}
.edition-content .offer-list{ text-align:center; margin-bottom:40px;}
.edition-content .offer-list ul{ font-size:0;}
.edition-content .offer-list ul li{ display:inline-block; margin:0px 5px;}
.edition-content .product-list{ text-align:center; margin-bottom:10px;}
.edition-content .product-list ul{ font-size:0;}
.edition-content .product-list ul li{ display:inline-block; margin:0px 20px; position:relative;}
.edition-content .product-list ul li a{ display:block;}
.edition-content .product-list ul li .photo{ display:block; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; transition:all .2s ease-in;}
.edition-content .product-list ul li a:hover .photo{ -moz-box-shadow:0px -10px 30px rgba(255, 255, 255, 0.6); -webkit-box-shadow:0px -10px 30px rgba(255, 255, 255, 0.6); box-shadow:0px -10px 30px rgba(255, 255, 255, 0.6);}
.edition-content .product-list ul li .button{ width:100%; height:36px; line-height:36px; text-align:center; background:#ff0000; font-size:15px; font-weight:700; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:absolute; left:0px; bottom:20px;}
.edition-content .notes{ padding:0px 30px; font-size:13px; font-weight:700; margin-bottom:10px;}
.edition-content .info{ padding:0px 30px; font-family:Arial; font-size:10px; line-height:120%;}
@media (max-width: 991px) {
	.edition-content .title img{ width:95%;}
}
@media (max-width: 767px) {
	#legacy-edition .offer-list ul li img{ width:60%;}
}
@media (max-width: 481px) {
	#standard-edition .offer-list ul li img{ width:90%;}
}

.footer{ padding:20px 0px;}
.footer .legals{ margin-bottom:10px;}
.footer .legals .pegi{ width:30%; float:left;}
.footer .legals .frostbite{ width:40%; float:left; text-align:center;}
.footer .legals .ea{ float:right;}
.footer .copyright{ font-size:11px; color:#fff; text-align:center; line-height:130%;}
@media (max-width: 991px) {
	.footer{ padding:20px;}
}
@media (max-width: 767px) {
	.footer img{ height:80px;}
}
@media (max-width: 481px) {
	.footer img{ height:60px;}
}

.topofpage{ display:none; width:40px; height:40px; line-height:40px; padding:0px; margin:0px; text-align:center; background:#242737; border:solid 1px #fff; font-size:24px; color: #fff; position:fixed; bottom:65px; right:10px; z-index:990; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -moz-transition:background .2s ease-in; -webkit-transition:background .2s ease-in; transition:background .2s ease-in; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.topofpage:hover{ background:#fff; color:#242737;}

.aralgame{ width:90px; height:30px; padding:10px; margin:0px; background:#242737; position:fixed; bottom:0px; right:0px; z-index:990; cursor:pointer; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media (max-width: 1199px) {
	.aralgame{ -moz-box-shadow:-3px -3px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:-3px -3px 10px rgba(0, 0, 0, 0.5); box-shadow:-3px -3px 10px rgba(0, 0, 0, 0.5);}
}