.footer-bg-grey-light {
    background-color: #fff !important
}

.pic {
    width: 150px;
    height: 40px;
    background: url(/images/bg-150x100-gray-01.png) no-repeat
}

    .pic:hover {
        background: url(/images/bg-150x100-gray-01.png) no-repeat
    }

.pic_01 {
    width: 150px;
    height: 40px;
    background: url(/images/andrord-01.png) no-repeat
}

    .pic_01:hover {
        background: url(/images/andrord-01.png) no-repeat
    }

.pic_02 {
    width: 150px;
    height: 40px;
    background: url(/images/iphone-01.png) no-repeat
}

    .pic_02:hover {
        background: url(/images/iphone-01.png) no-repeat
    }

.pic_03 {
    width: 150px;
    height: 40px;
    background: url(/images/sage-pay-01.png) no-repeat
}

    .pic_03:hover {
        background: url(/images/sage-pay-01.png) no-repeat
    }

.pic_04 {
    width: 150px;
    height: 40px;
    background: url(/images/secure-cards-01.png) no-repeat
}

    .pic_04:hover {
        background: url(/images/secure-cards-01.png) no-repeat
    }

.pic_05 {
    width: 150px;
    height: 40px;
    background: url(/images/pts-logo-01.png) no-repeat
}

    .pic_05:hover {
        background: url(/images/pts-logo-01.png) no-repeat
    }

.pic_06 {
    width: 150px;
    height: 40px;
    background: url(/images/pic-fnpl.png) no-repeat
}

    .pic_06:hover {
        background: url(/images/pic-fnpl.png) no-repeat
    }

.main-content .page-banner-2.homepage-02, .main-content .page-banner-2.homepage-03, .main-content .page-banner.homepage-default {
    background: url(../../images/homepage-05-banner.jpg)
}

.homepage-wait {
    background: url(../../images/homepage-waiting.jpg) left top no-repeat #a39882;
    width: 100%;
    height: 768px;
    color: #fff;
    text-align: left
}


    .homepage-wait .outer-container {
        max-width: 800px;
        margin: 100px auto
    }

    .homepage-wait .group-title .banner {
        color: #fff;
        font-size: 30px;
        font-weight: 900;
        margin: 0;
        text-transform: uppercase;
        text-shadow: 2px 2px 2px #000
    }

    .homepage-wait .group-title {
        color: #fff;
        font-size: 60px;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
        margin-top: 30px
    }

    .homepage-wait .date-band {
        background-color: #162849;
        border-color: rgba(255,255,255,.7);
        border-radius: 20px;
        border-style: none;
        border-width: 0;
        box-shadow: none;
        box-sizing: border-box;
        color: FFF !important;
        cursor: default;
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 16px;
        margin: 0;
        max-height: none;
        max-width: none;
        min-height: 0;
        min-width: 0;
        opacity: 1;
        outline: medium none;
        padding: 12px 50px;
        text-decoration: none;
        transform: translate3d(0, 0, 0);
        transform-origin: 50% 50% 0;
        transition: none 0s ease 0s;
        visibility: inherit;
        white-space: nowrap;
        z-index: 7
    }

    .homepage-wait .group-title .sub-banner {
        display: inline-block;
        font-size: 16px;
        letter-spacing: 1px;
        margin: 0;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #031790
    }

        .homepage-wait .group-title .sub-banner .boder {
            border-bottom: 1px solid #fff;
            display: inline-block
        }

.homepage-flight {
    background: url(https://www.traveljunction.co.uk/images/flight-banner.jpg)
}

.homepage-flight {
    height: 100px
}

    .homepage-flight .group-title .banner {
        color: #fff;
        font-size: 60px;
        font-weight: 900;
        margin: 0;
        text-transform: uppercase;
        text-shadow: 2px 2px 2px #000
    }

    .homepage-flight .group-title {
        color: #fff;
        font-size: 60px;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
        margin-top: 100px
    }

        .homepage-flight .group-title .sub-banner {
            display: inline-block;
            font-size: 16px;
            letter-spacing: 1px;
            margin: 0;
            text-transform: uppercase;
            text-shadow: 1px 1px 1px #031790
        }

            .homepage-flight .group-title .sub-banner .boder {
                border-bottom: 1px solid #fff;
                display: inline-block
            }

.cal-input-bg {
    background: url(../../images/icon-calander-orange.svg) 5px 8px no-repeat;
    padding-left: 30px !important;
}

.dest-input-bg {
    background: url(../../images/icon-flight-orange.svg) 5px 7px no-repeat;
    padding-left: 30px !important;
}



.block-title-12171421215799f26588894 .group-title {
    margin-bottom: 20px
}

.btn.btn-maincolor.btn-maincolor-6392174155799f2658c203 {
    background-color: transparent
}

    .btn.btn-maincolor.btn-maincolor-6392174155799f2658c203:hover {
        background-color: #3c3c3c;
        border: 1px solid #3c3c3c
    }

    .btn.btn-maincolor.btn-maincolor-6392174155799f2658c203:hover {
        color: #fff
    }

.btn.btn-maincolor.btn-maincolor-6392174155799f2658c203 {
    border: 1px solid #c3c3c3
}

.block-title-19716706275799f2658f504 .group-title {
    margin-bottom: 70px
}

.block-19828491855799f2658f9fb .tours-layout .content-wrapper > .content .group-btn-tours .left-btn {
    border-radius: 50px;
    padding-right: 25px;
    border-right: 0
}

.btn.btn-maincolor.btn-maincolor-8091924095799f265a2e1c:hover {
    color: #fff
}




.block-title-21289981605799f265a6b7c .group-title {
    margin-bottom: 20px
}

.sc-block-8355544385799f265a711e .hotel-list .hotels-layout .content-wrapper {
    background-color: #fff
}

.btn.btn-maincolor.btn-maincolor-19559753975799f265be205:hover {
    color: #fff
}


.btn.btn-maincolor1-2616123505799f265e3de5:hover {
    color: #fff
}

.btn.btn-maincolor2-2616123505799f265e3de5 {
    color: #fff
}

.btn.btn-maincolor2-2616123505799f265e3de5 {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.01)
}

    .btn.btn-maincolor2-2616123505799f265e3de5:hover {
        background-color: #3c3c3c;
        border: 1px solid #3c3c3c
    }

.btn.btn-maincolor2-2616123505799f265e3de5 {
    border: 1px solid #fff
}

.banner-sale-1 {
    height: 500px
}



.block-title-10954290165799f265e5c99 .group-title {
    margin-bottom: 20px
}

