/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040}#fancybox-loading div{width:44px;height:44px;background:url(fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;text-decoration:none;background:url(blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(fancybox_loading@2x.gif);background-size:24px 24px}}

/* FC PRIMAL CSS */

* {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

html,body {
	height: 100%;	
}

@font-face {
	font-family: 'TradeGothicLT';
	src: url('TradeGothicLT-Bold.eot');
	src: url('TradeGothicLT-Bold.eot?#iefix') format('embedded-opentype'),
		url('TradeGothicLT-Bold.woff') format('woff'),
		url('TradeGothicLT-Bold.ttf')  format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'DINNextW1G';
	src: url('DINNextW1G-Regular.eot');
	src: url('DINNextW1G-Regular.eot?#iefix') format('embedded-opentype'),
		url('DINNextW1G-Regular.woff') format('woff'),
		url('DINNextW1G-Regular.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINNextW1G';
	src: url('DINNextW1G-MediumItalic.eot');
	src: url('DINNextW1G-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('DINNextW1G-MediumItalic.woff') format('woff'),
		url('DINNextW1G-MediumItalic.ttf')  format('truetype');
	font-weight: 500;
	font-style: italic;
}

body {
	background-color: black;
	color:white;
	font-family: "DINNextW1G", sans-serif;
	font-weight: normal;
	line-height: 1;
}

img, video {
	height: auto;
    max-width: 100%;
}

#main {
	position: relative;
}

.row_ubibar {
	position: fixed;
	z-index: 100;
}

.row_header {
	position: fixed;
	top:45px;
	background: transparent url("bg-header-small.png") center top repeat-x;
	z-index: 20;
}

.c_header {
	height: 175px;
}

.header_preorder {
	position: absolute;
	top: 8px;
	left: 32px;
	text-align: center;
	text-transform: uppercase;
	font-size: 26px;
}

.header_preorder img {
	width: 77px;
	float:left;
}

.header_preorder a {
	display: block;
	height: 116px;
	padding: 30px 27px 0 10px;
	background: transparent url("bg-pre-order-top.png") top right no-repeat;
	color:black;
	margin: 0 0 0 77px;
}

.header_preorder a:hover {
	background-position: right -116px;
	color: white;
}

.header_preorder a span {
	display: block;
	color: white;
	font-size: 20px;
}

.header_preorder a:hover span {
	color: #d98c30;
}

#fc-preorder-mobile {
	display: none;
}

.header_logo {
	text-align: center;
}

.header_logo img {
	margin-top: 20px;
}

#fc-btn-nav-mobile {
	display: none;
}
#fc-nav-mobile {
	width: 90%;
	max-width: 400px;
    position: fixed;
    background-color: #292929;
    padding: 0 35px;
    line-height: 1;
    overflow-y: auto;
    bottom: 0;
    top: 0;
    padding-top: 115px;
    z-index: 15;

    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#fc-nav-mobile > ul {
	width: 100%;
}
#fc-nav-mobile > ul > li > a {
	color: white;
	font-size: 28px;
	padding: 30px 0;
	text-transform: uppercase;
	display: block;
	cursor: pointer;
	background: url("ico-border.png") top left no-repeat !important;
}
#fc-nav-mobile > ul > li:first-child > a {
	background: none !important;
}
#fc-nav-mobile > ul .social {
	display: block;
	background: url("ico-border.png") top left no-repeat !important;
	padding: 15px 0;
}
#fc-nav-mobile > ul .social a {
	margin: 30px 25px;
}
#fc-nav-mobile > ul .social a.forums {
	background: url("ico-forums-w.png") top center no-repeat;
}
#fc-nav-mobile > ul .social a.twitter {
	background: url("ico-twitter-w.png") top center no-repeat;
}
#fc-nav-mobile > ul .social a.facebook {
	background: url("ico-facebook-w.png") top center no-repeat;
}
#fc-nav-mobile > ul .social a.vk {
	background: url("ico-vk-w.png") top center no-repeat;
}
#fc-nav-mobile > ul .social a.google {
	background: url("ico-google-w.png") top center no-repeat;
}
#fc-nav-mobile > ul .social a.reddit {
	background: url("ico-reddit-w.png") top center no-repeat;
}
#fc-nav-mobile > ul .social a.youtube {
	background: url("ico-youtube-w.png") top center no-repeat;
}

/* ==MENU */

.header_menu_full {
	float: right;
	text-align: left;
	font-size: 25px;
	text-transform: uppercase;
	margin-top: 60px;
}

