﻿/* Icons */
@font-face {
    font-family: 'nexaRegular';
    src: url("../fonts/nexaRegular.otf");
    font-weight: normal;
    font-style: normal;
}

/*Live CSS Needs changing*/
/*  3.1.3. Navigation */
.menu > li {
    position: relative;
}

/* 3.1.4. Language flags */
.lang-flag {
    padding-left: 20px !important;
}

    .lang-flag.en-us {
        background: url(../images/icon/flags/en-us.png) no-repeat left center;
    }

/* 3.1.5. Main Menu */



.menu-color-skin ul.menu.mini, .menu-color-blue ul.menu.mini, .menu-color-yellow ul.menu.mini, .menu-color-green ul.menu.mini {
    border: none;
    padding: 10px 0;
}

    .menu-color-skin ul.menu.mini li a, .menu-color-blue ul.menu.mini li a, .menu-color-yellow ul.menu.mini li a, .menu-color-green ul.menu.mini li a {
        filter: alpha(opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        color: #fff;
        font-size: 0.8333em;
    }

    .menu-color-skin ul.menu.mini li:last-child a, .menu-color-blue ul.menu.mini li:last-child a, .menu-color-yellow ul.menu.mini li:last-child a, .menu-color-green ul.menu.mini li:last-child a {
        border: none;
    }

    .menu-color-skin ul.menu.mini li:hover a, .menu-color-blue ul.menu.mini li:hover a, .menu-color-yellow ul.menu.mini li:hover a, .menu-color-green ul.menu.mini li:hover a, .menu-color-skin ul.menu.mini li.active a, .menu-color-blue ul.menu.mini li.active a, .menu-color-yellow ul.menu.mini li.active a, .menu-color-green ul.menu.mini li.active a {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.menu-color-skin ul.menu.mini, .menu-color-blue ul.menu.mini, .menu-color-yellow ul.menu.mini, .menu-color-green ul.menu.mini {
    background: #01b7f2;
}

    .menu-color-skin ul.menu.mini li a, .menu-color-blue ul.menu.mini li a, .menu-color-yellow ul.menu.mini li a, .menu-color-green ul.menu.mini li a {
        border-color: #04afe7;
    }

    .menu-color-skin ul.menu.mini li:hover, .menu-color-blue ul.menu.mini li:hover, .menu-color-yellow ul.menu.mini li:hover, .menu-color-green ul.menu.mini li:hover, .menu-color-skin ul.menu.mini li.active, .menu-color-blue ul.menu.mini li.active, .menu-color-yellow ul.menu.mini li.active, .menu-color-green ul.menu.mini li.active {
        background: #04afe7;
    }

.menu-color-blue ul.menu.mini {
    background: #01b7f2;
}

    .menu-color-blue ul.menu.mini li a {
        border-color: #04afe7;
    }

    .menu-color-blue ul.menu.mini li:hover, .menu-color-blue ul.menu.mini li.active {
        background: #04afe7;
    }

.menu-color-yellow ul.menu.mini {
    background: #fdb714;
}

    .menu-color-yellow ul.menu.mini li a {
        border-color: #f5b010;
    }

    .menu-color-yellow ul.menu.mini li:hover, .menu-color-yellow ul.menu.mini li.active {
        background: #f5b010;
    }

.menu-color-green ul.menu.mini {
    background: #98ce44;
}

    .menu-color-green ul.menu.mini li a {
        border-color: #91c63d;
    }

    .menu-color-green ul.menu.mini li:hover, .menu-color-green ul.menu.mini li.active {
        background: #91c63d;
    }

/* 3.1.8. Mobile Menu */
.mobile-menu {
    background: #01b7f2;
    text-align: left;
}

    .mobile-menu a {
        color: #fff;
        filter: alpha(opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        display: block;
        padding: 15px 15px;
        background: none !important;
    }

    .mobile-menu li.active > a, .mobile-menu li:hover > a {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .mobile-menu > ul.menu > li {
        float: none;
        background: #01b7f2;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .mobile-menu > ul.menu .panel {
        background: none;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .mobile-menu > ul.menu > li > a {
        font-size: 1.1667em;
        border-top: 1px solid #04afe7;
    }

    .mobile-menu > ul.menu > li > a {
        text-transform: uppercase;
        font-weight: bold;
    }

    .mobile-menu > ul.menu .panel > .panel-collapse > .panel {
        background: #ddf6fd;
        margin-top: 0;
        color: #000;
        padding: 0 15px;
    }

    .mobile-menu .panel-group {
        margin-bottom: 0;
    }

    .mobile-menu > ul.menu > li.menu-item-has-children {
        position: relative;
    }

        .mobile-menu > ul.menu > li.menu-item-has-children.open {
            background: #04afe7;
        }

        .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle {
            position: absolute;
            right: 1px;
            top: 7px;
            height: 34px;
            line-height: 34px;
            padding: 0 15px;
            background: none;
            display: inline-block;
            font-family: FontAwesome;
            font-size: 1.3333em;
            font-weight: normal;
            filter: alpha(opacity=70);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7;
        }

            .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle:after {
                content: "\f056";
            }

            .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle.collapsed:after {
                content: "\f055";
            }

        .mobile-menu > ul.menu > li.menu-item-has-children.open > a {
            color: #fff;
            /*border-top-color: $skin-bg-color;*/
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

        .mobile-menu > ul.menu > li.menu-item-has-children.open > .dropdown-toggle {
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

        .mobile-menu > ul.menu > li.menu-item-has-children:hover > a, .mobile-menu > ul.menu > li.menu-item-has-children:hover > .dropdown-toggle {
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

        .mobile-menu > ul.menu > li.menu-item-has-children > ul {
            border-top: 1px solid #01b7f2;
        }

    .mobile-menu > ul.menu > li:first-child > a {
        border-top: none;
    }

    .mobile-menu > ul.menu > li:last-child > a {
        border-bottom: 1px solid #04afe7;
    }

    .mobile-menu > ul.menu > li > ul {
        /*background: $skin-mobile-menu-color;*/
    }

        .mobile-menu > ul.menu > li > ul li > a {
            padding-left: 15px;
            font-size: 1.167em;
            position: relative;
            color: #008bb9;
            font-weight: bold;
        }

        .mobile-menu > ul.menu > li > ul li.home > a {
            font-weight: normal;
        }

            .mobile-menu > ul.menu > li > ul li.home > a::before {
                font-family: "fontAwesome";
                content: "\f015";
                left: -4px;
                position: absolute;
                font-size: 12px;
            }

        .mobile-menu > ul.menu > li > ul li > a[data-toggle="collapse"] {
            color: #000;
            font-weight: normal;
        }

    .mobile-menu > ul.menu > li > a[data-parent="#mobile-primary-menu"]::before {
        content: '\e888';
        font-family: "soap-icons";
        color: #fff;
        position: absolute;
        right: 0;
        font-size: 12px;
        right: 15px;
    }

    .mobile-menu > ul.menu > li > a.collapsed[data-parent="#mobile-primary-menu"]::before {
        content: '\e889';
    }

    .mobile-menu > ul.menu > li > ul li > a[data-toggle="collapse"]:before {
        font-family: "soap-icons";
        content: '\e88e';
        position: absolute;
        left: 0;
        color: #01b7f2;
    }

    .mobile-menu > ul.menu > li > ul li > a[data-toggle="collapse"].collapsed:before {
        content: '\e88d';
    }

    .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a {
        padding-left: 0;
        color: #fff;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        font-size: 1.1667em;
        font-weight: bold;
        text-transform: uppercase;
    }

        .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a:before {
            content: "";
            display: none;
        }

    .mobile-menu > ul.menu > li > ul li.menu-item-has-children > ul {
        border-bottom: 1px solid #01b7f2;
    }

    .mobile-menu > ul.menu > li > ul li.menu-item-has-children:last-child > ul {
        border-bottom: none !important;
    }

    .mobile-menu > ul.menu > li li li.menu-item-has-children > a {
        padding-left: 10px;
    }

        .mobile-menu > ul.menu > li li li.menu-item-has-children > a:before {
            display: none;
        }

    .mobile-menu .mobile-topnav {
        margin: 0 auto;
        padding: 0 5px;
    }

        .mobile-menu .mobile-topnav > li {
            float: left;
            position: relative;
            color: #40cbf8;
        }

            .mobile-menu .mobile-topnav > li > a {
                font-size: 0.8333em;
                padding: 0 10px;
                margin: 22px 10px;
                line-height: 1em;
                width: auto;
            }

            .mobile-menu .mobile-topnav > li:after {
                content: "|";
                position: absolute;
                right: -1px;
                top: 50%;
                margin-top: -10px;
            }

            .mobile-menu .mobile-topnav > li:last-child:after {
                display: none;
            }

            .mobile-menu .mobile-topnav > li:first-child a {
                margin-left: 0;
            }

        .mobile-menu .mobile-topnav .menu.mini {
            left: 0;
            top: 40px;
            visibility: visible;
            display: none;
            min-width: 100px;
        }

            .mobile-menu .mobile-topnav .menu.mini li > a {
                padding: 10px 0;
            }

            .mobile-menu .mobile-topnav .menu.mini.left {
                left: 0;
                right: auto;
            }

    .mobile-menu.menu-color-blue .mobile-topnav li:after, .mobile-menu.menu-color-yellow .mobile-topnav li:after, .mobile-menu.menu-color-green .mobile-topnav li:after {
        color: #fff;
        filter: alpha(opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }

    .mobile-menu.menu-color-blue {
        background: #01b7f2;
    }

        .mobile-menu.menu-color-blue ul.menu > li > a {
            border-top-color: #04afe7;
        }

        .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open {
            background: #04afe7;
        }

            .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open > a, .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children > ul {
                border-top-color: #01b7f2;
            }

        .mobile-menu.menu-color-blue ul.menu > li:last-child > a {
            border-bottom-color: #04afe7;
        }

        .mobile-menu.menu-color-blue ul.menu > li > ul li.menu-item-has-children > ul {
            border-bottom-color: #01b7f2;
        }

    .mobile-menu.menu-color-yellow {
        background: #fdb714;
    }

        .mobile-menu.menu-color-yellow ul.menu > li > a {
            border-top-color: #f5b010;
        }

        .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open {
            background: #f5b010;
        }

            .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open > a, .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children > ul {
                border-top-color: #fdb714;
            }

        .mobile-menu.menu-color-yellow ul.menu > li:last-child > a {
            border-bottom-color: #f5b010;
        }

        .mobile-menu.menu-color-yellow ul.menu > li > ul li.menu-item-has-children > ul {
            border-bottom-color: #fdb714;
        }

    .mobile-menu.menu-color-green {
        background: #98ce44;
    }

        .mobile-menu.menu-color-green ul.menu > li > a {
            border-top-color: #91c63d;
        }

        .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open {
            background: #91c63d;
        }

            .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open > a, .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children > ul {
                border-top-color: #98ce44;
            }

        .mobile-menu.menu-color-green ul.menu > li:last-child > a {
            border-bottom-color: #91c63d;
        }

        .mobile-menu.menu-color-green ul.menu > li > ul li.menu-item-has-children > ul {
            border-bottom-color: #98ce44;
        }

/*Mega Menu*/
#main-menu {
    display: none;
}

@media (min-width: 1200px) {
    #main-menu {
        display: block;
    }
}

#main-menu ul.menu > li {
    padding: 0 0;
}

    #main-menu ul.menu > li > a {
        font-weight: normal;
        display: block;
        padding: 0 30px;
        height: 68px;
        line-height: 68px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }



    #main-menu ul.menu > li.active > a {
        transition: background 0.3s ease-in-out;
    }

    #main-menu ul.menu > li > a:hover,
    #main-menu ul.menu > li > a.activelist,
    #main-menu ul.menu > li:hover {
        background: #FFF;
    }

    #main-menu ul.menu > li:last-child a {
        padding-right: 10px;
    }

    #main-menu ul.menu > li > a.has-children#main-menu ul.menu > li > a.has-children {
        cursor: default;
        position: relative;
    }

        #main-menu ul.menu > li > a.has-children:hover::before {
            color: #01b7f2;
        }

        #main-menu ul.menu > li > a.has-children::before {
            content: '\e889';
            font-family: "soap-icons";
            color: #01b7f2;
            position: absolute;
            right: 14px;
            font-size: 12px;
        }

