/*//////// MOBILE HEADER & MENU ////////*/ 
/*//// MOBILE HEADER ////*/
header.mobile-header {
    position: relative;
    z-index: 100000;
    width: 100%;
    height: auto;
    padding: 0;
    overflow: visible;
    background-color: #09C;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;    
}

/*//// NAV MOBILE MENU ////*/    
nav#mobile-menu { 
    position: relative;
    z-index: 500;
    width: 100%;
    height: 80px;
} 

/*//// MOBILE SITE LOGO ////*/
div.mobile-site-logo {
    position: absolute;
    left: 4rem;
    top: 50%;
    width: 25rem;
    transform: translateY(-50%);
    margin: 0;
}
div.mobile-site-logo img,
div.mobile-site-logo svg {
    width: 100%;
    max-width: 50vw;
}

/*//// MOBILE DROP MENU ////*/
div.drop-menu {
    position: absolute;
    left: 0;
    z-index: 101;
    margin-top: -5px;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #09C;
    transition: 0.4s all ease-in-out;
    padding: 0 0 0 10px;
}
/*/ HEIGHT OF OPEN DROP MENU /*/
div.drop-menu.open {
    height: 100vh;
}


/*// DROP DOWN MENUS //*/
.drop-menu ul {
    padding: 1.6rem 3rem;
    list-style: none;
}
.drop-menu ul li { 
    display: block;
    width: auto;
    padding: 0 0 1.6rem 0;
    padding: 0 0 .8rem 0;
    margin: 0 0;
}
.drop-menu ul li:last-of-type {
    padding: 0 0 0 0;   
} 
.drop-menu ul li a { 
    color: #ffffff;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

/*// DROP MENU SPECIFICS //*/
.drop-menu li.menu-item {}
.drop-menu li.menu-item a {}
.drop-menu li.sub-menu-item {}
.drop-menu li.sub-menu-item a {}

/*// YE OLD HAMBURGER //*/
button.hamburger-container,
div.hamburger-container {
    display: inline-block;
    position: absolute;
    top: 57%; 
    right: 6%;
    transform: translateY(-50%);
    width: 5rem; 
    height: 5rem;
    font: inherit;
    color: inherit; 
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.hamburger { 
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    border-radius: 0; 
}
.bar-1 { position: absolute; left: 50%; transform: translateX(-50%); top: 15%; transition: transform .3s ease; }
.bar-2 { position: absolute; left: 50%; transform: translateX(-50%); top: 33%; transition: transform .3s ease; }
.bar-3 { position: absolute; left: 50%; transform: translateX(-50%); top: 52%; transition: transform .3s ease; }


/* SIMPLE HIGHLIGHT */
 .change-x .bar-1, 
 .change-x .bar-2, 
 .change-x .bar-3 {
    background-color: silver !important;
} 
/* ANIMATED X */
/*.change-x .bar-1 {
  -webkit-transform: rotate(-45deg) translate(-1.8rem, 0rem);
  transform: rotate(-45deg) translate(-1.8rem, 0rem);
}
.change-x .bar-2 { opacity: 0; }
.change-x .bar-3 {
  -webkit-transform: rotate(45deg) translate(-1.5rem, .6rem);
  transform: rotate(45deg) translate(-1.5rem, .6rem);
}
div.splat-flex-item.hamburger-flex-item div.hamburger-container.change-x {
    transform: translateY(-50%) scale(.75);
}*/





/*////// GLOBAL RESPONSIVE //////*/
/*// LARGE SCREEN //*/
@media only screen and (max-width: 1920px) { 

        /*//// DESIGN WIDTH ////*/
        html { font-size: 0.521vw; }

}

/*// MEDIUM & LAPTOP //*/
@media only screen and (max-width: 1440px) { }

/*// MOBILE SCREEN //*/
@media only screen and (max-width: 1024px) {

        /*//// SIZING RESET ////*/
        html { font-size: 10px; }
        main.main-content { overflow-x: hidden; }

        /*//// SECTION RESET ////*/
        body .page-container main section { height: auto; }
        
        /*//// LANGUAGE TOGGLE ////*/
        div.lang-toggle { top: 48%; right: 13rem; }

}
/*// SMALL MOBILE //*/
@media only screen and (max-width: 851px) {

        /*//// SIZING RESET ////*/
        html { font-size: 9px; }
        main.main-content { overflow-x: hidden; }
        br { display: none; }

        /*//// LANGUAGE TOGGLE ////*/
        div.lang-toggle { right: 12rem; }

        /*//// LOGO WATERMARK ////*/        
        div.logo-watermark { width: 99%; height: auto; }

        /*//// BADGES SECTION ////*/
        section.badges-section { padding: 0 0; }
        section.badges-section div.badges-container { padding: 8rem 14rem 0 14rem; }
        div.badges-container div.badges-flex-container { justify-content: space-around;}
        div.badges-flex-container img.foooter-badge { height: 12rem; margin: 3rem auto; }

        /*//// FOOTER ////*/
        footer { height: auto; }
        footer div.footer-container { padding: 7rem 4rem; }
        /*/ TOP FLEX /*/
        div#footer-top-left-column { padding: 4rem 0; text-align: center; }
        div#footer-top-left-column img { display: inline-block; margin:0 auto }
        div#footer-top-center-column {}
        div#footer-top-right-column { padding: 4rem 2rem 4rem 0; }
        div#footer-top-right-column p, 
        div#footer-top-right-column address { font-size: 1.6rem; }
        div#footer-top-right-column p a, 
        div#footer-top-right-column address a { font-size: inherit; }
        /*/ ACCENT /*/
        footer div.footer-container div.bottom-accent { width: 80%; height: 1.5rem; }
        
} 
@media only screen and (max-width: 480px) {

        /*//// LANGUAGE TOGGLE ////*/
        div.lang-toggle { top: 50%; right: 11rem; }

        /*//// SIZING RESET ////*/
        html { font-size: 1.875vw; }
        main.main-content { overflow-x: hidden; }
        
        /*//// MOBILE HEADER LOGO ////*/
        div.mobile-site-logo { left: 3rem; width: 30rem; }
        div.mobile-site-logo img { max-width: 75%; }

        /*//// BADGES SECTION ////*/
        section.badges-section { padding: 0 0; }
        section.badges-section div.badges-container { padding: 8rem 3rem 0 3rem; }
        div.badges-container div.badges-flex-container { justify-content: space-between; flex-direction: column; align-items: center; }
        div.badges-flex-container img.foooter-badge { height: 12rem; margin: 3rem auto; }

        /*//// FOOTER ////*/
        footer { height: auto; }
        footer div.footer-container { padding: 7rem 3rem; }
        /*/ TOP FLEX /*/
        div#footer-top-left-column { padding: 4rem 0; text-align: center; }
        div#footer-top-left-column img { display: inline-block; margin:0 auto }
        div#footer-top-center-column {}
        div#footer-top-right-column { padding: 4rem 2rem 4rem 0; }
        div#footer-top-right-column p, 
        div#footer-top-right-column address { font-size: 1.6rem; line-height: 1.33; }
        div#footer-top-right-column p a, 
        div#footer-top-right-column address a { font-size: inherit; }
        /*/ ACCENT /*/
        footer div.footer-container div.bottom-accent { width: 80%; height: 1.5rem; }

        /*//// SCROLL TO TOP ////*/
        div.scroll-to-top.show { bottom: 1rem; left: 1rem; }

}
@media only screen and (max-width: 380px) { 

        /*//// LANGUAGE TOGGLE ////*/
        div.lang-toggle { right: 13rem; }

}
@media only screen and (max-width: 320px) { }


/*//// LANDSCAPE STYLES ////*/
@media screen and (max-width: 851px) and (orientation: landscape) {
    
        /*//// FOOTER ////*/
        footer {}
        footer div.footer-container { padding: 7rem 4rem; }
        /*/ TOP FLEX /*/
        div.footer-top-left-column h3 { font-size: 2.4rem; }
        div.footer-top-right-column img.footer-logo { width: 100%; }
        /*/ BOTTOM FLEX /*/
        div.footer-bottom-left-column ul.footer-menu li { display: block; width: 100%; margin-bottom: 1.8rem; }
        div.footer-bottom-left-column ul.footer-menu li > a { font-size: 1.6rem; }
        div.footer-bottom-center-column div.splat-flex-item-50.address-left-column a { font-size: 1.6rem; text-decoration: underline; }
        div.footer-bottom-flex div.footer-bottom-right-column { padding-top: 8rem; }

}
@media screen and (max-width: 667px) and (orientation: landscape) { }
@media screen and (max-width: 570px) and (orientation: landscape) { }