@media screen {
    #wrapper-content .section.page-detail {
        padding-top: 0;
        padding-bottom: 0
    }

    .homepage-banner-content .group-title .banner {
        font-size: px
    }

    .homepage-banner-content .group-title .sub-banner {
        font-size: px
    }

    body {
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    .page-title {
        background-image: url(../../images/about-us-img.jpg)
    }

        .page-title:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: rgba(52,73,94,.23)
        }

        .page-title .page-title-wrapper .breadcrumb > li .link.home {
            color: #fff;
            font-weight: 400;
            text-transform: uppercase
        }

        .page-title .page-title-wrapper .breadcrumb > li .link {
            color: #fff
        }

        .page-title .page-title-wrapper .breadcrumb > li .link {
            font-weight: 400;
            text-transform: uppercase
        }

        .page-title .page-title-wrapper .breadcrumb > li + li:before, .page-title .page-title-wrapper li.active .link:after {
            color: #fff
        }

    .page-title-wrapper .breadcrumb li.active .link:after {
        background-color: #fd0
    }

    .page-title .page-title-wrapper .breadcrumb {
        border-bottom: 1px solid #fd0
    }

    .page-title-wrapper .breadcrumb li.active .link:after {
        background-color: #fd0
    }

    .page-title .page-title-wrapper .breadcrumb > li a {
        opacity: .8
    }

    .page-title .captions {
        color: #fff;
        font-weight: 900;
        text-transform: uppercase
    }

    #page-sidebar .widget {
        margin-bottom: 50px
    }

    .footer-main-container {
        background-color: #292f32;
        background-image: url(../../images/bg-footer.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center center;
        background-size: cover
    }

    .footer-main {
        background-color: rgba(0,0,0,0)
    }

    .page-404 {
        background-color: #fff;
       /* background-image: url(../../images/bg-section-404.jpg);*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }



    a {
        color: #555e69
    }

        a:hover {
            color: #fd0
        }

        a:active {
            color: #fd0
        }
}

@media screen and (min-width:767px) {
    .page-title {
        background-color: #f3f3f3;
        background-image: url(../../images/about-us-img.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;
        text-align: left
    }

    .page-title {
        height: 540px
    }

        .page-title .page-title-wrapper .breadcrumb > li .link.home {
            font-size: 20px
        }

        .page-title .page-title-wrapper .breadcrumb > li .link {
            font-size: 12px
        }

        .page-title .page-title-wrapper .breadcrumb > li, .page-title .page-title-wrapper .breadcrumb > li a, .page-title .page-title-wrapper .breadcrumb > li.active {
            font-size: 20px
        }
}

.page-title-contact {
    background-image: url(../../images/contact-us-img.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    text-align: left
}

.page-title-checkin {
    background-image: url(../../images/checkin-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    text-align: left
}

.page-title-terms {
    background-image: url(../../images/terms-img.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    text-align: left
}

.page-title-cookie {
    background-image: url(../../images/cookie-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    text-align: left
}

.page-title-privacy {
    background-image: url(../../images/privacy-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    text-align: left
}

.page-title-sitemap {
    background-image: url(../../images/sitemap-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    text-align: left
}

.page-title-holidays {
    background-image: url(../../images/holidays-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    text-align: left
}

.contact-bg {
    background: #f7f8f3 url(../../images/contact-bg.jpg) 50px top no-repeat
}

.enquiry-bg {
    background: url(../../images/enquiry-bg.jpg) left top no-repeat
}

.thank-you-bg {
    background: url(../../images/thank-you-bg.jpg) left top no-repeat
}

.flight-result-bg {
    background: url(../../images/flight-result-bg.jpg) left -50px no-repeat
}

.flight-details-bg {
    background: url(../../images/flight-details-bg.jpg) left top no-repeat
}

.bangkok-bg {
    background: url(../../images/destination/bangkok.jpg) left top no-repeat
}

.wait-page-bg {
    background: url(../../images/wait-bg.jpg) left top no-repeat
}

.confirmation-bg {
    background: url(../../images/confirmation-bg.jpg) left top no-repeat
}

.pay-now-bg {
    background: url(../../images/pay-online-bg.jpg) left top no-repeat
}

#progressbar {
    width: 100%;
    height: 23px;
    background-color: #162849;
    margin: .6em 0;
    position: relative;
    clear: both;
    border-radius: 0
}

#progressLine {
    background: url(../../images/waiting-plane.png) no-repeat left top;
    background-position: -550px 0;
    height: 23px;
    -webkit-animation: progressLine 26s 1 forwards;
    -moz-animation: progressLine 26s 1 forwards;
    -o-animation: progressLine 26s 1 forwards;
    animation: progressLine 26s 1 forwards;
    position: relative;
    top: 0
}

#pbaranim {
    height: 23px;
    width: 100%;
    background-position: 0 -10px;
    overflow: hidden;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

@-webkit-keyframes progressLine {
    from {
        background-position: -550px 0
    }

    to {
        background-position: -10px 0
    }
}

@-moz-keyframes progressLine {
    from {
        background-position: -550px 0
    }

    to {
        background-position: -10px 0
    }
}

@-ms-keyframes progressLine {
    from {
        background-position: -550px 0
    }

    to {
        background-position: -10px 0
    }
}

@keyframes progressLine {
    from {
        background-position: -550px 0
    }

    to {
        background-position: -10px 0
    }
}

.grey-bg-light {
    background: #e7edf2
}

.grey-line {
    background: url(../../images/line.png) no-repeat scroll right center
}

.footer-bottom-area {
    padding: 19px 0 15px
}

    .footer-bottom-area .language, .footer-bottom-area .social-ft {
        float: right;
        width: 100%;
        padding-left: 0
    }

        .footer-bottom-area .social-ft li {
            display: inline-block;
            margin-left: 6px
        }

            .footer-bottom-area .social-ft li a {
                display: block;
                height: 34px;
                width: 34px;
                text-align: center;
                line-height: 34px;
                border-radius: 50%;
                color: #b7b7b7;
                font-size: 14px;
                border: 2px solid #d2d2d2
            }

                .footer-bottom-area .social-ft li a:hover {
                    color: #00baf3;
                    border-color: #00baf3;
                    -webkit-transform: rotateZ(360deg);
                    -moz-transform: rotateZ(360deg);
                    transform: rotateZ(360deg)
                }

.icon-facebook-3:before {
    content: '\f09a';
    font-family: FontAwesome
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    line-height: 1em
}

.icon-twitter:before {
    content: '\f099';
    font-family: FontAwesome
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-style: normal;
    font-weight: 400;
    speak: none;
    font-size: 14px;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    line-height: 1em
}

.icon-gplus:before {
    content: '\f0d5';
    font-family: FontAwesome
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-style: normal;
    font-weight: 400;
    speak: none;
    font-size: 14px;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    line-height: 1em
}

.icon-pinterest:before {
    content: '\f231';
    font-family: FontAwesome
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    line-height: 1em
}

.form-email .text {
    margin-bottom: 15px;
    line-height: 20px;
    color: #fff;
    font-size: 14px
}

.small_text {
    font-size: 11px;
    color: #999;
    line-height: 12px;
    text-align: justify
}

    .small_text strong {
        font-weight: 800
    }

.bg-light-blue {
    background-color: #021b46
}

.widget-price .checkbox.ver-1 label:after {
    height: 6px;
    width: 6px;
    background-color: #dfdfdf;
    opacity: 1;
    visibility: visible
}

.widget-price .checkbox.ver-1 input[type=checkbox]:checked + label:after {
    background-color: #00baf3
}

.widget-price .widget-content .search-filter-input {
    margin-top: 15px
}

    .widget-price .widget-content .search-filter-input .amount input {
        border: none;
        text-align: center;
        height: 38px
    }

.widget-time .widget-content .time:not(:last-child) {
    margin-bottom: 20px
}

.widget-time .widget-content .time label {
    margin-bottom: 10px
}

.load {
    margin-top: 10px;
    width: 100%
}

    .load a {
        display: inline-block;
        font-size: 15px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        background-color: #00baf3;
        border-radius: 4px;
        line-height: 42px;
        height: 40px;
        padding: 0 24px
    }

        .load a:hover {
            background-color: #252525;
            text-decoration: none;
            color: #fff
        }

.footer-area {
    background-color: #012b72;
    padding: 40px 0
}

.widget-footer h4 {
    color: #fff;
    margin-bottom: 26px
}

    .widget-footer h4 span {
        color: #00baf3
    }

.widget-about .logo-ft {
    margin-bottom: 15px
}

.widget-about .about-ft p {
    color: #bfcadc;
    font-size: 12px
}

.widget-quicklink {
    margin-bottom: 30px
}

    .widget-quicklink ul.menu-ft li a {
        color: #bfcadc;
        display: block;
        position: relative;
        line-height: 26px;
        font-size: 13px
    }

        .widget-quicklink ul.menu-ft li a:before {
            content: '';
            position: absolute;
            top: 14px;
            left: 0;
            height: 4px;
            margin-left: -13px;
            width: 4px;
            border-radius: 50%;
            background-color: #416095;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .widget-quicklink ul.menu-ft li a:hover:before {
            background-color: #00baf3
        }

ul.menu-ft li a:hover {
    color: #00baf3;
    text-decoration: none
}

.widget-tags ul.tags-list li {
    display: inline-block;
    margin-right: 1.5px;
    margin-bottom: 6px
}

    .widget-tags ul.tags-list li a {
        display: block;
        color: #bfcadc;
        padding: 0 9px;
        height: 33px;
        line-height: 33px;
        border: 2px solid #1b4180;
        border-radius: 2px;
        font-size: 12px;
        text-decoration: none
    }

        .widget-tags ul.tags-list li a:hover {
            color: #00baf3;
            border-color: #00baf3
        }

.pagination-area {
    margin: 0 15px;
    width: 100%
}

    .pagination-area ul.pagination-post {
        padding-top: 22px;
        border-top: 1px solid #f1f1f1
    }

        .pagination-area ul.pagination-post li {
            display: inline-block;
            margin-right: 1px
        }

            .pagination-area ul.pagination-post li a {
                display: block;
                height: 38px;
                width: 38px;
                line-height: 36px;
                text-align: center;
                border: 2px solid #f1f1f1;
                color: #999;
                font-size: 15px;
                font-weight: 700;
                border-radius: 2px
            }

            .pagination-area ul.pagination-post li.next a {
                width: auto;
                padding: 0 13px
            }

            .pagination-area ul.pagination-post li a:hover, .pagination-area ul.pagination-post li.active a {
                color: #fff;
                border-color: #00baf3;
                background-color: #00baf3
            }

aside.post-single-ft {
    overflow: hidden;
    margin-bottom: 20px
}

    aside.post-single-ft .post-image {
        float: left;
        margin-right: 13px
    }

    aside.post-single-ft .post-content h6 {
        text-transform: uppercase;
        margin-bottom: 5px
    }

        aside.post-single-ft .post-content h6 a {
            color: #bfcadc;
            text-decoration: none;
            line-height: 20px
        }

            aside.post-single-ft .post-content h6 a:hover {
                color: #00baf3
            }

    aside.post-single-ft .post-content .date-post {
        color: #00baf3;
        font-size: 12px
    }

.widget-contact {
    margin-bottom: 30px
}

    .widget-contact ul li {
        margin-bottom: 8px;
        color: #bfcadc;
        position: relative;
        padding-left: 24px;
        font-size: 14px
    }

        .widget-contact ul li:before {
            content: '';
            position: absolute;
            font-family: fontello;
            color: #00baf3;
            font-size: 14px;
            top: 0;
            left: 0
        }

        .widget-contact ul li.contact-phone:before {
            content: "\f025";
            font-family: FontAwesome
        }

        .widget-contact ul li.contact-email:before {
            content: "\f1d9";
            font-family: FontAwesome
        }

        .widget-contact ul li.contact-address:before {
            content: "\f041";
            font-family: FontAwesome
        }

        .widget-contact ul li.contact-address {
            line-height: 22px
        }

.widget-subscribe p {
    color: #bfcadc;
    margin-bottom: 5px
}

.widget-subscribe .form-subscribe .input-subscribe {
    position: relative;
    display: block
}

    .widget-subscribe .form-subscribe .input-subscribe input {
        padding-right: 30px;
        border-color: #274b87;
        color: #fff
    }

        .widget-subscribe .form-subscribe .input-subscribe input::placeholder {
            color: #fff
        }

        .widget-subscribe .form-subscribe .input-subscribe input:focus {
            border-color: #00baf3
        }

    .widget-subscribe .form-subscribe .input-subscribe button {
        position: absolute;
        top: 13px;
        right: 10px;
        font-size: 18px;
        color: #00baf3
    }

        .widget-subscribe .form-subscribe .input-subscribe button:hover {
            -webkit-transform: rotate(15deg);
            -moz-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            -o-transform: rotate(15deg);
            transform: rotate(15deg)
        }

.flex {
    display: flex;
    flex-wrap: wrap
}

.menu-ft {
    width: 50%;
    margin: 0 auto;
    left: 0;
    text-align: left;
    list-style: none;
    padding-left: 10px
}

.two-column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.tags-list {
    padding-left: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.contact-list {
    list-style: none;
    padding-left: 0
}

.font52 {
    font-size: 14px
}

.wide {
    width: 100%
}

.space {
    margin: 15px 0;
    background: #fff
}

#cf {
    position: relative;
    height: 281px;
    width: 450px;
    margin: 0 auto
}

    #cf img {
        position: absolute;
        left: 0;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out
    }

        #cf img.hover_effect, #cf img.top:hover {
            opacity: 0
        }

.shadow {
    -webkit-box-shadow: 5px 5px 5px #aaa;
    -moz-box-shadow: 5px 5px 5px #aaa;
    box-shadow: 5px 5px 5px #aaa;
    margin-bottom: 10px
}

@media only screen and (max-width:690px) {
    .font52 {
        font-size: 11px
    }

    .wide {
        width: 50% !important
    }

    .footer-area {
        background-color: #012b72;
        padding-top: 15px;
        padding-bottom: 10px
    }

    .widget-footer h4 {
        color: #fff;
        margin-bottom: 5px !important;
        font-size: 14px
    }

    .widget-quicklink {
        margin-bottom: 0
    }

        .widget-quicklink ul.menu-ft li a {
            color: #bfcadc;
            display: block;
            position: relative;
            line-height: 22px;
            font-size: 13px
        }

    .widget-contact {
        margin-bottom: 0
    }

        .widget-contact ul li {
            margin-bottom: 0;
            color: #bfcadc;
            position: relative;
            padding-left: 24px;
            font-size: 12px
        }

            .widget-contact ul li.contact-address {
                line-height: 18px
            }

    .widget-about .logo-ft {
        margin-bottom: 10px
    }

    .slick-slider {
        margin-bottom: 10px
    }
}

.m-0 {
    margin: 0 !important
}

.m-2 {
    margin: 2px !important
}

.m-3 {
    margin: 3px !important
}

.m-5 {
    margin: 5px !important
}

.m-7 {
    margin: 7px !important
}

.m-10 {
    margin: 10px !important
}

.m-12 {
    margin: 12px !important
}

.m-15 {
    margin: 15px !important
}

.m-20 {
    margin: 20px !important
}

.m-25 {
    margin: 25px !important
}

.m-30 {
    margin: 30px !important
}

.m-35 {
    margin: 35px !important
}

.m-40 {
    margin: 40px !important
}

.m-50 {
    margin: 50px !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-2 {
    margin-left: 2px !important
}

.ml-3 {
    margin-left: 3px !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-7 {
    margin-left: 7px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-12 {
    margin-left: 12px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-25 {
    margin-left: 25px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-35 {
    margin-left: 35px !important
}

.ml-40 {
    margin-left: 40px !important
}

.ml-50 {
    margin-left: 50px !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-2 {
    margin-right: 2px !important
}

.mr-3 {
    margin-right: 3px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-7 {
    margin-right: 7px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-25 {
    margin-right: 25px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-35 {
    margin-right: 35px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mr-50 {
    margin-right: 50px !important
}

.mh-2 {
    margin: 0 2px !important
}

.mh-3 {
    margin: 0 3px !important
}

.mh-5 {
    margin: 0 5px !important
}

.mh-7 {
    margin: 0 7px !important
}

.mh-10 {
    margin: 0 10px !important
}

.mh-12 {
    margin: 0 12px !important
}

.mh-15 {
    margin: 0 15px !important
}

.mh-20 {
    margin: 0 20px !important
}

.mh-25 {
    margin: 0 25px !important
}

.mh-30 {
    margin: 0 30px !important
}

.mh-35 {
    margin: 0 35px !important
}

.mh-40 {
    margin: 0 40px !important
}

.mh-50 {
    margin: 0 50px !important
}

.mv-2 {
    margin: 2px 0 !important
}

.mv-3 {
    margin: 3px 0 !important
}

.mv-5 {
    margin: 5px 0 !important
}

.mv-7 {
    margin: 7px 0 !important
}

.mv-10 {
    margin: 10px 0 !important
}

.mv-12 {
    margin: 12px 0 !important
}

.mv-15 {
    margin: 15px 0 !important
}

.mv-20 {
    margin: 20px 0 !important
}

.mv-25 {
    margin: 25px 0 !important
}

.mv-30 {
    margin: 30px 0 !important
}

.mv-35 {
    margin: 35px 0 !important
}

.mv-40 {
    margin: 40px 0 !important
}

.mv-50 {
    margin: 50px 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-2 {
    margin-top: 2px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-7 {
    margin-top: 7px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-110 {
    margin-top: 110px !important
}

.mt-120 {
    margin-top: 120px !important
}

.mt-130 {
    margin-top: 130px !important
}

.mt-140 {
    margin-top: 140px !important
}

.mt-150 {
    margin-top: 100px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-7 {
    margin-bottom: 7px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-12 {
    margin-bottom: 12px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.p-0 {
    padding: 0 !important
}

.p-3 {
    padding: 3px !important
}

.p-5 {
    padding: 5px !important
}

.p-7 {
    padding: 7px !important
}

.p-10 {
    padding: 10px !important
}

.p-12 {
    padding: 12px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-25 {
    padding: 25px !important
}

.p-30 {
    padding: 30px !important
}

.p-35 {
    padding: 35px !important
}

.p-40 {
    padding: 40px !important
}

.p-50 {
    padding: 50px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-2 {
    padding-left: 2px !important
}

.pl-3 {
    padding-left: 3px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-7 {
    padding-left: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-12 {
    padding-left: 12px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-25 {
    padding-left: 25px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-35 {
    padding-left: 35px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-2 {
    padding-right: 2px !important
}

.pr-3 {
    padding-right: 3px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-7 {
    padding-right: 7px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-25 {
    padding-right: 25px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-35 {
    padding-right: 35px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-50 {
    padding-right: 50px !important
}

.ph-2 {
    padding: 0 2px !important
}

.ph-3 {
    padding: 0 3px !important
}

.ph-5 {
    padding: 0 5px !important
}

.ph-7 {
    padding: 0 7px !important
}

.ph-10 {
    padding: 0 10px !important
}

.ph-12 {
    padding: 0 12px !important
}

.ph-15 {
    padding: 0 15px !important
}

.ph-20 {
    padding: 0 20px !important
}

.ph-25 {
    padding: 0 25px !important
}

.ph-30 {
    padding: 0 30px !important
}

.ph-35 {
    padding: 0 35px !important
}

.ph-40 {
    padding: 0 40px !important
}

.ph-50 {
    padding: 0 50px !important
}

.pv-2 {
    padding: 2px 0 !important
}

.pv-3 {
    padding: 3px 0 !important
}

.pv-5 {
    padding: 5px 0 !important
}

.pv-7 {
    padding: 7px 0 !important
}

.pv-10 {
    padding: 10px 0 !important
}

.pv-12 {
    padding: 12px 0 !important
}

.pv-15 {
    padding: 15px 0 !important
}

.pv-20 {
    padding: 20px 0 !important
}

.pv-25 {
    padding: 25px 0 !important
}

.pv-30 {
    padding: 30px 0 !important
}

.pv-35 {
    padding: 35px 0 !important
}

.pv-40 {
    padding: 40px 0 !important
}

.pv-50 {
    padding: 50px 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-2 {
    padding-top: 2px !important
}

.pt-3 {
    padding-top: 3px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-7 {
    padding-top: 7px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-12 {
    padding-top: 12px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-35 {
    padding-top: 35px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pt-110 {
    padding-top: 110px !important
}

.pt-120 {
    padding-top: 120px !important
}

.pt-130 {
    padding-top: 130px !important
}

.pt-140 {
    padding-top: 140px !important
}

.pt-150 {
    padding-top: 150px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-2 {
    padding-bottom: 2px !important
}

.pb-3 {
    padding-bottom: 3px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-7 {
    padding-bottom: 7px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-12 {
    padding-bottom: 12px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.font9 {
    font-size: 9px !important
}

.font10 {
    font-size: 10px !important
}

.font11 {
    font-size: 11px !important
}

.font12 {
    font-size: 12px !important
}

.font13 {
    font-size: 13px !important
}

.font14 {
    font-size: 14px !important
}

.font15 {
    font-size: 15px !important
}

.font16 {
    font-size: 16px !important
}

.font17 {
    font-size: 17px !important
}

.font18 {
    font-size: 18px !important
}

.font19 {
    font-size: 19px !important
}

.font20 {
    font-size: 20px !important
}

.font21 {
    font-size: 21px !important
}

.font22 {
    font-size: 22px !important
}

.font23 {
    font-size: 23px !important
}

.font24 {
    font-size: 24px !important
}

.font25 {
    font-size: 25px !important
}

.font26 {
    font-size: 26px !important
}

.font27 {
    font-size: 27px !important
}

.font28 {
    font-size: 28px !important
}

.font29 {
    font-size: 29px !important
}

.font30 {
    font-size: 30px !important
}

.font31 {
    font-size: 31px !important
}

.font32 {
    font-size: 32px !important
}

.font33 {
    font-size: 33px !important
}

.font34 {
    font-size: 34px !important
}

.font35 {
    font-size: 35px !important
}

.font36 {
    font-size: 36px !important
}

.font37 {
    font-size: 37px !important
}

.font38 {
    font-size: 38px !important
}

.font39 {
    font-size: 39px !important
}

.font40 {
    font-size: 40px !important
}

.font41 {
    font-size: 41px !important
}

.font42 {
    font-size: 42px !important
}

.font43 {
    font-size: 43px !important
}

.font44 {
    font-size: 44px !important
}

.font45 {
    font-size: 45px !important
}

.font46 {
    font-size: 46px !important
}

.font47 {
    font-size: 47px !important
}

.font48 {
    font-size: 48px !important
}

.font49 {
    font-size: 49px !important
}

.font50 {
    font-size: 50px !important
}

.font51 {
    font-size: 51px !important
}

.font52 {
    font-size: 52px !important
}

.font53 {
    font-size: 53px !important
}

.font54 {
    font-size: 54px !important
}

.font55 {
    font-size: 55px !important
}

.font56 {
    font-size: 56px !important
}

.font57 {
    font-size: 57px !important
}

.font58 {
    font-size: 58px !important
}

.font59 {
    font-size: 59px !important
}

.font60 {
    font-size: 60px !important
}

.bold-txt {
    font-weight: 700
}

.txt-green {
    color: #398439 !important
}

.txt-yellow {
    color: #7ca5ea
}

.txt-shadow {
    text-shadow: 1px 1px 1px #031790
}

.bg-grey {
    background: #ebebeb;
}

.tf-call-bg {
    background-image: linear-gradient(180deg, rgba(255,255,255,0) 60%, #fff), linear-gradient(70deg, #dbedff 32%, #ebfff0);
    color: #3c3c3c;
    width: 100%
}

    .tf-call-bg h2 {
        font-size: 24px;
        font-weight: 700;
        color: #3c3c3c
    }

    .tf-call-bg h3 {
        font-size: 21px;
        font-weight: 700;
        color: #3c3c3c
    }

    .tf-call-bg h1 {
        font-size: 28px;
        font-weight: 700;
        color: #c34b26;
        background: url(../../images/call-headphone.png) left center no-repeat;
        padding-left: 28px
    }

    .tf-call-bg p {
        font-size: 14px;
        font-weight: 700;
        color: #3c3c3c;
        text-transform: uppercase;
        text-align: center
    }

.call-offer-list {
    float: left
}

    .call-offer-list ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .call-offer-list ul li {
            background: url(../../images/call-check.png) left center no-repeat;
            padding-left: 25px;
            font-size: 13px;
            font-weight: 400;
            margin-bottom: 5px
        }

.mob-Call {
    bottom: 0;
    display: none;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    width: 360px;
    z-index: 9999
}

.ssPopCall18 {
    background-color: #000;
    box-sizing: border-box;
    max-width: 420px;
    padding: 15px 10px 0;
    position: relative;
    width: 100%
}

    .ssPopCall18 p {
        color: #fff;
        font: 12px Arial, sans-serif;
        margin: 0;
        padding: 0
    }

    .ssPopCall18 .alrt-btn-close {
        position: absolute;
        right: 6px;
        top: 0
    }

.call-txt-yellow {
    display: inline-table;
    vertical-align: middle
}

    .call-txt-yellow img {
        margin-bottom: 10px
    }

    .call-txt-yellow span {
        color: #ffd500;
        font: bold 26px Arial, sans-serif
    }

.ssPopCall18 .ssbtnCall-now {
    background: #3db900;
    border: 1px solid #fd0;
    box-shadow: -1px 1px 1px rgba(0,0,0,.4);
    color: #fff;
    padding: 6px 15px;
    position: absolute;
    right: 35px;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    top: 24px
}

.ssPopCall18 a.ssbtnCall-now {
    text-decoration: none
}

@media (max-width:320px) {
    .mob-Call {
        width: 100%;
        display: block
    }

        .mob-Call p {
            font-size: 11px
        }

    .ssPopCall18 {
        max-width: 100%
    }
}

@media (max-width:480px) {
    .mob-Call {
        width: 100%;
        display: block
    }

    .ssPopCall18 {
        max-width: 100%
    }

    .customtab .tab-content {
        background: #2c2624
    }

    .display-phone {
        padding: 0 !important;
        display: block
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
    .display-tab {
        padding: 0 !important;
        display: block;
        text-align: left !important;
        width: 50% !important
    }
}

.color-blue {
    color: #3b5998 !important
}

.color-orange {
    color: #d13f2d !important
}

.color-sky-blue {
    color: #6acff4 !important
}

.color-red {
    color: #ce1e27 !important
}

.cb-content {
    max-height: 210px;
    overflow: scroll;
    overflow-x: hidden
}

.p-item-details {
    padding-bottom: 0;
    padding-top: 0
}

.p-item-details-i {
    border-bottom: 1px solid #f0f0f0;
    color: #687172;
    font-size: 14px;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.p-item-details-il {
    float: left;
    width: auto
}

.p-item-details-ir {
    float: right;
    margin-right: 10px
}

.bg-light-sky {
    background: #f8fbff !important
}

.component-specialistcta {
    padding: 1px 10px 18px;
    margin-bottom: 20px;
    margin-top: 20px;
    box-shadow: 0 6px 8px -6px rgba(0,0,0,.4);
    background: -webkit-linear-gradient(#fff, #edf0f2);
    background: -o-linear-gradient(#fff, #edf0f2);
    background: -moz-linear-gradient(#fff, #edf0f2);
    background: linear-gradient(#fff, #edf0f2)
}

    .component-specialistcta h2 {
        text-align: center;
        color: #000;
        padding: 5px;
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 0
    }

.customermail {
    background: #1c2d4c;
    width: 100%;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

    .customermail a {
        color: #fff
    }

        .customermail a:hover {
            color: #efbf00 !important
        }

.bkg-404 {
    background-image: url(../../images/bkg-404.jpg)
}

.grey-bkg {
    background: #f8f8f8
}

.hr-grey {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ebebeb
}

.text-404 {
    font-size: 20px;
    padding-top: 20px
}

.btn-slide-404 {
    width: 320px;
    height: 50px;
    border: 1px solid #3c3c3c;
    background-color: #3c3c3c !important;
    border-radius: 50px;
    padding: 0 0 0 15px;
    position: relative;
    text-align: center;
    color: #fd0;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block
}

    .btn-slide-404 .text {
        color: #fd0;
        font-style: inherit;
        transition: all .5s ease 0s
    }

    .btn-slide-404 .icons {
        background-color: #505050;
        border-radius: 50%;
        bottom: 1px;
        color: #fd0;
        left: 1px;
        padding: 16px;
        position: absolute;
        text-align: center;
        top: 1px;
        transition: all .5s ease 0s
    }

    .btn-slide-404::before {
        color: #fd0;
        content: attr(data-hover);
        left: 0;
        opacity: 0;
        padding-right: 15px;
        position: absolute;
        text-align: center;
        transition: all .5s ease 0s;
        width: 100%
    }

    .btn-slide-404:hover .text {
        opacity: 0
    }

    .btn-slide-404:hover .icons {
        left: calc(100% - 32px)
    }

    .btn-slide-404:hover::before {
        opacity: 1
    }

.txt-white {
    color: #fff !important
}

.txt-black {
    color: #000 !important
}

.width100 {
    width: 100%
}

.grey-bg {
    background: #f0f0f0
}

.blue-bg-hotel {
    background: #1c2d4c;
    padding: 15px 20px
}

.tj-hotel-section {
    display: block
}

    .tj-hotel-section .hotel-neme-txt {
        font-size: 16px;
        font-weight: 700
    }

    .tj-hotel-section .pp-txt {
        font-size: 11px;
        line-height: 15px
    }

.flight-list-head {
    background: #f7f7f7 url(../../images/bg-border-v.png) repeat-x scroll left top;
    margin-top: 50px;
    padding: 20px 10px 20px 60px;
    position: relative
}

    .flight-list-head .icon {
        left: 10px;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%)
    }

    .flight-list-head h3 {
        color: #111;
        display: inline-block;
        font-size: 24px;
        line-height: 28px;
        margin: 0
    }

    .flight-list-head p {
        color: #111;
        float: right;
        font-family: Quicksand, sans-serif;
        font-size: 14px;
        line-height: 28px;
        margin: 0
    }

        .flight-list-head p span {
            font-size: 18px
        }

.flight-list-cn .flight-table {
    background: rgba(0,0,0,0) url(../../images/bg-border-v.png) repeat-x scroll left bottom;
    margin: 0
}

    .flight-list-cn .flight-table th {
        background: rgba(0,0,0,0) url(../../images/bg-border-v.png) repeat-x scroll left top;
        border: 0 none;
        color: #666;
        font-family: Quicksand, sans-serif;
        font-weight: 400;
        padding: 15px
    }

        .flight-list-cn .flight-table th:first-child {
            padding-left: 0
        }

    .flight-list-cn .flight-table td {
        background: rgba(0,0,0,0) url(../../images/bg-border-v.png) repeat-x scroll left top;
        border: 0 none;
        font-family: Quicksand, sans-serif;
        padding: 18px 15px;
        position: relative;
        vertical-align: middle
    }

        .flight-list-cn .flight-table td:first-child {
            padding-left: 0
        }

            .flight-list-cn .flight-table td:first-child::before {
                display: none
            }

        .flight-list-cn .flight-table td::before {
            border-left: 1px solid #e6e6e6;
            content: "";
            height: 30px;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translate(0, -50%)
        }

        .flight-list-cn .flight-table td.td-airline {
            color: #666
        }

            .flight-list-cn .flight-table td.td-airline .radio-checkbox {
                display: inline-block;
                line-height: 1;
                vertical-align: middle
            }

                .flight-list-cn .flight-table td.td-airline .radio-checkbox label {
                    min-height: 16px;
                    padding-left: 16px
                }

                    .flight-list-cn .flight-table td.td-airline .radio-checkbox label::after {
                        top: 4px
                    }

                    .flight-list-cn .flight-table td.td-airline .radio-checkbox label::before {
                        top: 0
                    }

            .flight-list-cn .flight-table td.td-airline img {
                margin-left: 3px;
                margin-right: 3px
            }

        .flight-list-cn .flight-table td.td-time p {
            color: #111;
            font-size: 14px;
            font-weight: 600;
            margin: 0
        }

            .flight-list-cn .flight-table td.td-time p small {
                font-size: 11px;
                font-weight: 400
            }

            .flight-list-cn .flight-table td.td-time p span {
                color: #666;
                float: right;
                font-size: 14px;
                font-weight: 400
            }

        .flight-list-cn .flight-table td.td-stop .stop-cn {
            position: relative
        }

            .flight-list-cn .flight-table td.td-stop .stop-cn label {
                color: #333;
                font-size: 12px;
                font-weight: 400;
                left: 50%;
                margin: 0;
                position: absolute;
                top: -20px;
                transform: translate(-50%, 0)
            }

                .flight-list-cn .flight-table td.td-stop .stop-cn label:last-child {
                    bottom: -20px;
                    font-size: 10px;
                    text-transform: uppercase;
                    top: inherit
                }

            .flight-list-cn .flight-table td.td-stop .stop-cn .stops {
                background-clip: padding-box;
                background-color: #141414;
                border-radius: 2px;
                display: block;
                height: 3px;
                position: absolute;
                width: 100%
            }

                .flight-list-cn .flight-table td.td-stop .stop-cn .stops .stop {
                    background-clip: padding-box;
                    background-color: #fff;
                    border: 2px solid #23a523;
                    border-radius: 50%;
                    bottom: -2px;
                    content: "";
                    display: block;
                    height: 8px;
                    left: 0;
                    margin: auto;
                    position: absolute;
                    right: 0;
                    width: 8px
                }

                .flight-list-cn .flight-table td.td-stop .stop-cn .stops._2 .stop:first-child {
                    left: 35%;
                    right: inherit
                }

                .flight-list-cn .flight-table td.td-stop .stop-cn .stops._2 .stop:last-child {
                    left: 55%;
                    right: inherit
                }

        .flight-list-cn .flight-table td.td-price span {
            color: #666;
            font-size: 11px
        }

            .flight-list-cn .flight-table td.td-price span ins {
                color: #337ab7;
                font-size: 16px;
                font-weight: 600;
                text-decoration: none
            }

.flight-list-cn {
    overflow: scroll;
    width: 100%;
    max-height: 900px
}

    .flight-list-cn .responsive-table {
        height: 546px
    }

.selectorContainer {
    font-size: 14px;
    padding: 10px 0
}

    .selectorContainer span {
        font-weight: 700;
        margin-right: 10px
    }

        .selectorContainer span + select {
            margin-right: 2px;
            padding: 5px
        }

.btn-green {
    background-color: #72bf44 !important;
    border-radius: 3px;
    box-shadow: 0 3px 0 #2a650f;
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 26px !important;
    text-transform: none !important;
    transition: all .3s ease 0s;
    width: 100%
}

    .btn-green:hover {
        box-shadow: 0 1px 0 #38522c
    }

.txt-grey {
    color: #666
}

.txt-blue {
    color: #084874
}

.whatsup-box {
    text-align: left;
    margin-top: 10px;
}

.whatsup-message {
    width: 100%;
    margin: 0 auto;
    background: #012b72;
    padding: 10px 10px 15px 45px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    position: relative;
    border: #00baf3 solid 2px;
}

.whatsup-icon {
    width: 40px;
    height: 40px;
    left: 0;
    top: -1px;
    position: absolute
}

.whatsup-number {
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px
}

.page-title-booking {
    background-image: url(../../images/airline-contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center
}

.booking-box {
    background: #454545 !important;
    border: #e6e6e6 solid 1px;
    color: #fff;
    padding: 30px;
    box-shadow: rgba(0,0,0,.2) 0 1px 1px
}

.booking-input {
    min-height: 60px !important
}

.book-hr {
    border-top: 1px solid #454040 !important
}

.booking-details-box {
    background: #fff;
    border: #e6e6e6 solid 1px;
    padding: 30px;
    box-shadow: rgba(0,0,0,.2) 0 1px 1px
}

.book-fare-txt {
    font-size: 18px;
    font-weight: 700
}

.app-section {
    background: #fff;
    color: #000;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    margin-top: 15px
}

    .app-section h2 {
        color: #d40046;
        font-size: 24px
    }
/*********************glbal website link css start here/*************************/
.website-container {
    background-color: #162849;
    width: 100%;
    height: 60px;
    clear: both;
}

.global-bg {
    position: relative;
    background: #162849;
    height: 60px;
    width: 145px;
    margin-right: 100px;
    margin-left: -15px !important;
    margin-top: -10px
}

.global-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 30px;
    border-color: transparent transparent transparent #d40046;
    position: absolute;
    right: -30px;
    top: 0
}

.global-bg h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding-top: 18px
}