#main-menu .menu {
    position: relative;
    display: flex;
}

    #main-menu .menu > li {
        position: static;
    }

        #main-menu .menu > li.extrasli {
            position: relative;
        }

.tu-mega-menu-container {
    position: absolute;
    width: 75%;
    left: 0;
    cursor: default;
    pointer-events: none;
    opacity: 0;
    transition: visibility 0.3s linear, opacity 0.3s linear;
    will-change: opacity;
    visibility: hidden;
    margin-left: 12.5%;
}

    .tu-mega-menu-container .tu-mega-menu {
        position: relative;
        width: 100%;
        position: relative;
        display: flex;
    }

        .tu-mega-menu-container .tu-mega-menu .mega-mainbar {
            flex: 0 0 303px;
            max-width: 303px;
            border-right: 1px solid #efefef;
            padding: 20px 0;
            background: #fff;
            align-self: flex-start;
        }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar .menu-topheader {
                padding: 0 10px 0 30px;
            }

                .tu-mega-menu-container .tu-mega-menu .mega-mainbar .menu-topheader .menu-topheader h3 {
                    margin-bottom: 0;
                    font-size: 1.33em;
                    color: #01b7f2;
                    margin-bottom: 20px;
                }

                    .tu-mega-menu-container .tu-mega-menu .mega-mainbar .menu-topheader .menu-topheader h3 > a {
                        content: '\e80d';
                        padding-left: 25px;
                        position: relative;
                        display: block;
                        padding-bottom: 20px;
                    }

                        .tu-mega-menu-container .tu-mega-menu .mega-mainbar .menu-topheader .menu-topheader h3 > a::before {
                            font-family: "FontAwesome";
                            content: '\f015';
                            left: 0;
                            position: absolute;
                            font-size: 21px;
                            line-height: 1;
                        }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li > a {
                font-size: 1.167em;
                padding: 10px 10px 10px 30px;
                display: block;
                position: relative;
                z-index: 9;
                cursor: default;
            }

                .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li > a:hover, .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li > a.activeitem {
                    background: #ddf6fd;
                    color: #000;
                }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li > aa::before {
                content: '\e887';
                font-family: "soap-icons";
                position: absolute;
                right: 10px;
            }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li:last-child:hover {
                background: none !important;
            }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li#travelnews:hover {
                background: none !important;
                position: relative;
            }

    .tu-mega-menu-container .tu-mega-menu-container[data-menuid="extrasMenu"] ul li > a {
        cursor: pointer;
    }

