@charset "utf-8";

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*! prevent user selection */
::-moz-selection	{ color:#e19f28;  background:transparent; }
::selection     	{ color:#e19f28;  background:transparent; }


/***********************************************************************
	GENERIC
***********************************************************************/
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
*:before,
*:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

body		{ font-size:20px; line-height:20px; font-family:"DINNextW01-CondensedReg"; color:#000; }

a			{ outline:0; }
a:focus		{ outline:0; }
a			{ color:#fff; text-decoration:none; }
a:visited	{ color:#fff; text-decoration:none; }
a:hover		{ color:#fff; text-decoration:none; }
a:active	{ color:#fff; text-decoration:none; }
a           { transition-property:all; transition-duration:150ms; transition-timing-function:ease-in; }

h1, h2, h3, h4, h5	{ margin:0; padding:0; font-weight:normal; color:#000; text-transform:uppercase;  }
/*h1					{ font-size:3.2vw; line-height:1em; border-bottom:2px solid #fff; }
h2					{ padding:10px; font-size:2vw; line-height:0.6em; }
h2 span				{ display:inline-block; padding:5px 0 0 0; }
h3					{ font-size:3rem; line-height:0.75em; }
h4					{ font-size:2.5rem; line-height:1em; }
h5					{ font-size:2rem; line-height:1em; }
*/
ul, ol			{ margin:0; padding:0; }
li				{ list-style:none; }
p				{ margin:0;/*text-shadow:0 0 1px rgba(50, 50, 50, 0.5);*/ }

.grw-btn		{ display:inline-block; margin:20px; padding:5px; width:370px; height:60px; color:#000; font-size:26px; line-height:55px; background:url('grw_btn_yellow.png') 50% 50% no-repeat; text-transform:uppercase; text-align:center; }
.grw-btn span		{ display:inline-block; line-height:30px; vertical-align:middle; }


/***********************************************************************
    HTML/BODY (overflow/scroll)
***********************************************************************/
html                { overflow-x: hidden !important; overflow-y: scroll !important; }
.nicescroll-rails   { visibility:hidden; }

/***********************************************************************
    LOADING (BEFORE/AFTER)
***********************************************************************/
body.loaded     { }
.loading body       { background-color:#fff; }
.loading #main      { visibility: hidden !important; }
#main > div         { visibility: hidden !important; display:none; }
.loaded #main       { visibility: visible !important; }
.loaded #main > div { visibility: visible !important; display:block; }
.loaded html        { overflow:auto; }
.loaded body        { overflow:auto; /*overflow:hidden;*/ }

/***********************************************************************
    LOADER
***********************************************************************/
#loader             { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; opacity:1; cursor:wait; pointer-events:none; transition:opacity 0.25s ease-in-out 0.25s; }
#loader             { background:#fff; background:rgba(0,0,0,0.1); }
#loader2.content    { top:350px; }



/***********************************************************************
    MAIN
***********************************************************************/
#debug      { display:none; }
.row_ubibar	{ display:none !important; }
.row_ubibar { /*position:fixed; z-index:10000; left:0; top:0; width:100%;*/ }


/***********************************************************************
	HEADER
***********************************************************************/
.row_header			{ position:fixed; z-index:9000; top:45px; top:0; left:0; width:100%; height:70px; background-color:#fff; }
.c_logo			{ float:left; height:70px; }
.c_logo_header		{}
.c_logo_header a	{ display:block; margin:10px; width:210px; height:50px; background:url('grw_logo.png') 50% 50% no-repeat; text-indent:-9999px; }

/***********************************************************************
    NAV
***********************************************************************/
.togglenav          		{ position:fixed; z-index:2000; top:45px; top:0; left:0; margin:0; width:70px; height:70px; cursor:pointer; background-color:rgba(255,103,0, 0.5); background-color:#e19f28; opacity:0; display:none; }
.togglenav:active           { background-color:#e19f28; }
/*
.r-tablet .togglenav,
.r-mobile */.togglenav		{/* position:fixed; top:0; display:block; top:0 !important; opacity:1;*/ -webkit-transition:opacity 0.5s ease; -webkit-transition-delay:0.5s; transition:all 0.5s ease; transition-delay:0.5s; }
.togglenav a				{ display:block; height:70px; background: url('grw_m_togglenav.png') 50% 50% no-repeat; }

.AspNet-Menu-Horizontal		{ margin:0 0 0 210px; height:70px; }
.grw_nav					{ font-size:0; }
.grw_nav li					{ position:relative; display:inline-block; margin:0; padding:0; height:70px; font-size:1.1vw; line-height:70px; text-transform:uppercase; }
.grw_nav li a				{ display:block; padding:0 0.9vw; color:#000; }
.grw_nav li a:hover			{ color:#e19f28; }
.grw_nav li.selected > a	{ background:#e19f28; color:#000; cursor:default; }
.grw_nav li.selected a:hover{ color:#000; }
.grw_nav li.grw_menu_beta-registration a { color: #e19f28; font-weight: bolder; }
.grw_nav li.grw_menu_beta-registration.selected a { color: #000; font-weight: bolder; }

/*--------------------|   HIDDEN ITEMS   |--------------------*/
.grw_nav li.grw_menu_home       { display:none; }
.grw_nav li.grw_menu_support    { display:none; }
.grw_nav li.grw_menu_redeem     {/* display:none;*/}
.grw_nav li.grw_menu_beta-registration     { /*display:none;*/}
.grw_nav li.grw_menu_g2w        { display:none; }

.grw_nav li.grw_menu_techtest        { display:none !important; }
.grw_nav li.grw_menu_techtest.visible{ display:inline-block !important; }



/***********************************************************************
    CONTENT: LOADING/LOADED
***********************************************************************/
#contents.loading>div       { visibility:hidden; }
#contents                   { margin:0 auto; padding:0; /*min-height:520px; overflow:hidden;*/ background:#fff; }
#contents                   { position:relative; z-index:1; }

#contents>div       {
    opacity: 1;
    -webkit-transition: opacity 0.5s linear 0s;
    transition: opacity 0.5s linear 0s;
}

.unload #contents {}
.unload #contents>div {
    -webkit-transition: filter 0.5s linear 0s, opacity 0.5s linear 0s;
    transition: filter 0.5s linear 0s, opacity 0.5s linear 0s;
    opacity: 0;
}
.popstate #contents>div {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0;
    -webkit-transition: filter 0.25s linear 0s, opacity 0.25s linear;
    transition: filter 0.25s linear 0s, opacity 0.25s linear;
}
#contents>div       {}

#contents>div.keep {
    opacity:1 !important;
}

/***********************************************************************
    CONTENT: BACKGROUNDS
***********************************************************************/
#contents                   { background:url('grw_bg_01.jpg') 50% 0 no-repeat; background-size:100% auto; background-attachment:fixed; }
.grw_home #contents         { margin-top:0; background:none; }
.grw_preorder #contents     { background:url('grw_bg_01.jpg') 50% 0 no-repeat; background-size:100% auto; background-attachment:fixed; }
.grw_news #contents         { background:url('grw_bg_03.jpg') 50% 0 no-repeat; background-size:100% auto; background-attachment:fixed; }
.grw_news_detail #contents  { background:url('grw_bg_03.jpg') 50% 0 no-repeat; background-size:100% auto; background-attachment:fixed; }
.grw_media #contents        { background:url('grw_bg_02.jpg') 50% 0 no-repeat; background-size:100% auto; background-attachment:fixed; }


/***********************************************************************
    TOPBOX
***********************************************************************/
#topbox                     { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9) url('grw_topbox_spinner.gif') 50% 50% no-repeat; }
#topbox .topbox-close       { position:absolute; z-index:2; top:0; right:0; margin:3% 3% 0 0; width:60px; height:60px; cursor:pointer; background:rgba(0,0,0,0.75) url('grw_topbox_close_white.png') 50% 50% no-repeat; }
#topbox-brand               { position:absolute; z-index:10; top:0; left:0; margin:3% 0 0 3%; width:210px; height:50px; background:url('grw_topbox_logo.png') 50% 50% no-repeat; display:none; }
#topbox-layer               { position:relative; z-index:1; width:100%; height:100%; overflow:hidden; }
#topbox-layer iframe        { position:relative; z-index:1; width:100%; height:100%; }
#topbox.topbox-video                { z-index:10001; background:#000 url('grw_topbox_spinner.gif') 50% 50% no-repeat; }
#topbox.topbox-video #topbox-brand  { display:none; }
#topbox.topbox-video .topbox-close  { background-color:#000; }
#topbox h4			{ font-size:60px; line-height:60px; }
#topbox h5			{ font-size:40px; line-height:40px; }

/*/
#topbox .topbox-layer       { opacity:0; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; transition:opacity 1s; }
#topbox.open .topbox-layer  { opacity:1; -webkit-transition:opacity 1s ease 0.5s; -moz-transition:opacity 1s ease 0.5s; transition:opacity 1s ease 0.5s; }
/**/


/***********************************************************************
    LOGIN
***********************************************************************/
/*.c_login				            { display:none!important; }*/
.c_login				            { float:right; margin:0; width:360px; height:70px; }
/*
.header_login				        { float:right; margin:0; width:340px; height:70px; }
*/

/*--------------------|   NOT LOGGED   |--------------------*/
.header_login .notlogged                { float:right; width:360px; height:70px; line-height:70px; background:#fff; color:#000; }
.header_login a.login-link              { display:block; padding:0 20px; font-size:40px; text-align:right; text-transform:uppercase; text-decoration:none; color:#000; transition:none; }
.header_login a.login-link span		    { display:block; float:right; margin:11px 15px 19px 10px; width:40px; height:40px; background:url('grw_ico_login.png') -40px 0 no-repeat; }
.header_login a.login-link:hover        { color:#e19f28; }
.header_login a.login-link:hover span   { color:#e19f28; background-position:0 0; }


/*--------------------|   LOGGED   |--------------------*/
.header_login .logged		            { float:right; width:360px; height:70px; line-height:70px; background:#e19f28; color:#000; }
.header_login .logged .avatar           { display:block; overflow:hidden; float:left; width:70px; height:70px; background:rgba(0,0,0, 0.8) url('default_avatar.png') 50% 100% no-repeat; background-size:cover; }
.header_login .logged .avatar img       { display:none; width:70px; }
.header_login .logged .avatar.loaded    { background:rgba(0,0,0, 0.8); }
.header_login .logged .avatar.loaded img{ display:block; }
.header_login .logged p		            { margin:0; color:#000; text-align:left; }
.header_login .logged p	a	            { color:#000; font-size:1.4rem; text-decoration:underline; }

.header_login .logged .infos			{ float:left; padding:0 10px; width:calc(100% - 140px); height:70px; }
.header_login .logged .infos p			{ }
.header_login .logged .infos .username      { height:20px; font-size:1.6rem; line-height:50px; }
.header_login .logged .infos .account-link  { height:20px; line-height:20px; }

.header_login .logged .icon             { float:right; width:70px; height:70px; }
.header_login a.logout-link             { display:block; overflow:hidden; text-indent:-9999px; transition:none; }
.header_login a.logout-link span        { display:block; float:right; margin:15px 15px 15px 10px; width:40px; height:40px; background:url('grw_ico_login.png') -40px -40px no-repeat; }

.header_login a.logout-link:hover       { color:#e19f28; background-color:#000; }
.header_login a.logout-link:hover span  { color:#e19f28; background-position:0 -40px; }


/***********************************************************************
    SOCIAL
***********************************************************************/
.row_social			{ position:fixed; z-index:5000; top:115px; top:70px; left:0; width:100%; height:1px; }

/*---| SHARING & REGISTER |-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.c_sharing								{ margin:2px 0; overflow:hidden; }
.header_link_buttons					{ float:left; margin:0 0 0 -30px; padding:0 30px; background-color:#242424; }
.header_link_buttons ul				{ font-size:0; overflow:hidden; }
.header_link_buttons ul li			{ display:inline-block; float:left; padding:0; margin:0; width:40px; height:40px; }
.header_link_buttons ul li a			{ display:block; height:40px; line-height:40px; text-indent:-9999px; background:url('grw_header_sharing_ico.png') 0 0 no-repeat; }
.header_link_buttons ul li a:hover	{ text-decoration:none; opacity:0.75; }

.header_link_buttons ul a.link-fb		{ background-position:0 0; }
.header_link_buttons ul a.link-tw		{ background-position:-40px 0; }
.header_link_buttons ul a.link-yt		{ background-position:-120px 0; }
.header_link_buttons ul a.link-forums	{ background-position:-240px 0; }
.header_link_buttons ul a.link-reddit	{ background-position:-200px 0; }
.header_link_buttons ul a.link-twitch	{ background-position:-160px 0; }
.header_link_buttons ul a.link-vk	{ background-position:-280px 0; }
.header_link_buttons ul a.link-instagram	{ background-position:-320px 0; }

.header_register	{ float:left; margin:0 2px; padding:0 20px; height:40px; background-color:#e19f28; }
.header_register a	{ display:inline-block; padding:0 10px; line-height:40px; font-size:20px; color:#000; text-transform:uppercase; }
.header_register a:hover	{ color:#fff; }

.header_link_buttons,
.header_register		{ transform:skew(-55deg, 0deg); -webkit-transform:skew(-55deg, 0deg); -moz-transform:skew(-55deg, 0deg); -o-transform:skew(-55deg, 0deg); -ms-transform:skew(-55deg, 0deg); }
.header_link_buttons ul,
.header_register a		{ transform:skew(55deg, 0deg); -webkit-transform:skew(55deg, 0deg); -moz-transform:skew(55deg, 0deg); -o-transform:skew(55deg, 0deg); -ms-transform:skew(55deg, 0deg); }


/*---| AVAILABILITY |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.c_cta_preorder         { float:right; margin:2px -60px 2px 0; }

.cta-preorder			{ margin:0; padding:0 60px 0 0; width:360px; height:80px; background-color:#e19f28; }
.cta-preorder a 		{ display:block; padding:8px 120px 2px 0; line-height:35px; font-size:40px; color:#fff; text-align:right; text-transform:uppercase; background:url('grw_header_packshots.png') 100% -5px no-repeat; }
.cta-preorder a span	{ display:block; }
.cta-preorder a:hover	{ color:#000; }

.cta-availability			{ margin:2px 0 2px 102px; padding:0 60px 0 25px; width:260px; height:60px; background-color:#242424; }
.cta-availability p			{ padding:8px 0 2px 0; font-size:20px; line-height:20px; color:#fff; text-transform:uppercase; text-align:center; }
.cta-availability p	span	{ display:block; font-size:30px; line-height:30px; }

.cta-preorder		    { transform:skew(55deg, 0deg); -webkit-transform:skew(55deg, 0deg); -moz-transform:skew(55deg, 0deg); -o-transform:skew(55deg, 0deg); -ms-transform:skew(55deg, 0deg); }
.cta-preorder a		    { transform:skew(-55deg, 0deg); -webkit-transform:skew(-55deg, 0deg); -moz-transform:skew(-55deg, 0deg); -o-transform:skew(-55deg, 0deg); -ms-transform:skew(-55deg, 0deg); }
.cta-availability		{ transform:skew(55deg, 0deg); -webkit-transform:skew(55deg, 0deg); -moz-transform:skew(55deg, 0deg); -o-transform:skew(55deg, 0deg); -ms-transform:skew(55deg, 0deg); }
.cta-availability p		{ transform:skew(-55deg, 0deg); -webkit-transform:skew(-55deg, 0deg); -moz-transform:skew(-55deg, 0deg); -o-transform:skew(-55deg, 0deg); -ms-transform:skew(-55deg, 0deg); }



/***********************************************************************
    GENERIC STYLES
***********************************************************************/
.content_title          { margin:25px auto 80px auto; height:80px; }
.content_title h2       { width:100%; height:190px; line-height:120px; font-size:60px; text-align:center; pointer-events:none; }
.content_title h2 span  { display:inline-block; line-height:60px; padding:15px 20px 5px 20px; background-color:rgba(255,255,255,00); border:2px solid #fff; vertical-align:middle; color:#fff; }


/***********************************************************************
    STICKY NAV
***********************************************************************/
.row_sticky_nav			{ position:fixed; z-index:2000; top:70px; right:0; width:1px; height:100vh; }

.sticky-nav				{ display:table; position:fixed; z-index:1; right:0; top:70px; height:100vh; }

.sticky-nav:before      { content:""; display:block; position:absolute; z-index:-1; top:0; right:0; width:100%; height:100%; background:url('grw_sticky-nav_overlay-white.png') repeat-y 0 0; pointer-events:none; opacity:0; }
.sticky-nav:before {
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:0.6s all ease-in-out 0.6s;
    -moz-transition:0.6s all ease-in-out 0.6s;
    transition:0.6s all ease-in-out 0.6s;
}

.sticky-nav ul 			{ position:relative; /*height:calc(50px * 5);*/ display:table-cell; vertical-align:middle; }
.sticky-nav ul li:first-child:after	{ content:"MENU"; display:block; position:absolute; z-index:-1; top:-30px; right:0; width:60px; color:#fff; font-size:16px; text-align:center; }
.sticky-nav ul li 		{ position:relative; margin:5px 0; padding:0 60px 0 0; height:40px; line-height:40px; text-align:right; cursor:pointer; }
.sticky-nav ul li {
    -webkit-transition:0.3s all ease-in-out;
    -moz-transition:0.3s all ease-in-out;
    transition:0.3s all ease-in-out;
}
.sticky-nav ul li a     { display:block; position:absolute; left:auto; right:60px; width:100px; height:40px; line-height:40px; color:#fff; font-size:20px; /*font-family:bordademibold, bordamedium, bordaregular, Arial;*/ text-transform:uppercase; opacity:0; pointer-events:none; }
.sticky-nav ul li a     {
    -webkit-transform:translateX(-50px);
    -moz-transform:translateX(-50px);
    transform:translateX(-50px);
}
.sticky-nav ul li a {
    -webkit-transition:0.3s transform ease-in-out, 0.3s opacity ease-in-out;
    -moz-transition:0.3s transform ease-in-out, 0.3s opacity ease-in-out;
    transition:0.3s transform ease-in-out, 0.3s opacity ease-in-out;
}

.sticky-nav ul li a span			{ display:inline-block; line-height:20px; text-shadow:0 0 5px black; vertical-align:middle; }

.sticky-nav ul li:nth-of-type(1) a  { -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; transition-delay:0.1s; }
.sticky-nav ul li:nth-of-type(2) a	{ -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; transition-delay:0.2s; }
.sticky-nav ul li:nth-of-type(3) a	{ -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; transition-delay:0.3s; }
.sticky-nav ul li:nth-of-type(4) a	{ -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; transition-delay:0.4s; }
.sticky-nav ul li:nth-of-type(5) a  { -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s; }
.sticky-nav ul li:nth-of-type(6) a  { -webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; transition-delay:0.6s; }
.sticky-nav ul li:nth-of-type(7) a  { -webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; transition-delay:0.7s; }
.sticky-nav ul li:nth-of-type(8) a  { -webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; transition-delay:0.8s; }
.sticky-nav ul li:nth-of-type(9) a	{ -webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; transition-delay:0.9s; }
.sticky-nav ul li:hover a,
.sticky-nav ul li.active a {
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    transition-delay:0.2s;
    color:#e19f28;
}

.sticky-nav ul li:before        { content:""; display:block; position:absolute; margin:auto; bottom:0; right:10px; height:40px; width:40px; background-color:rgba(0,0,0,0.5); border:2px solid #fff; }
.sticky-nav ul li:before        { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.sticky-nav ul li:before {
    /*/
        -webkit-transition:0.2s all ease-in-out;
           -moz-transition:0.2s all ease-in-out;
                transition:0.2s all ease-in-out;
    /**/
    -webkit-transition:none;
    -moz-transition:none;
    transition:none;
}
.sticky-nav ul li.active:before,
.sticky-nav ul li:hover:before 	{ background-color:#000; border:2px solid #e19f28; }

.sticky-nav:hover::before {
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    transform:translateX(0);
}
.sticky-nav:hover::before {
    -webkit-transition:0.6s all ease-in-out;
    -moz-transition:0.6s all ease-in-out;
    transition:0.6s all ease-in-out;
}
.sticky-nav:hover li a {
    opacity:1;
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    transform:translateX(0px);
}


































/***********************************************************************
    404
***********************************************************************/
.row_p404       { position:relative; min-height:100vh; }
.row_p404       { padding-top:100px; }
.p404_content   { text-align:center; color:#fff; }







/***********************************************************************
    FLAG
***********************************************************************/

/*---| FLAGS |--------------------------------------------------------------------------------------------------------------------------------------------------*/
.row_lang					{ padding:20px 0; background-color:#000; }
#lang-selection 			{ display:block; }
#lang-selection				{ position:relative; font-size:0; text-align:center; overflow:hidden; }
#lang-selection.opened		{ overflow:visible; }
#lang-selection a			{ text-transform:uppercase; }

#lang-current					{ display:block; margin:0 auto; padding:0; width:220px; height:50px; line-height:50px; }
#lang-current .current			{ /*display:inline-block;*/ }
#lang-current a					{ display:block; font-size:20px; line-height:55px; color:#bdbdbd; background:#242424; }
#lang-current a	span			{ display:inline-block; margin:0 10px 0 0; }
#lang-current a:after			{ content:""; display:inline-block; margin:0 0 0 5px; width:0; height:0; border-left:5px solid transparent; border-bottom:8px solid #bdbdbd; border-right:5px solid transparent; }
#lang-current a:hover			{ color:#000; background-color:#e19f28; }
#lang-current a:hover:after			{ border-left:5px solid transparent; border-bottom:8px solid #000; border-right:5px solid transparent; }

#lang-selection-regions         { position:absolute; z-index:199; visibility:hidden; top:0; width:100%; height:auto; overflow:hidden; text-align:left; }
#lang-selection-regions a		{ font-size:20px; line-height:40px; }

#lang-selection-regions.open    { visibility:visible; }
#lang-selection .regions		{ position:relative; overflow:hidden; width:100%; height:100%; background:#242424; /*box-shadow:0 -1px 3px #000;*/ }

#lang-selection .region-col		{ float:left; padding:10px; width:25%; height:100%; }
#lang-selection .region-col h3	{ margin:0 0 5px 0; padding:0 0 0 10px; font-size:2rem; line-height:1.5em; color:#fff; background:none; border:0px none; border-bottom:1px solid rgba(255,255,255,0.25); text-align:left; }

#lang-selection .countries li			{ margin:0; padding:0 10px; -webkit-transition:background-color 150ms ease, color 150ms ease; -moz-transition:background-color 150ms ease, color 150ms ease; -o-transition:background-color 150ms ease, color 150ms ease; transition:background-color 150ms ease, color 150ms ease; }
#lang-selection .countries li.selected	{ background:#e19f28; }
#lang-selection .countries li.selected a	{ color:#000; }
#lang-selection .countries li:hover		{ color:#fff; background-color:rgba(225,140,60,0.75); }
#lang-selection .countries li a			{ display:block; color:#e19f28; }
#lang-selection .countries li a:hover	{ color:#000;}
#lang-selection .countries li a span	{ display:inline-block; margin:0 10px 0 0; }

#lang-selection .current span,
#lang-selection .countries span     { display:inline-block; width:16px; height:13px; line-height:14px; background-image:url('grw_flags.png'); background-repeat:no-repeat; }

#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; }

.mobile #lang-current					{ height:60px; line-height:60px; }
.mobile #lang-current a					{ font-size:3rem; line-height:60px; }
.mobile #lang-current .arrow			{ display:none; }
.mobile #lang-selection					{ }
.mobile #lang-selection-regions			{ z-index:3000; top:0; height:0; margin:0; width:100%; height:100%; background:#e19f28; height:auto; }
.mobile #lang-selection-regions a		{ font-size:2.6rem; line-height:50px; }
.mobile #lang-selection .region-col		{ float:none; padding:10px; width:100%; height:auto; }


/***********************************************************************
    FOOTER
***********************************************************************/
.row_footer					{ background-color:#000; }

div.footer								{ position:relative; left:auto; margin:0 auto; padding:0; width:70%; text-align:inherit; }

.c_footer .footer-items					{ text-align:center; font-size:0; }
.c_footer .footer-item					{ display:inline-block; margin:0 20px; width:auto; vertical-align:middle; }
.c_footer .footer-item img				{ width:75%; max-width:75%; }
.c_footer .footer-item a				{ display:block; }
.c_footer p.legal						{ margin:0; padding:0 0 40px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#bdbdbd; text-align:center; }
.c_footer p.legal a[style]				{ color:#fff !important; }
.c_footer p.legal a:hover				{ color:#e19f28 !important; }


/***********************************************************************
    FANCYBOX
***********************************************************************/
.fancybox-lock                  { margin-right:0 !important; }
.fancybox-lock .fancybox-overlay{ overflow:hidden !important; }
.fancybox-wrap                  { z-index:10003; margin-top:50px !important; margin-bottom:50px !important; }
/*---| FANCYBOX SKIN |------------------------------------------------------------------------------------------------------------------------------------------*/
body .fancybox-overlay      { z-index:10002; }
body .fancybox-opened       { z-index:10003; }
body #fancybox-loading,
body .fancybox-close,
body .fancybox-prev span,
body .fancybox-next span    { background-image:url('grw_fancybox_sprite.png'); }
body #fancybox-loading      { position:fixed; z-index:10003; top:50%; left:50%; background-position:0 -300px; margin-left:-50px; margin-top:-50px; opacity:0.8; cursor:pointer; }
body #fancybox-loading div  { width:100px; height:100px; background:transparent url('grw_fancybox_loading.gif') 50% 50% no-repeat; }

body .fancybox-close        { position:absolute; right:0; top:0; z-index:10003; width:60px; height:60px; cursor:pointer; }
body .fancybox-nav span     { position:absolute; top:50%; z-index:10003; width:100px; height:100px; margin-top:-50px; visibility:hidden; cursor:pointer; }
body .fancybox-prev span    { background-position:0 -100px; left:0; }
body .fancybox-next span    { background-position:0 -200px; right:0; }


/***********************************************************************
    AGEGATE
***********************************************************************/
#verify { font-family:"DINNextW01-CondensedReg"; line-height:1.5em; color:#e19f28;  background: #37a4cf url('grw_home_wildlands.jpg') no-repeat right bottom fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:fixed;     top: 70px;}

#verify .age-cont { margin-top: 14px; margin: 0 auto; }

/*#verify .logo { background-image: url('R6_agegate_logo.png'); width: 397px; height: 116px; margin: 30px auto; }*/

#verify .submit { margin: 20px; width: 212px; height: 76px; line-height: 76px; color: #e19f28; font-size: 25px; font-family:"DINNextW01-CondensedReg"; text-transform: uppercase; background: #000000; border:none; }

.age-cont{width:560px;text-align:center}
.age-cont .age-gate-link{display:none}
.age-cont .birthday-picker{border:none}
.age-cont .legal-msg{padding:30px 0 30px 0;  color: #e19f28;  font-size: 35px;text-transform:uppercase;text-shadow:1px 1px 1px #444}
.age-cont .error .invalid-date{padding:30px 0 30px 0;color:#e19f28;font-size:23px;text-shadow:1px 1px 1px #444}
.age-cont .error .illegal-age{padding:30px 0 30px 0;color:#e19f28;font-size:23px;text-shadow:1px 1px 1px #444}
.age-cont .birth-month{width:28%;margin:2%;padding:2px;  font-family:"DINNextW01-CondensedReg";font-size: 22px;}
.age-cont .birth-day{width:28%;margin:2%;padding:2px; font-family:"DINNextW01-CondensedReg";font-size: 22px;}
.age-cont .birth-year{width:28%;margin:2%;padding:2px; font-family:"DINNextW01-CondensedReg";font-size: 22px;}
.age-cont #submit{margin:20px;width:212px;height:76px;line-height:76px;color:#e19f28;font-size:25px;font-family:"DINNextW01-CondensedReg";text-transform:uppercase; background: #000000; border: none;}
.age-cont #submit:hover{background-position:top right;text-decoration:none;cursor:pointer}
.esrb_pc{padding:40px 0 0 0;text-align:center}

.esrb-rating  span { display: inline-block; width: 120px; vertical-align: top; margin-top: 20px; font-size: 10px; font-weight: normal; text-align: left; }



/*******************************************************************************
    MEDIA-QUERIES (mobile)
*******************************************************************************/
@media only screen and (max-width:1280px)
{
    #topbox h4			{ font-size:40px; line-height:40px; }
    #topbox h5			{ font-size:30px; line-height:30px; }
}
@media only screen and (max-width:1024px)
{
    .c_logo			{ float:none; height:70px; }
    .c_logo_header a	{ margin:10px auto; }

    .togglenav			{ display:block; opacity:1; }

    .c_nav				{ position:fixed; z-index:1000; top:0; left:0; float:none; padding:135px 0 0 0; width:100%; height:100%; background:none; background:rgba(255, 255, 255, 0.9); }
    .r-tablet .c_nav,
    .r-mobile .c_nav        { left:auto !important; -webkit-transform:translateX(-100%); transform:translateX(-100%); }
    .r-tablet .c_nav.open,
    .r-mobile .c_nav.open	{ left:auto !important; -webkit-transform:translateX(0px); transform:translateX(0px); }

    .AspNet-Menu-Horizontal	{ margin:0; height:auto; }

    .grw_nav			{ margin:0; width:100%; height:auto; text-align:center; }
    .grw_nav li	        { float:none; margin:0; width:100% !important; }
    .grw_nav li a	        { font-size:4rem; line-height:1.2em; }

    .c_login			{ width:70px; height:70px; }

    .header_login .notlogged                { width:70px; height:70px; overflow:hidden; }
    .header_login a.login-link              { padding:0; width:70px; text-indent:-9999px; }
    .header_login a.login-link span			{ margin:15px; }

    .row_sticky_nav			{ display:none; }
}

@media only screen and (max-width:768px)
{
    .header_link_buttons					{ display:none; }

    .header_register		{ margin:0; padding:0; width:100%; }
    .header_register a		{ display:block; padding:0; font-size:30px; text-align:center; }
    .header_register		{ transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; }
    .header_register a		{ transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; }

    .c_cta_preorder         { position:fixed; left:0; bottom:0; float:none; margin:0; width:100%; }

    .cta-preorder			{ margin:-80px 0 0 0; padding:0; width:100%; height:80px; background-color:#e19f28; }
    .cta-preorder a 		{ padding:0 110px 0 0; font-size:50px; line-height:90px; text-align:center; }
    .cta-preorder a span	{ display:inline-block; }
    .cta-preorder a:hover	{ color:#000; }

    .cta-preorder		{ transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; }
    .cta-preorder a		{ transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; }

    .cta-availability	{ display:none; }

    /*---| GENERAL |-------------------------------------------------------------*/
    .row_sticky_nav			{ display:none; }
    .scrolldown				{ display:none; }
    div.footer				{ padding:0 0 70px 0; width:90%; }
    .c_footer .footer-item	{ margin:0; }
}

@media only screen and (max-width:768px) and (orientation:landscape) {
    html                 {height:auto!important ;}
    .row_header                 {position : absolute!important ;}
    .togglenav                  {position : absolute!important ;}
    .c_nav                      {position:absolute!important; padding: 70px 0 0 0!important; }
    .grw_nav                    { background: rgba(255, 255, 255, 0.9)!important; }
    .grw_nav li                 { height: 40px!important; }
    .grw_nav li a               {     font-size: 2rem!important; }
    .row_social                 {position : absolute!important ;}
    .header_register            {     height: 25px!important;  }
    .header_register a          { font-size: 20px!important; line-height: 30px!important; }
    .c_cta_preorder             { position: absolute!important; top:110px!important;}
    .cta-preorder             { height: 25px!important;}
    .cta-preorder a             { background : none!important; padding:0!important; font-size: 20px!important; line-height: 25px!important; }
    #contents                   {  margin-top: 125px!important;  }
    .news_list .item .news_date { left: 400px!important; }
    #contents .row_slides,
    #contents .row_media,
    #contents .row_newslist,
    #contents .row_news,
    #contents .row_redeem       { padding-top: 0px!important;}


    #cartel-sections.slick-slider .cartel-section a     { border:none!important; }
    #cartel-sections.slick-slider .cartel-smuggling,
    #cartel-sections.slick-slider .cartel-leader,
    #cartel-sections.slick-slider .cartel-influence     {     background-size: auto 60%!important; }

    .slide_content h3           { font-size:30px!important; }

    #topbox-layer               { overflow : scroll!important;}
}


@media only screen and (min-width:320px) and (max-width:480px)
{
    html, body			{ width:100%;height: auto; min-height: 100%; }
}