/* fonts
-------------------------------------------- */

@font-face {
    font-family: 'citybq';
    src: url('../fonts/citybq/city-r-light-webfont.eot');
    src: url('../fonts/citybq/city-r-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/citybq/city-r-light-webfont.woff') format('woff'),
         url('../fonts/citybq/city-r-light-webfont.ttf') format('truetype'),
         url('../fonts/citybq/city-r-light-webfont.svg#city_bqregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Eurostile';
  src: url('../fonts/eurostile/Eurosti.eot');
  src: url('../fonts/eurostile/Eurosti.eot') format('embedded-opentype'),
     url('../fonts/eurostile/Eurosti.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TitilliumRegular';
    src: url('../fonts/titillium/titillium-regular.eot');
    src: url('../fonts/titillium/titillium-regular.eot') format('embedded-opentype'),
         url('../fonts/titillium/titillium-regular.woff') format('woff'),
         url('../fonts/titillium/titillium-regular.ttf') format('truetype'),
         url('../fonts/titillium/titillium-regular.svg#TitilliumRegular') format('svg');
}


/* Media Element JS */


@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600|Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700);

/* Site */

@media all and (max-width: 1431px) {

	header .navSpacer {

		display: none;

	}

	header, body {

		min-width: 1280px !important;

	}

}

@media all and (max-width: 1295px) {

	body footer .logos li {

		margin: 19px 12px 23px 12px;

	}

}



.floatLeft {

	float:left;

}



.floatRight {

	float:right !important;

}



.clear {

	clear:both;

}



.light {

	font-weight: 300;

}



.hatchedBg {

	background: url('/img/contentBg.png');

}



.hspacer {

	width: 100%;

	border-top: 1px solid #000000;

	border-bottom: 1px solid #262626;

}



.centered {

	text-align: center;

	margin:0 auto;

	display: block;

}



ul {

	list-style-image: none;

	list-style-type:none;

	margin: 0;

}



h1, h2, h3, p, a, input {

	font-family: 'Oswald', sans-serif;

	color:#FFFFFF;

	margin:0;

}



h1 {

	font-weight: 700;

	line-height: 100%;

}



p {

	font-size:12px;

}



a {

	text-decoration: none;

	cursor: pointer;

}



a:active, a:visited, a:focus {

    border: none;

    outline: none;

}



header, body {

	min-width: 1432px;

}



body {

	/*Width and height set by JS*/

	background:#000000;

	color:#FFFFFF;

}



header {

	position:fixed;

	z-index: 6;

	background: #000000;

	width:100%;

	height: 85px;

	border-bottom: 1px solid #000000;

}



header .content,

footer .content {

	margin: 0 70px;

}



/*header .wbGames {

	margin-top: 10px;

	font-size: 9px;

	color:#B4B4B4;

}*/



header .topBar {

	font-size: 9px;

	height: 31px;

	overflow:visible;

}

header .langSelect {

	position:relative;

	right:2px;

	float:right;

	width:auto;

	clear:none;

	/*js will unhide*/

	display:none;

}



header .langSelect p {

	font-size: 9px;

	line-height: 9px;

}



header .mm-header {

	z-index: 2;

	position: absolute;

	width: 100%;

}



header .navButton .sprite {

	background-image:url('/img/nav/navBtns_en.png');

	width:120px;

	height:58px;

	text-indent: -99999px;

}



.de header .navButton .sprite {

	background-image:url('/img/nav/navBtns_de.png');

}



.es header .navButton .sprite {

	background-image:url('/img/nav/navBtns_es.png');

}



.fr header .navButton .sprite {

	background-image:url('/img/nav/navBtns_fr.png');

}



.it header .navButton .sprite {

	background-image:url('/img/nav/navBtns_it.png');

}



.pt-br header .navButton .sprite {

	background-image:url('/img/nav/navBtns_pt-br.png');

}



header .navButton.selected {

	cursor:default;

}



header .navButton .sprite.mm-home {

	background-image:url('/img/nav/navBtns2.png');

	background-position: -310px -2px;

	width:249px;

	height:38px;

}



header .navButton .sprite.media {

	background-position: -2px -2px;

}

header .navButton .sprite.media:hover {

	background-position: -124px -2px;

}

header .navButton.selected .sprite.media {

	background-position: -246px -2px;

}



header .navButton .sprite.preorder {

	background-position: -368px -2px;

}

header .navButton .sprite.preorder:hover {

	background-position: -490px -2px;

}

header .navButton.selected .sprite.preorder {

	background-position: -612px -2px;

}





header .navButton .sprite.social {

	background-position: -734px -2px;

}

header .navButton .sprite.social:hover {

	background-position: -856px -2px;

}

header .navButton.selected .sprite.social {

	background-position: -978px -2px;

}





header .navButton .sprite.story {

	background-position: -1100px -2px;

}

header .navButton .sprite.story:hover {

	background-position: -1222px -2px;

}

header .navButton.selected .sprite.story {

	background-position: -1344px -2px;

}



header .navSpacer {

	background-image:url('/img/nav/navBtns2.png');

	background-position: -2px -2px;

	width:306px;

	height:58px;

}



.langSelect .langDropDown {

	right: 0;

	margin-right: -1px;

}



.langSelect .langDropDown > *  {

	float:left;

	clear:none;

}



.langSelect .langDropDown > p {

	margin-right: 10px;

	margin-top: 11px;

}



.langSelect .langDropDown li {

	position: relative;

	float:left;

	clear:none;

	border-left: 1px solid #2c2c2c;

	width:98px;

	height:45px;

}



.langSelect .langDropDown li:last-of-type {

	width: 27px;

	border-right: 1px solid #2c2c2c;

}



.langSelect .langDropDown .close img {

	margin: 12px 0 0 0;

}



.langSelect .langDropDown a {

	position: absolute;

	z-index: 1;

	top:0;

	left:0;

	width: 100%;

	height: 100%;

	text-align: center;

}



.langSelect .langDropDown a:hover,

.langSelect .langDropDown .selected a {

	background: #202020;

}



.langSelect .langDropDown li .langLabel {

	margin-top: 8px;

	margin-right: auto;

	margin-left: auto;

	display:inline-block;

}



.langSelect .langDropDown .langLabel p {

	margin-right: 0;

}



.langSelect .currentLang {

	cursor: pointer;

	margin-top: 8px;

}



.langSelect .langLabel p{

	margin:3px 8px 0 4px;

}



.langSelect .langLabel .flag {

	margin-top:0px;

}



.langSelect .point {

	margin-top:4px;

}



.langSelect .langLabel * {

	float:left;

	clear:none;

}



header .spacer {

	width: 69px !important;

	/*max-width: 68px;*/

	background: url('/img/nav_bg.jpg');

}



header nav {

	position:relative;

	float: left;

	clear:none;

	z-index: 2;

}



header nav ul li {

	background: url('/img/nav_bg.jpg');

	position: relative;

	height:58px;

	width:120px;

	text-align: center;

}



header nav ul li:first-of-type {

	border-left: none;

}



header nav ul li:last-of-type {

	border-right: none;

}



header nav ul li a {

	height: 100%;

	width: 100%

}

/*

header nav ul li a > * {

	top:;

}*/



header nav ul li a p {

	text-align: center;

}



header .social {

	/*position: relative;*/

	/*float:right;

	clear:none;*/

	background: url('/img/nav_bg.jpg');

	overflow: hidden;

	/*border-left:1px solid #272727;*/

}



header .social ul {

	float:right;

	border-left:1px solid #000000;

}



header .social ul li {

	float:left;

	width:68px;

	height: 58px;

	border-right: solid 1px #000000;

	border-left: solid 1px #272727;

	text-align: center;

	position: relative;

}



header .social ul li a {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}



header .social .sprite {

	margin: 18px auto;

	background-image:url('/img/nav/navBtns2.png');

	text-indent: -9999px;

}



header .social .sprite.facebook {

	width:11px;

	height:22px;

	background-position: -632px -26px;

}

header .social a:hover .sprite.facebook {

	background-position: -632px -2px;

}



header .social .sprite.twitter {

	width:24px;

	height:22px;

	background-position: -606px -26px;

}

header .social a:hover .sprite.twitter {

	background-position: -606px -2px;

}



header .social .sprite.youtube {

	width:43px;

	height:22px;

	background-position: -561px -26px;

}

header .social a:hover .sprite.youtube {

	background-position: -561px -2px;

}



.site-content {

	position: relative;

}



.overlay {

	position: fixed !important;

	top:0;

	left:0;

	z-index: 7;

}



.section {

	/*padding-top: 90px;*/

	overflow:hidden;

	position:relative;

	/*Width and height set by JS*/

}



.background,

.background-part,

.background-part img {

	/*overflow: visible;*/

	position: absolute;

	width:auto;

	height:auto;

	max-width: none;

	/*display: inline;*/

	z-index: -1;

  bottom: 0;
  left: 0;
  right: 0;
  top: 0;

}

.background {
  background: url('../img/agegate/bg.jpg') no-repeat center top transparent;
  background-size: cover;

}

.tablet .background {
  background: url('../img/agegate/bg-tablet.jpg') no-repeat center top transparent;
  background-size: cover;
}

@media all and (orientation:portrait) {
  .tablet .background {
    background: url('../img/agegate/bg-tablet-portrait.jpg') no-repeat center top transparent;
  }
}

.mobile .background {
  background: url('../img/agegate/bg-mobile.jpg') no-repeat center top transparent;
  background-size: 100% auto;
}

@media all and (orientation:landscape) {
  .mobile .background {
    background: url('../img/agegate/bg-tablet.jpg') no-repeat center top transparent;
    background-size: 100% auto;
  }
}


.section .content {

	margin:0 70px;

}



.videoContainer {

	width:1280px;

	height:720px;

	position:absolute;

}



.videoContainer video {

	width:100%;

	height:100%;

}



.mejs-container .mejs-controls {

	height: 50px;

	background: url('/img/video_ctrl_bg.jpg') repeat;

}



.mejs-controls .mejs-button button {

	background: transparent url('/img/videoControls.png') no-repeat;

	box-shadow: none;

	border:none;

	border-radius: 0;

}



.mejs-controls .mejs-button button:focus {

	outline: none;

}





.mejs-container .mejs-controls div {

	margin: 9px 10px 0 10px;

}

.mejs-container .mejs-controls div:first-of-type {

	margin-left: 23px;

}

.mejs-container .mejs-controls div:last-of-type.mejs-time-rail {

	margin-right: 147px;

}

.mejs-container .mejs-controls div:last-of-type.mejs-next {

	margin-right: 24px;

}

.mejs-container .mejs-controls .mejs-volume-button {

	margin-right: 48px;

}



.mejs-controls .mejs-volume-button, .mejs-controls .mejs-volume-button button {

	width:19px !important;

	height:18px !important;

}



.mejs-controls .mejs-volume-button .mejs-volume-slider {

	display: none !important;

}



.mejs-controls .mejs-mute button {

	background-position: -298px -77px;

}

.mejs-controls .mejs-mute:hover button {

	background-position: -278px -77px;

}



.mejs-controls .mejs-unmute button {

	background-position: -299px -57px;

}

.mejs-controls .mejs-unmute:hover button {

	background-position: -278px -57px;

}



.mejs-controls .mejs-playpause-button button {

	width: 13px;

	height: 18px;

}



.mejs-controls .mejs-play button {

	background-position: -293px -120px;

}

.mejs-controls .mejs-play:hover button {

	background-position: -325px -103px;

}



.mejs-controls .mejs-pause button {

	background-position: -278px -120px;

}

.mejs-controls .mejs-pause:hover button {

	background-position: -310px -103px;

}



.mejs-controls .mejs-previous button {

	width:14px;

	height:21px;

	background-position: -318px -80px;

	margin-top:4px;

}

.mejs-controls .mejs-previous:hover button {

	background-position: -320px -57px;

}



.mejs-controls .mejs-library {

	margin-top: 7px !important;

}

.mejs-controls .mejs-library button {

	width:25px;

	height:25px;

	margin: 4px 0 0 0;

	background-position: -305px -30px;

}



.mejs-controls .mejs-library:hover button {

	background-position: -278px -30px;

}



.mejs-controls .mejs-next button {

	width:14px;

	height:21px;

	background-position: -294px -97px;

	margin-top:4px;

}

.mejs-controls .mejs-next:hover button {

	background-position: -278px -97px;

}



.mejs-controls .mejs-time-rail {

	margin-top: 11px !important;

}



.mejs-controls .mejs-time-rail .mejs-time-handle {

	width:26px;

	height:26px;

	background: transparent url('/img/videoControls.png') no-repeat;

	background-position: -306px -2px;

	display:block;

	border:none;

	top:-8px;

	left: -13px;

}



.mejs-controls .mejs-time-rail .mejs-time-handle:hover {

	background-position: -278px -2px;

}





.mejs-controls .mejs-time-rail span {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



.mejs-controls .mejs-time-rail .mejs-time-total {

	background: #000;

	border-bottom: 1px solid #3a3a3a;

	margin-top:3px;

}



.mejs-controls .mejs-time-rail .mejs-time-loaded {

	background: #222222;

}



.mejs-controls .mejs-time-rail .mejs-time-current {

	background: #e99c4c url('/img/video_progressBg.jpg') repeat-x;

}



.mejs-overlay-button {

	background: url('/img/videoControls.png');

	background-position: -140px -2px;

	width:136px;

	height:136px;

	margin:-68px 0 0 -68px;

}



.mejs-overlay:hover .mejs-overlay-button {

	background-position: -2px -2px;

}



.squareButton {

	background: #000000 url('/img/videBtns.jpg') no-repeat;

	width: 54px;

	height:54px;

	overflow: hidden;

	cursor: pointer;

}



.close {

	background-position: -2px -2px;

}



.close:hover {

	background-position: -58px -2px;

}



.mm-home .content {

	/*margin-left: 70px !important;*/

}



.mm-home .content > *:first-of-type {

	/*margin-top: -55%*/

}



.mm-home .hatchedBg {

	padding: 30px;

}



.mm-home h1 {

	font-size: 75px;

	color:#111111;

}



.mm-home h2 {

	font-size: 26px;

	color:#FFFFFF;

}



.mm-home h3{

	font-size: 16px;

	margin-top:9px;

}



#mm-social {



}



/*#mm-social .twitterBg {

	position: absolute;

	right:50%;

	bottom:50%;

	margin-bottom: 190px;

	margin-right: 575px;

	background-image:url('/img/socialBgs.png');

	width:266px;

	height:272px;

	background-position: -2px -2px;

}



#mm-social .facebookBg {

	position: absolute;

	left:50%;

	bottom:50%;

	margin-bottom:195px;

	background-image:url('/img/socialBgs.png');

	width:185px;

	height:272px;

	background-position: -270px -2px;

}

*/

#mm-social .hspacer {

	border-bottom-color: #252525;

	border-top-color: #101010;

}



