.mobile--menu-btn-box
{
    z-index : 50;
    outline : none;
}

.mobile--menu-btn-box a,
.mobile--menu-btn,
a,
button
{
    outline : none;
}

.menu--items .menu--submenu-box.active
{
    display : block;
}

.menu--items .menu--submenu-box
{
    position   : absolute;
    top        : 56px;
    z-index    : 20;
    display    : none;
    box-shadow : 0 0px 10px rgba(0,0,0,.6);
    width      : 100%;
    min-width  : 158px;
    left       : -30px;    
}

.menu--submenu-box .menu--submenu-item
{
    display         : block; 
    padding         : 18px 24px;
    background      : #071230;
    border-top      : 1px solid #071230;
    border-bottom   : 1px solid #071230;
    font-family     : 'Open Sans', sans-serif;
    font-weight     : 600;
    color           : #ffffff;
    text-decoration : none;
    transition      : all .325s;
}

.menu--submenu-box .menu--submenu-item:hover
{
    padding       : 18px 24px;
    background    : #04376a;
    border-top    : 1px solid #052d5b;
    border-bottom : 1px solid #052d5b;
    transition    :  all .25s;
}

ul.menu
{
    margin  : 0;
    clear   : both;
    display : inline-block;
}


.mobile--menu-btn
{
    background      : url( /assets/img/icons/menu-white-2x.png) top center;
    background-size : cover;
    width           : 48px;
    height          : 48px;
    border          : none;
}

.mobile--menu-btn-box
{
    position : absolute;
    top      : 22px;
    left     : 16px;
    display  : none;
}


.footer--phone-item
{
    background            : url(/assets/img/icons/phone-white-2x.png) no-repeat;
    background-size       : 22px;
    padding-left          : 36px;
    background-position-y : 0px;
    line-height           : 22px;
    margin-bottom         : 26px!important;
}

.footer--email-item
{
    background            : url(/assets/img/icons/email-white-2x.png) no-repeat;
    background-size       : 22px;
    padding-left          : 36px;
    background-position-y : 0px;
    line-height           : 22px;
    margin-bottom         : 26px!important;
}

.footer--location-item
{
    background            : url(/assets/img/icons/location-white-2x.png) no-repeat;
    background-size       : 22px;
    padding-left          : 36px;
    background-position-y : 8px;
    line-height           : 22px;
    margin-bottom         : 26px!important;
}

nav.nav--top
{
    clear:  both;
}

.menu
{
    padding : 0 36px;
}

.menu .menu--items
{
    position: relative;
}

.menu a.menu--item
{
    display             : inline-block;
    color               : #ffffff;
    font-family         : 'Open Sans', sans-serif;
    font-weight         : 600;
    text-transform      : uppercase;    
    text-transform      : uppercase;
    text-decoration     : none;   
    letter-spacing      : 1px;
    font-size           : 18px;
    border-bottom       : 2px solid rgba(255,255,255,0);
    border-bottom-width : 0%;
    transition          : all .375s;
}

.menu a.menu--item:hover
{
    border-bottom       : 2px solid #ffffff;
    border-bottom-width : 100%;
}

.menu a.menu--item
{
    color           : #ffffff;
    text-transform  : uppercase;
    text-decoration : none;
    text-align      : center;
}

h2
{
    text-transform : uppercase;
    font-weight    : 400;
}

.container--main
{
    color : #06060a;
}

.nav--topbar .titles
{
    float : left;
}

.nav--topbar .title
{
    color       : #ffffff;
    font-family : 'Roboto', sans-serif;
    font-weight : 900;
    font-size   : calc( 36px + (48 - 36) * (100vw - 320px) / ( 1200 - 320 ) );    
    font-size   : 44px;
    margin      : 94px 0 0 20px;
}

.nav--topbar .subtitle
{
    font-size      : 22px;
    font-size      : 18px;
    color          : #ffffff;
    font-family    : 'Roboto', sans-serif;
    font-weight    : 300;
    text-transform : uppercase;
    letter-spacing : .6px;
}

.header--lang-switch
{
    position : absolute;
    top      : 42px;
    right    : 16px;
    z-index  : 100;
}

.header--lang-switch a
{
    font-family     : 'Roboto', sans-serif;
    font-size       : 18px;
    text-decoration : none;
    color           : #ffffff;
}

.container--wrap .header--title-bottom
{
    position : absolute;
    bottom   : 36px;
}

.container--wrap-other
{
    margin    : 0 auto;
    width     : 100%;
    max-width : 1200px;
}

.nav--topbar
{
    clear : both;
}

.header--title-bottom .title--bottom
{
    font-family    : 'Roboto', sans-serif;
    font-weight    : 300;
    font-size      : 32px;
    color          : #ffffff;
    position       : absolute;
    bottom         : 0px;
    margin         : 0;
    text-transform : uppercase;
    padding-left   : 16px;
    padding-right  : 16px;
    padding-bottom : 32px;
}

.nav--topbar .logo img
{
    width    : auto;
    position : relative;
}

div.logo
{
    text-align : left;
    float      : left;
}

img.logo
{
    position : relative;
    height   : 160px;
    margin   : 10px 12px;    
}

@media screen and (max-width: 680px)
{

}

.header--title-bottom    
{
    display: block;
}

@media screen and (max-width: 580px)
{
    .menu a
    {
        display: none;
    }

    .nav--top
    {
        display: none;
    }
}

@media screen and (max-width: 880px)
{
    .header--title-bottom    
    {
        display: block;
    }
}

@media screen and (max-width: 780px)
{
    .header--lang-switch
    {
        display: block;
    }

    .mobile--menu-btn-box
    {
        display: block;
    }

    div.logo
    {
        text-align: center;
        float: none;        
    }

    .nav--topbar .titles
    {
        float: none;
    }

    .nav--topbar .titles .title
    {
        font-size: calc( 36px + (48 - 36) * (100vw - 320px) / ( 1200 - 320 ) );
    }

    .nav--topbar .subtitle
    {
        font-size: calc( 26px + (32 - 26) * (100vw - 320px) / ( 1200 - 320 ) );
        line-height: 1.1;        
    }

    body .nav--topbar    
    {
        height : auto;
    }

    .menu
    {
        display: none;
    }

    .nav--top
    {
        display: none;
    }

    .nav--topbar .title
    {
        margin      : 18px 16px 10px 16px;
    }    

    .header--title-bottom    
    {
        display: none;
    }

    img.logo
    {
        position : relative;
        height   : 124px;
        margin   : 10px 12px;    
    }    
}