*{position:relative;margin:0;padding:0;}
html, body {max-width: 100%;width:100%;min-height:100%;background:#000;}
#preloader{position:fixed;background:#000;z-index:9999999;width:100%;height:100%}
#preloader img{position:absolute;top:50%;left:50%;margin-left:-75px;margin-top:-73.5px}
body{font-family: 'Open Sans', sans-serif;}
.container{width:100%;max-width:2082px;margin:0 auto;}
body,div,img{display:block;border:0;outline:0;}
body .header{width:100%;background:center top no-repeat;background-size:100% auto;}
body .content img{width:100%;height:auto}
body#periods-body{background:url(../images/common/footer_bg.png) center bottom no-repeat,url(../images/periods/period_page_bg.png) center top no-repeat #000;background-size:100% auto;overflow-x: hidden; }
#screen-body{background:url(../images/common/footer_bg.png) center bottom no-repeat,url(../images/screen/screenshot_page_bg.png) center top no-repeat #000;background-size:100% auto;overflow-x: hidden; }
#purchase-body{background:url(../images/common/footer_bg.png) center bottom no-repeat,url(../images/purchase/purchase_page_bg.png) center top no-repeat #000;background-size:100% auto;overflow-x: hidden; }
#game-body{background:url(../images/common/footer_bg.png) center bottom no-repeat,url(../images/game/game_page_bg.png) center top no-repeat #000;background-size:100% auto;overflow-x: hidden; }
#home-body{background:url(../images/common/footer_bg.png) center bottom no-repeat,url(../images/home/home_page_bg.png) center top no-repeat #000;background-size:100% auto;overflow-x: hidden; }
body#home-body .header #page-text{position:absolute;z-index:199;}
body#home-body .header #robot{width:100%;float:left;z-index:99;}
body .container{width:100%;margin:0 auto;position:relative}
.header img{width:100%;height:auto;}
#topnav a#home-btn img{width:4%;height:auto;margin-left:25%;float:left;}
#topnav a#contact-btn img{width:10.5%;height:auto;float:right; position: relative; top: -10px;}
#topnav img#ace-top-logo{width:5%;height:auto;float:right;margin-right:22%;}
.navigation{width:110%;background:url(../images/common/nav_bg.png) left top no-repeat;background-size:100%;margin:0% 0 0 -5%;padding:5% 0;z-index:9000;position:relative;}
.navigation .nav_table{width:90%;height:100%;margin:1% 7% 0;display:table;text-align:center;background:url() left top no-repeat;background-size:100% auto;}
.navigation .nav_row{margin-left:2%;width:100%;display:table-row;}
.navigation .nav_cell{display:table-cell;vertical-align:middle;overflow:hidden;background-size:auto 75%;}
.navigation .nav_cell img{width:100%;max-width:200px;height:auto;}
#home-body .navigation{width:100%;max-height:940px;background:url(../images/home/home_nav_bg.png) left top no-repeat; background-size:100% auto;position:absolute;}
#home-body .navigation img#home-nav-spacer{float:left;}
#home-body .navigation .home-nav{width:50%;position:absolute;right:0;z-index:999;}
#home-body .navigation .nav-bg{background:left top no-repeat;background-size:100% auto;}
.home-nav #home_nav_cast{width:42%;margin-top:8%;position:absolute;-ms-transform: rotate(-17deg);-webkit-transform: rotate(-17deg);transform: rotate(-17deg);}
.home-nav #home_nav_game{width:27%;margin-top:28%;position:absolute;-ms-transform: rotate(-12deg);-webkit-transform: rotate(-12deg);transform: rotate(-12deg);}
.home-nav #home_nav_forum{width:27%;position:absolute;right:30%;margin-top:32%}
.home-nav #home_nav_screen{width:39%;position:absolute;right:30%;margin-top:50.5%;-ms-transform: rotate(-12deg);-webkit-transform: rotate(-12deg);transform: rotate(-12deg);}
.home-nav #home_nav_purchase{width:35%;position:absolute;margin-top:66%;right:38%;}
.footer{text-align:center;background:url(../images/common/footer_bg.png) center bottom no-repeat;background-size:100% auto; margin-top:30px;}
.brand-logos{width:100%;}
.brand-logos img{margin:0 auto;width:50%;height:auto;min-width:1000px;}
.esrb-icon{width:100%;min-height:65px;text-align:center;margin-bottom:20px;}
.esrb-icon img{height:65px;margin:0 auto;}
.legal-text{width:100%;text-align:center;color:#BBB;font-size:14px;font-family: 'Open Sans', sans-serif;padding-bottom:20px;positon: relative; top: 12px;}
#logo{visibility:hidden;}
#aceteam {position:absolute;top: 12px;width:100%;z-index: 2;}
#aceteam img{position:relative;width:5%;height:auto;float:right;}
#topnav {position:absolute;top: 0px;width:100%;z-index:9001;visibility:hidden;}
#castmain {width:90%;margin:0 auto;visibility:hidden;}
#castmain img{width:100%;height:auto;}
#gamemain {width:100%;}
#gamemain img{width:100%;height:auto;}
#screenmain{width:100%;position:relative;visibility:hidden;}
#screenmain #screen-title{width:100%;}
#screenmain #screen-title img{width:100%;height:auto;}
#screenmain .screen-table{width:100%;display:table;text-align:center;margin-bottom:40px;}
#screenmain .screen-table #video-1{width:60%;background:url(../images/screen/tn_bg.png) center top no-repeat;background-size:100% auto;float:left;text-align:center;-ms-transform: rotate(-7deg);-webkit-transform: rotate(-7deg);transform: rotate(-7deg);}
#screenmain .screen-table #video-2{width:60%;background:url(../images/screen/tn_bg.png) center top no-repeat;background-size:100% auto;float:right;text-align:center;-ms-transform: rotate(7deg);-webkit-transform: rotate(7deg);transform: rotate(7deg);}
#screenmain .screen-table #screen-1{width:60%;background:url(../images/screen/tn_bg.png) center top no-repeat;background-size:100% auto;float:left;text-align:center;-ms-transform: rotate(-2deg);-webkit-transform: rotate(-2deg);transform: rotate(-2deg);}
#screenmain .screen-table #screen-2{width:60%;background:url(../images/screen/tn_bg.png) center top no-repeat;background-size:100% auto;float:right;margin-right:2%;text-align:center;-ms-transform: rotate(7deg);-webkit-transform: rotate(7deg);transform: rotate(7deg);margin-top:-1.5%;}
#screenmain .screen-table #screen-3{width:60%;background:url(../images/screen/tn_bg.png) center top no-repeat;background-size:100% auto;float:left;margin-top:-3.75%}
#screenmain .screen-table #screen-4{width:60%;background:url(../images/screen/tn_bg.png) center top no-repeat;background-size:100% auto;float:right;margin-right:2%;-ms-transform: rotate(-7deg);-webkit-transform: rotate(-7deg);transform: rotate(-7deg);margin-top:-3%;}
#screenmain .screen-row{display:table-row;width:100%;height:100%;}
#screenmain .screen-row div:first-child{width:10.61%;}
#screenmain .screen-row div:nth-child(2){width:26.28%;}
#screenmain .screen-row div:nth-child(3){width:26.51%;}
#screenmain .screen-row div:nth-child(4){width:25.6%;}
#screenmain .screen-row div:last-child{width:10.99%;}
#screenmain .screen-cell{display:table-cell;vertical-align:middle;}
#screenmain .screen-spacer{display:table-cell;width:9.75%;}
#screenmain .screen-cell img.thumbnail{width:88.5%;height:auto;margin:0 auto;}
#screenmain img{width:100%;height:auto;}
#purmain {width:100%;min-height:900px;}
#purmain p.purchase-text{width:100%;font-weight:400;text-align:center;font-size:30px;margin-top:50px;color:#FFF;text-shadow:2px 2px 5px #000;position:relative;}
#purmain div.purchase-text{width:75%;margin:0 auto;font-weight:400;text-align:center;font-size:30px;margin-top:50px;color:#FFF;text-shadow:2px 2px 5px #000;position:relative;}
#purmain p.purchase-text a{text-decoration:none;color:#ded16b;}
#purmain div.purchase-text a{color:#ded16b;}
#purmain div.purchase-text a:hover{color:#ff0000;}
#purmain div.purchase-text .purchase-link{width:50%;}
#purmain div.purchase-text #americas{float:left;}
#purmain div.purchase-text #europe{float:right;}
#purmain p#ps4{color:#ded16b}
#purmain img{width:100%;height:auto;}

/*Navigation*/
.nav_cell:hover{opacity: 0.65;}
.cloudBlog {max-width: 20%; position:absolute; right: -22%;visibility: hidden; }
.cloudBlogPurchase {max-width: 25%; position:absolute; right: -34%;visibility: hidden; }
.cloudAnchor {position:absolute; right: 0px;width:100%; top: 33%;z-index:8000; animation: float 6s ease-in-out infinite; }
.cloudAnchorGame {position:absolute; right: 0px;width:100%; top: 36%;z-index:8000; animation: float 6s ease-in-out infinite; }
.cloudAnchorPurchase {position:absolute; right: 0px;width:100%; top: 28%;z-index:8000; animation: float 6s ease-in-out infinite;}
.cloudAnchorPeriods {position:absolute; right: 0px;width:100%; top: 21.5%;z-index:8000; animation: float 6s ease-in-out infinite;}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
/*Footer*/

.logos-footer {background-color: black;width: 85%;margin: 0 auto;padding: 5px; height: auto;position: relative;text-align: center;}
.logos-footer img {display: inline;max-width: 18%;vertical-align: middle;}
.logos-footer img:not(:first-child) {margin-left: 2.5%;}
.logos-footer-purchase {background-color: black;width: 100%;margin: 5% auto 0;padding: 5px; height: auto;position: relative;text-align: center;}
.logos-footer-purchase img {display: inline;max-width: 16%;vertical-align: middle;height: auto;}
.logos-footer-purchase img:not(:first-child) {margin-left: 2.5%;}
#ace-logo {width: auto;}
#atlus-logo {width: 14%;    max-width: 150px;}
#nsLogo {width: 6%;}
/* Home Page */
.content{width:70%;margin:0 auto;padding-top: 17%;}
.purchase-content{width:60%;height:100%;margin:0 auto;}
#home-logo{width:80%;margin:-20% auto 0}
#dlcInfo {position: absolute;width: 19%;top: 1%;left: 1%;}
#curtians{width:100%;position:absolute;top:0;left:0;z-index:9000}
#home-nav{width:65%;margin:-4% auto 12%;position:relative}
#home-nav a.nav-link{position:absolute;top:0;left:0}
#home-nav a.nav-link:hover{opacity:0.5}
#home-nav a#home-nav-game{width:13%;top:9%;left:63%}
#home-nav a#home-nav-periods{width:18%;top:18%;left:15%}
#home-nav a#home-nav-forum{width:18%;top:29.25%;left:60%}
#home-nav a#home-nav-screen{width:30%;top:41%;left:15%}
#home-nav a#home-nav-purchase{width:17%;top:45%;left:73%}
#branch-left{width:22%;position:absolute;top:30%;left:0;z-index:9000}
#branch-right{width:22%;position:absolute;top:30%;right:0;z-index:9000}
/* Games */
.game-page {max-width: 95%;margin:0 auto 3%;}
.page-selector-game {max-width: 14%;position: relative;left:7%;margin-top:-1%;}
/* Screenshots */
.page-selector-screenshot {max-width: 19%;position: relative;left:58%;margin-top:-1%;}
.mini-gallery {position: relative;width: 96%;margin: 0 auto;}
.gallery-bg {max-width: 94%;margin:3% 2.5% 5%;display:inline;z-index: 10;}
.rope-border {position:absolute;max-width:90%;bottom:14.75%;left:3.6%;z-index: 9;}
.rope-horizontal1, .rope-horizontal2 {position: absolute;z-index:5;top:34.3%;left:6.6%;max-width:85.5%;}
.rope-horizontal2 {top:58%;}
.rope-vertical1, .rope-vertical2, .rope-vertical3, .rope-vertical4 {position: absolute;max-width: 1.4%;z-index:10;top:13.1%;left:23%;}
.rope-vertical2 {left: 40%;}
.rope-vertical3 {left: 57%;}
.rope-vertical4 {left: 74%;}
.screen-top {max-width:92%;margin: 0 auto;z-index: 10;}
.screenshot-container{position: relative;height: 100%;}
.screenshot {position:absolute;height:100%;width:83%;top:17.5%;left:10.5%;}
.screenshot img {max-width: 100%;}
.makeClickable{z-index:8000;opacity:0;cursor:pointer;}
.current {opacity:0.5;}
.gallery-imgs {width: 90%;margin:0 auto;text-align:center;position:absolute;top:13%;left:4.5%;}
.gallery-imgs img {z-index: 5;max-width: 100%;margin:.3%;}
.gallery-table {max-width: 95%;position: absolute; left:2.3%;}
.hidden-gallery {opacity: 0; z-index: 100;}


/* Periods */
#periods-body #header-img{width:70%;margin:0 auto;background:rgba(0,0,0,0.45);position:relative;z-index:999}
#periods-body #header-img img{width:100%;height:auto}
.page-selector-periods {max-width: 16%;position: relative;left:24%;margin-top:-1%; }
.forum-background {position: absolute;max-width: 15%;left: 50%;top: 50%;transform:translate(-50%, -50%);z-index: -1;}
.main-content-container {position: relative;}
.page-title-text {max-width: 21%; position:relative; left: 35px; bottom: 25px;}
.main-content-container > img:not(:first-child) {max-width: 95%;margin: 0 auto 2%;position:relative;top:-60px;}
.main-content--container > img:last-child {margin-bottom: 1%;}
/*Purchase*/
#purchase-body #header-img{width:72.5%;margin:0 auto;background:rgba(0,0,0,0.45);position:relative;z-index:999}
#purchase-body #header-img img{width:100%;height:auto}
.forum-background-purchase{position: absolute;max-height: 75%;left: 50%;top: 58%;transform:translate(-50%, -50%);z-index: -1;}
.purchase-navigation{width:130%;background:url(../images/common/nav_bg.png) left top no-repeat;background-size:100%;margin:-10% 0 0 -15%;padding:5% 0;z-index:9000;position:relative;}
.purchase-navigation .nav_table{width:90%;height:100%;margin:1.75% 7% 0;display:table;text-align:center;}
.purchase-navigation .nav_row{margin-left:2%;width:100%;display:table-row;}
.purchase-navigation .nav_cell{display:table-cell;vertical-align:middle;overflow:hidden;}
.purchase-navigation .nav_cell img{width:100%;max-width:200px;height:auto;}
.page-selector-purchase {max-width: 17%;position:relative;left:79.5%;margin-top:-1%;}
.purchase-title-text {max-width: 25%;padding-top: 5%;}
.purchase-content-container{margin:-7% 0 0;cursor:default;}
.purchase-spacer{position:relative;width:85%;margin: 0 auto;}
.purchase-spacer-bottom {width: 0;}
.purchase-info-text {position: absolute; top: 13%; width: 90%;left: 5%;}
.purchase-info-text p, .left-list p, .right-list p {width:100%;text-align: center; font-family: 'Open Sans', sans-serif; color:rgb(59,38,24);font-weight:bold;font-size:1vw;}
.purchase-info-text p a, .left-list p, .right-list p {text-decoration: none; color:grey;font-weight:bold;}
.right-list, .left-list {cursor:default;}
.purchase-info-text p a {color:rgb(59,38,24); }
#steam {cursor: pointer; z-index: 12000;}
#steam:hover { color: darkgreen}
.purchase-info-text p { font-size: 22px;}
.dlcTextPurchase {    position: absolute;
    right: 5%;
    top: 23%;
    width: 35%;}
.list-container {position: absolute; height: 50%; width: 120%; left:-10%;top:30%;}
.left-list {text-align: center; max-width: 40%;position:absolute;bottom:32%;left:7%;}
.left-list h4, .right-list h4 { font-weight: bold; color: darkgreen; font-size: 1.5vw; }
.left p {margin-top: 5%;}
.right p {margin-top: 6.8%;} 
.right-list {text-align:center;max-width:40%;position: absolute;bottom: -3%; right: 8%;}
.countryList { display: inline-block}
.purchaseContent {width: 100%;height:100%;position:absolute; bottom: 0;}
.logosContainer {position: absolute; height: 50%; width: 120%; left:-10%;top:30%;}
.logosContainer div img {max-width: 95%;}
.logosContainer div div img {max-width: 133%;}
.logoContainer {position: absolute; max-width: 39%; height: 27%; top: 24.5%;left:-6%; }
.logoContainer img {margin: 0 auto; max-width: 75%;margin-top: 4%; }
.rightFrame {width: 100%; position: absolute; top: 20%;}
.rightFrame img {width: 49%; position:absolute; right: 0;}
.bottomFrame {width: 100%; position: absolute;top:60%;}
.bottomFrame img { width: 49%; display: inline-block; vertical-align: top;}
.bottomFrame img:last-child {position: relative;left: 1.5%; }
.bottomFrame img:first-child {position: relative;right:1.5%; }
.leftLogos {
	position: absolute;
    top: 24%;
    width: 33%;
    left: -1%;
}
.leftLogos img {
	width: 100%;
}
.leftLogos a:last-child img {
	margin-top: 6%;
}
.rightLogos {
	position: absolute;
    top: 49%;
    width: 33%;
    right: -1%;
}
.rightLogos img {
	width: 100%;
}
.rightLogos a:last-child img {
	margin-top: 6%;
}
.otherLogos img {
	display: inline-block;
	max-height: 72px;
	vertical-align: middle;
}
.otherLogos img:not(:first-child) {
	margin-left: 15px;
}
@media screen and (min-width: 600px) {
	.rightLogos {top: 53%;}
	.leftLogos {top: 26%;}
}
@media screen and (min-width: 1700px) {
	.rightLogos {top: 55%;}
}
@media screen and (min-width: 1920px) {
	.rightLogos {top: 57%;}
	.leftLogos {top: 29%;}
}
@media screen and (max-width: 1700px) {
	.left-list {bottom: 34%;}
	.right-list {bottom: 0%;}
	.logoContainer {top: 23%; }
	
}

@media screen and (max-width: 1625px) {
	.navigation .nav_table {margin: 1% auto 0;}
	.purchase-navigation .nav_table{margin:1.75% 5% 0;}
	.page-selector-purchase {left:77.5%;}
}
@media screen and (max-width: 1500px) {
	.left-list {bottom: 36%;}
	.right-list {bottom: 2%;}
	.purchase-info-text p { font-size: 18px;}
	.logoContainer {top: 22.5%; }
}
@media screen and (max-width: 1400px) {
	.logoContainer {top: 22%; }
}
@media screen and (max-width: 1300px) {
	#home-nav{margin:-4% auto 7%;}
}
@media screen and (max-width: 1225px) {
	.purchase-info-text p { font-size: 14px;}
}
@media screen and (max-width:1124px){
	#purmain p.purchase-text{font-size:24px;}
	#home-nav{margin:-4% auto 4%;}
}	
@media screen and (max-width:1000px){
	.page-selector-periods{left:23%; margin-top:-1.75%;}
	.page-selector-game{left:7%;margin-top: -1.75%}
	.page-selector-screenshot{left:58.5%;margin-top: -1.5%}
	.page-selector-purchase{left:77%;margin-top: -1.5%}
	.page-title-text {bottom: 10px; left: 15px;}
	.main-content-container > img:not(:first-child) {top:-40px;}
	.logos-footer img {max-width: 17%;}
	.logos-footer img:not(:first-child) {margin-left: 2.2%;}	
	.logos-footer-purchase img {max-width: 17%;}
	.logos-footer-purchase img:not(:first-child) {margin-left: 2.2%;}
	.legal-text{font-size: 12px;}
	#home-nav{margin:-4% auto 0;}
	.gallery-table { max-width: 96%; left: 1.3% }
	.rope-vertical1, .rope-vertical2, .rope-vertical3, .rope-vertical4 { max-width: 1.42% }
	.purchase-info-text p { font-size: 12px;}
}
@media screen and (max-width:850px) {
/*	.gallery-imgs img {max-width: 18.65%;margin-bottom:1.75px;}*/
	#home-nav{margin:-4% auto -4%;}
	.purchase-info-text p { line-height: 5px; font-size: 1.3vw;}
}
@media screen and (max-width: 800px) {
	.logoContainer {top: 22.5%; }
}
@media screen and (max-width: 740px) { 
	.logosContainer div img {max-width: 90%;}
}
@media screen and (max-width: 740px) {
	#home-nav{margin:-4% auto -12%;}
	.otherLogos, .esrb-icon {margin-top: 10px;}
	.otherLogos img, .esrb-icon img {max-height: 55px;}
	#ace-logo {width: 9%;}
}
@media screen and (max-width:600px){
	.main-content-container > img:not(:first-child) {top:-20px;}	
	.legal-text{font-size: 8px;}
/*	.gallery-imgs img {max-width: 18.5%;margin-bottom: 1.75px;}*/
	.purchase-info-text { top: 11%;}
	.purchase-info-text p { line-height: 2px;}
	.purchase-spacer, .purchase-spacer-bottom { width: 95%;}
	.purchaseContent {width: 100%;height:initial;position:absolute; top: 0;}
	.logoContainer {position: initial; max-width: 100%; text-align: center; }
	.logoContainer img {margin: 0 auto; max-width: 30%; display: inline-block;position:relative; top: 60%;vertical-align:middle; }
	.rightFrame {position: initial;}
	.rightFrame img, .bottomFrame img {width: 70%; position:initial; margin: 0 auto;}
	.bottomFrame img {width: 100%; position: absolute; left: 0;}
	.bottomFrame img:last-child {margin-top: 7%; left: 0;}
	.bottomFrame {position: initial;width:70%; margin: 4% auto 0;}
/*	#purchase-body{background:url(../images/common/footer_bg.png) center bottom no-repeat,url(../images/purchase/purchase_nobanner_bg.png) center top no-repeat #000;background-size:100% auto;overflow-x: hidden; }*/
	.logoContainer { height: 14%;}
	.cloudAnchorPurchase { top: 16%;}

}
@media screen and (max-width:535px) {
	#contact-btn img {right: 27%;}
	.gallery-table { max-width: 98%; left: 1% }
	.rope-vertical1, .rope-vertical2, .rope-vertical3, .rope-vertical4 { max-width: 1.43% }
	.purchase-info-text p { margin-bottom: -8px;}
}
@media screen and (max-width:300px) {
	.gallery-table { max-width: 99%; left: 0;}
	.rope-vertical1, .rope-vertical2, .rope-vertical3, .rope-vertical4 { max-width: 1.44% }
}


/* Misc elements */
.clearfloat{height:0;content:" ";line-height:1;clear:both;width:100%;}