#mm-social .content {

	/*width: 1264px;



	margin: 0 auto;*/

	margin:0;

	width: 50%;

	/*height: 711px;*/

	position:absolute;

}



#mm-social h1 {

	font-size: 60px;

	font-weight: 400;

	margin-bottom: 22px;

	float:left;

}



#mm-social .facebook h1 {

	margin-bottom:34px;

}



#mm-social .twitter {

	left:50%;

}



#mm-social .inner-content {

	/*float:right;*/

	margin: 0 auto;

	width: 520px;

}



#mm-social .facebook .inner-content {

	margin-left: 75px;

	float:left;

}



#mm-social .twitter .twitter-follow-button,

#mm-social .facebook .fb-like {

	margin: 22px 0 0 40px;

	float:left;

}



#mm-social .vspacer {

	position: absolute;

	left:50%;

	height: 100%;

	border-left: 1px solid #000000;

	border-right: 1px solid #262626;

}



#mm-social .twitter .twitter-timeline {

	/*margin: 27px 0 33px 0;*/

	margin:0;

}



#mm-social .facebook {

	right:50%;

	/*margin-left: 87px;*/

}



.fb-like span {

	overflow:visible !important;

	width:450px !important;

	margin-right:-375px;

}



#mm-social .facebook .fbpostWrap {

	position:relative;

	margin: 0px 0;

}