ul.nofollow {
    list-style-type: none;
    display: inline-block;
    margin: 0 0 0 37.5% !important;
    padding: 0;
}

    ul.nofollow li {
        border-right: 1px solid rgba(255,255,255,.3);
        margin-right: 5px;
        padding-right: 10px;
        display: inline-block;
        margin-top: 18px
    }

        ul.nofollow li:last-child {
            border-right: 0;
            margin-right: 0;
        }

        ul.nofollow li span {
            display: block;
            width: 34px;
            height: 22px;
            background: url(../../images/country-flag.png) no-repeat;
        }

.flag-gb {
    background-position: 0 0 !important;
}

.flag-au {
    background-position: -34px 0 !important;
}

.flag-ca {
    background-position: -70px 0 !important;
}

.flag-nz {
    background-position: -104px 0 !important;
}

.flag-za {
    background-position: -141px 0 !important;
}

.flag-us {
    background-position: -210px 0 !important;
}

.flag-ie {
    background-position: -246px 0 !important;
}

@media screen and (min-width:320px) and (max-width:640px) {
    .global-bg {
        width: 65px !important;
        margin-right: 0 !important;
    }

        .global-bg h4 {
            font-size: 80% !important;
            color: #fff !important;
            font-weight: 400 !important;
            padding-top: 24px !important;
        }

    ul.nofollow {
        position: absolute;
        top: -40px;
        margin: 0 0 0 30.5% !important;
    }


        ul.nofollow li {
            border-right: none !important;
            margin: 0 !important;
            display: inline-block !important;
            padding-right: 0 !important;
        }

    .cfd-heading h1 {
        font-size: 24px !important;
    }
}