.tu-mega-menu-container {
    /*destination Section*/
}

    .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container {
        flex: 1 1 auto;
        max-width: 60%;
        padding: 20px 0 0 20px;
        background: #fff;
    }

        .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container .mega-destinationbar {
            display: none;
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
            pointer-events: painted;
        }

            .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container .mega-destinationbar .activeblock {
                display: block;
            }

            .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container .mega-destinationbar .destinationsection {
                display: block;
                opacity: 1;
            }

                .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container .mega-destinationbar .destinationsection.fadein {
                    opacity: 1;
                }

    .tu-mega-menu-container.activemenu {
        opacity: 1;
        pointer-events: painted;
        visibility: visible;
    }

    .tu-mega-menu-container[data-menuid="extrasMenu"] {
        width: 210px;
        /*right: 0;*/
        left: auto;
        margin-left: 0;
    }

        .tu-mega-menu-container[data-menuid="extrasMenu"] .tu-mega-menu .mega-mainbar {
            flex: 0 0 100%;
            max-width: 100%;
        }

            .tu-mega-menu-container[data-menuid="extrasMenu"] .tu-mega-menu .mega-mainbar > ul > li > a::before {
                display: none;
            }

.accordion-container {
    display: flex;
}

    .accordion-container .accordion-dest-items {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .accordion-container .accordion-dest-items > li > a {
            padding: 10px 0 10px 15px;
            display: block;
            position: relative;
            font-size: 1.067em;
            color: #01b7f2;
            font-weight: normal;
        }

            .accordion-container .accordion-dest-items > li > a.collapsed::before {
                content: '\e88d';
            }

            .accordion-container .accordion-dest-items > li > a[data-toggle="collapse"] {
                color: #2d3e52;
                font-weight: bold;
            }

                .accordion-container .accordion-dest-items > li > a[data-toggle='collapse']::before {
                    font-family: "soap-icons";
                    content: '\e88e';
                    position: absolute;
                    left: 0;
                    color: #01b7f2;
                }

                .accordion-container .accordion-dest-items > li > a[data-toggle='collapse'].collapsed::before {
                    content: '\e88d';
                }

        .accordion-container .accordion-dest-items > li > ul {
            padding-left: 30px;
        }

            .accordion-container .accordion-dest-items > li > ul > li {
                margin-bottom: 0;
                color: #01b7f2;
                font-size: 1.067em;
            }

                .accordion-container .accordion-dest-items > li > ul > li > a {
                    /*padding: 10px 0;*/
                    color: #01b7f2;
                    font-weight: normal;
                }

.overlaymenu {
    top: 88px;
}

@media (min-width: 1400px) {
    .overlaymenu {
        top: 68px;
    }
}

/*Hover Active*/
/*Extras*/
@media (min-width: 1200px) {
    #main-menu .tu-mega-menu-container[data-menuid="extrasMenu"] {
        /*left: 0;*/
        right: auto;
    }
}

/*Bottom Des Text*/
.tu-mega-menu .bottom-des-text {
    padding: 10px 10px 0 30px;
}

    .tu-mega-menu .bottom-des-text a {
        display: block;
    }

        .tu-mega-menu .bottom-des-text a p {
            margin-bottom: 0;
        }

            .tu-mega-menu .bottom-des-text a p span {
                display: block;
                color: #01b7f2;
                font-style: italic;
            }

#mobile-menu-01 {
    background: #FFF;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.25s;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-100%);
    z-index: 19;
    will-change: visibility;
    visibility: hidden;
    overflow-y: auto;
    height: 100%;
}

@media (min-width: 1200px) {
    #mobile-menu-01 {
        display: none;
    }
}

#mobile-menu-01.activemenu {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
    transform: translateX(0);
    visibility: visible;
}

#mobile-menu-01 .top-mobile-section {
    background: #FDB715;
    position: relative;
}

    #mobile-menu-01 .top-mobile-section .top-number a {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1.333em;
        font-weight: lighter;
        color: #FFF;
        display: block;
        opacity: 1;
    }

@media (min-width: 576px) {
    #mobile-menu-01 .top-mobile-section .top-number a {
        font-size: 1.917em;
    }
}

#mobile-menu-01 .top-mobile-section .top-number a .phone-num {
    font-weight: bold;
}

#mobile-menu-01 .top-mobile-section #clsebtn {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: 10px;
    width: 66.64px;
    height: calc(100% - 3px);
    background: #FFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #mobile-menu-01 .top-mobile-section #clsebtn i {
        color: #01b7f2;
        font-size: 3em;
    }

#mobile-menu-01 #mobile-primary-menu {
    margin-left: 15px;
    margin-right: 15px;
}

    #mobile-menu-01 #mobile-primary-menu ul .panel {
        background: none !important;
    }

    #mobile-menu-01 #mobile-primary-menu > li {
        background-color: #FFF;
    }

        #mobile-menu-01 #mobile-primary-menu > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
            display: block;
            color: #7C99BC;
            text-transform: none;
            font-weight: lighter;
            font-size: 2em;
            border-top: 0;
            opacity: 1;
            border-bottom: 1px solid #7c99bc;
        }

            #mobile-menu-01 #mobile-primary-menu > li > a[data-parent="#mobile-primary-menu"]::before {
                font-size: 24px;
                color: #7C99BC;
            }

        #mobile-menu-01 #mobile-primary-menu > li:last-child > a {
            border-bottom: 0;
        }

        #mobile-menu-01 #mobile-primary-menu > li.panel ul > li {
            background: none;
        }

            #mobile-menu-01 #mobile-primary-menu > li.panel ul > li > a {
                color: #01b7f2;
                opacity: 1;
            }

                #mobile-menu-01 #mobile-primary-menu > li.panel ul > li > a[data-toggle="collapse"] {
                    color: #7C99BC;
                }

                    #mobile-menu-01 #mobile-primary-menu > li.panel ul > li > a[data-toggle="collapse"]:before {
                        color: #7C99BC;
                    }

        #mobile-menu-01 #mobile-primary-menu > li.panel > .panel-collapse > .panel {
            background: none;
        }

#mobile-menu-01 {
    display: block !important;
}

@media (min-width: 1200px) {
    #mobile-menu-01 {
        display: none;
    }
}

.menu-init body {
    overflow: hidden;
}

@media (min-width: 1200px) {
    .menu-init body {
        overflow-y: auto;
    }
}

.visiblexlg {
    display: none;
}

@media (min-width: 1400px) {
    .visiblexlg {
        display: block;
    }
}



.row.flex {
    display: flex;
}

    .row.flex.wrap {
        flex-wrap: wrap;
    }

.country-listcontainer {
    margin-right: auto;
    position: relative;
    align-self: center;
    z-index: 3001;
}

    .country-listcontainer > .country-list {
        width: 25px;
        margin-right: auto;
    }

@media (min-width: 1400px) {
    .country-listcontainer > .country-list {
        width: 80px;
    }
}

.country-listcontainer > .country-list > li {
    display: inline-block;
}

    .country-listcontainer > .country-list > li > a {
        width: 41px;
        height: 20px;
        display: block;
        font-size: 0;
        cursor: pointer;
    }

        .country-listcontainer > .country-list > li > a::before {
            left: 0;
        }

        .country-listcontainer > .country-list > li > a::after {
            content: '\e889';
            font-family: "soap-icons";
            color: #4B6D93;
            position: absolute;
            left: 30px;
            font-size: 16px;
            top: 3px;
        }