#mm-social .facebook .fbpost {

	margin:50px 0;

	float:left;

}



#mm-social .facebook .fbpost:first-of-type {

	margin-top:0;

}



#mm-social .facebook .fbpost h1 {

	color: #FFF;

	font-size: 20px;

	font-weight: 700;

	margin:0 0 7px 0;

}



#mm-social .facebook .fbpost p {

	font-size: 11px;

	font-weight: 600;

	color: #000;

	font-family: 'Open Sans', sans-serif;

	line-height: 100%;

}



#mm-social .facebook .fbpost .time {

	color:#969696;

	font-family: 'Oswald', sans-serif;

	font-size: 11px;

	font-weight: 400;

	margin: 7px 25px 0 0;

}



#mm-social .facebook .fbpost .body {

	margin-top:9px;

	margin-bottom: 18px;

	line-height: 125%;

	color:#fff;

}



#mm-social .facebook .fbpost .postImg {

	max-width:133px;

	max-height:126px;

}



#mm-social .facebook .fbpost .stats {

	margin-top: 28px;

}



#mm-social .facebook .fbpost .stats li {

	float:left;

	width: 130px;

	border-left: 1px solid #000;

	border-right: 1px solid #3b3b3b;

}



#mm-social .facebook .fbpost .stats li:first-of-type {

	border-left: none;

}



#mm-social .facebook .fbpost .stats li:last-of-type {

	border-right: none;

	width:120px;

}



#mm-social .facebook .fbpost .stats li * {

	font-weight: 600;

	font-family: 'Open Sans', sans-serif;

	text-transform: uppercase;

	width:100%;

	text-align:center;

}





#mm-social .facebook .fbpost .stats li h1 {

	color:#c2c2c2;

	font-size: 12px;

	margin:0;

}



.de #mm-social .facebook .fbpost .stats li:first-of-type h1 {

	margin-top:-12px;

}



#mm-social .facebook .fbpost .stats li p {

	color:#FFF;

	font-size: 35px;

	clear: both;

}



#mm-social .facebook .fbpost .viewPostBtn {

	margin-top:18px;

	width: 145px;

	height: 31px;

	background: url('/img/fbPostBtn.png');

	background-position: -609px -2px;

}



#mm-social .facebook .fbpost .viewPostBtn:hover {

	background-position: -462px -2px;

}