.light-grey-bg {
    background: #f5fbf5;
    border: #e2eae2 solid 1px;
    padding: 10px;
}


    .light-grey-bg .address-list li {
        margin-bottom: 18px;
        border-bottom: #ebebeb solid 1px;
        padding-bottom: 15px;
    }

        .light-grey-bg .address-list li:last-child {
            margin-bottom: 0px;
            border-bottom: none;
        }



.component-citypages .deal-section {
    padding: 13px;
    margin-bottom: 11px;
    color: #797979;
    background: #fff;
    cursor: pointer;
    border: 1px dashed #ccc
}

    .component-citypages .deal-section:hover {
        border: 1px dashed #9a9ac4
    }

    .component-citypages .deal-section .trip-dd2 {
        padding-top: 15px;
    }

    .component-citypages .deal-section .text {
        font-size: 9px;
        margin-bottom: 3px;
    }

        .component-citypages .deal-section .text span {
            font-size: 12px;
            font-weight: 700;
            color: #4d4d77;
        }

    .component-citypages .deal-section .head12 {
        font-size: 18px;
        color: #797979;
        font-weight: 500;
    }

    .component-citypages .deal-section .starting-from {
        font-size: 12px;
        margin-top: 0px;
    }

.component-citypages .head13 {
    font-size: 21px;
    font-weight: 700;
    color: #4d4d77;
}