.header_menu li > a, .header_menu li > div {
	display: block;
	float:right;
	clear: both;
	width:70px;
	height: 70px;
	padding: 25px 0 0 70px;
	margin-bottom: 8px;
	background: transparent url("bg-menu.png") top left no-repeat;
	color: white;
	-webkit-transition: width 0.5s ease-in-out; /* Safari */
    transition: width 0.5s ease-in-out;
    white-space: nowrap;
    cursor: pointer;
}
.header_menu li > div {
	padding-top: 0;
}

.header_menu li > a:hover, .header_menu li > div:hover {
	background-position: -500px 0;
	/* padding-right: 25px; */ /* Restore if animations removed */
}

.header_menu .menu_media a {
	background-position: 0 -70px!important;
}

.header_menu .menu_news a {
	background-position: 0 -140px!important;
}

.header_menu .menu_shop a {
	background-position: 0 -210px!important;
}

.header_menu .menu_social div.social {
	background-position: 0 -280px!important;
}

.header_menu .menu_locales a {
	background-position: 0 -350px!important;
}

.header_menu .menu_media a:hover {
	background-position: -500px -70px!important;
}

.header_menu .menu_news a:hover {
	background-position: -500px -140px!important;
}

.header_menu .menu_shop a:hover {
	background-position: -500px -210px!important;
}

.header_menu .menu_social div.social:hover {
	background-position: -500px -280px!important;
}

.header_menu .menu_locales a:hover {
	background-position: -500px -350px!important;
}

.header_menu .menu_cavebnb a {
	background-position: 0 -420px !important;
}
.header_menu .menu_cavebnb a:hover {
	background-position: -500px -420px !important;
}

.header_menu .menu_hub a {
	background-position: 0 -490px !important;
}
.header_menu .menu_hub a:hover {
	background-position: -500px -490px !important;
	width: 150px; /* May need to be updated for localizations */
}

.header_menu .menu_challenges a {
	background-position: 0 -560px !important;
}
.header_menu .menu_challenges a:hover {
	background-position: -500px -560px !important;
	width: 250px; /* May need to be updated for localizations */
}



.social a {
	height: 34px;
	display: inline-block;
	margin: 20px 12px;
}
.social a:hover {
	cursor: pointer;
}

.social a.forums {
	width: 40px;
	background: url("ico-forums.png") top center no-repeat;
}
.social a.forums:hover {
	background: url("ico-forums-w.png") top center no-repeat;
}

.social a.twitter {
	width: 40px;
	background: url("ico-twitter.png") top center no-repeat;
}
.social a.twitter:hover {
	background: url("ico-twitter-w.png") top center no-repeat;
}

.social a.facebook {
	width: 17px;
	background: url("ico-facebook.png") top center no-repeat;
}
.social a.facebook:hover {
	background: url("ico-facebook-w.png") top center no-repeat;
}

.social a.vk {
	width: 50px;
	background: url("ico-vk.png") top center no-repeat;
}
.social a.vk:hover {
	background: url("ico-vk-w.png") top center no-repeat;
}

.social a.google {
	width: 30px;
	background: url("ico-google.png") top center no-repeat;
}
.social a.google:hover {
	background: url("ico-google-w.png") top center no-repeat;
}

.social a.reddit {
	width: 40px;
	background: url("ico-reddit.png") top center no-repeat;
	
}
.social a.reddit:hover {
	background: url("ico-reddit-w.png") top center no-repeat;
}

.social a.youtube {
	width: 34px;
	background: url("ico-youtube.png") top center no-repeat;
}
.social a.youtube:hover {
	background: url("ico-youtube-w.png") top center no-repeat;
}

/* ==MENU END */

/* ==LOCALIZATIONS */

.header_locales_social_buttons {
	display: none;
}
#fc-locales .header_locales_social_buttons {
	display: block;
}
#fc-locales {
	width: 800px;
	height: auto;
	display: none;
}
.fc-fancybox-locales .fancybox-skin {
	background: black;
	border: 1px white solid;
	border-radius: none;
}
.region-col {
    width: 46%;
    float: left;
    background: black;
    margin: 0 2%;
}

.region-col h3 {
	color:#dc8d1f;
	text-transform: uppercase;
	margin: 15px 0 20px 0;
	font-size: 17px;
}

#lang-selection .countries a,
#lang-selection .current a {
	display: block;
	padding: 10px;
	font-size: 15px;
	color:white;
}

#lang-selection .arrow {
	display: none;
}

#lang-selection .countries a:hover,
#lang-selection .current a:hover {
	text-decoration: none;
	background: #dc8d1f;
	color:white;
}