#mm-social .facebook .fbpost .viewPostBtn p {

	color: #fff;

	font-family: 'Oswald', sans-serif;

	font-size: 10px;

	font-weight: 700;

	width: 90%;

	text-align: center;

	margin:7px auto 0 auto;

}



.pt-br #mm-social .facebook .fbpost .viewPostBtn p,

.de #mm-social .facebook .fbpost .viewPostBtn p {

	margin-top:3px;

}



#mm-social .facebook .controls {

	width:521px;

	margin-top:40px;

}



#mm-social .facebook .controls .feedNavBtn {

	width: 113px;

	height: 32px;

	background: url('/img/fbPostBtn.png');

}



#mm-social .facebook .controls .feedNavBtn p {

	text-align: center;

	width: 100%;

	color:#fff;

	font-size: 12px;

	font-weight: 400;

	margin-top: 6px;

}



#mm-social .facebook .controls .feedNavPrev {

	background-position: -117px -2px;

}



#mm-social .facebook .controls .feedNavPrev:hover {

	background-position: -2px -2px;

}



#mm-social .facebook .controls .feedNavNext {

	background-position: -347px -2px;

	margin-left:25px;

}



#mm-social .facebook .controls .feedNavNext:hover {

	background-position: -232px -2px;

}









#story {



}



#story .content {

	float: left;

	margin-left:72px;

}



#story h1 {

	color:#000000;

	font-weight: 700;

	font-size: 84px;

}



.de #story h1 {

	line-height: 120%;

}



#story h1:first-of-type {

	font-size: 76px;

}



#story h2 {

	color:#FFFFFF;

	font-size: 36px;

	font-weight: 700;

}



#story p {

	font-family: 'Open Sans', sans-serif;

	color:#FFFFFF;

	font-weight: 600;

	font-size: 14px;

	line-height: 21px;

}



#story .spacer {

	background: transparent url('/img/story_spacer.png') no-repeat;

	width: 494px;

	height: 39px;

	margin-top:5px;

}



#gallery {

}



#gallery .videoLayer {

	z-index:4;

}



#gallery .content {

	padding: 25px 38px;

	margin-left: 33px;

}



#gallery .content h1 {

	font-size: 90px;

	font-weight: 700;

}



.fr #gallery .content h1,

.it #gallery .content h1,

.pt-br #gallery .content h1 {

	font-size: 65px;

}



.de #gallery h1,

.es #gallery h1 {

	line-height: 120%;

}



#gallery .content h1:first-of-type {

	margin-top: 50px;

}



#gallery .content p {

	font-size: 18px;

	font-family: 'Open Sans', sans-serif;

	margin-top: 10px;

}



#gallery .share {

	position: absolute;

	z-index:5;

	border-bottom: 1px solid #333333;

	top: 46px;

	left:0;

}



#gallery .share li {

	width:72px;

	height:30px;

	background-color: #1e1e1e;

	border-bottom: 1px solid #000000;

	border-top: 1px solid #333333;

	text-align: center;

}



#gallery .share li:hover {

	background-color: #373737;

}



#gallery .share li:first-of-type {

	border-top: none;

	background-color: #161616;

}



#gallery .share li a {

	width: 100%;

	height: 100%;

	display: block;

}



#gallery .share li div {

	background-image: url('/img/galleryShare.png');

	background-color:transparent;

	margin: 10px auto 0 auto;

	display:inline-block;

}



#gallery .share .facebook {width:6px; height:11px; background-position: -50px -2px;}

#gallery .share .title {width:37px; height:13px; background-position: -2px -14px;}

#gallery .share .tumblr {width:46px; height:10px; background-position: -2px -2px;}

#gallery .share .twitter {width:11px; height:9px; background-position: -41px -15px;}



#gallery .imgCntrls {

	width:120px;

	position: absolute;

	bottom: 0px;

	left: 50%;

	margin-left: -60px;

	background: #1e1e1e;

}



#gallery .imgCntrls p {

	font-size: 8px;

	text-align: center;

}



#gallery .imgCntrls .imgBtn {

	cursor: pointer;

	position: relative;

	float: left;

	clear:none;

	width: 59px;

	height: 73px;

}



#gallery .imgCntrls .previous {

	border-right: 1px solid #131313;

}

#gallery .imgCntrls .next {

	border-left: 1px solid #262626;

}



#gallery .imgCntrls .icon {

	background: transparent url('/img/imgControls.png') no-repeat;

	overflow: hidden;

}



#gallery .imgCntrls .previous .icon,

#gallery .imgCntrls .next .icon {

	width:21px;

	height:32px;



	margin: 20px 18px;

}



#gallery .imgCntrls .previous .icon {

	background-position: -2px -36px;

}



#gallery .imgCntrls .previous:hover .icon {

	background-position: -2px -2px;

}



#gallery .imgCntrls .next .icon {

	background-position: -2px -104px;

}



#gallery .imgCntrls .next:hover .icon {

	background-position: -2px -70px;

}



#gallery .library {

	position: absolute;

	z-index:4;

	bottom: 0;

	width: 100%;

	overflow: hidden;

}



#gallery .mejs-controls .categories {

	position: absolute;

	bottom: 50px;

}



#gallery .library .categories {

	position: relative;

	float:left;

	clear:none;

}



#gallery .categories li {

	width: 102px;

	height:54px;

	background: #000000;

	cursor: pointer;



	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;



	/*display:inline-block;*/

	position: relative;



	float:left;

	clear:none;

}



#gallery .categories li.selected {

	background: #1e1e1e;

}



#gallery .categories li p {

	width: 100%;

	color: #4997da;

	font-size: 21px;

	text-align: center;

	margin-top:10px;

}



#gallery .categories li.selected p,

#gallery .categories li:hover p {

	color:#b1b1b1;

}



#gallery .library .thumbs {

	background: #1e1e1e;

	position: relative;

	height:157px;

}



#gallery .library .thumbs ul {

	position: absolute;

	top: 0;

	left:0;



	/*Will be updated by JS*/

	width: 999999%;

	/*white-space:nowrap;*/

}



#gallery .library .thumbs ul li {

	width: 196px;

	height: 147px;

	border: 5px solid #1e1e1e;

	border-left-width: 2.5px;

	border-right-width: 2.5px;

	display: inline-block;

	cursor: pointer;

	vertical-align: top;

	position: relative;

	/*float:left;*/

	clear: none;

}

