* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none
}
ul {padding:0; margin:0;}

b, strong {
    font-weight: 500;
}

.page {
    flex-direction:column !important;
}
.flight-icon {
    filter: brightness(0) invert(1);
}
div.dl-triggeropen.dsk {display:none;}

@media only screen and (min-width:1200px) {
    div .msearchstrip[style="display:block;"] {
        display: none !important;
    }

        div.msearchstrip[style="display:block;"] + form .searchbase[ style="display:none;"] {
            display: flex !important;
        }
}

@media only screen and (max-width:1200px) {
    .searchsection.holidaysrc .msearchstrip[style="display:none;"], #topsection .msearchstrip[style="display:none;"] {
        display: block !important;
    }

        .searchsection.holidaysrc .msearchstrip[style="display:none;"] + form .searchbase.flightpass[style="display:flex;"],
        .msearchstrip[style="display:none;"] + form .searchbase.flightpass[style="display:flex;"]{
            display: none !important;
        }
}

    body {
        font-family: nunito sans,sans-serif;
        font-size: 62.5%
    }

    .modal {
        display: none;
        position: fixed;
        z-index: 999999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .modal-content {
        display: none;
        background-color: #FFFFB9 !important;
        margin: 0 auto;
        padding: 10px;
        border: 1px solid #888;
        width: 82% !important;
        border: none !important;
        font-size: 15px;
        border-radius: 0 !important;
        justify-content: space-between;
        align-items: center;
        flex-direction: row !important;
    }

    .alertClose {
        color: #fff;
        font-size: 15px;
        font-weight: normal;
        background: #000;
        margin: 0;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .alertClose button[type="button"] {
            background: transparent;
            border: 0px;
            color: #fff;
            cursor: pointer;
        }

    button#okButton {
        background: transparent;
        border: 0px;
        color: #fff;
        cursor: pointer;
    }

    .dlblock {
        display: block !important;
    }

    .dlnone {
        display: none !important;
    }

    @keyframes loadpoint {
        0%, 50% {
            transform: scale(0);
        }
    }

    strong.bannerheading {
        font-size: 4.8em;
        color: #fff;
        text-align: center;
        font-weight: 700;
        text-shadow: 1px 1px #000
    }

    h1.heading {
        font-size: 3.4em;
        font-size: clamp(2.4em,4vw,3.4em);
        margin: 30px 0;
        color: #000;
        color: var(--txtblack);
        font-weight: 700
    }

    h2.heading {
        font-size: 3em;
        font-size: clamp(2em,4vw,3em);
        margin: 30px 0;
        color: #000;
        color: var(--txtblack);
        font-weight: 500;
        text-align: center
    }

    .commonspace {
        padding: 20px 0 !important;
    }

    div.box-load-more {
        margin-top: -10px
    }

        div.box-load-more > a {
            box-shadow: -1px 1px 10px rgba(0 0 0/15%);
            box-shadow: var(--fltshadow);
            padding: 8px 18px;
            display: inline-block;
            font-size: 1.4em;
            color: #000;
            color: var(--txtblack);
            text-decoration: none;
            font-weight: 600
        }


.searchsection.homepage {
    max-width: 1140px;
    margin: auto;
    display: block;
    position: absolute;
    left: 0;
    z-index: 4;
    bottom: 0;
    right: 0;
}

    .msearchstrip {
        display: block
    }

        .msearchstrip.shidestrip:has( + form) {
            display: none;
        }

    .searchbg {
        background-color: #f2f3f7;
        background-color: var(--greybg);
        margin: 0
    }


        .searchbg .searchsection {
            /*position: static*/
            max-width: 1280px;
            margin:0 auto;
        }

            .searchbg .searchsection .searchnav {
                display: none
            }

            .searchbg .searchsection .searchbase, .searchbg .searchsection .searchcross {
                background: 0 0
            }

.searchbg .searchsection .searchbase .fildgroup .fildrow .col:nth-child(4) {
    flex: 0 0 150px;
}

    .bannerparent {
        position: relative
    }

        .bannerparent::after {
            background-image: url(/assets/images/headeroverlay.png);
            background-repeat: repeat-x;
            height: 82px;
            content: '';
            position: absolute;
            top: -30px;
            left: 0;
            width: 100%;
            z-index: 0;
            display: none;
        }

    .banner {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

    .sliderimg {
        z-index: 1;
    }

        .sliderimg:after {
            content: "";
            position: absolute;
            top: 10%;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 150px;
            z-index: 4;
            display: block !important;
        }

        .sliderimg:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background: #000000;
            opacity: 0.1;
        }

        .sliderimg img {
            width: 100%;
            height: auto;
            margin-right: -12px;
        }

        .sliderimg > img {
            min-height: 434px;
        }

        .sliderimg img[src="assets/images/flights-tab-banner.jpg"] {
            margin-top: -80px
        }

    .bannercontent {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(-50%);
        margin-top: 10px;
        z-index: 2;
    }


    strong.bannerheading, h1.flightheadings, h1.bannerheading {
        font-size: 4.8em;
        color: #ffffff;
        text-align: center;
        font-weight: 700;
        text-shadow: 1px 1px #000;
    }

    .bannercontent .viewofferbtn {
        margin-top: 20px
    }

        .bannercontent .viewofferbtn a {
            text-decoration: none;
            background: #f95539;
            background: var(--btnred);
            color: #fff !important;
            font-size: 1.6em;
            padding: 8px 16px;
            transition: all .5s;
            display: flex;
            align-items: center;
            text-transform: uppercase
        }

            .bannercontent .viewofferbtn a img {
                width: 7px;
                margin-left: 7px;
                margin-top: 0
            }

    .bannercontent p.banneroffers {
        font-size: 2.5em;
        color: #fff;
        color: var(--txtwhite);
        font-weight: 600;
        margin: 15px 0 0;
        display: block;
        text-shadow: 1px 1px rgba(0 0 0/60%)
    }

    .rdbtn {
        display: block;
        position: relative;
        padding-left: 22px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 500;
        margin-right: 10px
    }

        .rdbtn input {
            position: absolute;
            opacity: 0;
            cursor: pointer
        }

        .rdbtn .checkmark {
            position: absolute;
            top: -2px;
            left: 0;
            height: 16px;
            width: 16px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #7c7c7c
        }

        .rdbtn:hover input ~ .checkmark {
        }

        .rdbtn input:checked ~ .checkmark {
            background-color: #fff
        }

        .rdbtn .checkmark:after {
            content: "";
            position: absolute
        }

        .rdbtn input:checked ~ .checkmark:after {
            display: block;
            background: #707070
        }

        .rdbtn .checkmark:after {
            top: 2px;
            left: 2px;
            width: 10px;
            height: 10px;
            border-radius: 50%
        }

    .checkbtn {
        display: block;
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        font-size: 1.4em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 500
    }

        .checkbtn input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0
        }

        .checkbtn .checkmark {
            position: absolute;
            top: 1px;
            left: 0;
            height: 20px;
            width: 20px;
            border: 1px solid #adadad
        }

        .checkbtn:hover input ~ .checkmark {
            background: #ccc;
            background: var(--greybg)
        }

        .checkbtn input:checked ~ .checkmark {
            background-color: transparent;
            border: 1px solid #707070
        }

        .checkbtn .checkmark:after {
            content: "";
            position: absolute;
            display: none
        }

        .checkbtn input:checked ~ .checkmark:after {
            display: block
        }

        .checkbtn .checkmark:after {
            left: 6px;
            top: 1px;
            width: 7px;
            height: 13px;
            border: solid #707070;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    #topsection {
        position: relative;
        margin: 0 auto;
        max-width: 1920px
    }

        #topsection.hideshaidow .headersection::after {
            display: none
        }

.container-fluid {
    margin: 0 auto;
    max-width: 1920px;
    padding: 0 !important;
    --bs-gutter-x:0;
}

    .container {
        max-width: 1800px !important;
        margin: 0 auto;
        padding: 0;
    }

    .navigation {
        width: 100%;
        max-width:1000px;
    }

        .navigation ul {
            display: flex;
            justify-content: center;
            list-style: none;
            margin-bottom: 0 !important;
            padding:0;
        }

            .navigation ul li {
                margin-right: 20px
            }

                .navigation ul li.homeicon svg {
                    width: 22px
                }

                .navigation ul li a img.navIcon {
                    margin-right: 5px;
                }

                .navigation ul li.selected a {
                    color: #F95539 !important;
                }

                .navigation ul li a {
                    text-decoration: none;
                    color: #000;
                    color: var(--txtblack) !important;
                    font-size: 1.2em;
                    text-transform: uppercase;
                    font-weight: 400;
                    display: flex;
                    align-items: center;
                    transition: all .5s;
                    cursor: pointer;
                }

                    .navigation ul li a:hover {
                        color: #f95539 !important;
                    }

                    .navigation ul li a span {
                        line-height: 22px
                    }

                        .navigation ul li a span + svg {
                            width: 12px;
                            margin-left: 5px;
                            fill: #000;
                            opacity: 9
                        }

                .navigation ul li svg {
                    margin-right: 5px;
                    transition: all .5s;
                    width: 18px
                }

                .navigation ul li:hover a path {
                    fill: none;
                    stroke: #f95539;
                }

                .navigation ul li.homeicon:hover a path {
                    fill: none;
                    stroke: #f95539
                }

                .navigation ul li.homeicon:hover a path, .navigation ul li.moreicon:hover a path {
                    fill: none;
                    stroke: #f95539
                }

    .headersection {
        background-color: #fff;
        width: 100%;
        padding: 14px 0px 14px;
        position: relative
    }

        .headersection .header {
            position: relative;
            max-width: 1800px;
            margin: 0 auto;
            width: 98%;
            display: flex;
            align-items: center;
            z-index: 9;
        }


            .headersection .header .sitelogo {
                /*position: absolute;
                left: 0*/
            }

                .headersection .header .sitelogo svg {
                    width: 300px
                }

            .headersection .header .callsection {
                position: absolute;
                right: 0;
                width: 220px;
                border-left: 1px solid #ccc;
                /*border-left: 1px solid var(--btnred);*/
                padding-left: 10px;
                line-height: 20px
            }

                .headersection .header .callsection > p {
                    font-size: 1.2em;
                    font-weight: 600;
                    margin-bottom: 0 !important;
                }

                .headersection .header .callsection > a {
                    text-decoration: none;
                    display: flex;
                    margin-top: 3px;
                    align-items: center
                }

                .headersection .header .callsection strong {
                    font-size: 2.4em;
                    display: inline-block;
                    font-weight: 700;
                    color: #f95539;
                    color: var(--txtorange)
                }

                .headersection .header .callsection > a > img {
                    margin-right: 5px
                }

                .headersection .header .callsection > span {
                    vertical-align: middle;
                    font-size: 1.3em;
                    font-weight: 700;
                    cursor: pointer
                }

                .headersection .header .callsection span img {
                    vertical-align: middle
                }

    .bankdetails {
        background-color: #f5f5f5;
        padding: 10px;
        position: absolute;
        top: 53px;
        width: 220px;
        right: 0;
        border-left: 1px solid #f95539;
        display: block;
        line-height: 20px
    }

        .bankdetails .headingBx {
            font-size: 1.4em;
            font-weight: 700;
            color: #f95539;
            color: var(--txtorange);
            text-transform: uppercase
        }

        .bankdetails .acdetail {
        }

            .bankdetails .acdetail > p {
                font-size: 1.4em;
                margin: 0;
            }

                .bankdetails .acdetail > p > span {
                    font-weight: 700;
                    font-size: .95em
                }

    .mobileheader, .searchcross {
        display: none
    }