.country-listcontainer .country-list {
    position: relative;
}

    .country-listcontainer .country-list .region a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/united-kingdom.svg");
        content: "";
        width: 20px;
        height: 100%;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
        background-position: center;
    }


    .country-listcontainer .country-list .region.GB > a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/united-kingdom.svg");
    }

    .country-listcontainer .country-list .region.AU > a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/australia.svg");
    }

    .country-listcontainer .country-list .region.US > a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/united-states.svg");
    }

    .country-listcontainer .country-list .region.IE > a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/ireland.svg");
    }

    .country-listcontainer .country-list .region.CA > a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/canada.svg");
    }

    .country-listcontainer .country-list .region.NZ > a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/nz.svg");
    }

    .country-listcontainer .country-list .region.IN > a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/india.svg");
    }

    .country-listcontainer .country-list .region.PK > a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/pakistan.svg");
    }

    .country-listcontainer .country-list .region.SG > a::before {
        background-image: url("https://tup-cdn.azureedge.net/tup-web/images/flags/singapore.svg");
    }

    .country-listcontainer .country-list.menu.mini {
        position: absolute;
        padding: 20px 0;
        border: 1px solid #01b7f2;
        z-index: 9;
        background-color: #FFF;
        min-width: 180px;
        border-radius: 10px;
        opacity: 0;
        transition: 0.25s opacity ease-in-out;
        visibility: hidden;
    }

        .country-listcontainer .country-list.menu.mini a {
            display: block;
            padding: 10px 25px;
            padding-left: 40px;
            position: relative;
        }

            .country-listcontainer .country-list.menu.mini a:hover {
                background-color: #01b7f2;
                color: #FFF;
            }

            .country-listcontainer .country-list.menu.mini a:before {
                left: 10px;
            }

    .country-listcontainer .country-list li.activated .menu.mini {
        visibility: visible;
        opacity: 1;
        pointer-events: painted;
    }

        .country-listcontainer .country-list li.activated .menu.mini a {
            cursor: pointer;
        }

ul.menu.mini li a {
    border-bottom: none;
    display: block;
    padding: 10px 0;
    color: inherit;
    line-height: normal;
    font-size: .9167em;
    text-align: left;
}

ul.menu.mini li:hover, ul.menu.mini li.active {
    background: #01b7f2;
}

.country-listcontainer .country-list.menu.mini a:hover {
    color: #FFF;
}


#header {
    padding-top: 10px!important;
    padding-bottom: 10px;
}

@media (min-width: 1400px) {
    #header {
        padding: 0!important;
    }
}

#header .flex-row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}

#header .logo {
    padding-top: 0;
    margin-top: 0;
    margin-right: 25px;
    padding-left: 15px;
    align-self: center;
    height: auto;
}

    #header .logo a {
        background: none;
    }

        #header .logo a img {
            /* opacity: 1;*/
            max-width: 120px;
        }

#header .action-link {
    display: block;
    padding-right: 15px;
    padding-left: 15px;
}

    #header .action-link .action-list {
        display: flex;
        position: relative;
        align-items: center;
        height: 100%;
    }

        #header .action-link .action-list li {
            padding: 0 10px;
        }

            #header .action-link .action-list li:last-child {
                display: block;
            }

@media (min-width: 1200px) {
    #header .action-link .action-list li:last-child {
        display: none;
    }
}

#header .action-link .action-list li a {
    position: relative;
    display: block;
}

    #header .action-link .action-list li a.welcome-link {
        display: flex;
    }

#header .action-link .action-list li.phone_number a {
    padding-left: 38px;
    min-height: 36px;
}

    #header .action-link .action-list li.phone_number a span {
        display: none;
    }

@media (min-width: 1500px) {
    #header .action-link .action-list li.phone_number a span {
        display: block;
        line-height: 1em;
    }
}

#header .action-link .action-list li.phone_number a .phone-num {
    font-size: 1.917em;
    color: #01b7f2;
    font-weight: bold;
}

#header .action-link .action-list li.account_details .name_info {
    display: none;
    margin-left: 10px;
    font-size: 1.083em;
}

@media (min-width: 1400px) {
    #header .action-link .action-list li.account_details .name_info {
        display: block;
    }
}

#header .action-link .action-list li.account_details .name_info span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 66px;
    text-overflow: ellipsis;
}

#header .action-link .action-list li.account_details .custom-options {
    top: 100%;
}

    #header .action-link .action-list li.account_details .custom-options a {
        padding: 10px 25px;
        font-weight: bold;
        color: #4B6D93;
    }

        #header .action-link .action-list li.account_details .custom-options a:hover {
            background-color: #01b7f2;
            color: #FFF;
        }

#header .action-link .action-list li.account_details .custom-select__trigger {
    padding: 0;
    min-width: 30px;
}

@media (min-width: 768px) {
    #header .action-link .action-list li.account_details .custom-select__trigger {
        padding: 14px 0;
    }
}

#header .action-link .action-list li.account_details ._svg-logo .a {
    fill: #A1A1A1;
    stroke-width: 0.5px;
    stroke: #A1A1A1;
}

#header .action-link .action-list li.account_details.logged_in ._svg-logo .a {
    fill: #01b7f2;
    stroke-width: 0.5px;
    stroke: #01b7f2;
}

#header .action-link .action-list ._svg-logo {
    width: 33px;
    max-height: 35px;
    height: auto;
}

#header .action-link .action-list ._svg-phoneicon {
    width: 34px;
    max-height: 35px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

    #header .action-link .action-list ._svg-phoneicon .a {
        fill: #01b7f2;
    }

    #header .action-link .action-list ._svg-phoneicon path {
        stroke: none;
    }

#header #activemenu:before {
    content: '\2807';
    font-size: 3em;
    color: #01b7f2;
    line-height: 1em;
}

@media (min-width: 1200px) {
    #header #activemenu:before {
        display: none;
    }
}

@media (max-width: 991px) {
    #header .logo img {
        height: auto;
        opacity: 1 !important;
    }
}

@media (max-width: 375px) {
    #header .logo img {
        width: 100px;
    }
}

@media (max-width: 341px) {
    #header .logo img {
        width: 80px;
    }
}

/*Mega Menu*/
#main-menu {
    display: none;
}

@media (min-width: 1200px) {
    #main-menu {
        display: block;
    }
}

#main-menu ul.menu > li {
    padding: 0 0;
}

    #main-menu ul.menu > li > a {
        font-weight: normal;
        display: block;
        padding: 0 24px;
        height: 68px;
        line-height: 68px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

@media (min-width: 1400px) {
    #main-menu ul.menu > li > a {
        padding: 0 27px;
    }
}

@media (min-width: 1600px) {
    #main-menu ul.menu > li > a {
        padding: 0 32px;
    }
}


#main-menu ul.menu > li.active > a {
    transition: background 0.3s ease-in-out;
}

#main-menu ul.menu > li > a:hover,
#main-menu ul.menu > li > a.activelist,
#main-menu ul.menu > li:hover {
    background: #FFF;
}