.booknow-btn {
    position: relative;
    background: #4d4d77;
    padding: 2px 9px;
    border-radius: 3px;
    float: right;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0;
}

    .booknow-btn:hover {
        position: relative;
        background: #d40046;
        padding: 2px 9px;
        border-radius: 3px;
        float: right;
        color: #fff;
        cursor: pointer;
        margin-bottom: 0;
    }

.bg-home {
    background: #f3f3f3;
}

.component-for-airinfo .block {
    height: 100%;
    border: 1px solid #e8e8e8;
    padding: 20px;
    margin-bottom: 15px;
    background: #FFF;
    min-height: 250px;
}

.more-less {
    float: right;
    color: #fff;
}

.panel-default > .panel-heading {
    background: #162849 !important;
    font-size: 18px;
    font-weight: 400;
    color: #fff !important;
}

.sahover {
    color: #fff !important;
}




.transition-3d-hover {
    transition: all 0.2s ease-in-out;
}

    .transition-3d-hover:hover, .transition-3d-hover:focus {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }

.card-copy {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #162849;
    background-clip: border-box;
    border: 1px solid #e7eaf3;
    width: 100%;
    margin-bottom: 20px;
    /* border-radius: 5rem; */
}

.box-image-holder {
    position: relative;
}

.dest-air-txt {
    position: absolute;
    left: 20px;
    top: 20px;
}

    .dest-air-txt span {
        margin-right: 10px;
        display: inline;
    }