.searchsection {
    /*max-width: 1140px;
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;*/
    z-index: 6;
}

    #rdbclslist td:has(label):has([class="checked"]) {
        background: #e7e7e7;
    }

    .searchnav {
        max-width: max-content;
        width: auto;
        margin: 0;
        background-color: rgba( 255 255 255/90%)
    }

        .searchnav ul {
            list-style: none;
            display: flex;
            justify-content: flex-start;
            gap: 12px;
            margin: 0;
            padding: 0;
        }

            .searchnav ul li {
                flex: 0 0 auto;
            }

                /*.searchnav ul li:nth-child(3), .searchnav ul li:nth-child(4), .searchnav ul li:nth-child(5), .searchnav ul li:nth-child(6) {
                display: none;
            }*/

                .searchnav ul li a {
                    text-decoration: none;
                    height: 50px;
                    display: block;
                    text-decoration: none;
                    color: #000;
                    color: var(--txtblack);
                    display: flex;
                    align-items: center;
                    font-size: 1.4em;
                    padding:6px;
                    font-weight: 700;
                    justify-content: center;
                    white-space: nowrap
                }

                    .searchnav ul li a svg {
                        width: 25px;
                        display: block;
                        margin-right: 7px;
                        height: auto
                    }

                        .searchnav ul li a svg g {
                            display: contents
                        }

                .searchnav ul li:first-child a svg {
                    width: 18px
                }

                .searchnav ul li:nth-child(3) a svg {
                    width: 20px;
                    height: auto;
                }

                .searchnav ul li:nth-child(4) a svg {
                    width: 28px;
                    height: auto;
                    display: block;
                    margin-right: 7px;
                }

                .searchnav ul li:nth-child(5) a svg {
                    width: 20px;
                    height: auto
                }

                .searchnav ul li a img {
                    margin-right: 8px;
                    height: 20px;
                    width: auto;
                }


                .searchnav ul li a.active {
                    background: #f95539;
                    background: var(--btnred);
                    color: #fff
                }

                    .searchnav ul li a.active svg path {
                        fill: #fff
                    }

    .searchbase {
        background-color: rgba( 255 255 255/90%);
        padding:20px 15px 15px;
        display: flex;
        justify-content: space-between;
        gap: 10px;
        padding-bottom: 0
    }

        .searchbase .fildgroup {
            display: flex;
            flex-wrap: wrap;
            flex-basis: calc(100% - 100px);
            position: relative;
            align-items: flex-start
        }

            .searchbase .fildgroup .fildrow {
                display: flex;
                gap: 10px;
                align-items: center;
                flex-wrap: wrap;
                position: relative;
                width: 100%
            }

                .searchbase .fildgroup .fildrow .col {
                    flex: 1;
                    position: relative;
                    background-color: #fff;
                    height: 40px
                }

                    .searchbase .fildgroup .fildrow .col .adtcont {
                        padding: 13px 0 13px 40px;
                        font-size: 1.4em;
                        transition: all .5s;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                        width: 96%
                    }

                    .searchbase .fildgroup .fildrow .col .searchcalc {
                        display: flex;
                        align-items: center;
                        height: 100%;
                        padding-left: 4px;
                        font-size: 1.4em;
                        transition: all .5s;
                        border: 1px solid #fff;
                        position: relative;
                    }

                        .searchbase .fildgroup .fildrow .col .searchcalc span.iconcal {
                            position: absolute;
                            left: 6px;
                            top: 48%;
                            transform: translateY(-50%);
                            cursor: pointer;
                        }

                        .searchbase .fildgroup .fildrow .col .searchcalc .date-icon-img {
                            position: absolute;
                            left: 8px;
                            top: 49%;
                            transform: translateY(-50%);
                            cursor: pointer;
                        }

                        .searchbase .fildgroup .fildrow .col .searchcalc input {
                            width: 100%;
                            padding: 1px 0;
                            margin-left: 28px;
                            position: relative;
                        }

                            .searchbase .fildgroup .fildrow .col .searchcalc input.datepicker {
                                width: 100%;
                                padding: 1px 0;
                                margin-left: 28px;
                                border: none;
                            }

                        .searchbase .fildgroup .fildrow .col .searchcalc .iconcal {
                            position: absolute;
                            left: 8px;
                            top: 45%;
                            transform: translateY(-50%);
                            cursor: pointer;
                        }

                        .searchbase .fildgroup .fildrow .col .searchcalc input.tway1[type="date"]::-webkit-calendar-picker-indicator {
                            position: absolute;
                            right: 0px;
                            top: 8px;
                            z-index: 2;
                            cursor: pointer;
                        }

                        .searchbase .fildgroup .fildrow .col .searchcalc input.tway1.oneway[type="date"]::-webkit-calendar-picker-indicator {
                            position: absolute;
                            right: 5px;
                            left: inherit;
                            top: 10px;
                            z-index: 2;
                            cursor: pointer;
                        }

                        .searchbase .fildgroup .fildrow .col .searchcalc input.tway2[type="date"]::-webkit-calendar-picker-indicator {
                            position: absolute;
                            right: 0px;
                            top: 8px;
                        }

                        .searchbase .fildgroup .fildrow .col .searchcalc:focus-within {
                            border: 1px solid #707070
                        }

    span.highfen {
        padding-right: 12px
    }

    .searchbase .fildgroup .fildrow .col:nth-child(4) {
        flex: 0 0 260px;
    }

        .searchbase .fildgroup .fildrow .col:nth-child(4).oneway {
            flex: 0 0 122px;
        }

    .searchbase .fildgroup .fildrow .col .searchcalc input[typeof=text] {
        width: 100%;
        height: 38px;
        font-size: .85rem;
        border: 1px solid #fff;
        transition: all .5s;
        padding: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .searchbase .fildgroup .fildrow .col .searchcalc input#depdateit, .searchbase .fildgroup .fildrow .col .searchcalc input#retdateit {
        width: 77px;
        height: 36px
    }

    .searchbase .fildgroup .fildrow .col .searchcalc span.hyfen {
        flex-basis: 22px
    }

    .searchbase .fildgroup .fildrow .col .searchcalc input[typeof=text]:focus {
        border: 1px solid #fff
    }

    .searchbase .fildgroup .fildrow .col.colarrow {
        flex: 0 0 20px;
        cursor: pointer;
        background: 0 0;
        vertical-align: middle;
        height: 100%;
        align-items: center;
        display: flex
    }

    .searchbase .fildgroup .fildrow .col span.searchicon {
        position: absolute;
        top: 12px;
        left: 10px;
        pointer-events: none
    }

    .searchbase .fildgroup .fildrow .col input[typeof=text] {
        width: 100%;
        height: 40px;
        border: none;
        padding-left: 35px;
        padding-right: 30px;
        font-size: 1.4em;
        border: 1px solid #fff;
        transition: all .5s;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

        .searchbase .fildgroup .fildrow .col input[typeof=text]:focus {
            border: 1px solid #707070
        }

    .searchbase .btngroup {
        width: 100px
    }

        .searchbase .btngroup button[type=button] {
            /*background: #f95539;
            background: var(--btnred);
            padding: 0;
            color: #fff;
            border: none;
            font-size: 1.3em;
            text-transform: uppercase;
            font-weight: 600;
            height: 40px;
            width: 100%;
            cursor: pointer;
            transition: all .5s;
            white-space: break-spaces*/
            background: #fc5119;
            background: var(--btnred);
            color: #fff;
            padding: 8px 16px;
            font-size: 15px;
            font-weight: normal;
            display: block;
            cursor: pointer;
            border: none;
            overflow: hidden;
        }

        .searchbase .btngroup .refreshbtn {
            font-size: 1.2em;
            font-weight: 500;
            display: flex;
            align-items: center;
            margin-top: 10px;
            cursor: pointer
        }

            .searchbase .btngroup .refreshbtn img {
                margin-left: 5px
            }

    .searchbase .fildgroup .multird {
        display: flex;
        margin-top: 14px
    }

    .searchbase .fildgroup .classgrid {
        display: flex
    }

        .searchbase .fildgroup .classgrid .row {
            display: flex;
            flex-wrap: nowrap;
            width: 540px;
            position: relative;
            margin-left: 10px
        }

            .searchbase .fildgroup .classgrid .row .col {
                flex: 1;
                position: relative;
                padding: 0;
            }

                .searchbase .fildgroup .classgrid .row .col.checkbx {
                    padding-left: 10px;
                    display: flex;
                    align-items: center;
                    margin-left: 0
                }

                    .searchbase .fildgroup .classgrid .row .col.checkbx:before {
                        left: 0
                    }

    .clearable.x {
        background: #fff url(/assets/images/input-cross.png) no-repeat;
        background-position: 96% 50%;
        transition: none;
        cursor: pointer;
        transition: inherit !important
    }

    .searchbase.flightpass .passenger-grid-bx {
        background-color: #e7e7e7;
        width: 320px;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 41px;
        z-index: 9999
    }

        .searchbase.flightpass .passenger-grid-bx .rowbx {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

            .searchbase.flightpass .passenger-grid-bx .rowbx li {
                flex: 0 0 30%;
                position: relative
            }

                .searchbase.flightpass .passenger-grid-bx .rowbx li label {
                    display: block;
                    font-size: 1.4em;
                    font-weight: 600;
                    margin-bottom: 5px
                }

                .searchbase.flightpass .passenger-grid-bx .rowbx li select {
                    width: 100%;
                    height: 33px;
                    padding: 0 10px;
                    border: none;
                    transition: all .5s;
                    border: 1px solid #fff;
                    appearance: none;
                    font-size: 1.4em
                }

                .searchbase.flightpass .passenger-grid-bx .rowbx li span.selectarrow {
                    border: 6px solid transparent;
                    border-top: 10px solid #859ec5;
                    position: absolute;
                    top: 32px;
                    right: 10px;
                    pointer-events: none
                }

        .searchbase.flightpass .passenger-grid-bx .botbx {
            display: flex;
            justify-content: flex-end;
            margin-top: 10px;
            gap: 10px
        }

            .searchbase.flightpass .passenger-grid-bx .botbx .col-l {
            }

                .searchbase.flightpass .passenger-grid-bx .botbx .col-l button[type=button] {
                    border: 1px solid #f95539;
                    padding: 2px 10px;
                    color: #f95539;
                    font-size: 1.2em;
                    text-transform: uppercase;
                    font-weight: 600;
                    height: 30px;
                    width: 100%;
                    cursor: pointer;
                    transition: all .5s;
                    background-color: #fff;
                    border-radius: 50px
                }

        .searchbase.flightpass .passenger-grid-bx .rowbx li select:focus {
            border: 1px solid #707070
        }




    ul.autoComplete {
        box-shadow: 0px 1px 8px rgba(0 0 0 / 20%);
        width: 300px !important;
        max-height: 210px;
        z-index: 9;
        overflow: auto;
        position: absolute;
        left: 0;
        margin: 0;
        padding: 0;
    }

        ul.autoComplete::-webkit-scrollbar {
            width: 5px;
            background-color: #f5f5f5;
        }

        ul.autoComplete::-webkit-scrollbar-thumb {
            background-color: #F95539;
        }

        ul.autoComplete::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
            background-color: #f5f5f5;
        }


        ul.autoComplete li {
            border-bottom: 1px solid #d7dce3;
        }

            ul.autoComplete li a {
                padding: 10px;
                display: block;
                background: #fff;
                font-size: 1.3em;
                color: #000;
                font-weight: 500;
                text-decoration: none;
            }

                ul.autoComplete li a strong {
                    color: #f95539 !important;
                }

                ul.autoComplete li a:hover {
                    background: #000;
                    color: #fff;
                }

            ul.autoComplete li.selected a {
                background: #000000;
                color: #ffffff;
            }

            ul.autoComplete li a:hover strong {
                color: #f95539 !important;
            }

    .cancel-button {
        position: absolute;
        right: 9px;
        top: 22%;
        font-size: 1.8em;
        font-weight: 600;
        border: none;
        background: none;
    }

    ul#ui-id-1, ul#ui-id-2 {
        width: 300px !important;
        box-shadow: 0 1px 8px rgba(0 0 0/20%);
        max-height: 210px;
        overflow: auto
    }

        ul#ui-id-1 li, ul#ui-id-2 li {
            border-bottom: 1px solid #d7dce3
        }

            ul#ui-id-1 li a, ul#ui-id-2 li a {
                font-size: 1.4em;
                background-color: #fff;
                padding: 10px;
                display: block;
                font-weight: 500;
                cursor: pointer
            }

                ul#ui-id-1 li a > strong, ul#ui-id-2 li a > strong {
                    color: #f95539 !important;
                    font-weight: 600
                }

                ul#ui-id-1 li a.ui-state-active, ul#ui-id-2 li a.ui-state-active {
                    background-color: #252c32;
                    color: #fff
                }

        ul#ui-id-1::-webkit-scrollbar, ul#ui-id-2::-webkit-scrollbar {
            width: 5px;
            background-color: #f5f5f5
        }

        ul#ui-id-1::-webkit-scrollbar-thumb, ul#ui-id-2::-webkit-scrollbar-thumb {
            background-color: #f95539
        }

        ul#ui-id-1::-webkit-scrollbar-track, ul#ui-id-2::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            background-color: #f5f5f5
        }

    div#ui-datepicker-div {
        background: rgb(255 255 255);
        padding: 3px;
        box-shadow: 0 1px 8px rgba(0 0 0/20%);
        margin: 15px 0 0 -36px;
        display: none
    }

    .ui-datepicker-header {
        position: relative;
        display: flex;
        flex-direction: column
    }

        .ui-datepicker-header a {
            position: absolute
        }

            .ui-datepicker-header a.ui-datepicker-prev {
                left: 15px;
                top: 10px
            }

            .ui-datepicker-header a.ui-datepicker-next {
                right: 15px;
                transform: rotate(180deg);
                top: 10px
            }

            .ui-datepicker-header a span.ui-icon.ui-icon-circle-triangle-w {
                background: url(/assets/images/down_arrow_icon.svg) no-repeat;
                display: block;
                height: 34px;
                width: 34px;
                background-size: 32px;
                transform: rotate(90deg);
                text-indent: -9999px;
                cursor: pointer
            }

            .ui-datepicker-header a span.ui-icon.ui-icon-circle-triangle-e {
                background: url(/assets/images/down_arrow_icon.svg) no-repeat;
                display: block;
                height: 34px;
                width: 34px;
                background-size: 32px;
                transform: rotate(90deg);
                text-indent: -9999px;
                cursor: pointer
            }

    .ui-datepicker-title {
        display: flex;
        width: 190px;
        justify-content: space-between;
        margin: 10px auto;
        gap: 10px
    }

        .ui-datepicker-title::after {
            content: '';
            border-bottom: 1px solid #d1d1d1;
            position: absolute;
            left: 0;
            width: 100%;
            bottom: 0
        }

        .ui-datepicker-title select {
            width: 100%;
            height: 35px;
            font-size: 13px;
            border-radius: 0;
            text-align: center;
            font-weight: 600
        }

    div#ui-datepicker-div table.ui-datepicker-calendar tr th {
        padding: 12px;
        font-size: 13px;
        font-weight: 700;
        color: #000
    }

    div#ui-datepicker-div table.ui-datepicker-calendar tr {
    }

        div#ui-datepicker-div table.ui-datepicker-calendar tr td {
            font-size: 14px;
            text-align: center;
            font-weight: 600
        }

            div#ui-datepicker-div table.ui-datepicker-calendar tr td span, div#ui-datepicker-div table.ui-datepicker-calendar tr td a {
                padding: 12px;
                display: block
            }

                div#ui-datepicker-div table.ui-datepicker-calendar tr td span.ui-state-default {
                    text-decoration: none;
                    color: #bdbdbd
                }

                div#ui-datepicker-div table.ui-datepicker-calendar tr td a.ui-state-default {
                    text-decoration: none;
                    color: #000
                }

                    div#ui-datepicker-div table.ui-datepicker-calendar tr td a.ui-state-default.ui-state-hover {
                        background-color: #e3452a;
                        color: #fff
                    }

            div#ui-datepicker-div table.ui-datepicker-calendar tr td.ui-datepicker-today a.ui-state-default.ui-state-highlight.ui-state-hover, div#ui-datepicker-div table.ui-datepicker-calendar tr td.ui-datepicker-today {
                background-color: #1c4a91
            }

                div#ui-datepicker-div table.ui-datepicker-calendar tr td.ui-datepicker-today span.ui-state-default {
                    color: #fff
                }

                div#ui-datepicker-div table.ui-datepicker-calendar tr td.ui-datepicker-today a.ui-state-default.ui-state-highlight {
                    color: #fff
                }

            div#ui-datepicker-div table.ui-datepicker-calendar tr td.ui-state-active a {
                background: #ff6e56;
                margin: 1px 0
            }

                div#ui-datepicker-div table.ui-datepicker-calendar tr td.ui-state-active a.ui-state-default {
                    color: #fff
                }

    div#ui-datepicker-div table.ui-datepicker-calendar thead {
        border-bottom: 3px solid #fff
    }

    .passenger-grid-bx .rowbx li span.common-alert {
        position: absolute !important;
        top: -69px;
        width: 180px;
        background: #252c32;
        z-index: 99999;
        padding: 8px;
        left: 0;
        color: #fff;
        line-height: 13px;
        font-size: 1.2em
    }

        .passenger-grid-bx .rowbx li span.common-alert::after {
            content: '';
            border: 14px solid transparent;
            border-top: 12px solid #252c32;
            position: absolute;
            bottom: -24px;
            left: 10px;
            right: 0;
            width: 0
        }

    span.validate-message-bx {
        font-size: 1.2em;
        font-weight: 600;
        position: absolute;
        left: 0;
        top: 47px;
        background-color: #252c32;
        z-index: 9;
        color: #fff;
        padding: 6px
    }

        span.validate-message-bx::after {
            content: '';
            border: 14px solid transparent;
            border-bottom: 12px solid #252c32;
            position: absolute;
            top: -20px;
            left: 10px;
            right: 0;
            width: 0
        }

    .searchbase .fildgroup .fildrow .col.error input[type=text] {
        border: 1px solid #252c32
    }

    div#boxes {
        position: relative;
        z-index: 9999
    }

        div#boxes .window {
            display: none
        }

    div#dialog #pro-cont-main {
        max-width: 550px;
        width: 90%;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%,-50%);
        position: fixed;
        background: #f95539;
        border: 2px solid #fff;
        font-size: 1.4em;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 20px 0;
        text-align: center;
        z-index: 999
    }

    div#dialog::after {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0,0,0,.8);
        top: 0;
        left: 0
    }

    div#pro-cont-main p {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 1.3em;
        font-weight: 400;
        text-align: center;
        line-height: 22px
    }

    #vIframeWrapper, #maskI, #mask {
        display: none
    }

    .col.checkbx .checkbtn {
        display: block;
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        font-size: 1.4em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 500
    }

        .col.checkbx .checkbtn input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0
        }

        .col.checkbx .checkbtn .checkmark {
            position: absolute;
            top: 2px;
            left: 0;
            height: 20px;
            width: 20px;
            border: 1px solid #adadad
        }

    .checkbtn:hover input ~ .checkmark {
        background: #ccc;
        background: var(--greybg)
    }

    .col.checkbx .checkbtn input:checked ~ .checkmark {
        background-color: transparent;
        border: 1px solid #f95539
    }

    .col.checkbx .checkbtn .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }

    .col.checkbx .checkbtn input:checked ~ .checkmark:after {
        display: block
    }

    .col.checkbx .checkbtn .checkmark:after {
        left: 5px;
        top: 0px;
        width: 8px;
        height: 15px;
        border: solid #f95539;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .searchbase .fildgroup .classgrid .row .col::before {
        height: 25px;
        width: 1px;
        background-color: #707070;
        position: absolute;
        content: '';
        top: 8px
    }

    .searchbase .fildgroup .classgrid .row .col select {
        background: 0 0;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 40px;
        padding-left: 10px;
        font-size: 1.4em;
        width: 100%;
        transition: all .5s;
        border: 1px solid #fff;
        border: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 35px
    }

    .searchbase .fildgroup .classgrid .row .col span.selectarrow {
        border: 6px solid transparent;
        border-top: 10px solid #859ec5;
        position: absolute;
        top: 16px;
        right: 10px;
        pointer-events: none
    }

    .searchbase .rdbtn {
        display: block;
        position: relative;
        padding-left: 22px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 500;
        margin-right: 10px
    }

        .searchbase .rdbtn input {
            position: absolute;
            opacity: 0;
            cursor: pointer
        }

        .searchbase .rdbtn .checkmark {
            position: absolute;
            top:3px;
            left: 0;
            height: 16px;
            width: 16px;
            background-color: #c7c7c7;
            border-radius: 50%;
            border: none
        }

        .searchbase .rdbtn:hover input ~ .checkmark {
        }

        .searchbase .rdbtn input:checked ~ .checkmark {
            background: #f95539;
            background: var(--btnred)
        }

        .searchbase .rdbtn .checkmark:after {
            content: "";
            position: absolute
        }

        .searchbase .rdbtn input:checked ~ .checkmark:after {
            display: block;
            background-color: #fff
        }

        .searchbase .rdbtn .checkmark:after {
            top: 4px;
            left: 4px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #fff
        }

    .searchsection.holidaysrc {
        max-width: 1280px;
        
    }