#main-menu ul.menu > li:last-child a {
    padding-right: 10px;
}
#main-menu ul.menu > li > a.has-children {
    cursor: default;
    position: relative;
}
.tu-mega-menu-container {
    position: absolute;
    width: 75%;
    left: 0;
    cursor: default;
    pointer-events: none;
    opacity: 0;
    transition: visibility 0.3s linear, opacity 0.3s linear;
    will-change: opacity;
    visibility: hidden;
    margin-left: 12.5%;
}

    .tu-mega-menu-container .tu-mega-menu {
        position: relative;
        width: 100%;
        position: relative;
        display: flex;
    }

        .tu-mega-menu-container .tu-mega-menu .mega-mainbar {
            flex: 0 0 303px;
            max-width: 303px;
            border-right: 1px solid #efefef;
            padding: 20px 0;
            background: #fff;
            align-self: flex-start;
        }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar .menu-topheader {
                padding: 0 10px 0 30px;
            }

                .tu-mega-menu-container .tu-mega-menu .mega-mainbar .menu-topheader .menu-topheader h3 {
                    margin-bottom: 0;
                    font-size: 1.33em;
                    color: #01b7f2;
                    margin-bottom: 20px;
                }

                    .tu-mega-menu-container .tu-mega-menu .mega-mainbar .menu-topheader .menu-topheader h3 > a {
                        content: '\e80d';
                        padding-left: 25px;
                        position: relative;
                        display: block;
                        padding-bottom: 20px;
                    }

                        .tu-mega-menu-container .tu-mega-menu .mega-mainbar .menu-topheader .menu-topheader h3 > a::before {
                            font-family: "FontAwesome";
                            content: '\f015';
                            left: 0;
                            position: absolute;
                            font-size: 21px;
                            line-height: 1;
                        }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li > a {
                font-size: 1.167em;
                padding: 10px 10px 10px 30px;
                display: block;
                position: relative;
                z-index: 9;
                cursor: default;
            }

                .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li > a:hover, .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li > a.activeitem {
                    background: #ddf6fd;
                    color: #000;
                }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li > aa::before {
                content: '\e887';
                font-family: "soap-icons";
                position: absolute;
                right: 10px;
            }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li:last-child:hover {
                background: none !important;
            }

            .tu-mega-menu-container .tu-mega-menu .mega-mainbar > ul > li#travelnews:hover {
                background: none !important;
                position: relative;
            }

    .tu-mega-menu-container .tu-mega-menu-container[data-menuid="extrasMenu"] ul li > a {
        cursor: pointer;
    }

.tu-mega-menu-container {
    /*destination Section*/
}

    .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container {
        flex: 1 1 auto;
        max-width: 60%;
        padding: 20px 0 0 20px;
        background: #fff;
    }

        .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container .mega-destinationbar {
            /*display: none;
            opacity: 0;
            transition: opacity 0.3s ease-in-out;*/
            pointer-events: painted;
        }

            .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container .mega-destinationbar .activeblock {
                display: block;
            }

            .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container .mega-destinationbar .destinationsection {
                display: block;
                opacity: 1;
            }

                .tu-mega-menu-container .tu-mega-menu .mega-destinationbar-container .mega-destinationbar .destinationsection.fadein {
                    opacity: 1;
                }

    .tu-mega-menu-container.activemenu {
        opacity: 1;
        pointer-events: painted;
        visibility: visible;
    }

    .tu-mega-menu-container[data-menuid="extrasMenu"] {
        width: 210px;
        /*right: 0;*/
        left: auto;
        margin-left: 0;
    }

        .tu-mega-menu-container[data-menuid="extrasMenu"] .tu-mega-menu .mega-mainbar {
            flex: 0 0 100%;
            max-width: 100%;
        }

            .tu-mega-menu-container[data-menuid="extrasMenu"] .tu-mega-menu .mega-mainbar > ul > li > a::before {
                display: none;
            }

.accordion-container {
    display: flex;
}

    .accordion-container .accordion-dest-items {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .accordion-container .accordion-dest-items > li > a {
            padding: 10px 0 10px 15px;
            display: block;
            position: relative;
            font-size: 1.067em;
            color: #01b7f2;
            font-weight: normal;
        }

            .accordion-container .accordion-dest-items > li > a.collapsed::before {
                content: '\e88d';
            }

            .accordion-container .accordion-dest-items > li > a[data-toggle="collapse"] {
                color: #2d3e52 !important;
                font-weight: bold;
            }

                .accordion-container .accordion-dest-items > li > a[data-toggle='collapse']::before {
                    font-family: "soap-icons";
                    content: '\e88e';
                    position: absolute;
                    left: 0;
                    color: #01b7f2;
                }

                .accordion-container .accordion-dest-items > li > a[data-toggle='collapse'].collapsed::before {
                    content: '\e88d';
                }

        .accordion-container .accordion-dest-items > li > ul {
            padding-left: 30px;
        }

            .accordion-container .accordion-dest-items > li > ul > li {
                margin-bottom: 10px;
                color: #01b7f2;
                font-size: 1.067em;
            }

                .accordion-container .accordion-dest-items > li > ul > li > a {
                    /*padding: 10px 0;*/
                    color: #01b7f2;
                    font-weight: normal;
                }

.overlaymenu {
    top: 88px;
}

@media (min-width: 1400px) {

    .overlaymenu {
        top: 68px;
    }
}

/*Hover Active*/
/*Extras*/
@media (min-width: 1200px) {
    #main-menu .tu-mega-menu-container[data-menuid="extrasMenu"] {
        /*left: 0;*/
        right: auto;
    }
}



.menu-init body {
    overflow: hidden;
}

@media (min-width: 1200px) {
    .menu-init body {
        overflow-y: auto;
    }
}

.parent-container {
    position: relative;
    overflow: hidden;
}

    .parent-container #contentholder {
        transition: ease-in-out 0.3s transform;
        overflow: hidden;
        z-index: 15;
        visibility: visible;
    }

        .parent-container #contentholder.activemenu {
            transform: translateX(200px);
            z-index: -1;
        }

            .parent-container #contentholder.activemenu.hidemenu {
                display: none;
            }


#main-menu .tu-mega-menu .mega-mainbar .menu-topheader {
    padding: 0 10px 0 30px;
    margin-bottom: 15px;
}

    #main-menu .tu-mega-menu .mega-mainbar .menu-topheader h3 {
        margin-bottom: 0;
    }

.tu-mega-menu-container .tu-mega-menu .mega-mainbar {
    flex: 0 0 303px;
    max-width: 303px;
    border-right: 1px solid #efefef;
    padding: 20px 0;
    /* background: #fff; */
    /*background: aquamarine;*/
    align-self: flex-start;
    height: 500px;
}

#main-menu .tu-mega-menu .menu-topheader h3 > a {
    position: relative;
    display: block;
    background: #96ca46;
    padding: 14px 25px 14px 15px;
    display: inline-block;
    border-radius: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
}

    #main-menu .tu-mega-menu .menu-topheader h3 > a::before {
        content: '';
        font-family: "soap-icons";
        right: 10px;
        position: absolute;
        font-size: 11px;
        line-height: 1;
        top: 0;
        height: 100%;
        align-items: center;
        display: flex;
    }

#main-menu .tu-mega-menu .mega-mainbar > ul > li > a:hover, #main-menu .tu-mega-menu .mega-mainbar > ul > li > a.activeitem {
    background: #ddf6fd;
    color: #000;
}

#main-menu .tu-mega-menu .mega-mainbar > ul > li > a {
    font-size: 1.167em;
    padding: 10px 10px 10px 30px;
    display: block;
    position: relative;
    z-index: 9;
    cursor: default;
}

    #main-menu .tu-mega-menu .mega-mainbar > ul > li > a::before {
        content: '';
        font-family: "soap-icons";
        position: absolute;
        right: 10px;
    }

#main-menu .tu-mega-menu .menu-topheader h3 {
    font-size: 1em;
    color: #01b7f2;
    margin-bottom: 20px;
}

#header .logo {
    padding: 0;
    text-align: left;
    height: auto;
    padding-left: 15px !important;
    margin-right: 25px !important;
    margin-top: 0 !important;
}







a.sub-title {
    margin: 0 21px;
}
#mobile-menu-01 {
    display: block !important;
}

@media (min-width: 1200px) {
    #mobile-menu-01 {
        display: none;
    }
}

