@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; width:372px; height:82px; color:#000; font-size:26px; line-height:82px; 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:9999; left:0; top:0; width:100%; height:100%; opacity:1; pointer-events:none; transition:opacity 0.25s ease-in-out 0.25s; }
#loader             { background:#fff; }
#loader2.content    { top:350px; }



/***********************************************************************
    MAIN
***********************************************************************/
#debug      { display:none; }
.row_ubibar { display:none !important; }


/***********************************************************************
  HEADER
***********************************************************************/
.row_header     {position:fixed;z-index: 9000;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:absolute; z-index:2000; 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:0px; display:block; /*top:0 !important;*/ opacity:1; -webkit-transition:all 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:20px; line-height:70px; text-transform:uppercase; }
.grw_nav li a       { display:block; padding:0 15px; 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; }

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


/***********************************************************************
    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; width:100px; height:100px; cursor:pointer; background:url('grw_topbox_close_white.png') 50% 50% no-repeat; }
#topbox-brand               { position:absolute; z-index:10; top:0; left:0; width:210px; height:50px; margin:10px; 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:340px; 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: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_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:""; 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                  { margin-top:50px !important; margin-bottom:50px !important; }
/*---| FANCYBOX SKIN |------------------------------------------------------------------------------------------------------------------------------------------*/
/*body .fancybox-overlay      { z-index:10002; }*/
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:8060; 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:8040; width:60px; height:60px; cursor:pointer; }
body .fancybox-nav span     { position:absolute; top:50%; z-index:8040; 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:1024px)
{
  .c_logo     { float:none; height:70px; }
  .c_logo_header a  { margin:10px auto; }

  .togglenav      { display:block; }

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

@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; top:100vh; 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 (min-width:320px) and (max-width:480px)
{
    html, body      { width:100%; }
}