#gallery .library .thumbs ul li:first-of-type {

	border-left-width: 5px;

}

#gallery .library .thumbs ul li:last-of-type {

	border-right-width: 5px;

}



#gallery .library .thumbs ul li.selected {

	cursor: auto;

}



#gallery .library .thumbs ul li .innerBorder {

	border:3px solid #4997d9;

	width: 190px;

	height: 141px;

	position: absolute;

	top:0;

	left:0;

	margin:0 9px 9px 0;

}



#gallery .library .thumbs ul li:hover .out,

#gallery .library .thumbs ul li .over,

#gallery .library .thumbs ul li.selected .out,

#gallery .library .thumbs ul li .innerBorder,

#gallery .library .thumbs ul li.selected:hover .innerBorder {

	display:none;

}



#gallery .library .thumbs ul li .out,

#gallery .library .thumbs ul li:hover .over,

#gallery .library .thumbs ul li.selected .over,

#gallery .library .thumbs ul li:hover .innerBorder {

	display:block;

}







#preorder .content {

	/*margin-right: 119px;*/

	right: 0;

}



#preorder h1,

#preorder h2,

#preorder h3 {

	text-align: right;

}



#preorder h1 {

	font-size: 123px;

	font-weight: 700;

	color:#FFFFFF;



}

.fr #preorder h1 {

	font-size: 104px;

}

.it #preorder h1 {

	font-size: 80px;

}

.de #preorder h1 {

	font-size: 76px;

}

.es #preorder h1 {

	font-size: 90px;

}

.pt-br #preorder h1 {

	font-size: 68px;

}



#preorder h1:first-of-type {

	font-size: 90px;

}



.fr #preorder h1:first-of-type {

	font-size: 74px;

}

.it #preorder h1:first-of-type,

.de #preorder h1:first-of-type {

	font-size: 55px;

}

.es #preorder h1:first-of-type {

	font-size: 65px;

}

.pt-br #preorder h1:first-of-type {

	font-size: 48px;

}



#preorder h2 {

	font-weight: 400px;

	font-size: 74px;

	color:#000000;

}



#preorder h3 {

	font-weight: 400px;

	font-size: 32px;

	color:#000000;

}



#preorder .stores {

	position: relative;

	width: 454px;

	margin-right: -5px;

}



#preorder .stores li {

	width: 217px;

	height: 63px;

	margin: 5px;

	float:left;

}



#preorder .stores li:last-of-type {

	float:right;

}



#preorder .storeBtn {

	background: url('/img/stores.png');

	width:217px;

	height:63px;

}



#preorder .amazon {

	background-position: -221px -132px;

}



#preorder .amazon:hover {

	background-position: -2px -132px;

}



#preorder .bestbuy {

	background-position: -221px -67px;

}



#preorder .bestbuy:hover {

	background-position: -2px -67px;

}



#preorder .gamestop {

	background-position: -221px -2px;

}



#preorder .gamestop:hover {

	background-position: -2px -2px;

}



/*.trailerBtn {

	position: fixed;

	z-index: 2;

	right:0;

	top:50%;

	border: 1px solid #000000;

}



.trailerBtn .fg {

	position: absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}



.en .trailerBtn .fg {

	background: url('/img/trailerBtns_en.png');

}



.fr .trailerBtn .fg {

	background: url('/img/trailerBtns_fr.png');

}



.it .trailerBtn .fg {

	background: url('/img/trailerBtns_it.png');

}



.de .trailerBtn .fg {

	background: url('/img/trailerBtns_de.png');

}



.es .trailerBtn .fg {

	background: url('/img/trailerBtns_es.png');

}



.pt .trailerBtn .fg {

	background: url('/img/trailerBtns_pt.png');

}



#trailerBtnSmall {

	width:102px;

	height:100px;

	margin-top:-50px;

}



#trailerBtnSmall img {

	height:100%;

}



#trailerBtnSmall .fg {

	margin-left:9px;

	background-position: -346px -2px;

}



#trailerBtnSmall:hover .fg {

	background-position: -346px -104px;

}



#trailerBtn {

	width:169px;

	height:165px;

	margin-top: -85px;

}



#trailerBtn .fg {

	background-position: -2px -2px;

}



#trailerBtn:hover .fg {

	background-position: -174px -2px;

}



#trailer {

	background: #000;

	display:none;

}



#trailer .close {

	position: absolute;

	top: 0;

	right: 0;

}



#trailer .share {

	width:54px;

	height:54px;



	overflow: hidden;

	position: absolute;

	top:50%;

	margin-top: -27px;

	right:0;

}



#trailer .share .shareToggle {

	background-position: -114px -2px;

	position: absolute;

	z-index: 1;

}



#trailer .share:hover .shareToggle {

	background-position: -282px -2px;

}



#trailer .share .shareBtns {

	position: absolute;

	bottom:0;

	left:0;

	z-index: 0;

}



#trailer .share .shareBtns .facebook {

	background-position: -170px -2px

}



#trailer .share .shareBtns .facebook:hover {

	background-position: -226px -2px;

}



#trailer .share .shareBtns .twitter {

	background-position: -338px -2px;

}



#trailer .share .shareBtns .twitter:hover {

	background-position: -394px -2px;

}*/



#preload {

	background-color: #000;

	width: 100%;

	height:100%;

	z-index:99;

}



#preload img {

	position: absolute;

	top:50%;

	left:50%;

}



#preload .bg {

	margin-left: -325px;

	margin-top: -187px;

}



#preload .fire {

	margin-left: 166px;

	margin-top: -103px;

}



#preload .dots {

	margin-left: -86px;

	margin-top: 121px;

}



footer {

	/*padding:30px 0 90px 0;*/

	position: relative;

	/*background: #000 url('/img/footer/footer_bg.jpg');*/

	/*background: #000;*/

	overflow:hidden;

	height:467px;

}



/*footer .background {

	width: auto;

	z-index: -1;

}*/



footer .content {



	margin-left:75px;

	margin-right:70px;



}



footer .outer-content {

	position: absolute;

	margin-top: 30px;

	margin-bottom: 90px;

	width:100%;

}



footer li {

	float: left;

	text-align: left;

}



footer a,

footer a:visited {

	color: #4997da;

	/*text-decoration: underline;*/

	font-weight: 400;

	font-size: 11px;

}



footer a:hover {

	color: #6ABFFF;

}



