/*** DESKTOP HEADER ***/
.header_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

.desktop-header {
    display: none;
    position: relative;
    width: 100%;
    z-index: 1000;
}

.fixed-header-spacer { margin-bottom: 50px; }

@media only screen and (min-width: 1025px) {
    .desktop-header {
        display: block;
    }

    .fixed-header-spacer { margin-bottom: 135px; }
}

.desktop-header .top-wrapper {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    background-color: #f0f5f8;
}
    .desktop-header .top-wrapper .top-inner {
        display: flex;
        justify-content: space-between;
        max-width: 1410px;
        height: 40px;
        margin: 0 auto;
        position: relative;
    }

    .desktop-header .top-wrapper .top-left {}
    .desktop-header .top-wrapper .top-center {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .desktop-header .top-wrapper .top-right {}

    .desktop-header .bottom-wrapper {
        width: 100%;
        height: 96px;
        padding: 0 15px;
        background-color: #fff;
        border-bottom: 2px solid #323c46;
    }
        .desktop-header .bottom-wrapper .bottom-inner {
            max-width: 1410px;
            height: 96px;
            margin: 0 auto;
        }

.desktop-header .logo-wrapper {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
}
    .desktop-header .logo-wrapper .logo {
        display: block;
        width: 230px;
        height: 87px;
        background-image: url("/includes/public/assets/shell/logo.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

@media only screen and (min-width: 1125px) {
    .desktop-header .logo-wrapper .logo {
        width: 250px;
    }
}

@media only screen and (min-width: 1260px) {
    .desktop-header .logo-wrapper .logo {
        width: 270px;
    }
}


/*** SECONDARY NAV ***/
.desktop-header .secondary-wrapper {}

@media only screen and (min-width: 1025px) {
    .desktop-header .secondary-wrapper .contentRender_name_plugins_nav_secondary {
        display: none;
    }
        .desktop-header .secondary-wrapper .contentRender_name_plugins_nav_secondary:first-of-type {
            display: block;
        }
}

.secondary-wrapper ul.secondary-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
    ul.secondary-nav > li {
        display: inline-block;
    }
        ul.secondary-nav li > .link {
            position: relative;
        }

        ul.secondary-nav > li > .link > a {
            display: block;
            font-family: 'Motiva Sns W01 Regular', serif;
            font-size: 16px;
            line-height: 40px;
            color: #323c46;
            padding: 0 25px 0 15px;
        }
            ul.secondary-nav > li:first-child > .link > a {
                padding-left: 0;
            }

            ul.secondary-nav > li:hover > .link > a {
                color: #e65500;
            }

            ul.secondary-nav > li > .link > a::before {
                display: inline-block;
                position: absolute;
                left: 0;
                color: #323c46;
                content: '|';
            }
                ul.secondary-nav > li:first-child > .link > a::before {
                    display: none;
                }

        ul.secondary-nav li > .link > .arrow {
            position: absolute;
            top: 9px;
            right: 5px;
            cursor: pointer;
        }
            ul.secondary-nav li > .link > .arrow::after {
                content: '\f0d7';
                font-size: 16px;
                font-family: 'FontAwesome';
                color: #323c46;
            }
                .desktop-header ul.secondary-nav > li:hover > .link > .arrow::after {
                    content: '\f0d8';
                    color: #e65500;
                }

        ul.secondary-nav li > ul.nav-dropdown {
            display: none;
            min-width: 270px;
            position: absolute;
            margin: 0;
            padding: 0;
            list-style: none;
            background-color: #f0f5f8;
            z-index: 2;
        }
            ul.secondary-nav > li.has-children:hover > ul.nav-dropdown {
                display: block;
            }

            ul.secondary-nav ul.nav-dropdown > li > .link > a {
                display: block;
                padding: 3px 20px;
                font-size: 16px;
                color: #323c46;
            }
                ul.secondary-nav ul.nav-dropdown > li.is-expanded > .link > a,
                ul.secondary-nav ul.nav-dropdown > li:hover > .link > a {
                    color: #e65500;
                }

                ul.secondary-nav ul.nav-dropdown > li > .link > .arrow {
                    top: 2px;
                    right: 15px;
                }
                    ul.secondary-nav ul.nav-dropdown > li.is-expanded > .link > .arrow::after {
                        content: '\f0d8';
                        color: #e65500;
                    }

                ul.secondary-nav ul.nav-dropdown > li > ul.nav-dropdown {
                    display: none;
                    position: relative;
                    list-style: none;
                }
                    ul.secondary-nav ul.nav-dropdown > li.is-expanded > ul.nav-dropdown {
                        display: block;
                    }

                    ul.secondary-nav ul.nav-dropdown ul.nav-dropdown a {
                        padding-left: 30px;
                    }


/*** MAIN NAV ***/
.main-navs {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.main-nav {
    margin: 0;
    padding: 41px 0 0;
    list-style: none;
}
    .main-nav.group-left {}
    .main-nav.group-right {}

        .main-nav > li {
            display: inline-block;
        }
            .main-nav.group-left > li {
                margin-right: 10px;
            }

            .main-nav.group-right > li {
                margin-left: 10px;
            }

            .main-nav > li > .link > a {
                display: inline-block;
                height: 53px;
                text-transform: uppercase;
                font-family: 'Motiva Sns W01 Md', serif;
                font-size: 18px;
                color: #323c46;
            }
                .main-nav > li:hover > .link > a {
                    border-bottom: 10px solid #e65500;
                }

            .main-nav > li > .link > .arrow {
                display: none;
            }

    .main-nav .main-dropdown {
        display: none;
        width: 100%;
        margin-top: 2px;
        position: absolute;
        left: 0;
        right: 0;
        background-color: #fff;
    }
        .main-nav > li:hover > .main-dropdown {
            display: block;
        }

        .main-nav .main-dropdown .main-dropdown-inner {
            max-width: 1180px;
            margin: 0 auto;
            padding: 10px 0 35px;
        }

        .main-nav .main-dropdown .main-dropdown-inner ul.main-sub-nav {
            margin: 0;
            padding: 0 0 0 20px;
            list-style: none;
        }


.main-nav li .arrow {
    position: absolute;
    top: 4px;
    right: 0;
    padding: 5px 10px;
    cursor: pointer;
}
    .main-nav li .arrow::after {
        content: '\f0d7';
        font-size: 24px;
        font-family: 'FontAwesome';
        color: #e65500;
    }
        .main-nav li.is-expanded > .link > .arrow::after {
            content: '\f0d8';
        }


/* Main nav - Dropdown Items */
.main-nav ul.main-sub-nav {}
    .main-nav ul.main-sub-nav > li {}
    .main-nav ul.main-sub-nav > li > .link {
        position: relative;
    }

    .main-nav ul.main-sub-nav > li > .link > a {
        display: block;
        padding: 10px 0 5px;
        font-family: 'Motiva Sns W01 Md', serif;
        font-size: 18px;
        color: #323c46;
        border-bottom: 1px solid #69a0b9;
    }
        .main-nav ul.main-sub-nav > li > .link > a:hover,
        .main-nav ul.main-sub-nav > li.is-expanded > .link > a {
            color: #e65500;
        }

        .main-nav ul.main-sub-nav > li ul.third-level {
            display: none;
            margin: 0;
            padding: 0;
            list-style: none;
        }
            .main-nav ul.main-sub-nav > li.is-expanded ul.third-level {
                display: block;
            }

            .main-nav ul.main-sub-nav > li ul.third-level > li {
                position: relative;
            }
                .main-nav ul.main-sub-nav > li ul.third-level > li > a {
                    display: block;
                    padding: 15px 0 0 15px;
                    font-family: 'Motiva Sns W01 Regular', serif;
                    font-size: 16px;
                    color: #323c46;
                }
                    .main-nav ul.main-sub-nav > li ul.third-level > li > a:hover {
                        color: #e65500;
                    }

                    .main-nav ul.main-sub-nav > li ul.third-level > li:last-child > a {
                        border-bottom: 1px solid #69a0b9;
                        padding-bottom: 15px;
                    }

.tripbuilder-container{
    display:inline;
    position: absolute;
    right: 0px;
    width: 100%;
}

@media only screen and (min-width: 1125px) {
    .main-nav.group-left > li {
        margin-right: 13px;
    }

    .main-nav.group-right > li {
        margin-left: 13px;
    }

    .main-nav > li > .link > a {
        height: 53px;
        font-size: 20px;
    }
}

@media only screen and (min-width: 1260px) {
    .main-nav.group-left > li {
        margin-right: 30px;
    }

    .main-nav.group-right > li {
        margin-left: 30px;
    }

    .main-nav > li > .link > a {
        font-size: 22px;
    }

    .main-nav ul.main-sub-nav > li > .link > a {
        padding: 15px 0 5px;
        font-size: 20px;
    }

    .main-nav ul.main-sub-nav > li > .link > .arrow {
        top: 8px;
    }

    .main-nav ul.main-sub-nav > li ul.third-level > li > a {
        padding: 15px 0 0px 20px;
        font-size: 18px;
    }
}

/*** MOBILE HEADER ***/
body.nav-open { overflow: hidden; }

.mobile-header {
    position: relative;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    border-bottom: 1px solid #000;
}
    @media only screen and (min-width: 1025px) {
        .mobile-header {
            display: none;
        }
    }

    .mobile-header .logo-wrapper {
        display: inline-block;
        margin-left: 10px;
    }
        .mobile-header .logo-wrapper > a {
            display: block;
            width: 118px;
            height: 43px;
            margin-bottom: 7px;
            background-image: url("/includes/public/assets/shell/logo_s.png");
            background-repeat: no-repeat;
            background-position: center center;
        }

    .mobile-header .menu-button-wrapper {
        display: inline-block;
        padding-right: 50px;
        float: right;
        vertical-align: top;
    }
        .mobile-header .menu-button-wrapper > .menu-button {
            height: 50px;
            padding: 6px 10px;
            font-family: 'Motiva Sns W01 Regular', serif;
            font-size: 16px;
            line-height: 37px;
            cursor: pointer;
        }
            body.nav-open .menu-button-wrapper > .menu-button,
            .mobile-header .menu-button-wrapper > .menu-button:hover {
                background-color: #e65500;
                color: #fff;
            }

        .mobile-header .menu-button-wrapper > .menu-button > .menu-icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-right: 5px;
            position: relative;
            top: -1px;
            background-image: url(/includes/public/assets/icon-menu.png);
            background-position: center;
            background-repeat: no-repeat;
            vertical-align: middle;
        }
            .mobile-header .menu-button-wrapper > .menu-button:hover > .menu-icon {
                background-image: url(/includes/public/assets/icon-menu-white.png);
            }

            body.nav-open .menu-button-wrapper > .menu-button > .menu-icon,
            body.nav-open .menu-button-wrapper > .menu-button:hover > .menu-icon {
                background-image: url(/includes/public/assets/icon-menu-close.png);
            }

    .mobile-header .myOKCtrip {
        display: inline-block;
        width: 40px;
        height: 65px;
        margin-right: 10px;
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        background-image: url("/includes/public/assets/tripbuilder/m-tab.png");
        background-repeat: no-repeat;
        background-position: top left;
        cursor: pointer;
        z-index: 9999;
    }
    .mobile-header .myOKCtrip.open {
        background-position: top right;
    }

    .mobile-header .mobile-menu {
        display: none;
        width: 100%;
        overflow: auto;
        height: auto;
        max-height: 90vh;
        padding: 20px 10px;
        border-top: 1px solid #000;
    }
        body.nav-open .mobile-menu {
            display: block;
        }

    .mobile-header .nav-wrapper {
        padding-bottom: 20px;
    }

    .mobile-header .nav-wrapper .main-navs {
        display: block;
        margin-bottom: 15px;
    }
        .mobile-header .nav-wrapper .main-navs ul.main-nav {
            width: 100%;
            margin: 0;
            padding: 0;
        }
            .mobile-header .nav-wrapper .main-navs ul.main-nav li {
                display: block;
                position: relative;
                margin: 0;
            }
                .mobile-header .nav-wrapper .main-navs ul.main-nav li a {
                    display: block;
                    padding: 15px 0;
                    font-size: 22px;
                    border-bottom: 1px solid #69a0b9;
                }

                .mobile-header .nav-wrapper .main-navs ul.main-nav li .arrow {
                    display: block;
                    top: 10px;
                }
                    .mobile-header .nav-wrapper .main-navs ul.main-nav .main-dropdown li .arrow {
                        top: 4px;
                    }

            .mobile-header .nav-wrapper .main-navs ul.main-nav li:hover a {
                border-bottom: 1px solid #69a0b9;
            }

            .mobile-header .nav-wrapper .main-navs ul.main-nav li .main-dropdown {
                position: relative;
            }

            .mobile-header .nav-wrapper .main-navs ul.main-nav li:hover .main-dropdown {
                display: none;
            }

            .mobile-header .nav-wrapper .main-navs ul.main-nav li.is-expanded .main-dropdown {
                display: block;
            }
                .mobile-header .nav-wrapper .main-navs ul.main-nav li.is-expanded .main-dropdown .main-dropdown-inner {
                    max-width: 100%;
                    padding: 10px 0 0;
                }

                .mobile-header .nav-wrapper .main-navs ul.main-nav li.is-expanded .main-dropdown a {
                    padding: 10px 0;
                    font-size: 20px;
                }

                .mobile-header .nav-wrapper .main-navs ul.main-nav li.is-expanded .main-dropdown ul.third-level {
                    margin-top: 5px;
                    margin-left: 15px;
                }
                    .mobile-header .nav-wrapper .main-navs ul.main-nav li .main-dropdown ul.third-level a {
                        font-size: 18px;
                        border-bottom: 0;
                    }

.mobile-header ul.secondary-nav {}
    .mobile-header ul.secondary-nav > li {
        display: block;
    }
        .mobile-header ul.secondary-nav > li > .link {

        }
            .mobile-header ul.secondary-nav > li > .link > .arrow {
                top: 7px;
                right: 10px;
            }
                .mobile-header ul.secondary-nav > li > .link > .arrow::after {
                    font-size: 24px;
                    color: #e65500;
                    content: '\f0d7';
                }
                    .mobile-header ul.secondary-nav li.is-expanded > .link > .arrow::after {
                        content: '\f0d8';
                    }

            .mobile-header ul.secondary-nav > li > .link > a {
                padding: 0;
                font-size: 20px;
                line-height: 44px;
                border-bottom: 1px solid #69a0b9;
            }
                .mobile-header ul.secondary-nav > li > .link > a::before {
                    display: none;
                }

    .mobile-header ul.secondary-nav li > ul.nav-dropdown {
        min-width: 100%;
        position: relative;
        background-color: #fff;
        padding-left: 20px;
    }
        .mobile-header ul.secondary-nav > li.has-children:hover > ul.nav-dropdown {
            display: none;
        }

        .mobile-header ul.secondary-nav > li.has-children.is-expanded > ul.nav-dropdown {
            display: block;
        }

        .mobile-header ul.secondary-nav ul.nav-dropdown > li > .link > a {
            font-size: 18px;
            padding: 10px 0;
            border-bottom: 1px solid #69a0b9;
        }

    .mobile-header ul.secondary-nav ul.nav-dropdown > li > .link > .arrow {
        top: 10px;
        right: 10px;
    }

    .mobile-header ul.secondary-nav ul.nav-dropdown > li > .link > .arrow::after {
        font-size: 24px;
        color: #e65500;
        content: '\f0d7';
    }
        .mobile-header ul.secondary-nav ul.nav-dropdown li.is-expanded > .link > .arrow::after {
            content: '\f0d8';
        }