.r6-navigation                      {position:fixed;z-index:10;width:100%;top: 50px;right:0px;font-family: 'din-condensed-web';font-size:1.4rem;line-height:0.83333;text-transform:uppercase;}

.r6-navigation-logo                 {margin:5px 15px;/* height: 100%; */}
.r6-navigation-logo .icon-game      { display:none; }
.r6-navigation-logo .logo-game      {display:inline-block;width: 116px;height:95px;background: url("https://ubistatic-a.akamaihd.net/0105/UAT/bge/dist/assets/images/bge_logo.png") center center no-repeat;}

.r6-navigation-bar          { display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; justify-content:center}

.r6-navigation-bar          {background:#000 !important;}

.r6-navigation-list             { display:inline-block; margin:0; padding:0; height:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-align:center; }
.r6-navigation-list > li {position:relative}
.r6-navigation-list li,
.r6-navigation-list a       { display:inline-block; height:100%; }
.r6-navigation-list a       {padding:0 30px;height:100%;-webkit-transition:background-color 0.5s ease;transition:background-color 0.5s ease;}
.r6-navigation-list a {
    color:#fff !important;
    display:-ms-flexbox;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -ms-flex-align:center;
    -webkit-align-items:center;
    /* align-items:center; */
    -ms-flex-pack:center;
    /* -webkit-justify-content:center; */
    /* justify-content:center; */
}

.r6-navigation-desktop .r6-navigation-list a:hover      {color: #e18d1b !important;background-color: #a11c0d !important;text-decoration: underline;}

.r6-navigation-desktop .r6-navigation-list li.has-subnav > a:after      { content:""; display:inline-block; margin:0 0 0 5px; width:0; height:0; border-left:4px solid transparent; border-top:6px solid #fff !important; border-right:4px solid transparent; vertical-align:middle; }

.r6-navigation-desktop .r6-navigation-list li.has-subnav:hover > a:after    {border-top: 6px solid #e18d1b !important;}

.r6-navigation-desktop .r6-navigation-list li.has-subnav:hover > a {
    color: #e18d1b !important;
    background-color: #a11c0d !important;
}

/***********************************************************************
    SUB NAV
***********************************************************************/
.r6-navigation-subnav {
    /* display:-ms-flexbox; */
    /* display:-webkit-box; */
    /* display:-webkit-flex; */
    /* display:flex; */
}

@media only screen and (min-width:1280px)
{
    .r6-navigation-subnav {position:absolute;z-index:0;left:0;top:60px;width:100%;/* height:120px; */overflow:hidden;text-align:center;}
    
    .r6-navigation-subnav li {position:relative;display: block;/* top:0; *//* width:100%; *//**/background: transparent;}
	
	.r6-navigation-list .r6-navigation-subnav > li > a {
		display: block;
		text-align: left;
	}

    .r6-navigation-subnav {
      visibility: hidden; /* hides sub-menu */
      opacity: 0;
      position: absolute;
      background-color: #a11c0d !important;
      top: 100%;
      padding: 20px 0;
      left: 0;
      width: 300px;
      transform: translateY(-2em);
      z-index: -1;
      transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    }
    
    .r6-navigation-desktop .r6-navigation-list li.has-subnav:focus > .r6-navigation-subnav,
    .r6-navigation-desktop .r6-navigation-list li.has-subnav:hover > .r6-navigation-subnav
    {
        visibility:visible; /* shows sub-menu */
        opacity:1;
        z-index:50;
        transform:translateY(0%);
        transition-delay:0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
    }
    .r6-navigation-subnav li a {padding: 16px 20px 16px 33px;}
    .r6-navigation-subnav li a:hover        { color:#000 !important; background-color:#36a9e0 !important; }
}

/***********************************************************************
    MOBILE MODE
***********************************************************************/




/***********************************************************************
    CTA
***********************************************************************/
.r6-navigation-content          { display:flex; }

.r6-navigation-list             {
    display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex;
    -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row;
    -ms-flex-align:center; -webkit-align-items:center; align-items:center;
    -ms-flex-pack:flex-start; -webkit-justify-content:flex-start; justify-content:flex-start;
}

.r6-navigation-cta {
    position:relative;
    text-align:left;
    top:0;
    right:0;
    font-size: 18px;
}
.r6-navigation-cta li {
    padding:10px;
    text-align:center; text-transform: uppercase;
    transition: 0.3s ease-in-out;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.r6-navigation-cta a {
    padding:0 15px;
}

.r6-navigation-register a       { /*color:#fff;*/ }
.r6-navigation-preorder a       {color: #F8D89D !important;background-color: transparent;padding-left: 110px;max-width: 240px;text-align: left;line-height: 23px;background-image: url(https://ubistatic-a.akamaihd.net/0105/UAT/bge/dist/assets/images/space_monkey_logo.png);background-repeat: no-repeat;background-position: left center;}
.r6-navigation-preorder a:hover     {background-color: #000 !important;color: #ffffff !important;text-decoration: none !important;}


/***********************************************************************
    CONTENT
***********************************************************************/
.row_content        { margin:0 auto; }

/*** DEV **
.row_wip    { padding:0 12.5%}
.c_wip      { min-height:600px; }
*/


/***********************************************************************
    MOBILE MODE
***********************************************************************/

.r6-navigation-toggle                   {position:absolute;top: 25px;left:15px;width:34px;height:25px;cursor:pointer;transition:.5s ease-in-out;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);display:none;}

.r6-navigation-toggle span              { position:absolute; display:block; left:0; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition:.25s ease-in-out; width:34px; height:2px; background:#fff !important; opacity:1; }

.r6-navigation-toggle span:nth-child(1) { top:0px; }
.r6-navigation-toggle span:nth-child(2),
.r6-navigation-toggle span:nth-child(3) { top:10px; }
.r6-navigation-toggle span:nth-child(4) { top:20px; }

/***********************************************************************
   IS OPEN
***********************************************************************/

.r6-navigation.open .r6-navigation-toggle span:nth-child(1) { top:18px; left:50%; width:0%; }
.r6-navigation.open .r6-navigation-toggle span:nth-child(2) { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.r6-navigation.open .r6-navigation-toggle span:nth-child(3) { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.r6-navigation.open .r6-navigation-toggle span:nth-child(4) { top:18px; left:50%; width:0; }

@media only screen and (max-width:1279px)
{
    .r6-navigation.open                     { height:100%; }
    
    .r6-navigation-toggle               { display:block; }
    
    .r6-navigation-logo                 {margin: 0px auto;}
    .r6-navigation-logo .icon-game      {display:inline-block;width: 116px;height: 72px;background: url("https://ubistatic-a.akamaihd.net/0105/UAT/bge/dist/assets/images/bge_logo.png") center center no-repeat;transform: scale(0.6);}
    .r6-navigation-logo .logo-game      { display:none; }


    .r6-navigation-list {
        display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex;
        -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;
        margin:0 auto;
        height:auto;
    }
    
    .r6-navigation.open .r6-navigation-bar          { height:inherit; }

    .r6-navigation-content {
        display:-ms-flexbox;
        display:-webkit-box;
        display:-webkit-flex;
        display:flex;
        -ms-flex-direction:column;
        -webkit-flex-direction:column;
        flex-direction:column;
        position:absolute;
        z-index:-100;
        left:0;
        top: 70px;
        width:100%;
        height:calc(100% - 105px);
        background:#0d0d0d !important;
        opacity:0;
        pointer-events:none;
        -ms-flex-align:center;
        -webkit-align-items:center;
        align-items:center;
        -ms-flex-pack:center;
        -webkit-justify-content:center;
        justify-content:center;
    }

    .r6-navigation.open .r6-navigation-content { opacity:1; z-index:1000; pointer-events:all; transition:opacity 0.3s ease-in-out; }

    .r6-navigation-list li {
        font-size:2.5rem;
        line-height:0.8;
    }

    .r6-navigation-list > li { /*border-top:1px solid #000; border-bottom:1px solid #1a1a1a;*/ }

    .r6-navigation-list li,
    .r6-navigation-list a       { display:block; width:100%; height:auto; line-height:0.8; text-align:center; }
    
    .r6-navigation-list a       { padding:5px 10px 10px 10px; font-size:26px }
    .r6-navigation-desktop .r6-navigation-list a:hover {
        background-color: transparent;
        text-decoration: none;
    }
    .r6-navigation-preorder a {
    text-align: center;
    line-height: 23px;
    background-image: none;
    }

    .r6-navigation-desktop .r6-navigation-list li.has-subnav:hover > a {    
    background-color: transparent;
    text-decoration:none;
    }
  
    .r6-navigation-subnav {
        position:static;
        display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
        -webkit-box-orient:vertical; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
        -webkit-box-align:center; -ms-flex-align:center; align-items:center;    
        /*-webkit-align-items:center; -ms-flex-align:center; align-items:center;*/
        /*-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;*/
        -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
        height:0;
        overflow:hidden;
        -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity;
        -webkit-transition-duration:150ms; -o-transition-duration:150ms; transition-duration:150ms;
        -webkit-transition-timing-function:ease-in; -o-transition-timing-function:ease-in; transition-timing-function:ease-in;
        opacity:0;
    }
    .r6-navigation-subnav a     { color:#b7bac2 !important; }
    
    .is-open .r6-navigation-subnav  {height:auto;opacity:1;background-color:#0d0d0d !important;border-top:1px solid #404040;border-bottom:1px solid #404040 !important;padding: 6px 0;margin-bottom: 6px;}
    
    .r6-navigation-subnav li {
        font-size:3rem;
    }
    
    .r6-navigation-cta {
        position:static;
        text-align:center;
    }
}

.locales_social_buttons {
    text-align: center;
    padding: 30px;
}

.locales_social_buttons .social {
    text-align: center;
    list-style: none none;
    margin: 0px;
    padding: 0px;
}

.locales_social_buttons .social li {
    display: inline-block;
}

.locales_social_buttons .social a {
    display: block;
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0px;
    background: url(https://ubistatic-a.akamaihd.net/0105/UAT/bge/dist/assets/images/bge_locales_sharing_ico.png) 0px 0px no-repeat;
}

.locales_social_buttons .social a.facebook {
    background-position: 0px 0px;
}

.locales_social_buttons .social a.instagram {
    background-position: -360px 0px;
}

.locales_social_buttons .social a.twitter {
    background-position: -40px 0px;
}

.locales_social_buttons .social a.youtube {
    background-position: -80px 0px;
}