.menu-init body {
    overflow: hidden;
}

@media (min-width: 1200px) {
    .menu-init body {
        overflow-y: auto;
    }
}

.parent-container {
    position: relative;
    overflow: hidden;
}

    .parent-container #contentholder {
        transition: ease-in-out 0.3s transform;
        overflow: hidden;
        z-index: 15;
        visibility: visible;
    }

        .parent-container #contentholder.activemenu {
            transform: translateX(200px);
            z-index: -1;
        }

            .parent-container #contentholder.activemenu.hidemenu {
                display: none;
            }


#main-menu .tu-mega-menu .mega-mainbar .menu-topheader {
    padding: 0 10px 0 30px;
    margin-bottom: 15px;
}

    #main-menu .tu-mega-menu .mega-mainbar .menu-topheader h3 {
        margin-bottom: 0;
    }

.tu-mega-menu-container .tu-mega-menu .mega-mainbar {
    flex: 0 0 303px;
    max-width: 303px;
    border-right: 1px solid #efefef;
    padding: 20px 0;
    align-self: flex-start;
    height: auto;
}

#main-menu .tu-mega-menu .menu-topheader h3 > a {
    position: relative;
    display: block;
    background: #96ca46;
    padding: 14px 25px 14px 15px;
    display: inline-block;
    border-radius: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
}

    #main-menu .tu-mega-menu .menu-topheader h3 > a::before {
        content: '';
        font-family: "soap-icons";
        right: 10px;
        position: absolute;
        font-size: 11px;
        line-height: 1;
        top: 0;
        height: 100%;
        align-items: center;
        display: flex;
    }

#main-menu .tu-mega-menu .mega-mainbar > ul > li > a:hover, #main-menu .tu-mega-menu .mega-mainbar > ul > li > a.activeitem {
    background: #ddf6fd;
    color: #000;
}

#main-menu .tu-mega-menu .mega-mainbar > ul > li > a {
    font-size: 1.167em;
    padding: 10px 10px 10px 30px;
    display: block;
    position: relative;
    z-index: 9;
    cursor: default;
}

    #main-menu .tu-mega-menu .mega-mainbar > ul > li > a::before {
        content: '';
        font-family: "soap-icons";
        position: absolute;
        right: 10px;
    }

#main-menu .tu-mega-menu .menu-topheader h3 {
    font-size: 1em;
    color: #01b7f2;
    margin-bottom: 20px;
}

#header .logo {
    padding: 0;
    text-align: left;
    height: auto;
    padding-left: 15px !important;
    margin-right: 25px !important;
    /* padding-top: 0 !important;*/
    margin-top: 0 !important;
}


/*Mega Menu*/
#main-menu ul.menu > li, .chaser ul.menu > li {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.menu-init body {
    position: relative;
}

#main-menu ul.menu > li:last-child > a {
    /*padding-right: 10px;*/
    padding-right: 0;
}

#main-menu ul.menu > li.active > a {
    transition: background 0.3s ease-in-out;
}

#main-menu ul.menu > li > a:hover, #main-menu ul.menu > li > a.activelist,
#main-menu ul.menu > li:hover {
    background: #FFF;
}
#main-menu ul.menu {
    position: relative;
}

#main-menu .menu > li {
    position: static;
}

#main-menu .tu-mega-menu-container {
    position: absolute;
    width: 75%;
    left: 0;
    cursor: default;
    pointer-events: none;
    opacity: 0;
    transition: visibility 0.3s linear,opacity 0.3s linear;
    will-change: opacity;
    visibility: hidden;
    margin-left: 12.5%;
}

    #main-menu .tu-mega-menu-container .tu-mega-menu {
        position: relative;
        width: 100%;
        position: relative;
        display: flex;
    }

#main-menu .tu-mega-menu .mega-mainbar {
    flex: 0 0 303px;
    max-width: 303px;
    padding: 20px 0;
    align-self: flex-start;
}

    #main-menu .tu-mega-menu .mega-mainbar .menu-topheader {
        padding: 0 10px 0 30px;
        margin-bottom: 15px;
    }

        #main-menu .tu-mega-menu .mega-mainbar .menu-topheader h3 {
            margin-bottom: 0;
        }

#main-menu .tu-mega-menu .menu-topheader h3 {
    font-size: 1.00em;
    color: #01b7f2;
    margin-bottom: 20px;
}

    #main-menu .tu-mega-menu .menu-topheader h3 > a {
        position: relative;
        display: block;
        background: #96ca46;
        padding: 14px 25px 14px 15px;
        display: inline-block;
        border-radius: 10px;
        text-transform: uppercase;
        color: #FFF;
        font-size: 1em;
    }

        #main-menu .tu-mega-menu .menu-topheader h3 > a::before {
            content: '\e887';
            font-family: "soap-icons";
            right: 10px;
            position: absolute;
            font-size: 11px;
            line-height: 1;
            top: 0;
            height: 100%;
            align-items: center;
            display: flex;
        }

#main-menu .tu-mega-menu .mega-mainbar > ul > li > a {
    font-size: 1.167em;
    padding: 10px 10px 10px 30px;
    display: block;
    position: relative;
    z-index: 9;
    cursor: default;
}

#main-menu .tu-mega-menu-container[data-menuid="extrasMenu"] ul li > a {
    cursor: pointer;
}

#main-menu .tu-mega-menu .mega-mainbar > ul > li > a.activeitem {
    background: #fff;
    color: #000;
}

#main-menu .tu-mega-menu .mega-mainbar > ul > li > a::before {
    content: '\e887';
    font-family: "soap-icons";
    position: absolute;
    right: 10px;
}

#main-menu.desktop ul.menu > li:last-child:hover {
    background: none !important;
}

#main-menu.desktop ul.menu > li #travelnews:hover {
    background: none !important;
    position: relative;
}

}

.overlaymenu {
    position: absolute;
    top: 98px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.52);
    height: calc(100% - 98px);
    z-index: 911;
    opacity: 0;
    transition: visibility 0.3s linear,opacity 0.3s linear;
    visibility: hidden;
}

#main-menu .tu-mega-menu-container.activemenu {
    opacity: 1;
    pointer-events: painted;
    visibility: visible;
}

.tu-mega-menu .accordion-container {
    display: flex;
}

    .tu-mega-menu .accordion-container .accordion-dest-items {
        flex: 0 0 100%;
        max-width: 100%;
    }

.tu-mega-menu-container .tu-mega-menu .accordion-container .accordion-dest-items {
    max-width: 100%;
    flex: 0 0 100%;
}

.soap-login-page #main-menu ul.menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

/*Hover Active*/
#main-menu .mega-destinationbar {
    display: none;
}

    #main-menu .mega-destinationbar.destinationsection {
        display: block;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        pointer-events: painted;
    }

        #main-menu .mega-destinationbar.destinationsection.fadein {
            opacity: 1;
        }

/*FlightMenu*/
/*#main-menu .tu-mega-menu-container[data-menuid="flightMenu"] {
    width: calc(100% - 103px);
}*/
/*HolidayMenu*/
/*#main-menu .tu-mega-menu-container[data-menuid="holidayMenu"] {
    left: auto;
    right: 0;
    max-width: 80%;
}*/

/*Extras*/
#main-menu .menu > li.extrasli {
    position: relative;
}

#main-menu .tu-mega-menu-container[data-menuid="extrasMenu"] {
    width: 210px;
    /*right: 0;*/
    left: auto;
    margin-left: 0;
}

    #main-menu .tu-mega-menu-container[data-menuid="extrasMenu"] .tu-mega-menu .mega-mainbar {
        flex: 0 0 100%;
        max-width: 100%;
    }

        #main-menu .tu-mega-menu-container[data-menuid="extrasMenu"] .tu-mega-menu .mega-mainbar > ul > li > a::before {
            display: none;
        }

