@font-face {
    font-family: 'Sofia Pro Regular';
    src: url(../fonts/SofiaProRegular/sofia-pro-regular-webfont.eot), url(../fonts/SofiaProRegular/sofia-pro-regular-webfont.woff), url(../fonts/SofiaProRegular/sofia-pro-regular-webfont.ttf), url(../fonts/SofiaProRegular/sofia-pro-regular-webfont.svg);
}

@font-face {
    font-family: Futura;
    src: url(../fonts/Futura/Futura.ttf);
}

@media screen and (min-width: 56.25em) {

    body {
        padding-top: 90px;
    }

    .header-global {
        display: none;
    }

    .navWrapper {
        margin-top: 77px;
        padding-top: 20px;
        border-bottom-color: #EDC372;
    }

    .nav-global-list {
        margin-left: 50px;
        margin-right: 50px;
        position: relative;
    }

    .nav-global-list-item {
        border-right: none !important;
        border-right-width: 0 !important;
        width: 121px;
        /*height: 35px;*/
        color: #636e71;
        font-family: "Sofia Pro Regular";
        font-size: 13px;
        font-weight: 400;
        margin-top: 5px;
        padding: 0;
    }

        .nav-global-list-item a {
            text-decoration: none !important;
        }

            .nav-global-list-item:hover, .nav-global-list-item a:hover, .nav-global-list-item a.selected, .nav-global-list-item a:active, .nav-global-list-item a:focus {
                color: #636e71 !important;
            }

    .nav-global-list-item-link:before, .nav-global-list-item-link:after {
        width: 0 !important;
    }

    .icon-logo-drinkiq.nav-logo {
        width: calc(100% - 121px * 6 - 33px);
        height: 50px;
    }

    .icon-logo-drinkiq {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNTEgNDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1MSA0NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzZFNzE7fQoJLnN0MXtmaWxsOiMzMjNGOEQ7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw0MC4yVjEwLjNoNi4yYzQuNSwwLDcuNywwLjQsOS44LDEuMWMyLjksMSw1LjIsMi44LDYuOCw1LjNjMS42LDIuNSwyLjUsNS41LDIuNSw5YzAsMy0wLjYsNS42LTEuOSw3LjkKCWMtMS4zLDIuMy0zLDQtNS4xLDVjLTIuMSwxLjEtNSwxLjYtOC43LDEuNkwwLDQwLjJMMCw0MC4yeiBNMi45LDM3LjNoMy41YzQuMSwwLDctMC4zLDguNi0wLjhjMi4zLTAuNyw0LTIsNS4zLTMuOQoJYzEuMy0xLjksMS45LTQuMiwxLjktN2MwLTIuOS0wLjctNS4zLTIuMS03LjRjLTEuNC0yLTMuNC0zLjQtNS45LTQuMmMtMS45LTAuNi01LTAuOS05LjMtMC45SDIuOUwyLjksMzcuM0wyLjksMzcuM0wyLjksMzcuM3oKCSBNMjksMTAuM2g2YzMuMywwLDUuNiwwLjEsNi44LDAuNGMxLjgsMC40LDMuMiwxLjMsNC4zLDIuNmMxLjEsMS4zLDEuNywzLDEuNyw0LjljMCwxLjYtMC40LDMuMS0xLjIsNC4zYy0wLjgsMS4yLTEuOSwyLjItMy4zLDIuOAoJYy0xLjQsMC42LTMuNCwxLTUuOSwxbDEwLjgsMTMuOWgtMy43TDMzLjcsMjYuM0gzMnYxMy45aC0zVjEwLjNMMjksMTAuM3ogTTMyLDEzLjJ2MTAuMmw1LjIsMGMyLDAsMy41LTAuMiw0LjQtMC42CgljMS0wLjQsMS43LTEsMi4yLTEuOGMwLjUtMC44LDAuOC0xLjgsMC44LTIuOGMwLTEtMC4zLTEuOS0wLjgtMi43Yy0wLjUtMC44LTEuMy0xLjQtMi4xLTEuOGMtMC45LTAuNC0yLjQtMC41LTQuNC0wLjVIMzJ6CgkgTTUxLjgsMTAuM2gzdjI5LjloLTNWMTAuM0w1MS44LDEwLjN6IE01OS43LDQwLjJWMTAuM2gwLjdsMjAsMjIuOVYxMC4zaDN2MjkuOWgtMC43TDYyLjgsMTcuNXYyMi42TDU5LjcsNDAuMkw1OS43LDQwLjJ6IE04OCwxMC4zCgloMy4xdjExLjJsMTItMTEuMmg0TDkyLjcsMjMuN2wxNS41LDE2LjVoLTRMOTEuMSwyNi4ydjEzLjlIODhMODgsMTAuM0w4OCwxMC4zeiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEwLjksNDAuMnYtMzBoMy4ydjMwSDExMC45eiBNMTQ4LjksNDUuN2MtMC41LDAuMS0xLjMsMC4zLTIuMiwwLjNjLTMuMiwwLTUuNS0wLjgtOC45LTIuNgoJYy0yLjQtMS4yLTQuNC0yLjItNS44LTIuOGMtNy43LTAuNy0xNC4yLTYuNy0xNC4yLTE1LjVjMC05LjMsNy41LTE1LjUsMTUuOC0xNS41YzguMywwLDE1LjgsNi4yLDE1LjgsMTUuNWMwLDgtNS43LDE0LjEtMTIuOSwxNC45Cgl2MC4xYzEsMC4yLDIuMiwwLjYsMy42LDEuM2MzLjEsMS41LDUuMSwyLjEsNy4zLDIuMWMxLjQsMCwyLjYtMC4yLDMuOC0wLjhMMTQ4LjksNDUuN0wxNDguOSw0NS43eiBNMTMzLjQsMTIuNQoJYy02LjYsMC0xMi41LDUtMTIuNSwxMi43UzEyNi44LDM4LDEzMy40LDM4YzYuNiwwLDEyLjUtNSwxMi41LTEyLjdDMTQ2LDE3LjUsMTQwLDEyLjUsMTMzLjQsMTIuNUwxMzMuNCwxMi41eiIvPgo8ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iMTEyLjQiIGN5PSIyLjIiIHJ4PSIyLjIiIHJ5PSIyLjIiLz4KPC9zdmc+Cg==');
        background-repeat: no-repeat;
        background-size: 157px 50px;
    }

    .icon-search-button {
        background-image: url('/img/menu/Search.png');
        background-repeat: no-repeat;
        width: 17px;
        height: 18px;
        position: absolute;
        right: 0;
    }

    .nav-global-list-item:first-child {
        padding: 5px 20px 0 0;
    }

    .nav-global-list-item--home {
        width: 16px !important;
    }

        .nav-global-list-item--home a {
            width: 0 !important;
        }

    .countrySelectorPanel.active, .searchPanel.active {
        top: 90px;
    }

    /*.countrySelectorPanel, .searchPanel {
        background-color: #CDA352;
    }*/

}

@media screen and (max-width: 56.25em) {
    .hamburgerLine {
        background-color: #EDC372 !important;
    }

    .header-global {
        border-bottom: 3px solid #EDC372 !important;
    }

    .nav-global-list {
        margin-bottom: 0;
    }

    .nav-global-list-item:hover, .nav-global-list-item a:hover, .nav-global-list-item a.selected, .nav-global-list-item a:active, .nav-global-list-item a:focus {
        color: #636e71 !important;
    }

    .subNav-global-link-without-child {
        position: relative;
        padding: 18px 15px;
        display: block;
    }

    .icon-search-button.nav-searchButton {
        display: none;
    }

    .navWrapper {
        border-bottom-color: #EDC372;
    }

    .icon-logo-drinkiq {
        background-image: none;
        display: none;
    }

    .icon-logo-drinkiq-2 {
        background-image: url('/img/menu/Logo.png');
        background-repeat: no-repeat;
        display: block;
    }

    .icon-search-button-2 {
        display: block !important;
        background-image: url('/img/menu/Search.png');
        background-repeat: no-repeat;
        width: 17px;
        height: 18px;
    }
}

@media screen and (min-width: 56.25em) {
    .nav-global.active {
        max-height: 66px;
    }
}