#lang-selection .countries li a span,
#lang-selection .current a span {
    display: inline-block;
    margin: 0 10px 0 0;
}
#lang-selection .current span, #lang-selection .countries span {
    background-image: url("R6_flags.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    line-height: 14px;
    width: 16px;
}
#lang-selection .flag-australia {
    background-position: 0 0;
}
#lang-selection .flag-uk {
    background-position: 0 -13px;
}
#lang-selection .flag-brazil {
    background-position: 0 -26px;
}
#lang-selection .flag-us {
    background-position: 0 -39px;
}
#lang-selection .flag-canada {
    background-position: 0 -52px;
}
#lang-selection .flag-norway {
    background-position: 0 -65px;
}
#lang-selection .flag-sweden {
    background-position: 0 -78px;
}
#lang-selection .flag-finland {
    background-position: 0 -91px;
}
#lang-selection .flag-germany {
    background-position: 0 -104px;
}
#lang-selection .flag-denmark {
    background-position: 0 -117px;
}
#lang-selection .flag-algeria {
    background-position: 0 -130px;
}
#lang-selection .flag-spain {
    background-position: 0 -143px;
}
#lang-selection .flag-mexico {
    background-position: 0 -156px;
}
#lang-selection .flag-netherlands {
    background-position: 0 -169px;
}
#lang-selection .flag-russia {
    background-position: 0 -182px;
}
#lang-selection .flag-austria {
    background-position: 0 -195px;
}
#lang-selection .flag-italy {
    background-position: 0 -208px;
}
#lang-selection .flag-switzerland {
    background-position: 0 -221px;
}
#lang-selection .flag-morocco {
    background-position: 0 -234px;
}
#lang-selection .flag-japan {
    background-position: 0 -247px;
}
#lang-selection .flag-poland {
    background-position: 0 -260px;
}
#lang-selection .flag-france {
    background-position: 0 -273px;
}
#lang-selection .flag-belgium {
    background-position: 0 -286px;
}

/* ==LOCALIZATIONS END */

/* ==MISC */

.scrolldown a {
	display: block;
	background: transparent url("fc-arrow-down.png") top left no-repeat;
	width: 67px;
	height: 67px;
	margin: 0 auto;
	overflow: hidden;
}

/* ==MISC END */

/* ==FOOTER */

.row_adserver {
	background: black;
	position: relative;
	padding: 15px 0;
	text-align: center;
}

.row_footer {
	width: 60%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
	line-height: 1.3;
	background: black;
	position: relative;
}

div.footer {
    left: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: auto;
}

div.footer p.legal {
    color: #999;
    font-size: 13px;
    line-height: 24px;
    padding-top: 10px;
    text-align: center;
}

div.footer p.legal a {
	margin: 0 20px;
}

.footer-items {
	display: table;
	width: 70%;
	margin: 30px auto;
}

.footer-item {
	display: table-cell!important;
	vertical-align: middle;
}

.promotion.uplay {
	text-align: right;
}

/* ==FOOTER END */

/* ==MEDIA QUERIES */

@media screen and (max-width: 1279px) {
	
	.scrolldown {
		display: none;
	}
	
	.row_footer {
		width: 80%;
	}
	
	.header_preorder {
		left: 0;
		top:127px;
	}
	.header_preorder img {
		display: none;
	}
	.header_preorder a {
		margin-left: 0;
	}
	
}

@media screen and (max-width: 727px) {
  	
  	.c_header {
		height: auto;
	}
	
	.row_header {
		background: transparent url("header-responsive-2.png") top center repeat-x;
		height: 65px;
	}
	
	.header_logo img {
		margin-top: 5px;
		height:50px;
	}
  	
  	.header_preorder {
		display: none;
	}
  	
	.header_preorder,
	.header_menu_full {
		display: none; /* removed in mobile */
  	}
  	
  	/****************
  		NAV MOBILE
  	*****************/
  	#fc-btn-nav-mobile {
  		width: 50px;
  		height: 50px;
		position: absolute;
		top: 6px;
		left: 10px;
		display: block;
		background: transparent url("ico-hamburger-w.png") top center no-repeat;
		cursor: pointer;
	}
	#fc-btn-nav-mobile.open {
		background: transparent url("ico-close-w.png") top center no-repeat;
	}
	#fc-nav-mobile.open {
	    transform: translateX(0);
	    -webkit-transform: translateX(0);
	}
	/***/
  	
  	#fc-preorder-mobile {
		display: block;
		cursor: pointer;
	}
	#fc-preorder-mobile img {
		display: none;
	}
	#fc-preorder-mobile a {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 6px;
		right: 10px;
		display: block;
		background: transparent url("ico-preorder-test.png") top center no-repeat;
	}
  
  	.row_footer {
		width: 90%;
	}
	
	.footer-items {
		width: 100%;
	}
	
	div.footer-item {
		width:auto;
	}
	
	.footer-item img {
		width:80%;
	}
	
	.region-col {
	    width: 96%;
	}
	
}