.dest-span {
    background: #FFF;
    color: #297cbb;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 5px 10px;
    border-radius: 10rem;
}

.card-body {
    padding: 2rem;
}

.card-title {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    display: block;
}

.flt-type {
    font-size: 14px;
    font-weight: normal;
    color: #ffa7a7;
    display: block;
}

[class*="gradient-overlay-half"] {
    position: relative;
    z-index: 1;
}

    [class*="gradient-overlay-half"]::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        content: "";
        transition: all 0.2s ease-in-out;
    }

.gradient-overlay-half-bg-gradient-v5 {
    z-index: 0;
}

    .gradient-overlay-half-bg-gradient-v5::before {
        background: linear-gradient(to top, #1d0663 2%, rgba(19, 19, 19, 0.2) 50%, rgba(34, 34, 34, 0) 89%, rgba(44, 44, 44, 0) 100%);
        z-index: 0;
    }


.btn-deals {
    background: transparent;
    border: #FFF solid 2px;
    color: #FFF;
    font-size: 18px;
    min-width: 200px;
    border-radius: 5px;
    text-align: center;
    padding: 10px 20px;
    margin: 20px 0px;
}

    .btn-deals:hover {
        background: #d40046;
        border: #FFF solid 2px;
        color: #FFF;
        font-size: 18px;
        min-width: 200px;
        border-radius: 5px;
        text-align: center;
        padding: 10px 20px;
        margin: 20px 0px;
    }

/***********************global website link css end here/*************************************/




/**********************************new flights page css start here/*******************************/
.page-seperator {
    background: #d40046;
    width: 250px;
    height: 6px;
    border-radius: 3px;
    margin: 0 auto;
}

.txt-theme-blue {
    color: #012b72 !important;
}

.txt-bold {
    font-weight: bold;
}

.section-title {
    margin-bottom: 30px;
}

    .section-title h2 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 20px;
        color: #012b72;
        display: inline-block;
    }

.bg-seprator {
    background-color: #d40046;
}

.title-separator-outer {
    overflow: hidden;
    color: #62ac1e;
}

.title-separator {
    display: inline-block;
    height: 3px;
    width: 80px;
    margin-bottom: 10px;
    position: relative;
}

.section-title .title-separator-outer.inline_btm {
    width: 100%;
    height: 6px;
    border-bottom: 2px solid #ddd;
}

.title-separator.style-liner {
    width: 70px;
    height: 6px
}

.title-separator.style-icon {
    width: 30px;
    height: auto;
    text-align: center;
    font-size: 20px;
}

.title-separator[class*="style-"]:after,
.title-separator[class*="style-"]:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 70px;
    width: 100%;
    height: 2px;
    background: #ddd;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.title-separator[class*="style-"]:before {
    left: auto;
    right: 70px;
}

.title-separator.style-skew {
    width: 15px;
    height: 10px;
    margin-left: 1px;
    margin-right: 1px;
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
}

    .title-separator.style-skew[class*="style-"]:after,
    .title-separator.style-skew[class*="style-"]:before {
        width: 80px;
        height: 4px;
        left: 20px;
        -moz-transform: translateY(-50%) skewX(-10deg);
        -webkit-transform: translateY(-50%) skewX(-10deg);
        -o-transform: translateY(-50%) skewX(-10deg);
        -ms-transform: translateY(-50%) skewX(-10deg);
        transform: translateY(-50%) skewX(-10deg);
    }

    .title-separator.style-skew[class*="style-"]:before {
        right: 20px;
        left: auto;
    }