.searchbase .fildgroup .fildrow .col.srcngt {
    flex: 0 0 120px
}

        .searchbase .fildgroup .fildrow .col.srcngt span.selectarrow, .searchbase .fildgroup .fildrow .col.anystr span.selectarrow {
            top: 16px
        }

    .searchbase .fildgroup .fildrow .col.anystr {
        flex: 0 0 100px
    }

    .searchbase .fildgroup .fildrow .col.moption {
        flex: 0 0 60px;
        text-align: center;
        font-size: 1.2em;
        font-weight: 500
    }

        .searchbase .fildgroup .fildrow .col.moption .checkmark {
            display: none;
        }

        .searchbase .fildgroup .fildrow .col.moption label {
            outline: 0 solid #fff;
            display: flex;
            height: 100%;
            align-items: center;
            cursor: pointer;
            transition: all .5s;
            justify-content: center
        }

            .searchbase .fildgroup .fildrow .col.moption label:focus {
                outline: 4px solid red;
                border: 1px solid red
            }

    .searchbase .fildgroup .fildrow .col select {
        width: 100%;
        height: 40px;
        border: none;
        font-size: 1.4em;
        appearance: none;
        border: 1px solid #fff;
        transition: all .5s;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 35px;
    /*    text-indent: 30px;*/
        background-color: #fff;
        line-height: 40px;
    }

        .searchbase .fildgroup .fildrow .col select:focus, .moreoption-grid-bx ul.rowbx li select:focus {
            border: 1px solid #707070
        }

    .searchsection.holidaysrc .searchbase .btngroup .refreshbtn {
        margin-bottom: 10px
    }

    .moreoption-grid-bx {
        background-color: #e7e7e7;
        width: 220px;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 41px;
        display: none;
        z-index: 1;
    }

        .moreoption-grid-bx ul.rowbx {
            width: 100%;
            padding: 0;
            margin: 0;
        }

            .moreoption-grid-bx ul.rowbx li {
                margin-bottom: 14px;
                position: relative
            }

                .moreoption-grid-bx ul.rowbx li label {
                    display: block;
                    font-size: 1.3em;
                    font-weight: 600;
                    margin-bottom: 5px
                }

                .moreoption-grid-bx ul.rowbx li select {
                    width: 100%;
                    height: 33px;
                    padding: 0 10px;
                    border: none;
                    transition: all .5s;
                    border: 1px solid #fff;
                    appearance: none;
                    font-size: 1.4em
                }

        .moreoption-grid-bx span.close-btn {
            position: absolute;
            right: 10px;
            top: 10px;
            cursor: pointer
        }

    span.selectarrow {
        border: 6px solid transparent;
        border-top: 10px solid #859ec5;
        position: absolute;
        top: 32px;
        right: 10px;
        pointer-events: none
    }

    .checkbtn input:checked ~ .checkmark, .checkbtn .checkmark:after {
        border-color: #f95539
    }

    /*.searchsection.holidaysrc .searchbase .fildgroup .fildrow .col:nth-child(4) {
        flex: 0 0 120px!important;
    }*/

    .holidaypass {
        background-color: #e7e7e7;
        position: absolute;
        right: 180px;
        top: 41px;
        overflow: hidden;
        z-index: 9;
        padding: 14px 14px 0;
        /*display: none*/
    }

        .holidaypass .roomslt {
            position: relative;
            width: 100%
        }

            .holidaypass .roomslt .roominput {
                width: 90px;
                position: relative;
                margin: 10px 0 10px;
            }

                .holidaypass .roomslt .roominput label {
                    display: block;
                    font-size: 1.4em;
                    font-weight: 700;
                    margin-bottom: 5px
                }

                .holidaypass .roomslt .roominput select {
                    width: 100%;
                    height: 33px;
                    padding: 0 10px;
                    border: none;
                    transition: all .5s;
                    border: 1px solid #fff;
                    appearance: none;
                    font-size: 1.4em;
                    border: 1px solid #fff
                }

                    .holidaypass .roomslt .roominput select:focus, .holidaypass > .row > .col .rowpass .adultpass select:focus, .holidaypass > .row > .col .rowpass .childpass select:focus {
                        border: 1px solid #707070
                    }

            .holidaypass .roomslt .resetrow {
                position: absolute;
                right: 10px;
                top: 0
            }

                .holidaypass .roomslt .resetrow > span.close-btn {
                    position: absolute;
                    right: 0;
                    cursor: pointer
                }

                .holidaypass .roomslt .resetrow > .reset-bx > a {
                    display: block;
                    font-size: 1.3em;
                    font-weight: 600;
                    color: #f95539;
                    margin-top: 28px
                }

        .holidaypass > .row {
            display: table
        }

            .holidaypass > .row > .col:first-child {
                border: none
            }

            .holidaypass > .row > .col {
                display: table-cell;
                width: 220px;
                padding: 0 10px 10px;
                border-left: 1px solid #c9c9c9;
                position: relative
            }

                .holidaypass > .row > .col .validate-message-bx {
                    font-size: 1.2em;
                    font-weight: 600;
                    position: absolute;
                    left: 10px;
                    bottom: -25px;
                    background-color: #252c32;
                    z-index: 9;
                    color: #fff;
                    padding: 6px;
                    width: calc(96% - 4%);
                    text-align: center;
                    top: auto
                }

                    .holidaypass > .row > .col .validate-message-bx::after {
                        display: none
                    }

                .holidaypass > .row > .col .rowpass {
                    display: flex;
                    flex-wrap: wrap
                }

                    .holidaypass > .row > .col .rowpass .adultpass {
                        flex: 0 0 48%;
                        position: relative;
                        margin-right: 4%
                    }

                        .holidaypass > .row > .col .rowpass .adultpass span.selectarrow {
                            top: 30px
                        }

                        .holidaypass > .row > .col .rowpass .adultpass:last-child, .holidaypass > .row > .col .rowpass .childpass:last-child {
                            margin-right: 0
                        }

                    .holidaypass > .row > .col .rowpass .childpass {
                        flex: 0 0 30.5%;
                        position: relative;
                        margin-right: 4%;
                        margin-top: 10px
                    }

                        .holidaypass > .row > .col .rowpass .adultpass label, .holidaypass > .row > .col .rowpass .childpass label {
                            display: block;
                            font-size: 1.3em;
                            font-weight: 600;
                            margin-bottom: 5px
                        }

                        .holidaypass > .row > .col .rowpass .adultpass select, .holidaypass > .row > .col .rowpass .childpass select {
                            width: 100%;
                            height: 33px;
                            padding: 0 10px;
                            border: none;
                            transition: all .5s;
                            border: 1px solid #fff;
                            appearance: none;
                            font-size: 1.4em
                        }

                .holidaypass > .row > .col > strong {
                    font-size: 1.4em;
                    font-weight: 700;
                    margin-bottom: 10px;
                    display: block;
                    margin-left: -10px;
                    width: 110%;
                    background: #cdcdcd;
                    padding: 8px 11px
                }

        .holidaypass .botbx {
            padding: 14px 0;
            display: flex;
            gap: 10px;
            justify-content: right;
            border-top: 1px solid #c9c9c9
        }

            .holidaypass .botbx .col-l input.btn-new {
                border: 1px solid #f95539;
                padding: 2px 10px;
                color: #f95539;
                font-size: 1.2em;
                text-transform: uppercase;
                font-weight: 600;
                height: 30px;
                width: 100%;
                cursor: pointer;
                transition: all .5s;
                background-color: #fff;
                border-radius: 50px
            }

    .introsection {
        max-width: 900px;
        width: 94%;
        margin: 0 auto;
        text-align: center
    }

        .introsection h1 {
            margin-bottom: 20px;
        }

        .introsection p {
            line-height: 25px;
            font-size: 1.8em;
            color: var(--txtsixteen);
            font-weight: 500;
            color: #000;
            color: var(--txtblack)
        }

    .moreText {
        display: none
    }

        .moreText h2 {
            font-size: 2.8em;
            font-weight: 700;
            margin: 30px 0 10px
        }

    .introsection a#readMore {
        font-size: 1.6em;
        color: red;
        margin-top: 10px;
        display: block
    }

    .customerview {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
        color: #000;
        color: var(--txtblack)
    }

        .customerview .summary-sac {
            flex: 0 0 100%;
            font-size: 1.8em;
            font-weight: 600;
            margin-bottom: 5px
        }

        .customerview .rating-label {
            font-size: 2em;
            margin: 0 8px;
            font-weight: 700
        }

        .customerview .starrating {
        }

            .customerview .starrating svg {
                fill: #fec610;
                width: 20px
            }

    .customersectionbg {
        background-color: #174285;
        background-color: var(--bluebg)
    }

    .customersection {
        display: flex;
        justify-content: space-around;
        align-items: center;
        justify-content: center;
        max-width: 1200px;
        margin: auto
    }

        .customersection .customerimg {
            flex: 0 0 240px
        }

            .customersection .customerimg img {
                width: 100%;
                height: auto;
                margin-top: -25px;
                float: left
            }

        .customersection .customercontent {
            flex: 0 0 calc(100% - 250px);
            text-align: center
        }

            .customersection .customercontent p {
                font-size: 4em;
                color: #fff;
                color: var(--txtwhite);
                margin-bottom: 10px
            }

                .customersection .customercontent p b {
                    font-weight: 700
                }

            .customersection .customercontent a.number {
                font-size: 4em;
                color: #fff;
                color: var(--txtwhite);
                font-weight: 700;
                text-decoration: none
            }

                .customersection .customercontent a.number > img {
                    display: none
                }

    .lowflight {
        width: 100%
    }

        .lowflight .rowgrid {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 90%;
            margin: auto
        }

            .lowflight .rowgrid .gridbx {
                flex: 0 0 31%;
                box-shadow: 0 1px 8px rgba(0 0 0/20%);
                margin: 20px 0
            }

    .imgbox {
        width: 100%;
        position: relative
    }

        .imgbox > img {
            width: 100%
        }

    .contentbox {
        padding: 15px
    }

        .contentbox .row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap
        }

            .contentbox .row.f-depart .col {
                flex: 0 0 30%
            }

                .contentbox .row.f-depart .col:first-child {
                    order: 2
                }

                    .contentbox .row.f-depart .col:first-child p {
                        text-align: left
                    }

                .contentbox .row.f-depart .col:nth-child(2) {
                    order: 1;
                    flex: 0 0 100%;
                    margin-bottom: 20px
                }

                .contentbox .row.f-depart .col:last-child {
                    order: 3
                }

    div.contentbox .row.f-depart .col:last-child p {
        order: 3;
        text-align: right
    }

    .contentbox .row.f-depart .col:first-child, .contentbox .row.f-depart .col:last-child {
        flex: 0 0 48%
    }

    .contentbox .row.f-depart .col > p {
        text-align: right;
        font-size: 1.5em;
        color: #000;
        color: var(--txtblack);
        line-height: 20px;
        font-weight: 500
    }

    .contentbox .row.f-depart .col:last-child p {
        text-align: left
    }

    .contentbox .row.f-depart .col p span.flightcode {
        display: inline-block;
        width: auto
    }

    .contentbox .row.f-depart .col span {
        width: 100%;
        display: block
    }

        .contentbox .row.f-depart .col span img {
            width: 18px;
            height: auto;
            margin-bottom: 5px;
            display: none
        }

        .contentbox .row.f-depart .col span.iconright {
            text-align: right
        }

        .contentbox .row.f-depart .col span.iconleft {
            text-align: left
        }

    .contentbox .row.f-depart .col .returnflight {
        position: relative;
        margin: auto;
        width: 80%
    }

        .contentbox .row.f-depart .col .returnflight::before, .contentbox .row.f-depart .col .returnflight::after {
            width: 20px;
            height: 20px;
            position: absolute;
            top: 10px
        }

        .contentbox .row.f-depart .col .returnflight::before {
            content: url(/assets/images/departicon.svg);
            left: -36px
        }

        .contentbox .row.f-depart .col .returnflight::after {
            content: url(/assets/images/arriveicon.svg);
            left: auto;
            right: -36px
        }

        .contentbox .row.f-depart .col .returnflight > p {
            font-size: 1.6em;
            color: #000;
            color: var(--txtblack);
            text-align: center;
            margin-bottom: 10px
        }

        .contentbox .row.f-depart .col .returnflight span {
            border-bottom: 1px solid #174285;
            border: 1px solid var(--borderblue);
            margin: 3px 0;
            position: relative
        }

            .contentbox .row.f-depart .col .returnflight span i {
                height: 12px;
                display: block;
                border: 1px solid #174285;
                position: absolute;
                right: 10px;
                top: -10px;
                transform: rotate(-45deg)
            }

                .contentbox .row.f-depart .col .returnflight span i.lftarw {
                    right: auto;
                    left: 3px;
                    transform: rotate(-45deg);
                    top: -2px
                }

    .contentbox .row.f-dategrid .col {
        flex: 0 0 100%
    }

        .contentbox .row.f-dategrid .col .traveldate {
            margin-top: 20px
        }

            .contentbox .row.f-dategrid .col .traveldate ul {
                list-style: none
            }

                .contentbox .row.f-dategrid .col .traveldate ul li {
                    font-size: 1.4em;
                    font-weight: 500;
                    margin: 8px 0
                }

                    .contentbox .row.f-dategrid .col .traveldate ul li b {
                        font-weight: 600
                    }

                    .contentbox .row.f-dategrid .col .traveldate ul li span {
                        display: inline-block;
                        width: auto
                    }

    .contentbox .row.f-fargrid .col {
        flex: 0 0 48%
    }

        .contentbox .row.f-fargrid .col .flightfare {
            font-size: 2.2em;
            color: #f95539;
            color: var(--txtorange)
        }

            .contentbox .row.f-fargrid .col .flightfare strong {
                font-weight: 700
            }

        .contentbox .row.f-fargrid .col .airlineimg {
            text-align: right
        }

            .contentbox .row.f-fargrid .col .airlineimg > img {
                max-width: 141px;
                width: 100%
            }

    .faqsection {
        display: block;
        width: 100%;
        padding-bottom: 0;
        max-width: 1280px;
        margin: 30px auto;
    }

        .faqsection .faqquestion {
            width: 100%
        }

            .faqsection .faqquestion .question {
                display: flex;
                flex-direction: column;
                box-shadow: 0 0 1px rgba(0 0 0/50%);
                margin-bottom: 10px
            }

                .faqsection .faqquestion .question > .faqheading {
                    padding: 18px 15px;
                    padding-right: 30px;
                    font-size: 1.6em;
                    font-weight: 600;
                    cursor: pointer;
                    position: relative
                }

                    .faqsection .faqquestion .question > .faqheading > span {
                        position: absolute;
                        right: 10px;
                        top: 13px; transition: all .2s ease;
                    }