footer p {

	color:#b3b3b3;

	font-weight: 300;

	font-size: 12px;

}



footer .logos li {

	margin: 19px 15px 23px 15px;

	vertical-align: middle;

}

footer .logos li:first-of-type {

	margin-left: 0;

}

footer .logos li:last-of-type {

	margin-right: 0;

}



footer .links li {

	/*width:97px;*/

	margin:19px 19px 17px 19px;

}



footer .links li:first-of-type {

	/*width:97px;*/

	margin:19px 19px 17px 0;

}



footer .hspacer {

	width: 825px;

}



footer .mm-legal p {

	margin: 13px 0;

	line-height: 20px;

}



footer .wb-legal {

	float:left;

	margin-top: 16px;

}



footer .wb-legal img {

	margin: 1px 9px 0 0;

}



footer .wb-legal p {

	line-height: 16px;

}



.footerScripts {

	position: absolute;

	height:0;

	overflow: hidden;

}


.agegatebody {
	overflow:hidden;
	position:absolute;
	min-height: 800px;
}

.agegate {

	max-width: 1422px;

	max-height: 890px;

	/*background: url('/img/agegate/bg.jpg') no-repeat;*/

	background-position: 50% 50%;

	margin:0 auto;

}

.agegate p {
	font-family: 'Titillium Web', sans-serif;

}



.agegate .blocker {

	position: absolute;

	top:0;

	left:0;

	width: 100%;

	height: 100%;

	z-index: 9999;

}

/*.agegate .topSpacer {
	height:135px;
}*/


.agegate .content{

	margin:0 0 0 0;

}



.agegate .enterBday{

	margin-top:0;

}



.agegate .bdayForm{

	width: 356px;

	margin-top: 0;

	margin-bottom: 0;

}

.agegate p, .agegate h1 {
	text-transform: uppercase;
}

.agegate .bdayForm p{

	font-size: 15px;

	font-weight: bold;

	text-align: center;



	margin-bottom: 5px;

}



/*.agegate .bdayForm input{

	font-size: 24px;

	text-align: center;

	text-transform: capitalize;

	width: 112px;

	height:59px;

	background: url('/img/agegate/fieldbgs.jpg') no-repeat;

	border:none;

	padding:0;

	color:#fff;

	line-height: 59px;

	display:block;

	border:none;

	outline:none;

	top:0;

}*/

.agegate .bdayForm select {
	width: 148px;
	/*height:38px;*/
}

/* AGE GATE DROPDOWN */
/*.agegate .chzn-container span {font-family: 'Titillium Web', sans-serif;}
.agegate .chzn-container-single.chzn-with-drop .chzn-single {background: transparent url(img/agegate/arrow.png) no-repeat right -38px !important;}
.agegate .chzn-container-single .chzn-single { height:28px; padding:10px 0 0 10px; text-align:left; -webkit-appearance: none; appearance:none; -moz-appearance:none; background: transparent url(img/agegate/arrow.png) no-repeat right top; }
.agegate .chzn-drop { width: 148px; background-color: #432021;}
.agegate .chzn-container .chzn-results li.highlighted { background-color: transparent; color: #FFF; background-image:none; background-color: #542D2C; }
.agegate .chzn-container .chzn-results li {padding:8px 6px !important;}
.agegate .jspTrack { background-color: #321718; }
.agegate .jspDrag { background-color: #542b2c;}
.agegate .jspVerticalBar {right:4px !important; width:15px !important;}
.agegate .chzn-container {
    width: 112px;
    color: #FFF;
    font-size: 13px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 112px;
    text-align: left;
    text-transform: uppercase;
}
.agegate .chzn-container * {
	color:#fff;
}
.agegate .chzn-container .chzn-drop {
    border: 0px;
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1;

}
.agegate .chzn-container.chzn-with-drop .chzn-drop {
    left: 0;
}*/
/* @end */

/* @group Single Chosen */
.agegate .chzn-container-single .chzn-single {

    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;

    text-decoration: none;

}
.agegate .chzn-container-single .chzn-default {
    color: #999;
}
.agegate .chzn-container-single .chzn-single span {

    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.agegate .chzn-container-single .chzn-single-with-deselect span {
    margin-right: 38px;
}
.agegate .chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
}
.agegate .chzn-container-single .chzn-single abbr:hover {
    background-position: -42px -10px;
}
.agegate .chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: -42px -10px;
}
.agegate .chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}
.agegate .chzn-container-single .chzn-single div b {
    background: url('chosen-sprite.png') no-repeat 0px 2px;
    display: block;
    width: 100%;
    height: 100%;
}
.agegate .chzn-container-single .chzn-search {
    display: none;
}
/* @group Results */
 .agegate .chzn-container .chzn-results {
    margin: 0 0px 0px 0;
    max-height: 226px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.agegate .chzn-container-multi .chzn-results {
    margin: 0;
    padding: 0;
}
.agegate .chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}
.agegate .chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item;
}
.agegate .chzn-container .chzn-results .disabled-result {
    color: #ccc;
    cursor: default;
    display: list-item;
}
.agegate .chzn-container .chzn-results .disabled-result em {
    background: transparent;
}
.agegate .chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}
.agegate .chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}
.agegate .chzn-container .chzn-results .highlighted em {
    background: transparent;
}
.agegate .chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}
.agegate .chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}
.agegate .chzn-container .chzn-results .group-option {
    padding-left: 15px;
}
.agegate .chzn-container-multi .chzn-drop .result-selected {
    color: #ccc;
    cursor: default;
    display: list-item;
}
.agegate .chzn-container-multi .chzn-drop .result-selected em {
    background: transparent;
}
.agegate .chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    /* This should by dynamic with js */
    z-index: 1;
}
.agegate .chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}
.agegate .chzn-container .chzn-results-scroll-down {
    bottom: 0;
}
.agegate .chzn-container .chzn-results-scroll-down span {
    background: url('chosen-sprite.png') no-repeat -4px -3px;
}
.agegate .chzn-container .chzn-results-scroll-up span {
    background: url('chosen-sprite.png') no-repeat -22px -3px;
}

/* jScroll */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.agegate .jspContainer
{
	overflow: hidden;
	position: relative;
}

.agegate .jspPane
{
	position: absolute;
}

