@charset "utf-8";
/* CSS Document */

/* Home page */
#homecontainer { text-align: center;width:100% }
#homepage{background:#fef102;text-align:center}
#homepage img{display:block;width:100%;height:auto}
#social-header{background: #ffffff;background: -moz-linear-gradient(top, #ffffff 50%, #fbfbfb 95%, #cccccc 100%);background: -webkit-linear-gradient(top, #ffffff 50%,#fbfbfb 95%,#cccccc 100%);background: linear-gradient(to bottom, #ffffff 50%,#fbfbfb 95%,#cccccc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );position:relative;display:block;padding:10px}
#social-header .segalogo{width:7%;float:left} 
#social-table{display:table;text-align:center;position:relative;float:right;margin-right:2%;width:5%;table-layout:fixed}
#social-table .social-icon{display:table-cell;}
#homecontainer .video {display: block;margin: 0 auto;width: 90%;margin-bottom: 50px;}
#homecontainer .video .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#release-date img{width:100%;height:auto}
@media screen and (max-width:1600px){
	#social-header .segalogo{width:10%}
	#social-table{width:7%}
	div#common-contetns{width:70%}
}
@media screen and (max-width:1068px){
	#social-header .segalogo{width:15%}
	#social-table{width:10%}
	div#common-contetns{width:80%}
}
@media screen and (max-width:960px){
	#social-header .segalogo{width:20%}
	#social-table{width:15%}
}
@media screen and (max-width:720px){
	
}
@media screen and (max-width:690px){
	
}
@media screen and (max-width:480px){
	
}

.clearfloat:before{display:table;height:0;width:100%}
.clearfloat:after{content:" ";display:table;height:0;width:100%;clear:both}
/****** Scroll to Top ******/
#scrollup{width:90px;height:90px;position:fixed;bottom:10px;right:20px;display:none;text-indent:-9999px;cursor:pointer;opacity:.8;z-index:2}
#scrollup:hover{opacity:1}
#scrollup img{display:block; width:100%;}

/****** Purchase ******/
.purchase-links { margin-bottom: 30px; display:none  }
.purchase-links#US,.purchase-links#US-Switch{display:block}
.purchase-links ul { width:100%; list-style:none;text-align:center;}
.purchase-links li { display:inline-block; margin:10px 5px; width: 180px; text-align:center; }
.purchase-links a {
background: /*url('../img/texture.png')*/ #278dd7;
border: 3px solid #FFF/*#7bcffe*/;
color:#FFF; text-decoration:none; display:block; padding: 8px; font-weight: bold;
box-shadow: 1px 1px 5px #000;
text-shadow: 1px 1px 0px #2e3295, 3px 1px 0px #2e3295, 3px 2px 0px #2e3295 ;
transform: skew(-10deg);
border-radius: 5px;
}
.purchase-links a:hover { color: #fff707; border: 3px solid #fff707;  }
ul#country-ps4{width:85%;margin:25px auto;text-align:center;background: #278dd7;border: 3px solid #FFF;color:#FFF; text-decoration:none; display:table;table-layout: fixed; padding: 8px; font-weight: bold;box-shadow: 1px 1px 5px #000;text-shadow: 1px 1px 0px #2e3295, 3px 1px 0px #2e3295, 3px 2px 0px #2e3295 ;transform: skew(-15deg);border-radius: 5px;}
ul#country-ps4 li{display:table-cell;vertical-align:middle}
ul#country-ps4 li.current img{border:2px solid #FFF;box-shadow:1px 1px 5px #000}
ul#country-ps4 img{transform:skew(15deg);height:25px;width:auto;border:1px solid #FFF;}
.purchase-window{width:100%;height:auto;}


/****** Footer ******/
footer {background:#FFF;padding:0px;font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; border-top: 1px solid #999; /*box-shadow: -10px 0px 10px;*/ }
#footerContent{padding:20px}
#footerContent .footer-cell {display:inline-block;margin-right:15px;vertical-align:top; margin-bottom:10px;}
#footerContent .esrblogo { height:79px;}
#footerContent .segalogo { height: 40px;}
#footerContent .footer-legal { width: 65%; color:#000;font-size:9px;}

.privacy {
	font-size: 12px;
	text-align: center;
	z-index: 1;
	padding-bottom: 7px;
}
.privacy a {
	color: black;
	margin-right: 20px;
	cursor: pointer;
	text-decoration: none;
}
.privacy a:hover {
	opacity: .75;
}

@media only screen and (max-width:700px){	

/****** Scroll to Top ******/
#scrollup{width:70px;}

/****** Purchase ******/	
#purchaselink { width:100%; max-width:350px; margin: 10px 0px; }
#purchaselink img { width:100%; height:auto; }
#purchaselink img:hover {}
	
/****** Footer ******/
#footerContent .footer-cell {width:100%; text-align:center;}
#footerContent .footer-legal { font-size:12px; width:100%;}	

}