.faqsection .faqquestion .question > .faqheading > span.togglearrow {
                            transform: rotate(-180deg);
                    }

            .faqsection .faqquestion .faqcontent {
                padding: 16px;
                display: none;
                border-top: 1px solid #ededed;
                font-size: 1.6em;
                line-height: 20px
            }

    .whychoose {
        background: #ebe8e1;
        background: var(--whybg);
        padding: 50px 0!important
    }

    .whyc {
        max-width: 960px;
        width: 96%;
        margin: 0 auto;
        text-align: center;
        font-size: 1.6em;
        position: relative;
    }

        .whyc h3 {
            font-size: 2em;
            text-transform: uppercase;
            font-weight: 700;
            color: #000;
            color: var(--txtblack);
            padding: 20px 0;
            text-align: center;
        }

            .whyc h3 img.stimage {
                align-items: center;
                vertical-align: sub;
                width: 40px;
                height: 40px;
                margin-left: -9px;
                margin-right: -8px;
            }

        .whyc p {
            line-height: 21px;
            color: #000;
            color: var(--txtblack);
            padding:0;
            text-align: center;
        }

        .whyc ul.choose-bx {
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0;
            margin: 30px 0 0;
        }

            .whyc ul.choose-bx li {
                flex: 0 0 16%
            }

                .whyc ul.choose-bx li div.imgchoose {
                    display: block;
                    width: 100%
                }

                .whyc ul.choose-bx li span {
                    display: block;
                    font-size: .89em;
                    color: #000;
                    color: var(--txtblack);
                    line-height: 18px;
                    padding-top: 10px
                }

        .whyc .btaawards {
            position: absolute;
            top: -30px;
            right: 0;
            width: 160px;
        }

    .subscribe {
        background: #f2f3f7;
        background: var(--greybg);
        padding: 50px 0 !important;
    }

    .sbsbx {
        width: 100%;
        max-width: 1240px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        align-items:center;
    }

        .sbsbx .sbsitems {
            flex: 1 0 30%;
            border-right: 1px solid #ccc;
            text-align: center;
            padding: 0 30px
        }

            .sbsbx .sbsitems:last-child {
                flex: 0 0 40%;
                border: none;
                text-align: left
            }

            .sbsbx .sbsitems .custsupport {
                width: 100%;
                display: flex;
                flex-direction: column;
                font-size: 1.6em
            }

                .sbsbx .sbsitems .custsupport .pno {
                    width: 100%;
                    float: left
                }

                    .sbsbx .sbsitems .custsupport .pno a {
                        font-size: 1.7em;
                        font-weight: 700;
                        color: #f95539;
                        color: var(--txtred);
                        text-decoration: none
                    }

                        .sbsbx .sbsitems .custsupport .pno a img {
                            vertical-align: bottom;
                            padding-right: 5px;
                            width: 26px;
                            display: none
                        }

                .sbsbx .sbsitems .custsupport .chead {
                    font-size: 1.4em;
                   /* padding: 10px 0;*/
                    color: #000;
                    color: var(--txtblack);
                    font-weight: 700
                }

                .sbsbx .sbsitems .custsupport span {
                    font-size: 1em;
                    color: #000;
                    color: var(--txtblack)
                }

            .sbsbx .sbsitems .socialbx {
                width: 100%;
                float: left
            }

                .sbsbx .sbsitems .socialbx .shead {
                    font-size: 2.7em;
                    color: #000;
                    color: var(--txtblack);
                    font-weight: 700;
                    display: block;
                    margin-top: 10px
                }

                .sbsbx .sbsitems .socialbx ul {
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    margin: 15px 0 0;
                    padding: 0;
                }

                    .sbsbx .sbsitems .socialbx ul li {
                        flex: 0 0 50px
                    }

                        .sbsbx .sbsitems .socialbx ul li img {
                            width: 50px;
                            height: 50px
                        }

                        .sbsbx .sbsitems .socialbx ul li svg {
                            width: 50px;
                            height: 50px;
                            fill: #000
                        }

                        .sbsbx .sbsitems .socialbx ul li:last-child svg {
                            padding: 5px
                        }

            .sbsbx .sbsitems .newsletter-sbs {
                width: 100%;
                float: left
            }

                .sbsbx .sbsitems .newsletter-sbs .nhead {
                    font-size: 2.7em;
                    color: #000;
                    color: var(--txtblack);
                    font-weight: 700
                }

                .sbsbx .sbsitems .newsletter-sbs p {
                    font-size: 1.5em;
                    display: block;
                    color: #000;
                    color: var(--txtblack);
                    padding: 10px 10px 10px 0;
                    line-height: 18px
                }

                .sbsbx .sbsitems .newsletter-sbs .newsbx {
                    width: 100%;
                    display: flex;
                    gap: 10px
                }

                    .sbsbx .sbsitems .newsletter-sbs .newsbx input[type=text] {
                        flex: 0 0 70%;
                        height: 48px;
                        border: 1px solid #ccc;
                        padding: 10px;
                        font-size: 1.5em;
                        font-family: inherit;
                        color: #000;
                        color: var(--txtblack);
                        transition: all .5s
                    }

                        .sbsbx .sbsitems .newsletter-sbs .newsbx input[type=text]:focus {
                            border-color: #000
                        }

                    .sbsbx .sbsitems .newsletter-sbs .newsbx input[type=submit] {
                        flex: 0 0 28%;
                        height: 48px;
                        background: #f95539;
                        background: var(--btnred);
                        font-family: inherit;
                        color: #fff;
                        border: 1px solid #f2f3f7;
                        font-size: 1.7em;
                        text-transform: uppercase;
                        font-weight: 500;
                        cursor: pointer
                    }

                    .sbsbx .sbsitems .newsletter-sbs .newsbx input[type=text]::placeholder {
                        color: #174285;
                        color: var(--txtblue)opacity:1
                    }

                    .sbsbx .sbsitems .newsletter-sbs .newsbx input[type=text]::-ms-input-placeholder {
                        color: #000;
                        color: var(--txtblack)
                    }

    .bluefooter {
        background: #174285 url(/assets/images/long-sothall-travel.png) no-repeat;
        background-position: bottom center;
        background-size: 90%;
        padding: 50px 0
    }

    .atolbx {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        font-size: 1.6em;
        text-align: center;
        padding:20px 0;
    }

        .atolbx p {
            font-size: 1.8em;
            color: #fff
        }

        .atolbx ul {
            width: 100%;
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 25px 0 0 0;
            padding: 0;
        }

            .atolbx ul li {
                flex: 0 0 auto
            }

                .atolbx ul li img {
                    width: 100%;
                    height: 80px
                }

                .atolbx ul li:first-child img {
                    width: 162px;
                    height: auto;
                    margin-top: -15px;
                    background: #fff;
                    border: 1px solid #000;
                }

                .atolbx ul li:first-child span.cnumber {
                    display: block;
                    color: #fff;
                    line-height: 18px;
                    font-size: .8em;
                }

    .lightblue {
        background: #2a5395;
        background: var(--lightblue);
        padding: 30px 0 !important;
    }

    .visibx {
        width: 100%;
        max-width: 960px;
        margin: 0 auto
    }

        .visibx p {
            font-size: 1.5em;
            color: #fff;
            text-align: center;
            line-height: 21px
        }

            .visibx p a {
                color: #f95539;
                color: var(--txtred)
            }

    .addlink {
        background: #496ca2;
        background: var(--midblue);
        padding: 20px 0;
        margin: 20px 0
    }

        .addlink ul {
            width: 100%;
            max-width: 960px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            padding: 0;
        }

            .addlink ul li {
                flex: 0 0 auto;
                border-right: 1px solid #fff
            }

                .addlink ul li a {
                    color: #fff;
                    text-decoration: none;
                    font-size: 1.4em;
                    padding: 0 30px
                }

                    .addlink ul li a:hover {
                        text-decoration: underline
                    }

                .addlink ul li:last-child {
                    border: none
                }

    .flink {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        display: flex;
        justify-content: center
    }

        .flink .flinkitems {
            flex: 0 0 25%
        }

            .flink .flinkitems ul {
                display: flex;
                flex-direction: column;
                gap: 10px;
                padding: 20px 0;
                border-right: 1px solid #496ca2
            }

                .flink .flinkitems ul li {
                    flex: 0 0 100%;
                    padding-left: 50px
                }

                    .flink .flinkitems ul li a {
                        color: #fff;
                        text-decoration: none;
                        font-size: 1.4em
                    }

            .flink .flinkitems:last-child ul {
                border: none
            }

            .flink .flinkitems ul li a:hover {
                text-decoration: underline
            }

    .fcontent {
        width: 100%;
        max-width: 1280px;
        margin: 20px auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.4em
    }

        .fcontent p {
            color: #fff;
            line-height: 21px
        }

            .fcontent p.cright {
                padding-top: 20px
            }

    .feefobx {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative
    }

        .feefobx .feefotop {
            width: 100%;
            max-width: 960px;
            margin: 0 auto;
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            font-size: 1.6em;
            padding: 40px 0
        }

            .feefobx .feefotop .tp {
                width: 100%;
                display: flex;
                align-items: center;
                gap: 10px;
                justify-content: center
            }

                .feefobx .feefotop .tp span.avg {
                    font-weight: 600
                }

                .feefobx .feefotop .tp span.str img {
                    padding-right: 5px
                }

                .feefobx .feefotop .tp .strpoint {
                    font-size: 1.3em;
                    font-weight: 600
                }

            .feefobx .feefotop .idr {
                font-size: .9em;
                padding-top: 5px
            }

    .gtsaward {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .rvwbx {
        width: 100%;
        max-width: 960px;
        display: flex;
        justify-content: center;
        gap: 30px;
        padding: 30px 0;
        border-top: 1px solid #ccc
    }

        .rvwbx .rvwbxitems {
            flex: 0 0 24%;
            font-size: 1.3em
        }

            .rvwbx .rvwbxitems p {
                font-weight: 600;
                line-height: 18px
            }

            .rvwbx .rvwbxitems span.dte {
                display: block;
                padding: 10px 0;
                color: #333
            }

            .rvwbx .rvwbxitems .srating {
                width: 100%;
                float: left;
                margin-bottom: 5px
            }

                .rvwbx .rvwbxitems .srating img {
                    padding-right: 5px
                }

    .southalltransparent {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding: 30px 0 0 0;
        position: relative;
        width: 100%;
        max-width: 1800px;
        margin: 0 auto;
    }

        .southalltransparent .tncfooter {
            margin: auto;
            font-size: 1.3em;
            text-align: center;
            font-weight: 500;
            margin: 20px;
        }

            .southalltransparent .tncfooter p {
                margin: 0 !important;
            }

        .southalltransparent img {
            max-width: 1300px;
            width: 90%;
            height: auto
        }

    .container-fluid.offergrid {
        background-color: #174285;
        background-color: var(--bluebg)
    }

    .feb-term {
        width: 100%;
        display: flex;
        justify-content: center
    }

        .feb-term a {
            display: block;
            font-size: 2em;
            padding: 15px 0;
            color: #fff;
            text-decoration: none;
            font-weight: 600
        }

            .feb-term a strong {
                margin: 0 15px;
                border: 1px solid #fff;
                padding: 5px 15px;
                transition: all .2s ease
            }

                .feb-term a strong:hover {
                    background: #fff;
                    color: #f95539;
                    text-decoration: underline
                }

    .dropdown-flight-menu-bx, .dropdown-desti-menu-bx {
        width: 100%;
        max-width: 1920px;
        background: #f2f2f2;
        position: absolute;
        top: 119px;
        left: 0;
        z-index: 999;
        right: 0;
        margin: auto;
        display: none
    }

    .dropdown-holiday-types-menu-bx {
        width: 100%;
        max-width: 760px;
        background: #f2f2f2;
        position: absolute;
        top: 110px;
        left: 0;
        z-index: 999;
        right: 0;
        margin: auto;
        display: none
    }

    .dropdown-tours-menu-bx {
        width: 100%;
        max-width: 760px;
        background: #f2f2f2;
        position: absolute;
        top: 110px;
        left: 0;
        z-index: 999;
        right: 0;
        margin: auto;
        display: none
    }

    .dropdown-specialoffers-bx {
        width: 100%;
        max-width: 300px;
        background: #f2f2f2;
        position: absolute;
        top: 110px;
        left: 400px;
        z-index: 999;
        right: 0;
        margin: auto;
        display: none
    }

    .dropdown-moredropdown-menu-bx {
        width: 100%;
        max-width: 500px;
        background: #f2f2f2;
        position: absolute;
        top: 110px;
        left: 600px;
        z-index: 999;
        right: 0;
        margin: auto;
        display: none
    }

    .dropitembx {
        width: 100%;
        display: flex;
        font-size: 1.6em;
        justify-content: flex-start;
        gap: 5px;
        padding: 2%
    }

        .dropitembx .dropitems {
            flex: 0 0 12%;
        }

            .dropitembx .dropitems ul {
                width: 100%;
                display: flex;
                flex-direction: column;
                margin-bottom: 20px;
                padding: 0;
            }

                .dropitembx .dropitems ul li {
                    flex: 0 0 100%;
                    margin:0;
                }

                    .dropitembx .dropitems ul li a {
                        color: #000;
                        text-decoration: none;
                        display: block
                    }

                    .dropitembx .dropitems ul li:hover {
                        text-decoration: underline
                    }

                    .dropitembx .dropitems ul li:first-child {
                        font-weight: 600;
                        margin:0;
                    }

                .dropitembx .dropitems ul.submenu {
                    display: none;
                    margin-left: 20px;
                    font-size: .9em;
                    list-style: circle;
                    margin-bottom: 10px
                }

                    .dropitembx .dropitems ul.submenu li:first-child a {
                        font-size: 1em;
                        font-weight: 400
                    }

    div.sublist span.closebtn {
        position: absolute;
        top: 10px;
        right: 20px;
        font-weight: 700;
        color: #f95539;
        font-size: 16px;
        cursor: pointer
    }

    .dropitembx .dropitems ul li.darrow {
        position: relative;
        margin:0;
    }

        .dropitembx .dropitems ul li.darrow > a:after {
            content: '';
            background-image: url(/assets/images/blackdownarrow.svg);
            background-size: 10px 20px;
            display: inline-block;
            width: 10px;
            height: 20px;
            position: absolute;
            top: 0px;
            margin-left: 5px;
        }

    .dropitembx .dropitems.holidaytypes, .dropitembx .dropitems.tourdrop {
        flex: 0 0 100%
    }

        .dropitembx .dropitems.holidaytypes ul, .dropitembx .dropitems.tourdrop ul {
            flex-wrap: wrap;
            flex-direction: row
        }

            .dropitembx .dropitems.holidaytypes ul li, .dropitembx .dropitems.tourdrop ul li {
                flex: 0 0 33%
            }


                .dropitembx .dropitems.holidaytypes ul li:first-child a, .dropitembx .dropitems.tourdrop ul li:first-child a {
                    font-size: 1em;
                    font-weight: 400
                }

    .dropitembx .dropitems.specialoffers {
        flex: 0 0 100%;
        padding: 20px
    }

        .dropitembx .dropitems.specialoffers ul {
            flex-wrap: wrap;
            flex-direction: row;
            margin-bottom: 0
        }

            .dropitembx .dropitems.specialoffers ul li {
                flex: 0 0 100%
            }


                .dropitembx .dropitems.specialoffers ul li:first-child a {
                    font-size: 1em;
                    font-weight: 400
                }

    .dropitembx .dropitems.moredrop {
        flex: 0 0 100%
    }

        .dropitembx .dropitems.moredrop ul {
            flex-wrap: wrap;
            flex-direction: row;
            margin-bottom: 0
        }

            .dropitembx .dropitems.moredrop ul li {
                flex: 0 0 50%
            }

                .dropitembx .dropitems.moredrop ul li:first-child a {
                    font-size: 1em;
                    font-weight: 400
                }

    .overlayer-newsletter {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.7);
        z-index: 999999;
        display: none
    }

    .form-section {
        width: 100%;
        max-width: 760px;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        height: auto;
        background: #fff;
        border-radius: 9px
    }

        .form-section a svg {
            width: 28px;
            position: absolute;
            right: 10px;
            top: 10px
        }

        .form-section .newsletterbx {
            width: 100%;
            display: flex;
            background: #e7e7e7
        }

            .form-section .newsletterbx .topimgItem {
                flex: 0 0 40%
            }

                .form-section .newsletterbx .topimgItem img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover
                }

            .form-section .newsletterbx .text {
                flex: 0 0 60%;
                padding: 20px;
                font-size: 1.6em
            }

                .form-section .newsletterbx .text h4 {
                    display: block;
                    font-size: 1.7em;
                    font-weight: 700
                }

                    .form-section .newsletterbx .text h4 + p {
                        display: block;
                        padding: 5px 0;
                        line-height: 21px
                    }

                .form-section .newsletterbx .text .formGridbx {
                    width: 100%;
                    float: left
                }

                    .form-section .newsletterbx .text .formGridbx ul {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        gap: 2px;
                        padding: 0;
                        margin: 0;
                    }

                        .form-section .newsletterbx .text .formGridbx ul li {
                            display: flex;
                            flex-wrap: wrap;
                            align-items: center
                        }

                            .form-section .newsletterbx .text .formGridbx ul li label {
                                flex: 0 0 100px
                            }

                            .form-section .newsletterbx .text .formGridbx ul li input, .form-section .newsletterbx .text .formGridbx ul li select {
                                flex: 0 0 calc(100% - 100px);
                                height: 48px;
                                border: none;
                                padding: 0 15px;
                                font-size: 16px;
                                transition: all .5s;
                                border: 1px solid #fff
                            }
                                .form-section .newsletterbx .text .formGridbx.newsletter ul li input.captcha-input {
                                    flex: 0 0 0;
                                    height: 48px;
                                    border: none;
                                    padding: 0 15px;
                                    font-size: 16px;
                                    transition: all .5s;
                                    border: 1px solid #fff
                                }

                                .form-section .newsletterbx .text .formGridbx ul li input.captcha-input {
                                    flex: 0 0 0;
                                    height: 48px;
                                    border: none;
                                    padding: 0 15px;
                                    font-size: 16px;
                                    transition: all .5s;
                                    border: 1px solid #fff
                                }
								
								