@media (min-width: 1300px) {
    #main-menu .tu-mega-menu-container[data-menuid="extrasMenu"] {
        /*left: 0;*/
        right: auto;
    }
}
/*Bottom Des Text*/
.tu-mega-menu .bottom-des-text {
    padding: 10px 10px 0 30px;
}

    .tu-mega-menu .bottom-des-text a {
        display: block;
    }

        .tu-mega-menu .bottom-des-text a p {
            margin-bottom: 0;
        }

        .tu-mega-menu .bottom-des-text a span {
            display: block;
            color: #01b7f2;
            font-style: italic;
        }


#main-menu .tu-mega-menu .mega-mainbar > ul > li > a:hover {
    background: #ddf6fd;
}






/* footer styling*/
#footer .footer-bottomarea {
    background-color: #FFF;
    height: 100%;
    padding: 20px 0;
}

@media (min-width: 992px) {
    #footer .footer-bottomarea {
        padding: 20px 0 0px 10px;
    }
}

@media (min-width: 1200px) {
    #footer .footer-bottomarea {
        padding: 20px 0 0px 40px;
    }
}

@media (min-width: 1400px) {
    #footer .footer-bottomarea {
        padding: 20px 0px 0px 26px;
    }
}

@media (min-width: 1600px) {
    #footer .footer-bottomarea {
        padding: 20px 10px 0px 35px;
    }
}

#footer .footer-bottomarea .t-flex-child {
    flex: 0 0 19.33%;
    max-width: 19.33%;
    padding: 0 20px;
}

#footer .footer-bottomarea #travelup-logosection.t-flex-child {
    flex: 0 0 50%;
    max-width: 50%;
    //padding-left: 35px;
}

@media (max-width: 340px) {
    #footer .footer-bottomarea #travelup-logosection.t-flex-child {
        padding-left: 20px;
    }
}

@media (min-width: 768px) {
    #footer .footer-bottomarea #travelup-logosection.t-flex-child {
        padding: 0 50px;
    }
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-logosection.t-flex-child {
        flex: 0 0 16%;
        max-width: 16%;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    #footer .footer-bottomarea #travelup-logosection.t-flex-child {
        flex: 0 0 17%;
        max-width: 17%;
    }
}

@media (min-width: 1400px) {
    #footer .footer-bottomarea #travelup-logosection.t-flex-child {
        flex: 0 0 14%;
        max-width: 14%;
    }
}

#footer .footer-bottomarea #travelup-logosection .main-logo .a,
#footer .footer-bottomarea #travelup-logosection .main-logo .b {
    fill: #4B6D9359;
}

#footer .footer-bottomarea #travelup-logosection .main-logo.sub-childdiv {
    flex: 0 0 100%;
    margin-bottom: 10px;
}

    #footer .footer-bottomarea #travelup-logosection .main-logo.sub-childdiv svg {
        max-width: 100%;
    }

#footer .footer-bottomarea #travelup-logosection .copyright-div {
    display: none;
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-logosection .copyright-div {
        display: block;
    }
}

#footer .footer-bottomarea #travelup-logosection .copyright-div p {
    font-size: 0.70em;
    letter-spacing: 0.08em;
    color: #4B6D9359;
    opacity: 1;
    font-family: 'lato';
    font-weight: bold;
}

#footer .footer-bottomarea #travelup-protectedsection {
    display: none;
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-protectedsection {
        display: block;
    }
}

#footer .footer-bottomarea #travelup-protectedsection.t-flex-child {
    flex: 0 0 17%;
    max-width: 17%;
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-protectedsection.t-flex-child {
        flex: 0 0 26%;
        max-width: 26%;
        align-self: center;
    }
}

@media (min-width: 1200px) {
    #footer .footer-bottomarea #travelup-protectedsection.t-flex-child {
        flex: 0 0 22%;
        max-width: 22%;
    }
}

@media (min-width: 1400px) {
    #footer .footer-bottomarea #travelup-protectedsection.t-flex-child {
        flex: 0 0 16%;
        max-width: 16%;
    }
}

#footer .footer-bottomarea #travelup-protectedsection .mainatc-imagesection {
    padding: 0px 10px;
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-protectedsection .mainatc-imagesection {
        padding: 0px 25px;
    }
}

@media (min-width: 1200px) {
    #footer .footer-bottomarea #travelup-protectedsection .mainatc-imagesection {
        padding: 0px 50px;
    }
}

@media (min-width: 1400px) {
    #footer .footer-bottomarea #travelup-protectedsection .mainatc-imagesection {
        padding: 0px 37px;
    }
}

#footer .footer-bottomarea #travelup-protectedsection .atc-atol {
    flex: 1 1 auto;
}

    #footer .footer-bottomarea #travelup-protectedsection .atc-atol .a, #footer .footer-bottomarea #travelup-protectedsection .atc-atol .b {
        fill: #4B6D9359;
    }

#footer .footer-bottomarea #travelup-protectedsection .atc-iata {
    margin-top: -6px;
}

    #footer .footer-bottomarea #travelup-protectedsection .atc-iata .a, #footer .footer-bottomarea #travelup-protectedsection .atc-iata .b {
        fill: #4B6D9359;
    }

#footer .footer-bottomarea #travelup-lockupsection.t-flex-child {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 10px;
    align-self: center;
}

@media (min-width: 1600px) {
    #footer .footer-bottomarea #travelup-lockupsection.t-flex-child {
        padding: 0 10px;
    }
}

@media (min-width: 1600px) {
    #footer .footer-bottomarea #travelup-protectedsection .mainatc-imagesection {
        padding: 0px 45px;
    }
}

@media (max-width: 340px) {
    #footer .footer-bottomarea #travelup-lockupsection.t-flex-child {
        padding: 17px 35px;
    }
}

@media (min-width: 768px) {
    #footer .footer-bottomarea #travelup-lockupsection.t-flex-child {
        padding: 0px 35px;
    }
}

@media (min-width: 1200px) {
    #footer .footer-bottomarea #travelup-lockupsection.t-flex-child {
        flex: 0 0 41%;
        max-width: 41%;
    }
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-lockupsection.t-flex-child {
        flex: 0 0 79%;
        max-width: 79%;
        padding: 0;
    }
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-lockupsection.t-flex-child {
        flex: 0 0 58%;
        max-width: 58%;
    }
}

@media (min-width: 1400px) {
    #footer .footer-bottomarea #travelup-lockupsection.t-flex-child {
        flex: 0 0 41%;
        max-width: 41%;
        padding: 0 20px;
    }
}

#footer .footer-bottomarea #travelup-lockupsection .security-items {
    padding: 0px 0px 0px 0px;
}

    #footer .footer-bottomarea #travelup-lockupsection .security-items .flex-child {
        //padding: 0 15px;
    }

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-lockupsection .security-items .flex-child {
        padding: 0 10px;
    }
}

@media (min-width: 768px) {
    #footer .footer-bottomarea #travelup-lockupsection .security-items {
        padding: 0px 50px;
    }
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-lockupsection .security-items {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    #footer .footer-bottomarea #travelup-lockupsection .security-items {
        padding: 0;
    }
}

@media (min-width: 1600px) {
    #footer .footer-bottomarea #travelup-lockupsection .security-items {
        padding: 0px 3px 0px 25px;
    }
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-secure {
    flex: 0 1 auto;
}