.product-thumb {
    margin-bottom: 0px;
}

    .product-thumb .image {
        position: relative;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        overflow: hidden;
    }

        .product-thumb .image::after {
            position: absolute;
            content: "";
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60%;
            z-index: 9px;
            background: linear-gradient(180deg,transparent,rgba(9,33,64,.7));
        }

        .product-thumb .image .hoverbox {
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient( yellow, red);
            text-align: center;
            opacity: 0;
            top: 0;
        }

    .product-thumb .hoverbox .icon_plus {
        color: #fff;
        font-size: 75px;
        position: absolute;
        top: 35%;
        left: 0;
        right: 0;
        cursor: pointer;
    }

    .product-thumb:hover .image img {
        -webkit-transition: all 1.5s ease;
        -moz-transition: all 1.5s ease;
        -o-transition: all 1.5s ease;
        -ms-transition: all 1.5s ease;
        transition: all 1.5s ease;
        overflow: hidden;
        webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    .product-thumb .image .matter {
        position: absolute;
        opacity: 1;
        bottom: 0;
        color: #fff;
        text-transform: uppercase;
        width: 100%;
        z-index: 999999;
    }

        .product-thumb .image .matter h2 {
            font-size: 24px;
            margin: 0 0 0 24px;
        }

        .product-thumb .image .matter p {
            color: #fff;
            font-size: 16px;
            margin: 0 25px 24px;
            text-transform: capitalize;
            font-weight: bold;
        }

        .product-thumb .image .matter ul {
            margin: 0;
            border-top: 1px solid #E5E5E5;
        }

            .product-thumb .image .matter ul li:first-child {
                border-right: 1px solid #E5E5E5;
            }

            .product-thumb .image .matter ul li {
                padding: 12px 0px;
                width: 49%;
                text-align: center;
                line-height: 12px;
            }

                .product-thumb .image .matter ul li a {
                    color: #fff;
                    font-size: 14px;
                }

    .product-thumb .caption-flight {
        border: 1px solid #E5E5E5;
        border-top: 0;
    }

        .product-thumb .caption-flight .inner {
            padding: 30px 36px;
            border-bottom: 1px solid #E5E5E5;
        }

            .product-thumb .caption-flight .inner img {
                float: left;
                margin-right: 18px;
            }

            .product-thumb .caption-flight .inner h4 {
                font-size: 24px;
                margin: 0 0 8px;
                padding-bottom: 10px;
                border-bottom: #ccc solid 1px;
            }

                .product-thumb .caption-flight .inner h4 a {
                    font-size: 20px;
                    color: #012b72;
                    font-weight: bold;
                    margin: 0 0 8px;
                }

                    .product-thumb .caption-flight .inner h4 a:hover {
                        font-size: 20px;
                        color: #d40046;
                        font-weight: bold;
                        text-decoration: none;
                    }

            .product-thumb .caption-flight .inner span {
                font-size: 16px;
                line-height: 12px;
                color: #9A9A9A;
                margin-right: 50px;
            }

            .product-thumb .caption-flight .inner i {
                color: #66a91e;
                font-size: 13px;
            }

            .product-thumb .caption-flight .inner span.fa-map-marker {
                color: #66a91e;
                font-size: 40px;
                float: left;
                font-family: FontAwesome;
                margin-right: 10px;
                line-height: 40px;
            }


.read-more {
    height: 50px;
}

    .read-more:hover {
        background: linear-gradient(#006ed9, #005fba, #00376d);
        cursor: pointer;
        color: #ffffff;
    }

    .read-more a {
        color: #333;
        font-family: "Rubik", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 2.7;
    }

    .read-more:hover a {
        color: #fff;
    }

.plus-center span {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
}

.product-thumb .caption-flight button {
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    padding: 20px 0 20px;
    background: #012b72;
    border: 0;
    line-height: 12px;
    font-weight: bold;
}

.product-thumb:hover .caption-flight button {
    color: #66a91e;
}

.product-thumb .image .matter p span {
    float: right;
    font-size: 20px;
    line-height: 12px;
}

.product-thumb .caption-flight .inner {
    padding: 30px 24px;
    background: #fff;
}

    .product-thumb .caption-flight .inner .rate {
        min-height: 40px;
    }

.rate {
    text-align: right;
}

.product-thumb .caption-flight .inner p {
    font-size: 14px;
    line-height: 20px;
    color: #9A9A9A;
    margin: 0px;
}



.product-thumb .caption-flight button {
    width: 100%;
}

.product-thumb .caption-flight button {
    border: 1px solid #E5E5E5;
}

    .product-thumb .caption-flight button:hover {
        border: 1px solid #E5E5E5;
        background: #d40046;
        color: #fff;
    }

.nav-tabs {
    border: 0;
    text-align: center;
    margin-bottom: 20px;
}

    .nav-tabs li.active a {
        color: #fff;
        background: #d40046 !important;
        text-decoration: none;
    }

    .nav-tabs .nav-item {
        margin-bottom: 0;
        display: inline-flex;
        border: #ccc solid 1px;
    }

.destination-tabs {
    margin: 0 auto;
    width: 100%;
}

.nav-tabs a {
    color: #5e5e5e;
    display: block;
    padding: 20px 25px;
    font-size: 14px;
}


    .nav-tabs a:hover {
        text-decoration: none;
    }

.destination-blocks .nav-tabs a {
    padding: 5px 20px;
}


.destination-blocks nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 12px;
}

.destination-blocks .nav-item {
    margin-right: 15px;
    line-height: 40px;
    border: #ccc solid 1px;
    border-radius: 6px;
}




/********************second design css satrt here/**********************/
/* ======== Homepage Product Section ========= */
.light-row {
    background: #ffe2ec;
}

.home-product {
    color: #07253F;
}

    .home-product h4 {
        font-weight: bold;
        margin-top: 10px;
    }

    .home-product h5 {
        color: #00ADEF;
        font-weight: bold;
    }

    .home-product p {
        line-height: 1.6;
    }

.rating-box {
    padding: 0 10px;
}

    .rating-box i {
        color: #F19C4F;
    }

    .rating-box span {
        margin: 0 5px;
        font-weight: bold;
    }

    .rating-box img {
        max-width: 100%;
        min-height: auto !important;
    }

.home-product .image-sm {
    position: relative;
}

    .home-product .image-sm img {
        max-width: 100%;
        min-height: 300px;
        position: relative;
    }

.home-product .detail-link-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 49, 82, 0.8);
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.home-product .detail-link {
    position: absolute;
    left: 48%;
    top: 40%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .home-product .detail-link a {
        color: #fff;
        font-size: 24px;
    }

.home-product .product-wrapper:hover .detail-link,
.home-product .product-wrapper:hover .detail-link-wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.home-product .image-lg {
    position: relative;
    overflow: hidden;
}

    .home-product .image-lg img {
        position: relative;
        max-width: 100%;
        min-height: 600px;
    }

    .home-product .image-lg .rating-box img {
        max-width: initial !important;
        min-height: initial !important;
    }

    .home-product .image-lg .overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(10, 49, 82, 0.8);
        top: 0 !important;
        left: 0;
        padding: 15px;
        opacity: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    .home-product .image-lg .product-detail {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        color: #fff;
        padding: 25px 15px;
        border: 1px solid #e6e6e6;
        opacity: 0;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

        .home-product .image-lg .product-detail .pricing-info {
            margin-top: 20px;
        }

        .home-product .image-lg .product-detail p {
            line-height: 2;
            margin: 15px 0px;
        }

        .home-product .image-lg .product-detail h3 {
            margin-top: 0px;
            font-weight: bold;
        }

    .home-product .image-lg:hover .product-detail,
    .home-product .image-lg:hover .overlay {
        opacity: 1;
    }

.home-product-padding {
    padding: 15px 15px 20px;
    text-align: center;
}

    .home-product-padding p {
        margin: 15px 0px;
        line-height: 2;
    }

.line {
    width: 50px;
    height: 4px;
    display: inline-block;
    background: #00ADEF;
    margin: 10px 0;
}

.pricing-info {
    margin-top: 15px;
    overflow: hidden;
}

    .pricing-info span {
        font-size: 16px;
        font-weight: bold;
        color: #d40046;
    }

    .pricing-info a {
        color: #fff;
        padding: 8px;
        font-weight: bold;
        background: #d40046;
        display: inline-block;
        border: 2px solid transparent;
    }

        .pricing-info a:hover {
            border: 2px solid #f9676b;
            color: #f9676b;
            background: transparent;
        }

.tooltip-left:before {
    border-bottom: 15px solid transparent;
    border-right: 15px solid #ffe2ec;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    left: -13px;
    top: 50%;
    width: 0;
    z-index: 2;
}

.tooltip-right:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ffe2ec;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -13px;
    top: 50%;
    width: 0;
    z-index: 2;
}

@media (max-width: 767px) {
    .home-product .image-lg .product-detail {
        top: 50%;
        left: 0;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .home-product .image-sm img {
        max-width: 100%;
        min-height: initial !important;
    }

    .home-product .image-lg img {
        max-width: 100%;
        min-height: initial !important;
    }

    .tooltip-left:before {
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fffbdd;
        border-left: 15px solid transparent;
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        z-index: 2;
        top: -29px;
        left: 50%;
    }

    .tooltip-right:after {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #fffbdd;
        bottom: -29px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 100%;
        width: 0;
        z-index: 2;
    }

    .home-product-padding {
        border-bottom: 2px solid #07253F;
    }

    .home-product .image-lg .overlay {
        top: 5%;
    }
}

@media (min-width: 1750px) {
    .home-product-padding {
        padding: 10%;
    }
}


.global-map-area {
    background: url(../../testflight/images/global-map.jpg) no-repeat;
    background-size: cover;
}

.contnent-bg {
    background: url(../../testflight/images/contnent-bg.jpg) no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}

.honeymoon-title {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 10px;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 23px;
    word-wrap: break-word;
}

.btn-more-deals a {
    background: #d40046;
    color: #fff;
    font-size: 18px;
    max-width: 200px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 10px 20px;
    width: auto;
}

.btn-more-deals:hover a {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.btn-more-deals:hover {
    background: #d40046;
    color: #fff;
    font-size: 18px;
    max-width: 200px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: auto;
}


/* ======= Home Page Top Destination Section Start ======= */

/*.image-background {
    background: url(../images/bg-image2.jpg) center center;
    background-attachment: fixed;
    overflow: hidden;
}*/

.td-overlay {
    padding: 60px 0px 120px;
    background: rgb(1, 43, 114, 0.8);
}

.light-section-title {
    margin-bottom: 60px;
    color: #ffffff;
}

    .light-section-title h2 {
        font-weight: 800;
        letter-spacing: 2px;
    }

    .light-section-title h4 {
        font-weight: bold;
    }

    .light-section-title p {
        line-height: 2;
    }

.on-top {
    z-index: 100;
}

.td-product {
    position: relative;
    overflow: hidden;
}

    .td-product img {
        max-width: 100%;
        position: relative;
    }

    .td-product .overlay {
        color: #ffffff;
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
    }

        .td-product .overlay .wrapper {
            padding: 30px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
        }

        .td-product .overlay h3,
        .td-product .overlay h5 {
            font-weight: bold;
            text-align: center;
            opacity: 0;
            margin: 0px 0px 20px;
            -webkit-transform: translateY(100px);
            -webkit-transition: all 0.5s ease;
            -moz-transform: translateY(100px);
            -moz-transition: all 0.5s ease;
            -ms-transform: translateY(100px);
            -ms-transition: all 0.5s ease;
            -o-transform: translateY(100px);
            -o-transition: all 0.5s ease;
            transform: translateY(100px);
            transition: all 0.3s ease;
        }

        .td-product .overlay h5 {
            margin: 0px 0px 10px;
        }

        .td-product .overlay span {
            border-bottom: 3px solid #ffffff;
            opacity: 0;
            -webkit-transform: translateY(100px);
            -webkit-transition: all 0.5s ease;
            -moz-transform: translateY(100px);
            -moz-transition: all 0.5s ease;
            -ms-transform: translateY(100px);
            -ms-transition: all 0.5s ease;
            -o-transform: translateY(100px);
            -o-transition: all 0.5s ease;
            transform: translateY(100px);
            transition: all 0.5s ease;
        }

        .td-product .overlay h4 {
            text-align: center;
            margin-top: 15px;
            opacity: 0;
            -webkit-transform: translateY(100px);
            -webkit-transition: all 0.5s ease;
            -moz-transform: translateY(100px);
            -moz-transition: all 0.5s ease;
            -ms-transform: translateY(100px);
            -ms-transition: all 0.5s ease;
            -o-transform: translateY(100px);
            -o-transition: all 0.5s ease;
            transform: translateY(100px);
            transition: all 0.5s ease;
        }

        .td-product .overlay p {
            text-align: center;
            opacity: 0;
            line-height: 2;
            -webkit-transform: translateY(100px);
            -webkit-transition: all 0.5s ease;
            -moz-transform: translateY(100px);
            -moz-transition: all 0.5s ease;
            -ms-transform: translateY(100px);
            -ms-transition: all 0.5s ease;
            -o-transform: translateY(100px);
            -o-transition: all 0.5s ease;
            transform: translateY(100px);
            transition: all 0.5s ease;
        }

        .td-product .overlay a {
            text-align: center;
            background: #d40046;
            color: #fff;
            padding: 10px 20px;
            font-weight: bold;
            margin-top: 10px;
            display: inline-block;
            opacity: 0;
            -webkit-transform: translateY(-100px);
            -webkit-transition: all 0.5s ease;
            -moz-transform: translateY(-100px);
            -moz-transition: all 0.5s ease;
            -ms-transform: translateY(-100px);
            -ms-transition: all 0.5s ease;
            -o-transform: translateY(-100px);
            -o-transition: all 0.5s ease;
            transform: translateY(-100px);
            transition: all 0.5s ease;
        }

            .td-product .overlay a:hover {
                border: 2px solid #d40046;
                color: #fff;
                background: transparent;
                text-decoration: none;
            }

    .td-product:hover .overlay {
        background: rgba(10, 49, 82, 0.8);
    }

    .td-product:hover p,
    .td-product:hover h3,
    .td-product:hover h4,
    .td-product:hover span,
    .td-product:hover h5 {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    .td-product:hover a {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

@media (max-width:767px) {
    .td-product h3 {
        font-size: 16px;
    }

    .td-product p {
        font-size: 12px;
        line-height: 1.6;
    }

    .td-product a {
        font-size: 12px;
    }

    .td-product .overlay .wrapper {
        padding: 10px;
    }
}


.pnr-status-box {
    margin: 0px auto;
    width: 100%;
    padding: 15px 20px;
}

    .pnr-status-box h1 {
        font-size: 30px;
        color: #f1381c;
    }

.headerabsolute {
    position: absolute;
    width: 100%;
    top: 0px;
}

.loader-circle {
    width: 200px;
    height: 200px;
    background: #fff;
    padding-top: 50px;
    box-shadow: 0 6px 15px 0 rgb(0 0 0 / 10%);
    margin: 20px auto;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

/*************refund terms css start here/******/
.refund-title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

    .refund-title i {
        display: inline;
        margin-right: 5px;
    }

    .refund-title span {
        display: inline;
        float: right;
    }

.covid-term {
    display: block;
    border: #ccc solid 1px;
    width: 100%;
    float: left;
    padding: 10px;
    margin: 20px 0px;
    font-size: 16px;
}

    .covid-term .lnk {
        text-decoration: underline;
    }

.safety-terms {
    float: left;
    width: 100%;
}

    .safety-terms ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .safety-terms ul li {
            width: 50%;
            float: left;
            list-style-type: none;
        }

.terms-select-box {
    display: inline-flex;
    border: #e0f1e9 solid 1px;
    background: #e6f7f8;
    font-weight: bold;
    width: 100%;
    float: left;
    border-radius: 4px;
    padding: 10px;
    margin: 0px 0px 10px 0px;
    font-size: 15px;
}

    .terms-select-box .recomend {
        background: #000;
        width: 120px;
        border-radius: 15px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        padding: 3px 5px;
        color: #fff;
    }


.terms-label {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
    /* Accessible outline */
    /* Remove comment to use */
    /*
  	&:focus-within {
  			outline: .125em solid $primary-color;
  	}
  */
}

    .terms-label input {
        position: absolute;
        left: -9999px;
    }

        .terms-label input:checked + span {
            background-color: #d6d6e5;
        }

            .terms-label input:checked + span:before {
                box-shadow: inset 0 0 0 8px #00005c;
            }

    .terms-label span {
        display: flex;
        align-items: center;
        margin-top: 10px;
        border-radius: 99em;
        transition: 0.25s ease;
    }

        .terms-label span:hover {
            background-color: #d6d6e5;
        }

        .terms-label span:before {
            display: flex;
            flex-shrink: 0;
            content: "";
            background-color: #fff;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            transition: 0.25s ease;
            box-shadow: inset 0 0 0 0.125em #00005c;
        }
/*************refund tems css end here/************/

/*******************second design css end here/*******************************/
/**********************************new flights page css end here/****************************************/