.captcha-wrapper {
     display: flex;
     align-items: center;
     gap: 5px;width:74%;padding: 3px 0;
}

.captcha-question {
     background: #f1f1f1;
     padding: 13px 7px;
     font-weight: 400;
     white-space: nowrap;font-size: .9em;
}

.captcha-input {
     flex: 1;
}

.captcha-refresh {
     border: 1px solid #ccc;
     background: white;
     padding: 8px 10px;
     cursor: pointer;
     font-size: 18px;
}
.newsletter ul li.captcha-row .captcha-wrapper input.captcha-input {flex: 0 0 43%!important;width: 95%;}


                                .form-section .newsletterbx .text .formGridbx ul li input:focus, .form-section .newsletterbx .text .formGridbx ul li select:focus {
                                    border: 1px solid #000
                                }

                            .form-section .newsletterbx .text .formGridbx ul li:last-child {
                                justify-content: flex-end
                            }

                                .form-section .newsletterbx .text .formGridbx ul li:last-child button {
                                    background: #f95539;
                                    background: var(--btnred);
                                    color: #fff;
                                    font-size: 1.2em;
                                    cursor: pointer;
                                    border: 1px solid #ffffff;
                                    transition: all .5s;
                                    flex: 0 0 calc(100% - 100px);
                                    padding: 10px 0;
                                }

        .form-section span.closebtn {
            right: 5px;
            top: 5px
        }
            .form-section span.closebtn a{cursor:pointer;}
            .form-section span.closebtn svg {
                width: 40px;
                height: 40px
            }

        .form-section .newsletterbx .text .formGridbx ul li .common-alert.error {
            left: 100px;
            color: red;
            font-size: 14px;
            bottom: -5px
        }

    .fcallsection {
        display: none;
        left: 20px;
        bottom: 20px;
        z-index: 999;
        position: fixed;
    }

    .footercall {
        width: auto
    }

    .footercallicon {
        width: 60px;
        height: 60px;
        background-color: #f95539;
        cursor: pointer;
        border-radius: 100px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .footercallicon::after, .footercallicon::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid transparent;
            border-radius: 50%;
            opacity: .7;
            left: -1px;
            top: -1px
        }

        .footercallicon::before {
            animation: ripple-before 1.5s linear infinite
        }

        .footercallicon::after {
            animation: ripple-after 1.8s linear infinite
        }

    div.footercall .showmsg {
        display: none;
        background: #ffffff;
        padding: 10px;
        font-size: 1.4em;
        max-width: 285px;
        margin-bottom: 10px;
        border: 2px solid #f95539;
        border-radius: 0px;
        line-height: 16px;
        font-weight: 600;
        position: relative;
    }

        div.footercall .showmsg span#lblMsg3 {
            padding-right: 20px;
            color: green;
        }

        div.footercall .showmsg i.fa.fa-times > img, div.footercall .showmsg > img {
            position: absolute;
            right: 13px;
            top: 13px;
            cursor: pointer;
        }

        div.footercall .showmsg i.fa.fa-times::after {
            content: url('/assets/images/input-cross.png');
            position: absolute;
            right: 10px;
            top: 10px;
            cursor: pointer;
        }

    @keyframes ripple-before {
        0% {
            transform: scale(0)
        }

        20% {
            border-color: #f95539;
            transform: scale(1)
        }

        100% {
            border-color: transparent;
            transform: scale(1.5)
        }
    }

    @keyframes ripple-after {
        0% {
            transform: scale(0)
        }

        40% {
            border-color: #f95539;
            transform: scale(1)
        }

        100% {
            border-color: transparent;
            transform: scale(1.5)
        }
    }

    .footercall .trin-trin {
        animation-name: trin;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear
    }

    .footercall .icon-phone {
        background-image: url(/assets/images/whitephone.svg);
        background-repeat: no-repeat;
        background-size: 30px;
        height: 30px;
        width: 30px;
        display: inline-block
    }

    .ftrtext {
        background-color: #252c32;
        position: absolute;
        bottom: 0;
        left: 82px;
        width: 190px;
        color: #fff;
        font-size: 1.3em;
        padding: 13px 18px;
        line-height: 18px;
        border-radius: 10px
    }

        .ftrtext .crstextbtn {
            position: absolute;
            right: 10px;
            cursor: pointer
        }

        .ftrtext::before {
            border: 11px solid transparent;
            border-right: 20px solid #252c32;
            content: '';
            position: absolute;
            left: -31px;
            top: 20px
        }

    .footer_pp {
        width: 283px;
        background-color: #fff;
        position: relative;
        margin-bottom: 20px;
        padding: 10px;
        box-shadow: -1px 1px 4px rgba(0 0 0/20%);
        border: 1px solid #d3d3d3
    }

        .footer_pp .p_h {
            width: 180px;
            margin: 0 auto;
            padding: 15px 0;
            text-align: center;
            display: block
        }

            .footer_pp .p_h svg {
                width: 180px
            }

            .footer_pp .p_h img {
                width: 100%
            }

        .footer_pp p {
            font-size: 1.4em;
            color: #5a5a5a;
            line-height: 18px;
            border-top: 2px solid #fe5617;
            padding: 13px;
            font-weight: 500;
            border-bottom: 1px solid #f0f0f0;
            margin-bottom: 40px
        }

        .footer_pp .wp {
            width: 100%;
            margin: 5px
        }

            .footer_pp .wp label {
                float: left;
                font-size: 1.4em;
                font-weight: 600;
                color: #000;
                width: 35px;
                font-weight: 500;
                line-height: 31px
            }

            .footer_pp .wp input[type=text] {
                border: 1px solid #dadada;
                padding: 8px 10px;
                width: 85%;
                height: 30px;
                background-color: #f0f0f0;
                transition: all .4s;
                font-size: 14px
            }

                .footer_pp .wp input[type=text]:focus {
                    border: 1px solid #666
                }

            .footer_pp .wp input[type=submit] {
                border: none;
                background: #ff5819;
                color: #fff;
                padding: 5px 10px;
                margin-left: 34px;
                cursor: pointer;
                transition: all .4s;
                font-size: 1.4em;
                font-weight: 600;
            }

            .footer_pp .wp .procBx {
                background: #ff5819;
                display: inline-block;
                color: #fff;
                padding: 5px 10px;
                margin: 8px 0 0 34px;
                cursor: pointer;
                transition: all .4s;
                font-size: 1.4em;
                font-weight: 600;
            }

            .footer_pp .wp input[type=submit]:hover {
                background-color: #000;
                color: #fff
            }

        .footer_pp .wp {
            position: relative
        }

    div.footer_pp .wp .common-alert.error {
        position: absolute !important;
        top: -33px;
        font-size: 1.2em;
        color: red;
        border-radius: 8px;
        padding: 0;
        height: 32px;
        align-items: center;
        width: 100%;
        justify-content: center
    }

    @keyframes trin {
        from {
            transform: rotate3d(0,0,1,0deg)
        }

        20%,32%,44%,56%,68% {
            transform: rotate3d(0,0,1,0deg)
        }

        23%,35%,47%,59%,71% {
            transform: rotate3d(0,0,1,15deg)
        }

        26%,38%,50%,62%,74% {
            transform: rotate3d(0,0,1,0deg)
        }

        29%,41%,53%,65%,77% {
            transform: rotate3d(0,0,1,-15deg)
        }

        80% {
            transform: rotate3d(0,0,1,0deg)
        }
    }

    .callpopup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999
    }

        .callpopup::after {
            background-color: rgba(0 0 0/50%);
            width: 100%;
            height: 100%;
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0
        }

        .callpopup .popupbx {
            position: absolute;
            background-color: #fff;
            width: 500px;
            height: 240px;
            z-index: 9;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            flex-direction: column
        }

            .callpopup .popupbx span.cross {
                position: absolute;
                right: 15px;
                top: 15px;
                cursor: pointer
            }

            .callpopup .popupbx > strong {
                font-size: 2.2em;
                text-align: center;
                font-weight: 700;
                padding: 0 40px;
                line-height: 25px;
                flex: 0 0 auto
            }

    .callgp {
        flex: 0 0 auto;
        text-align: center
    }

        .callgp > a {
            display: block;
            font-size: 2.6em;
            font-weight: 700;
            color: #f95539;
            text-decoration: none
        }

        .callgp > span {
            font-size: 1.6em;
            color: #333;
            margin-top: 3px;
            display: block;
            font-weight: 600
        }

    #UpdateProgress1 {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999;
        background: rgba(0,0,0,.8);
        top: 0;
        left: 0;
        display: none;
    }

        #UpdateProgress1 .prowrap {
            max-width: 550px;
            width: 90%;
            display: block;
            overflow: hidden;
            margin: 0 auto;
            background: #fff;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            position: absolute
        }

        #UpdateProgress1 .prosesscontent {
            background: #f95539;
            border: #fff 2px solid;
            font-size: 1.4em;
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 20px 0;
            text-align: center
        }

            #UpdateProgress1 .prosesscontent p {
                font-size: 1.4em;
                font-weight: 500;
                color: #fff;
                line-height: 22px
            }

    .ploadergrid {
        position: relative;
        overflow: hidden;
        width: 140px;
        margin: 0 auto
    }

        .ploadergrid ul {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            gap: 8px;
            width: 130px;
            margin: 5px auto;
            padding: 0;
        }

            .ploadergrid ul li {
                width: 13px;
                height: 13px;
                background-color: #fff;
                flex: 0 0 auto
            }

    .ploadermasking {
        background: #f95539;
        position: absolute;
        z-index: 999;
        width: 100%;
        height: 100%;
        top: 0;
        transition: all .5s;
        animation-name: example;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        background: #f95539;
        background: linear-gradient(-280deg,rgba(249,85,57,0) 0%,rgba(249,85,57,1) 20%)
    }

    @keyframes example {
        0% {
            left: 0
        }

        100% {
            left: 100%
        }
    }

    .overlayer-bestDeal {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: none
    }

    .bestAirFareDeal-popupbx {
        width: 100%;
        max-width: 600px;
        position: relative;
        overflow: hidden;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        background: #fff;
        z-index: 9999;
        transform: translateY(-50%);
        padding: 50px
    }

        .bestAirFareDeal-popupbx span.closebtn {
            position: absolute;
            right: 12px;
            top: 12px;
            font-size: 25px;
            color: #414141;
            font-weight: 700;
            cursor: pointer;
            z-index: 2
        }

        .bestAirFareDeal-popupbx .fullBox {
            width: 100%;
            float: left;
            margin: 0;
            padding: 0
        }

            .bestAirFareDeal-popupbx .fullBox .header-deals {
                width: 100%;
                display: block;
                background: 0 0;
                color: #000;
                font-size: 2.6em;
                line-height: 28px;
                text-align: center;
                margin: 0 0 5px;
                font-weight: 700
            }

            .bestAirFareDeal-popupbx .fullBox .contentArea {
                width: 100%;
                display: block;
                padding: 0 20px
            }

                .bestAirFareDeal-popupbx .fullBox .contentArea p.airselect {
                    background: #f8f7f5;
                    padding: 10px;
                    margin-bottom: 0px;
                    font-size: 1.6em;
                    font-weight: 600
                }

                    .bestAirFareDeal-popupbx .fullBox .contentArea p.airselect svg {
                        fill: #F95539
                    }

                    .bestAirFareDeal-popupbx .fullBox .contentArea p.airselect h2 {
                        font-size: 1.1rem;
                    }

                .bestAirFareDeal-popupbx .fullBox .contentArea span.cbclass {
                    padding: 8px 15px;
                    background: #14317d;
                    border-radius: 30px;
                    color: #fff;
                    font-size: 1.4em;
                    font-weight: 600;
                    margin: 10px 0;
                    display: inline-block;
                    line-height: 20px;
                }

                .bestAirFareDeal-popupbx .fullBox .contentArea p {
                    margin: 0;
                    padding: 0;
                    text-align: center;
                    font-size: 1em;
                    color: #454545;
                    font-weight: 400;
                    line-height: 22px;
                    padding: 0 0 .3em
                }

                    .bestAirFareDeal-popupbx .fullBox .contentArea p span.priceBx {
                        background: 0 0;
                        color: #fe492c;
                        font-size: 1.2em;
                        font-weight: 700;
                        padding-top: 20px;
                        display: block;
                        font-size: 2em;
                        padding: 10px 0 10px 0;
                        background: #f8f7f5;
                        color: #000000;
                        margin: 6px 0;
                    }

                        .bestAirFareDeal-popupbx .fullBox .contentArea p span.priceBx span {
                            font-size: 1.4em;
                            font-weight: 700
                        }

                    .bestAirFareDeal-popupbx .fullBox .contentArea p.callBx a {
                        color: #fe492c;
                        text-decoration: none
                    }

                        .bestAirFareDeal-popupbx .fullBox .contentArea p.callBx a span {
                            font-size: 2.2em;
                            font-weight: 700;
                            padding: 5px 0 0;
                            display: block
                        }

                    .bestAirFareDeal-popupbx .fullBox .contentArea p:last-child {
                        font-size: 1.4em;
                        font-weight: 600
                    }

    .overlayer-bestDeal {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: none
    }

    .bestAirFareDeal-popupbx {
        width: 100%;
        max-width: 550px;
        position: relative;
        overflow: hidden;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        background: #fff;
        z-index: 9999;
        transform: translateY(-50%)
    }

        .bestAirFareDeal-popupbx span.closebtn {
            position: absolute;
            right: 6px;
            top: 6px;
            font-size: 16px;
            color: #fff;
            font-weight: 600;
            cursor: pointer;
            z-index: 2
        }

        .bestAirFareDeal-popupbx .fullBox {
            width: 100%;
            float: left;
            margin: 0;
            padding: 0
        }

            .bestAirFareDeal-popupbx .fullBox .header-deals {
                width: 100%;
                display: block;
                /*background: #fe492c;*/
                color: #000;
                font-size: 2.6em;
                font-weight: 600;
                line-height: 28px;
                text-align: center;
                margin: 0 0 5px
            }

            .bestAirFareDeal-popupbx .fullBox .contentArea {
                width: 100%;
                display: block;
                padding: 0 20px
            }

                .bestAirFareDeal-popupbx .fullBox .contentArea p {
                    margin: 0;
                    padding: 0;
                    text-align: center;
                    font-size: 1em;
                    color: #454545;
                    font-weight: 400;
                    line-height: 22px;
                    padding: 0 0 .3em
                }

                    /* .bestAirFareDeal-popupbx .fullBox .contentArea p span.priceBx {
                    background: #fe492c;
                    color: #fff;
                    font-size: 1.2em;
                    font-weight: 400;
                    line-height: 35px;
                    padding: .6em .4em 0
                }*/

                    .bestAirFareDeal-popupbx .fullBox .contentArea p span.priceBx span {
                        font-size: 1.4em;
                        font-weight: 700
                    }

                    .bestAirFareDeal-popupbx .fullBox .contentArea p.callBx a {
                        color: #fe492c;
                        text-decoration: none
                    }

                        .bestAirFareDeal-popupbx .fullBox .contentArea p.callBx a span {
                            font-size: 2.2em;
                            font-weight: 700;
                            padding: 5px 0 0;
                            display: block
                        }

                            .bestAirFareDeal-popupbx .fullBox .contentArea p.callBx a span i.fa {
                                padding: 0
                            }

    .msearchstrip {
        display: none;
    }


    #pnlnodirflt1 .norecordhd {
        font-size: 1.5em;
    }

    #pnlnodirflt1 .thanks-top .norecord-sub ul {
        margin: 0;
        padding: 0;
    }

        #pnlnodirflt1 .thanks-top .norecord-sub ul li {
            font-size: 1.5em;
            margin: 6px 0;
        }

            #pnlnodirflt1 .thanks-top .norecord-sub ul li a {
                color: #f95539 !important;
                font-weight: 700 !important;
                text-decoration: underline;
                cursor: pointer;
            }


    div.dl-triggeropen {
        display: none;
    }


    @media only screen and (min-width:1900px) {
        .fcallsection {
            left: 0;
            right: 0;
            margin: auto;
            width: 1840px
        }
    }



    @media only screen and (min-width:901px) {
        .fltsection[style="display: none"] {
            display: block !important;
        }
    }


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

        .container-fluid.enquirystrip {padding: 146px 0 0 !important;}

        div#feefo-service-review-carousel-widgetId {
            overflow-x: hidden;
        }

        ul.tab-heading {
            padding: 0px;
        }
    }



    @media only screen and (min-width:901px) {
        .fltsection[style="display: none"] {
            display: block !important;
        }
    }


    @media only screen and (min-width:768px) and (max-width:1200px) {
        /*div.searchbase {display:none;}*/

        .msearchstrip {
            display: block;
        }

        div.searchbase .fildgroup .fildrow .col:first-child, .searchbase .fildgroup .fildrow .col:nth-child(3) {
            flex: 0 0 32.5%
        }



        div.searchbase .fildgroup .fildrow .col:nth-child(4) {
            flex: 1;
        }

        .searchbase .fildgroup .fildrow .col .searchcalc .tway1,
        .searchbase .fildgroup .fildrow .col .searchcalc .tway2 {
            font-size: 0.7em;
        }

        div.searchbase .fildgroup .classgrid {
            flex-direction: row-reverse
        }

            div.searchbase .fildgroup .classgrid > .row {
                flex: 0 0 64%;
                margin-top: -48px;
                position: static
            }

        div.searchbase .fildgroup .fildrow .col:last-child {
            flex: 0 0 35%
        }

        div.searchbase .fildgroup .fildrow .col.colarrow {
            right: auto;
            left: 50%;
            top: 10px;
            transform: translateX(-50%) !important;
            margin-left: -16.5%
        }

        div.searchbase .fildgroup .classgrid .row .col.checkbx {
            bottom: -35px
        }

        div.passenger-grid-bx {
            top: 140px;
            right: auto;
            left: 0
        }

        div.searchbase .fildgroup .fildrow .col:nth-child(3) input[type=text] {
            padding-left: 50px
        }

        div.searchbase .fildgroup .fildrow .col:nth-child(3) span.searchicon {
            left: 20px
        }

        div.searchbase .btngroup input[type=submit] {
            width: 120px;
            margin-left: 15px
        }

        div.searchbase .btngroup .refreshbtn {
            width: calc(100% - 100px)
        }

        div.searchbase .btngroup {
            flex-direction: row;
            align-items: baseline
        }

        div.searchsection.holidaysrc div.searchbase .fildgroup .fildrow .col:nth-child(4) {
            flex: 0 0 27%
        }

        div.searchbase .fildgroup .fildrow .col.moption label {
            font-size: 16px
        }

        div.moreoption-grid-bx {
            top: 115px
        }

        div.searchbase .fildgroup .fildrow .col.anystr {
            flex: 0 0 170px
        }

        .searchbase .fildgroup .fildrow .col .searchcalc input#depdateit, .searchbase .fildgroup .fildrow .col .searchcalc input#retdateit {
            width: 74px
        }

        span.highfen {
            padding-right: 5px
        }
    }

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

    /* div.searchbase {
        display: none;
    }*/

    .dropdown-flight-menu-bx, .dropdown-desti-menu-bx {
        display: none
    }

    .holidaypass {
        top: 114px;
        max-width: 680px;
        right: auto;
        left: 100px
    }

    .searchbase .fildgroup .fildrow .col.srcngt span.selectarrow, .searchbase .fildgroup .fildrow .col.anystr span.selectarrow {
        top: 20px
    }

    .searchbase .fildgroup .classgrid .row .col select:focus {
        border: 1px solid #707070
    }

    .commonspace {
        padding: 20px 0;
        margin:0px 0 0
    }

    .navigation, .headersection .header .callsection, .bannerparent::after {
        display: none
    }

    .mobileheader {
        display: flex;
        align-items: center;
        padding: 0 10px
    }

        .mobileheader .row {
            display: flex;
            width: 85px;
            align-items: center;
            position: absolute;
            right: 6px;
            top: 16px;
            z-index: 7;
        }

            .mobileheader .row .col {
                margin-left: 15px
            }

    .sbsbx .sbsitems:last-child {
        flex: inherit
    }

    .addlink ul li a {
        padding: 0 24px
    }

    .headersection {
        padding: 0;
        height: 54px;
        position: relative
    }

    #topsection.hideshaidow .bannerparent::after {
        display: block
    }

    .headersection::before, .bannerparent::after {
        display: block;
        content: '';
        width: 50%;
        height: 54px;
        position: absolute;
        top: 0;
        z-index: 0;
        display: none;
    }

    .headersection::before {
        background-color: #1c4a91;
        left: 0
    }

    .headersection::after {
        background-color: #d25728;
        right: 0;
        background-image: none;
        left: auto
    }

    .headersection .header::before {
        content: url(/assets/images/headerbg.jpg);
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding-left: 31px;
        z-index: 9
    }

    .headersection .header {
        height: 100%;
        position: static
    }

        .headersection .header .sitelogo {
            /*left: 50%;
            transform: translateX(-50%);
            line-height: 0;*/
            z-index: 2;
        }

            .headersection .header .sitelogo svg path[fill="#1C4A91"] {
                fill: transparent !important
            }

    .bankdetails {
        z-index: 999;
        top: 54px;
        border-bottom: 1px solid #f95539
    }

    .searchnav {
        width: 100%;
        max-width: 100%
    }

    .passenger-grid-bx {
        top: 195px
    }

    .searchbase .fildgroup .fildrow .col.colarrow {
        flex: 0 0 6%;
        justify-content: center;
        height: 40px
    }

    .searchbase .fildgroup .fildrow .col {
        flex: 0 0 48%
    }

    .searchbase {
        align-items: center;
        position: relative;
    }

        .searchbase .fildgroup .fildrow .col .searchcalc span.hyfen {
            flex-basis: 25px
        }

        .searchbase .fildgroup .fildrow {
            order: 2
        }

        .searchbase .fildgroup .multird {
            order: 1;
            margin: 0 0 10px
        }

        .searchbase .fildgroup .classgrid {
            order: 3;
            flex: 1
        }

            .searchbase .fildgroup .classgrid .row {
                width: 100%;
                margin-top: 10px
            }

                .searchbase .fildgroup .classgrid .row .col:nth-child(2) {
                    margin: 0
                }

                .searchbase .fildgroup .classgrid .row .col {
                    margin-right: 10px
                }

                    .searchbase .fildgroup .classgrid .row .col select {
                        background-color: #fff
                    }

                    .searchbase .fildgroup .classgrid .row .col::before {
                        background: 0 0
                    }

    .bannercontent .viewofferbtn {
        margin-bottom: 40px
    }

    

    .searchsection {
        margin: calc(107px - 0px) 0 0;
        order: 1;
        max-width: 100%;
        width: 100%
    }

    .container.inscont.commonspace {
        margin: calc(68px - 0px) 0 0 !important;
    }

    .sliderimg {
        order: 2;
        position: relative;
        display: none
    }



    .searchbase .fildgroup .fildrow .col span.searchicon {
        top: 9px;
    }

    .searchbase .fildgroup .classgrid .row .col span.selectarrow {
        top: 22px
    }

    .searchnav ul {
        gap: 0
    }

        .searchnav ul li {
            flex: 1;
            margin: 0;
            gap: 0
        }

            .searchnav ul li a {
                flex-direction: column;
                font-size: 1.3em;
                line-height: 14px;
                height: 70px;
                padding: 8px;
                text-align: center
            }

                .searchnav ul li a span {
                    white-space: pre-wrap;
                    display: block
                }

                .searchnav ul li a svg {
                    margin-bottom: 5px
                }

    .searchbase {
        flex-direction: column
    }

        .searchbase .fildgroup .fildrow .col.colarrow {
            height: 30px;
            border-radius: 50px;
            width: 30px;
            box-shadow: 0 1px 7px #ccc;
            transform: rotate(90deg);
            background-color: #fff;
            top: 38px;
            z-index: 2;
            position: absolute;
            right: 30px
        }

        .searchbase .fildgroup .fildrow .col, .searchbase .fildgroup .classgrid .row .col {
            flex: 1;
            padding: 0;
        }

            .searchbase .fildgroup .classgrid .row .col.checkbx {
                position: absolute;
                left: 0;
                bottom: -40px;
                padding: 0
            }

        .searchbase .btngroup {
            display: flex;
            flex-direction: column;
            margin-top: 62px;
            width: 100%;
            position: relative;
        }

            .searchbase .btngroup input[type=submit] {
                order: 2
            }

            .searchbase .btngroup .refreshbtn {
                justify-content: right;
                margin-bottom: 20px;
                font-size: 1.4em;
                position: absolute;
                right: 0;
                bottom: 35px;
            }

    .searchbase, .searchnav {
        background-color: #efecec
    }

        .searchbase .fildgroup {
            margin-top: 10px;
        }

    .searchcross {
        text-align: right;
        width: 100%;
        display: block;
        /* background-color: #efecec;*/
        padding: 0;
        width: 20px;
        padding: 0;
        height: 18px;
        position: absolute;
        right: 20px;
        z-index: 2;
        top:6px;
    }

    .searchbase .fildgroup .classgrid .row .col select {
        border: 1px solid #fff
    }

    .searchbase .fildgroup .fildrow .col .searchcalc input[type=text], .searchbase .fildgroup .fildrow .col input[type=text], .searchbase .fildgroup .classgrid .row .col select, .searchbase .fildgroup .fildrow .col, .searchbase .fildgroup .fildrow .col select {
        font-size: 16px;
        height: 48px;
        color: #000
    }

        .searchbase .fildgroup .fildrow .col .searchcalc input#deptdts {
            height: 46px
        }

        .searchbase .fildgroup .fildrow .col .searchcalc input[id=depdateit], .searchbase .fildgroup .fildrow .col .searchcalc input[id=txtJourneyDates] {
            height: 38px
        }

    .checkbtn, .searchbase .btngroup .refreshbtn, .searchbase .btngroup input[type=submit] {
        font-size: 1.6em
    }

    .msearchstrip {
        background: none;
        color: #F95539;
        border: none;
        font-size: 1.6em;
        text-transform: uppercase;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        width: 100%;
        cursor: pointer;
        transition: all .5s;
        display: block /*block*/;
        text-align: center;
        border-bottom: 2px solid #efecec;
    }

        .msearchstrip.dblock {
            display: block;
            margin:145px 0 0;
        }

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

        .searchbase .fildgroup .fildrow .col .searchcalc {
            border: none;
        }

        .searchbase .rdbtn .checkmark {
            top: 3px;
        }

        .searchbase .fildgroup .fildrow .col:nth-child(4) {
            flex: 0 0 50%;
        }

        .whyc h3 {
            font-size: 1.8em;
            line-height: 36px;
            text-align: center;
        }

        .whyc p {
            width: 100%;
            padding: 0;
        }

        .whyc .btaawards {
            top: 15%;
            width: 100px;
        }

        .customersection .customerimg {
            display: none
        }

        .customersectionbg {
            padding: 30px 0
        }

        .customersection .customercontent {
            flex: 0 0 100%
        }

        .sbsbx .sbsitems {
            flex: 0 0 50%
        }

        .sbsbx {
            flex-wrap: wrap
        }

            .sbsbx .sbsitems:last-child {
                flex: 0 0 100%;
                margin-top: 30px;
                border-top: 1px solid #ccc;
                padding-top: 30px
            }

        .rvwbx {
            flex-wrap: nowrap;
            overflow: auto;
            justify-content: flex-start;
            padding: 20px
        }

            .rvwbx .rvwbxitems {
                flex: 0 0 280px
            }

        .feefobx {
            padding: 20px 0
        }

            .feefobx .feefotop, .feefobx .feefotop .tp {
                justify-content: left
            }

            .feefobx .feefotop {
                width: calc(100% - 145px);
                margin: 0 0 0 20px
            }

        .feefobx {
            text-align: left;
            justify-content: left
        }

        .gtsaward {
            top: 30px
        }

        .cflightsection > .rows {
            flex-direction: column
        }

        .fltsection, .fltdetail {
            flex: 0 0 100%
        }
    }

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

        .searchbase .fildgroup .fildrow .col .searchcalc input.datepicker {
            width: 100%;
            padding: 10px 0;
            margin-left: 28px;
            border: none;
            font-size:0.7em;
            position: relative;
        }

        .searchbase .fildgroup .fildrow .col .searchcalc input[type="date"] {
            background: url("../assets/images/cal-icon-h.png") no-repeat;
            background-size: 16px;
            background-position: right 16px;
        }



        .holidaypass {
            left: auto;
            right: auto;
            top: 230px;
            width: 100%;
            max-width: 350px
        }

            .holidaypass > .row {
                width: 100%;
                display: flex;
            }

                .holidaypass > .row > .col {
                    width: 100%;
                    flex: 0 0 100%;
                    border-left: none;
                }

                    .holidaypass .roomslt .roominput select, .holidaypass > .row > .col .rowpass .adultpass select, .holidaypass > .row > .col .rowpass .childpass select, .searchbase .fildgroup .fildrow .col select {
                        font-size: 16px
                    }

        .customersection .customercontent a.number > img, .sbsbx .sbsitems .custsupport .pno a img {
            display: inline-block
        }

        .footer_pp .wp input[type=text], .footer_pp .wp input[type=submit] {
            height: 48px;
            font-size: 16px;
            padding: 0 10px
        }

        .footer_pp .wp label {
            line-height: 48px;
            font-weight: 600;
            font-size: 16px
        }

        .footer_pp p {
            font-size: 16px;
            color: #000
        }

        ul#ui-id-1, ul#ui-id-2 {
            width: 92% !important;
            z-index: 9
        }

            ul#ui-id-1 li a, ul#ui-id-2 li a {
                background-color: #252c32;
                color: #fff
            }

        .searchbase .fildgroup .classgrid .row {
            margin-left: 0
        }

        .searchbase.flightpass .passenger-grid-bx {
            top: 256px;
            left: 0
        }

        div.holidaypass.passenger-grid-bx {
            top: 228px
        }

        .container {
            max-width: 1800px !important;
        }


        ul.autoComplete {
            width: 100% !important;
        }

        .cancel-button {
            top: 20%;
            font-size: 1.2em;
        }

        .searchbase .fildgroup .fildrow .col input[typeof=text] {
            font-size: 1.2em;
        }

        ul.autoComplete li a {
            font-size: 1em;
        }

        .searchbase .fildgroup .fildrow .col:first-child, .searchbase .fildgroup .fildrow .col:nth-child(3) {
            flex: 0 0 100%;
            position: relative;
        }

        .customersection .customercontent p {
            font-size: 2.6em
        }

        .customersection .customercontent a.number {
            font-size: 3.2em
        }

            .customersection .customercontent a.number img {
                width: 23px;
                vertical-align: middle
            }

        .contentbox .row.f-depart .col:first-child, .contentbox .row.f-depart .col:last-child, .contentbox .row.f-depart .col:nth-child(2) {
            flex: 0 0 30%;
            order: inherit
        }

        .contentbox .row.f-depart .col .returnflight {
            width: 85%
        }

            .contentbox .row.f-depart .col .returnflight::before, .contentbox .row.f-depart .col .returnflight::after {
                display: none
            }

        .contentbox .row.f-depart .col span img {
            display: inline-block
        }

        .contentbox .row.f-depart .col:first-child p {
            text-align: right
        }

        div.contentbox .row.f-depart .col:last-child p {
            text-align: left
        }

        .contentbox .row.f-dategrid .col {
            flex: 0 0 100%
        }

        .contentbox .row.f-depart .col .returnflight > p {
            font-size: 1.3em
        }

        .sbsbx .sbsitems .newsletter-sbs .newsbx input[type=text], .sbsbx .sbsitems .newsletter-sbs .newsbx input[type=submit] {
            font-size: 1.6em
        }

        .whyc h3 {
            font-size: 1.8em;
            line-height: 36px
        }

        .addlink ul {
            flex-wrap: wrap
        }

        .flink {
            flex-wrap: wrap
        }

            .flink .flinkitems {
                flex: 0 0 100%
            }

                .flink .flinkitems ul {
                    text-align: center;
                    border-bottom: 1px solid #496ca2
                }

                    .flink .flinkitems ul li {
                        padding-left: 0
                    }

        .fcontent, .visibx p {
            justify-content: flex-start;
            padding: 0 30px
        }

        .atolbx {
            padding: 0 30px
        }

            .atolbx p {
                line-height: 30px;
                font-size: 1.4em
            }

        .addlink ul li {
            padding: 5px 0
        }

        .sbsbx .sbsitems:last-child {
            text-align: center
        }

        .addlink ul li a {
            padding: 0 12px
        }

        .atolbx ul {
            margin: 25px 0 10px
        }

            .atolbx ul li img {
                height: 50px
            }



        .sbsbx .sbsitems .custsupport .pno a {
            font-weight: 700;
            font-size: 2em
        }

            .sbsbx .sbsitems .custsupport .pno a img {
                vertical-align: top !important
            }

        .sbsbx .sbsitems .custsupport .chead {
            font-weight: 700;
            margin: 0 0 -2px;
            font-size: 1.4em;
            text-transform: uppercase
        }

        .searchbase .fildgroup .classgrid .row .col select:focus {
            border: 1px solid #707070
        }

        .searchnav ul li a {
            font-size: 1.1em
        }

        .searchbase .fildgroup .classgrid .row .col.checkbx {
            bottom: -36px
        }

        .searchbase .fildgroup .fildrow .col:nth-child(4), .searchbase .fildgroup .fildrow .col:nth-child(5) {
            flex: 0 0 100%
        }

        .searchbase .fildgroup .fildrow .col .searchcalc input.tway1,
        .searchbase .fildgroup .fildrow .col .searchcalc input.tway2 {
            width: 50%;
            font-size: 0.8em;
        }

        .searchbase .fildgroup .fildrow .col .searchcalc input::-webkit-calendar-picker-indicator {
            background: transparent;
        }

        .searchbase .fildgroup .fildrow .col .searchcalc input::-webkit-datetime-edit {
            font-weight: 500;
            font-size: .8em;
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col:nth-child(4) {
            flex: 0 0 calc(100% - 160px)
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col:nth-child(5) {
            flex: 0 0 150px
        }

        .dl-triggeropen {
            display: block
        }

        .searchsection.holidaysrc input#depdateit {
            text-align: left
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.srcngt, .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.anystr, .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.moption {
            flex: 1
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col select, .searchbase .fildgroup .fildrow .col.moption label {
            font-size: 16px;
            height: 48px
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.moption label {
            line-height: 36px
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.srcngt + .col {
            flex: 0 0 100%
        }

        .searchsection.holidaysrc .moreoption-grid-bx {
            top: 290px;
            z-index: 9
        }

        .form-section {
            background: #e7e7e7;
            height: 100vh;
            overflow: auto
        }

            .form-section .newsletterbx .topimgItem {
                display: none
            }

            .form-section .newsletterbx .text {
                flex: 0 0 100%
            }

        .searchbase .fildgroup .fildrow .col .adtcont {
            font-size: 16px;
            padding: 10px 0 10px 40px
        }
        
    }


    /* Bof:NewImplementHeader */
    .container-fluid.topstrip {
        display: block;
    }

    .container-fluid.topstrip {
        width: 100%;
        justify-content: center;
        text-align: center;
        background: #174285;
    }

        .container-fluid.topstrip .toptxt {
            font-size: 2em;
            padding: 10px;
            display: block;
            color: #fff;
            font-weight: 600;
            text-transform: uppercase;
            position: relative;
            text-transform: revert;
        }

            .container-fluid.topstrip .toptxt:before {
                content: url(/holidays/40th-anniversary/images/confetti1.png);
                position: absolute;
                top: -37px;
                left: -130px;
            }

            .container-fluid.topstrip .toptxt a {
                color: #fff;
                background: #f95539;
                text-decoration: none;
                padding: 0 15px;
            }

        .container-fluid.topstrip.stripfxd {
            position: fixed;
            z-index: 999;
            top: 53px;
        }




    /* Bof: Validation alert */
    .modal {
        display: none;
        position: fixed;
        z-index: 999999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
    }

    .modal-content {
        background-color: #FFFFB9 !important;
        margin: 0 auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80% !important;
        font-size: 15px;
        margin: 0 auto;
        padding: 0;
        justify-content: space-between;
        flex-direction: row !important;
        align-items: center;
        padding: 15px;
        border-radius: 0 !important;
    }

        .modal-content p {
            margin: 0;
        }

    .alertClose {
        color: #fff;
        font-size: 15px;
        font-weight: normal;
        background: #000;
    }
    /* Eof: Validation alert */








    @media only screen and (max-width:1200px) {
        .headergrp {
            position: relative;
            top: 0;
            width: 100%;
        }

            .headergrp.headfxd,
            .headergrp {
                position: fixed;
                z-index: 9;
                height: /*150px;*/ auto;
                overflow: hidden;
            }

        div.dl-triggeropen {
            width: 50px !important;
            height: 42px;
            padding: 2px 0 0 7px !important;
            background: #174285;
            z-index: 5;
            /*top: 48px;*/
            left: 5px;
            position: fixed;
            display: block;
        }

        .mobileheader .row {
            left: auto;
            right: 10px;
        }

        .headersection .header .sitelogo {
            padding-right: 32px;
        }

            .headersection .header .sitelogo svg {
                width: 230px;
                padding-right: 5px;
            }

        .headersection::before, .headersection::after, .headersection .header::before {
            background: none;
            content: '';
        }

        div.dl-triggeropen span {
            background-color: #d25728;
        }

        .headersection {
            width: 100%;
        }

        .bannerparent {
            margin-top: 0px;
        }

        .headersection .header {
            width: 100%;
            margin: 0px auto;
        }

            .headersection .header .sitelogo {
                /*left: 0;
                right: 0;*/
                left: 0;
                right: 0;
                margin: 0 auto;
                text-align: center;
                transform: none;
                padding: 0 0 0 0;
                position: absolute;
            }

        .mobileheader {
            padding: 0 5px;
        }

            .mobileheader .row {
                width: auto;
                top: 6px;
                right: 5px;
                margin: 0;
                padding: 0;
            }

                .mobileheader .row .col {
                    margin-left: 0;
                }

                    .mobileheader .row .col a[aria-label="phone"] {
                        width: 50px;
                        background: #F95539;
                        display: block;
                        text-align: center;
                        padding-top: 2px;
                        height: 42px;
                        line-height: 16px;
                        text-decoration: none;
                    }

                        .mobileheader .row .col a[aria-label="phone"] svg {
                            width: 17px;
                            height: 17px;
                            margin-top: 2px;
                        }

                        .mobileheader .row .col a[aria-label="phone"] span {
                            color: #fff;
                            font-size: 1.2em;
                            display: block;
                        }

        div.dl-triggeropen span {
            background-color: #fff !important;
            width: 36px;
            margin: 2.6px 0;
        }

        .headersection .header .sitelogo svg {
            padding: 0 0 0 0;
        }

        div.dl-triggeropen span.menu {
            height: auto;
            background: none !important;
            color: #fff;
            font-size: 1.2em;
            text-align: center;
        }

        .dl-triggeropen.trig span.menu {
            display: none;
        }

        div.dl-triggeropen.trig {
            left: 5px;
            top: 48px;
        }

            div.dl-triggeropen.trig span {
                transform: rotate(-45deg);
                top: 15px;
            }

        div#ui-datepicker-div {
            z-index: 9999 !important;
        }
    }
    /* Eof:NewImplementHeader */

    /* bofNewimplement */
    @media only screen and (max-width:1200px) {
        div.dl-triggeropen {
            /*position: relative;
            margin-top: -48px;
            position: absolute;*/
            position:relative;
            top: 4px !important;
            margin-bottom: 6px;
        }

            div.dl-triggeropen.trig {
                top: 46px;
                margin: 0;
            }

            div.dl-triggeropen.dsk {
                display: none;
                top: 101px !important;
                z-index: 9999 !important;
                pointer-events: none;
            }

                div.dl-triggeropen.dsk.dblock {
                    display: block;
                    position:fixed;
                }


        .dl-triggeropen.trignew {
            top: 0 !important;
            margin-bottom: 0;
        }

        .dl-triggeropen.trig.trignew {top:101px !important;}

        .dl-triggeropen.dsk span:first-child {
            transform: rotate(45deg);
            top: 15px;
            position: absolute;
        }

        .dl-triggeropen.dsk span:nth-child(2) {
            left: -100%;
            opacity: 0;
        }

        div.dl-triggeropen.dsk span {
            transform: rotate(-45deg);
            top: 15px;
            position: absolute;
        }

            div.dl-triggeropen.dsk span.menu {
                display: none;
            }


        .headergrp.headfxd + div.dl-triggeropen {
            position: fixed;
            margin-top: 0px;
            top: 46px;
        }
    }

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


        .searchbase .fildgroup .fildrow .col input[typeof=text] {
            font-size: 1em;
            line-height: 48px;
            height:48px;
        }
    }

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

        .searchbg .searchsection {
            margin: calc(148px - 0px) 0 0;
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col:nth-child(2) {
            flex: 0 0 100%;
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.calc_col {
            flex: 0 0 49%;
        }

        .searchbase .fildgroup .fildrow .col .searchcalc {
            height: auto;
        }

        .headergrp.headfxd + div.dl-triggeropen, div.dl-triggeropen.trig {
            top: 63px;
        }

        .mobileheader .row .col {
            padding: 0;
        }

        .container-fluid.topstrip .toptxt {
            font-size: 2em;
            padding: 10px;
            display: block;
            color: #fff;
            font-weight: 600;
            text-transform: uppercase;
            position: relative;
            text-transform: revert;
        }

        .container-fluid.topstrip .toptxt {
            display: block;
            font-size: 1.6em;
        }

        .sbsbx .sbsitems {
            border-right: none;
        }

        .flink .flinkitems ul {
            border-right: none;
        }
    }

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

        .searchsection {
            margin: calc(148px - 0px) 0 0;
        }

        .container.inscont.commonspace {
            margin: calc(137px - 0px) 0 0 !important;
        }

        .bestAirFareDeal-popupbx {
            padding: 40px 20px;
        }

            .bestAirFareDeal-popupbx .fullBox .header-deals {
                font-size: 2em;
                line-height: 20px;
            }

        div.lowflight .rowgrid .gridbx, .sbsbx .sbsitems {
            flex: 0 0 100%
        }

        .lowflight .rowgrid .gridbx {
            margin: 10px 0
        }

        .sbsbx .sbsitems:nth-child(2) {
            border-top: 1px solid #ccc;
            margin-top: 30px;
            padding-top: 30px
        }

        .sbsbx .sbsitems .newsletter-sbs .nhead {
            font-size: 2.4em
        }

        .whyc ul.choose-bx {
            flex-wrap: wrap
        }

            .whyc ul.choose-bx li {
                flex: 0 0 33%;
                margin: 10px 0
            }

        .whyc p {
            padding: 0 30px
        }

        .feefobx .feefotop .tp {
            flex-wrap: wrap
        }

        .feefobx .feefotop {
            padding: 10px 0
        }

            .feefobx .feefotop .tp .strpoint {
                font-weight: 700
            }

        .imgfeefo img {
            width: 60px;
            margin-bottom: 10px
        }

        .feefobx .feefotop .idr {
            text-align: left;
            line-height: 16px;
            font-size: .8em
        }

        .whyc ul.choose-bx {
            flex-wrap: wrap;
            justify-content: center;
        }
    }

    @media only screen and (max-width:360px) {
        .searchbg.show-none {
            display: none;
        }

        .searchbase .fildgroup .fildrow .col {
            flex: 0 0 48%
        }

        .sbsbx .sbsitems .newsletter-sbs .newsbx {
            flex-direction: column
        }

            .sbsbx .sbsitems .newsletter-sbs .newsbx input[type=submit] {
                padding: 10px
            }
    }


    @media only screen and (max-width:480px) {
        .headergrp.headfxd + div.dl-triggeropen, div.dl-triggeropen.trig {
            top: 136px;
            z-index: 999;
        }

        .container-fluid.topstrip .toptxt {
            font-size: 1.8em !important;
        }

        .searchsection {
            margin: calc(150px - 0px) 0 0;
        }

        .container.inscont.commonspace {
            margin: calc(137px - 0px) 0 0 !important;
        }

        .container-fluid.topstrip .toptxt a {
            display: block;
            width: 170px;
            margin: 8px auto 0 !important;
            padding: 6px 15px !important;
        }

        .banner, .searchsection {
            /*position: static;*/ position: relative;
        }

            .searchsection.homepage {
                margin: calc(150px - 0px) 0 0;
                position:relative;
            }
            .searchsection.holiday-homepage {
                margin: calc(150px - 0px) 0 0;
                position: relative;
            }
            .searchsection.ins-homepage {
                margin: calc(150px - 0px) 0 0;
                position: relative;
            }
            


    }
    /* EofNewimplement */

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 0rem !important;
    }


    @media only screen and (max-width:350px) {
        .searchsection {
            margin: calc(175px - 0px) 0 0;
        }

        .container.inscont.commonspace {
            margin: calc(137px - 0px) 0 0 !important;
        }
    }

    @media only screen and (min-width:360px) {
        .searchbg.show-none {
            display: none;
        }

		@media screen and (max-width:767px){
			.container-fluid.topstrip .toptxt span{flex-wrap: wrap;justify-content: center;}
			.container-fluid.topstrip .toptxt a{ padding: 0 15px!important}
			
		}