@media (min-width: 768px) {
    #footer .footer-bottomarea #travelup-lockupsection .security-items .icon-secure {
        padding-bottom: 0;
    }
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-secure img {
    width: 100%;
    height: auto;
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-lockupsection .security-items .icon-secure img {
        max-width: 200px;
    }
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards svg {
    max-width: 100%;
}

@media (min-width: 1400px) {
    #footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards {
        padding-top: 3px;
    }
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards {
        padding-top: 0;
    }
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .a {
    fill: #4B6D9359;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .b {
    fill: #fff;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .g {
    fill: #faa929;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .c {
    fill: #fbb231;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .d {
    fill: #ec1c2e;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .e {
    fill: #fff;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .e,
#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .f,
#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .g,
#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .j {
    fill-rule: evenodd;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .f {
    fill: #fff;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .h {
    fill: #faa929;
    stroke: #fff;
    stroke-miterlimit: 2.613;
    stroke-width: 0.157px;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .i {
    fill: #4B6D9359;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .j {
    fill: #faa929;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .k {
    fill: #4B6D9359;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .l {
    fill: #fff;
}

#footer .footer-bottomarea #travelup-lockupsection .security-items .icon-cards .m {
    fill: #f9a533;
}

#footer .footer-bottomarea #travelup-ratingsection {
    display: none;
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-ratingsection {
        display: block;
    }
}

#footer .footer-bottomarea #travelup-ratingsection.t-flex-child {
    flex: 0 0 26.33%;
    max-width: 26.33%;
}

@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-ratingsection.t-flex-child {
        flex: 0 0 56.33%;
        max-width: 56.33%;
        padding-left: 0;
        display: flex;
        align-self: center;
        align-items: center;
    }
}

@media (min-width: 1400px) {
    #footer .footer-bottomarea #travelup-ratingsection.t-flex-child {
        flex: 0 0 28.33%;
        max-width: 28.33%;
    }
}

#footer .footer-bottomarea #travelup-ratingsection ul.atc-social-icon {
    display: flex;
    padding-right: 40px;
}

#footer .footer-bottomarea #travelup-ratingsection ul li {
    margin-right: 15px;
}

    #footer .footer-bottomarea #travelup-ratingsection ul li svg._svg-socailicon .a {
        fill: #fff;
        stroke: #c0ccd900;
    }

    #footer .footer-bottomarea #travelup-ratingsection ul li a {
        display: block;
        line-height: 0;
        border: 1px solid #c0ccd9;
        border-radius: 12px;
    }

    #footer .footer-bottomarea #travelup-ratingsection ul li svg._svg-socailicon .c_blog {
        fill: #c0ccd9;
        font-size: 12px;
        font-family: NexaBlack, Nexa;
    }

#footer .footer-bottomarea #travelup-ratingsection .fasttrack-icon img {
    width: 100%;
}
@media (min-width: 1400px) {
    #footer .footer-bottomarea #travelup-ratingsection .fasttrack-icon img {
        max-width: 100%!important;
    }
}
@media (min-width: 992px) {
    #footer .footer-bottomarea #travelup-ratingsection .fasttrack-icon img {
        max-width: 90px;
    }
}

@media (min-width: 1200px) {
    #footer .footer-bottomarea #travelup-ratingsection .feefo-rating {
        padding: 0px;
    }
}

@media (min-width: 1400px) {
    #footer .footer-bottomarea #travelup-ratingsection .feefo-rating {
        padding: 0 15px 0 0;
    }
}




/*mobile*/

a.sub-title {
    margin: 0px;
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
    position: relative;
    top: 0.5em;
}

@media (min-width: 992px) {
    i.fa.fa-times.header {
        top: 19px;
        position: relative;
    }
}

@media (min-width: 1400px) {
    .fa-remove:before, .fa-close:before, .fa-times:before {
        content: "\f00d";
        position: relative;
        top: 0;
    }
}

#header {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 1400px) {
    #header {
        padding: 0;
    }
}

#header .flex-row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}

#header .logo {
    padding-top: 0;
    margin-top: 0;
    margin-right: 25px;
    padding-left: 15px;
    align-self: center;
    height: auto;
}

    #header .logo a {
        background: none;
    }

        #header .logo a img {
            opacity: 1;
            max-width: 120px;
        }

#header .action-link {
    display: block;
    padding-right: 15px;
    padding-left: 15px;
}

    #header .action-link .action-list {
        display: flex;
        position: relative;
        align-items: center;
        height: 100%;
    }

        #header .action-link .action-list li {
            padding: 0 10px;
        }

            #header .action-link .action-list li a {
                position: relative;
                display: block;
            }

                #header .action-link .action-list li a.welcome-link {
                    display: flex;
                }

            #header .action-link .action-list li.phone_number a {
                padding-left: 38px;
                min-height: 36px;
            }

                #header .action-link .action-list li.phone_number a span {
                    display: none;
                }

@media (min-width: 1500px) {
    #header .action-link .action-list li.phone_number a span {
        display: block;
        line-height: 1em;
    }
}

#header .action-link .action-list li.phone_number a .phone-num {
    font-size: 1.917em;
    color: #01b7f2;
    font-weight: bold;
}

#header .action-link .action-list li.account_details .name_info {
    display: none;
    margin-left: 10px;
    font-size: 1.083em;
}

@media (min-width: 768px) {
    #header .action-link .action-list li.account_details .name_info {
        display: block;
    }
}

#header .action-link .action-list li.account_details .name_info span {
    display: block;
}

#header .action-link .action-list li.account_details .custom-options {
    top: 100%;
}

    #header .action-link .action-list li.account_details .custom-options a {
        padding: 10px 25px;
        font-weight: bold;
        color: #4B6D93;
    }

        #header .action-link .action-list li.account_details .custom-options a:hover {
            background-color: #01b7f2;
            color: #FFF;
        }

#header .action-link .action-list li.account_details .custom-select__trigger {
    padding: 0;
    min-width: 30px;
}

@media (min-width: 768px) {
    #header .action-link .action-list li.account_details .custom-select__trigger {
        padding: 14px 0;
    }
}

#header .action-link .action-list li.account_details ._svg-logo .a {
    fill: #A1A1A1;
    stroke-width: 0.5px;
    stroke: #A1A1A1;
}

#header .action-link .action-list li.account_details.logged_in ._svg-logo .a {
    fill: #01b7f2;
    stroke-width: 0.5px;
    stroke: #01b7f2;
}

#header .action-link .action-list ._svg-logo {
    width: 33px;
    max-height: 35px;
    height: auto;
}

#header .action-link .action-list ._svg-phoneicon {
    width: 34px;
    max-height: 35px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

    #header .action-link .action-list ._svg-phoneicon .a {
        fill: #01b7f2;
    }

    #header .action-link .action-list ._svg-phoneicon path {
        stroke: none;
    }

#header #activemenu:before {
    content: '\2807';
    font-size: 3em;
    color: #01b7f2;
    line-height: 1em;
}

@media (min-width: 1200px) {
    #header #activemenu:before {
        display: none;
    }
}

@media (max-width: 991px) {
    #header .logo img {
        height: auto;
        opacity: 1 !important;
    }
}

@media (max-width: 375px) {
    #header .logo img {
        width: 100px;
    }
}

@media (max-width: 341px) {
    #header .logo img {
        width: 80px;
    }
}
@media (min-width: 1600px){
    #footer .footer-bottomarea #travelup-lockupsection.t-flex-child {
        flex: 0 0 39%;
        max-width: 39%;
    }
}