.agegate .jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.agegate .jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.agegate .jspVerticalBar *,
.agegate .jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.agegate .jspCap
{
	display: none;
}

.agegate .jspHorizontalBar .jspCap
{
	float: left;
}

.agegate .jspTrack
{
	position: relative;
}

.agegate .jspDrag
{
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.agegate .jspHorizontalBar .jspTrack,
.agegate .jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.agegate .jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.agegate .jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.agegate .jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.agegate .jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.agegate .jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/*#month_chzn_o_0 {
    display: none;
}
#day_chzn_o_0 {
    display: none;
}
#year_chzn_o_0 {
    display: none;
}
#bdayForm .label td {
	width: 132px;
}
#monthtd {
	vertical-align: top;
	padding-right: 0px;
}
#daytd {
	vertical-align: top;
	padding-right: 24px;
}
#yeartd {
	vertical-align: top;
	padding-right: 0px;
}*/

.agegate h1 {
	text-align: center;
	font-size: 21px;
	color:#000;
}

/*.mobile .agegate .agegate-form-wrapper,*/
.agegate-form-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}

.mobile .agegate .agegate-form-wrapper {
  margin: 30px 0 0;
  width: 100%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait) {
  .mobile .agegate .agegate-form-wrapper {
    margin: 0;
  }
}

.agegate .enterBday-text {
  color: #FFF;
  font-family: 'Oswald', sans-serif;
  font-size: 21px;
  font-weight: Bold;
  text-transform: uppercase;
}



@media all and (orientation: portrait) {
  .mobile .agegate .enterBday-text,
  .tablet .agegate .enterBday-text {
    display: none;
  }
}


.agegate .enterBday-text-inside {
  color: #ffffff;
  display: none;
  font-family: 'Oswald', sans-serif;
  padding-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}

.mobile .agegate .enterBday-text-inside {
  display: block;
  font-size: 20px;
}
.tablet .agegate .enterBday-text-inside {
  display: block;
  font-size: 50px;
}

@media all and (orientation: landscape) {
  .tablet .agegate .enterBday-text-inside {
    display: none;
  }
}

.agegate .enterBday-text-inside::before {
  border-top: 2px solid #ffffff;
  content: "";
  color: white;
  display: inline-block;
  margin-left: -40px;
  margin-right: 10px;
  position: absolute;
  top: 12px;
  width: 30px;
}

.agegate .enterBday-text-inside::after {
  border-top: 2px solid #ffffff;
  content: "";
  color: white;
  display: inline-block;
  margin-left: 10px;
  position: absolute;
  top: 12px;
  width: 30px;
}

.tablet .agegate .enterBday-text-inside::before {
  border-top: 3px solid #ffffff;
  margin-left: -60px;
  width: 50px;
  top: 33px;
}

.tablet .agegate .enterBday-text-inside::after {
  border-top: 3px solid #ffffff;
  width: 50px;
  top: 33px;
}

.agegate .form-lang {
  background: #171717;
  margin: 0 auto 30px;
  padding: 20px 10px;
  width: 481px;
}

.mobile .form-lang {
  height: 220px;
}

.tablet .form-lang {
  height: 480px;
  width: 990px;
}

@media all and (orientation: landscape) {
  .tablet .form-lang {
    height: 266px;
    width: 498px;
  }
}

.agegate .bdayForm {
  width: 100% !important;
}

.agegate .bdayForm input {
  border-radius: 0 !important;
  color: #ffffff;
  display: inline-block;
  font-size: 50px;
  height: 122px;
  line-height: 70px;
  border: 1px solid #e22e2e;
}

.tablet .agegate .bdayForm input {
  font-size: 100px;
  line-height: 170px;
}

@media all and (orientation: landscape) {
  .tablet .agegate .bdayForm input {
    font-size: 50px;
    line-height: 70px;
  }
}

.agegate .bdayForm input::-webkit-input-placeholder {
   color: #ffffff;
}

.agegate .bdayForm input:-moz-placeholder { /* Firefox 18- */
   color: #ffffff;
}

.agegate .bdayForm input::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff;
}

.agegate .bdayForm input:-ms-input-placeholder {
   color: #ffffff;
}


.agegate .bdayForm input:focus {

  border: 1px solid #e22e2e;

	outline:none;

	top:0;

}


.agegate .bdayForm input.middle {
  margin: 0 20px;
}

.agegate .bdayForm input.double {
  width: 122px;
}

.tablet .bdayForm input.double {
  height: 250px;
  width: 250px;
}

@media all and (orientation: landscape) {
  .tablet .bdayForm input.double {
    height: 125px;
    width: 125px;
  }
}

.agegate .bdayForm input.quad {
  width: 160px;
}

.tablet .bdayForm input.quad {
  height: 250px;
  width: 330px;
}

@media all and (orientation: landscape) {
  .tablet .bdayForm input.quad {
    height: 125px;
    width: 165px;
  }
}

.agegate .langCurrent {
  display: inline-block;
  font-family: "Eurostile", sans-serif;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  left: 50%;
  margin-top: 20px;
  opacity: 1;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity 0.2s ease;
  text-transform: uppercase;
  z-index:10;
}

.agegate .langCurrent:hover {
  color: #ffffff;
}

.mobile .agegate .langCurrent {
  font-size: 16px;
}

.tablet .agegate .langcurrent {
  font-size: 23px;
}

.mobile .agegate .langCurrent .langLabel img {
  height: 20px;
  width: auto;
}

.agegate .langCurrent span {
  display: inline-block;
  vertical-align: middle;
}

.agegate .langCurrent span img {
  height: 30px;
}

.agegate .langCurrent span.lagname,
.agegate .langCurrent span.langname {
  margin-left: 5px;
}

.agegate .langCurrent span.lagname:after,
.agegate .langCurrent span.langname:after {
  background: url('../img/agegate/langdownarrow.png') no-repeat 0 0 transparent;
  background-size: 100%;
  content: "";
  display: inline-block;
  margin-left: 5px;
  height: 7px;
  width: 8px;
  vertical-align: middle;
}

.mobile .agegate .langCurrent span.lagname:after,
.mobile .agegate .langCurrent span.langname:after {
  height: 11px;
  width: 17px;
}

.agegate .langCurrent:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
}

.agegate .langCurrent.hidden {
  opacity: 0;
  z-index: -1;
}

.agegate .langSelect {

	margin-top: 20px;

	margin-bottom: 0;

}

.agegate .langSelect {
  height: 26px;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.agegate .langSelect.Open {
  height: auto;
  opacity: 1;
  z-index: 20;
}



.agegate .langSelect li {

  height: 0;
  overflow: hidden;
	display:inline-block;

	margin:0 11px;

}

.agegate .langSelect.Open li {
    height: auto;
}

.mobile .agegate .langSelect li a span img {
  height: 20px;
  width: auto;
}

.lt-ie8 .agegate .langSelect {

	width:400px;

}



.lt-ie8 .agegate .langSelect li{

	float:left;

}



.agegate .langSelect img {

	padding:2px;

}



.agegate .langSelect li a:hover img,

.agegate .langSelect li.selected a img {

	padding:0;

	border:2px solid #3f2021;

}



.agegate .enterBtn {

	width:165px;
	height:48px;

}



.agegate .enterBtn a .over {

	display:none;

}



.agegate .enterBtn a:hover .out {

	display:none;

}



.agegate .enterBtn a:hover .over {

	display:inline;

}

.agegate .enterBtnClip {
	/*padding-top:16px;*/
	height: 100%;
	background-color: #e22e2e;
}

.agegate .enterBtnClip p {

	position: relative;
	top:12px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}


.agegate .errors {



	margin-top:47px;

	height: 18px;

	margin-bottom: 120px;

	position: relative;

}




.agegate .errors * {

	font-size: 14px;

	color:#960000;

	position: absolute;

	top:0;

	left: 0;

	display:none;

	width: 100%;

}

.mobile .errors  * {
  font-size: 24px;
}


.agegate footer {

	position: static;

	width: 500px;

	margin:0 auto;

	height:auto;

}

.agegate footer {
  bottom: 40px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.mobile .agegate footer {
  width: 80%;
}

.agegate footer .systems {
  text-align: center;
}

.agegate footer .systems img {
  margin: 0 10px;
  vertical-align: middle;
}

.agegate footer .systems img::first-child {
  margin-left: 0;
}
.agegate footer .systems img::last-child {
  margin-right: 0;
}


.pt-br .agegate footer {

	width: 493px;

}



.lt-ie9 .agegate footer {

	width: 443px;

}



.lt-ie9 .pt-br .agegate footer {

	width: 523px;

}



.agegate footer .wb-legal p {

	color:#FFF;

  font-family: "Eurostile", sans-serif;
	font-size: 12px;

	font-weight: 300;

	text-transform:none;
	width: 465px;

}

.mobile .agegate footer p {
  width: 525px;
}

.agegate footer .wb-legal p span {
  color: #a7a7a7;
}

.agegate footer .studios {
  clear: both;
  padding-top: 20px;
  text-align: center;
}

.agegate footer .studios img {
  height: 40px;
  margin: 0 10px;
}

/* MOBILE styles
===================================================================== */

.ismobile header, body.ismobile
{
    min-width: 500px !important;
    width: 500px !important;
}

.ismobile .agegate
{
	max-height: none;
    max-width: none;
    width: 500px;
    overflow: hidden;
}

.ismobile #bdayForm { width: 100%; margin-bottom: 70px; }
.ismobile #bdayForm select { font-size: 22px; padding: 10px 15px; width: 140px; }
.ismobile #bdayForm table { margin: 0; width: 100%; margin-left: 15px; }

.ismobile .topSpacer { display: none; }

.ismobile .enterBday { margin-top: 115px; }
.ismobile .langSelect img { width: 50px; }

.ismobile .langSelect { width: 330px; margin-bottom: 60px; }
.ismobile .langSelect li { margin-bottom: 5px; }

.ismobile .agegate .enterBtn { height: 69px; width: 280px; }
.ismobile .agegate .enterBtnClip { }
.ismobile .agegate .enterBtnClip p { font-size: 28px; }



.istablet header, body.istablet
{
    min-width: 768px !important;
    width: 768px !important;
}

.istablet .agegate
{
	max-height: none;
    max-width: none;
    width: 768px;
    overflow: hidden;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
{
	.agegate .topSpacer { display: none; }

	/*.agegate .bdayForm { margin-bottom: 50px; }*/

	.agegate .langSelect { margin-bottom: 40px; }
	/*.agegate .enterBday { margin-top: 50px; }*/
}

@media all and (max-width: 700px) {
  header, body {
    min-width: 100% !important;
    width: 100% !important;
  }

  .agegate {
    padding: 0 30px;
  }

  .agegate .topSpacer {
    height: 0;
  }

  .agegate .bdayForm {
    width: 100%;
  }

  .agegate .bdayForm table {
    width: 100%;
    margin: auto;
  }

  .agegate .bdayForm select {
    width: 90%;
  }

  .agegate .langSelect {
    margin-bottom: 50px;
  }
}

.tablet .agegate .enterBtn,
.mobile .agegate .enterBtn {
  font-size: 36px;
  height: 100px;
  line-height: 100px;
  width: 395px;
}

.tablet .agegate .enterBtnClip p,
.mobile .agegate .enterBtnClip p {
  font-size: 36px;
  top: 0;
}

.ageFailOverlay {
  background: #1A1A1A;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
}

body.ageFail .ageFailOverlay {
  display: block;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
/*and (orientation : portrait)*/
{

  .langSelect .langLabel .flag {
    height: 30px;
  }

  .agegate .langCurrent {
    font-size: 20px;
    line-height: 20px;
  }

  .agegate .langCurrent span.lagname,
  .agegate .langCurrent span.langname {
    margin-left: 15px;
  }

  .agegate .langCurrent span.lagname:after,
  .agegate .langCurrent span.langname:after {
    background-size: auto 100%;
  }

  .agegate .langSelect,
  .agegate .langCurrent {
    margin-top: 40px;
  }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
{

  .tablet .form-lang {
    height: 256px;
  }
  .agegate .langSelect,
  .agegate .langCurrent {
    margin-top: 30px;
  }
  .agegate .langSelect li {
    margin: 0 5px;
  }

  .tablet .agegate .enterBtn {
    font-size: 20px;
    height: 55px;
    line-height: 55px;
    width: 235px;
  }
  .tablet .agegate .enterBtnClip p {
    font-size: 22px;
  }
}