.stickyH {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

header#myHeader {
    box-shadow: 1px -30px 35px 14px #8f8f8d91;
    top: 0;
    width: 100%;
    z-index: 99999;
}

/*html {
    --top-spacing: 100px 0;
    scroll-padding-top: var(--top-spacing);
}

body {
    margin: var(--top-spacing) auto;
}
*/

.srchH input {
    border-bottom: 1px solid grey;
    border-top: none;
    border-right: none;
    border-left: none;
}

.srchH input:focus {
    outline: none;
}

.srchH button {
    border: none;
    background: none;
}

.sliderSec {
    background: url(https://www.adotrip.com/public/assets/images_v0.1/banner.jpg) fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
   /* padding-top: 90px;*/
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.offr-bnnr {
    border: 2px dotted yellow;
    border-radius: 4%;
    padding: 10px 5px;
    text-align: center;
    background: #e6e6dcc2;
}

.offrRow {
    margin-top: 20px;
}

.offr-bnnr p {
    margin: 0;
    font-size: 15px;
}

.offr-bnnr span {
    font-size: 20px;
    font-weight: 500;
}



.custmzTP {
    background: white;
    box-shadow: 0 6px 24px -14px darkgrey;
    top: -45px;
    position: relative;
    padding: 15px 0;
}

    .custmzTP .form-control {
        font-size: 1rem;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border-bottom: 1px solid #ced4da;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        border-top: none;
        border-right: none;
        border-left: none;
    }

.TravelError {
    border-bottom: 2px solid red !important;
}

audio {
    width: 100%;
    margin-top: 20px;
}
.playAudio span {
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
}
img.playIcon {
    height: 55px!important;
}
button.btn.play1.playAudio:focus {
    box-shadow: none;
}
    .custmzTP .form-group {
        display: -webkit-inline-box;
        display: inline-flex;
    }

    .custmzTP .fa {
        transform: translateY(10px);
    }

    .custmzTP #submitTravel {
        background: #ffeb3b;
        border: #ffeb3b;
        color: black;
        width: 100%;
    }

.Cplan {
    text-transform: capitalize;
    font-size: 35px;
    padding: 5px 15px;
    font-family: Montserrat;
    font-weight: 600;
}

    .Cplan span {
        color: white;
        font-size: 30px;
        font-weight: 600;
    }

.getC {
    background: #ffeb3b;
    margin: -15px 0;
}

.contentF {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 0 0 20px 0;
    overflow: hidden;
    border-radius: 10px;
}

.contentF-event {
    color: yellow;
    text-transform: capitalize;
    font-size: 20px;
}

.contentF .contentF-overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.8;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.contentF:hover .contentF-overlay {
    opacity: 1;
}

.contentF-image {
    width: 100%;
}

.contentF-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    /*opacity: 0;*/
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/*.contentF:hover .contentF-details {
    top: 40%;
    left: 50%;
    opacity: 1;
}*/

.contentF .contentF-details {
    top: 40%;
    left: 50%;
    opacity: 1;
}

.contentF-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 50px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 20px;
}

.contentF-text {
    color: #fff !important;
    font-size: 15px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

/*.contentF a {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 8px;
    background-repeat: round;
    font-size: 15px;
    color: #f3ec01;
}*/

.vd-cont {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 8px;
    background-repeat: round;
    font-size: 15px;
    color: #f3ec01;
}

.fadeIn-bottom {
    top: 100%;
    transition: all ease-in-out 0.6s;
}

.fadeIn-top {
    top: 20%;
}

.fadeIn-left {
    left: 20%;
}

.fadeIn-right {
    left: 80%;
}

.p0 {
    padding: 0;
}

.evntsF {
    border-left: 5px solid #ffeb3b;
    padding: 0 40px;
    margin: 15px 0 65px 0;
    height: 100%;
}

    .evntsF h1 {
        font-size: 35px;
    }

    .evntsF h5 {
        font-size: 15px;
    }

.ft-item {
    position: relative;
}

.ftB-item {
    width: 800px;
    height: 800px;
    overflow: hidden;
    position: relative;
}

.ft-image {
    position: relative;
    overflow: hidden;
}

    .ft-image img {
        transform: scale(1.2);
        transition: all ease-in-out 3s;
        height: 100%;
        width: auto;
    }

.ft-overlay {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.ft-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
}

    .ft-content h2 a,
    .ft-content p {
        color: #fff;
        line-height: 1.2;
    }

    .ft-content h2 {
        margin-bottom: 10px;
        color: white;
    }

.ft-item:hover .ft-image img {
    transform: scale(1);
}

.ft-content p span {
    font-size: 32px;
    display: block;
    font-weight: 400;
}

.ft-3 img
{
    min-height: 400px;
    }

section.destintns {
    padding: 0;
    overflow: hidden;
}

.mb-50 {
    margin-bottom: 50px;
}

/* Accordion styles */

.Thm-txt {
    padding: 15px;
}

    .Thm-txt h3 {
        font-size: 18px;
        text-transform: uppercase;
    }

    .Thm-txt p {
        font-size: 12px;
        margin: 0;
    }

.Thm-tabs input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.Thm-tabs {
    overflow: hidden;
    box-shadow: 0px 1px 8px -3px rgb(0 0 0 / 50%);
    width: 100%;
    border-radius: 10px;
}

.tab {
    width: 100%;
    color: white;
    overflow: hidden;
}

.tab-label {
    display: block;
    /*display: flex;*/
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 22px 15px 10px 15px;
    background: #1c1c1c6b;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    font-size: 17px;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

    .tab-label span {
        font-weight: 600;
        color: yellow;
        font-size: 13px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-inline-box;
        width: 75%;
    }

input:checked ~ .tab-label {
    height: 200px;
    bottom: 73px;
    top: 81px;
    padding-top: 125px;
}

.VD-thm {
    border: 1px solid;
    padding: 4px 8px;
    border-radius: 8px;
    background-repeat: round;
    font-size: 13px;
    background: #00000061;
    float: right;
    color: #f3ec01;
}

.thm-hd {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    display: -webkit-box;
}

/*.tab-label:hover {
        background: #1a252f;
    }*/
/*
    .tab-label::after {
        content: "\276F";
        width: 1em;
        height: 1em;
        text-align: center;
        -webkit-transition: all .35s;
        transition: all .35s;
    }*/

.tab-content {
    /*max-height: 0;*/
    padding: 0 1em;
    color: #2c3e50;
    /*background: white;*/
    -webkit-transition: all .35s;
    transition: all .35s;
}

.tab-close {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    /*background: #2c3e50;*/
    cursor: pointer;
}

/*.tab-close:hover {
        background: #1a252f;
    }*/

/*input:checked + .tab-label {
    background: #1a252f;
}*/

/*    input:checked + .tab-label::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }*/

/*input:checked ~ .tab-content {
    max-height: 100vh;
    padding: 0 1em;
    height: 65px;
}*/


/*Footer*/

.subscribe-email {
    background-color: #ffe60e;
    color: #777777;
    padding: 20px 0;
}

.subscribe-email-wrapper {
    display: inline-block;
    width: 100%;
}

    .subscribe-email-wrapper .subscribe-email-left {
        float: left;
    }

    .subscribe-email-wrapper .subscribe-email-right {
        float: right;
        margin-top: 15px;
    }

.subscribe-email-title {
    color: #4d4d4d;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 500;
}

    .subscribe-email-title .logo-text {
        font-size: 36px;
        font-weight: bold;
    }

.subscribe-email-text {
    font-size: 16px;
    margin-bottom: 0;
    color: #666;
}

.form-subscribe-email {
    height: 40px;
    width: 270px;
    border-radius: 50px;
    background-color: #3c3c3c;
}

    .form-subscribe-email .form-control {
        height: 40px;
        background-color: transparent;
        border: none;
        box-shadow: none;
        color: #DDEAF0;
        padding-left: 20px;
    }

        .form-subscribe-email .form-control:active,
        .form-subscribe-email .form-control:focus {
            box-shadow: none;
        }

    .form-subscribe-email .btn-email {
        border-radius: 50%;
        width: 34px;
        height: 34px;
        text-align: center;
        border: none;
        padding: 0;
        margin: 3px 2px;
        background-color: #505050;
        color: #ffdd00;
        font-size: 14px;
    }

    .form-subscribe-email ::-webkit-input-placeholder {
        color: #e7e3e3;
    }

    .form-subscribe-email :-moz-placeholder {
        color: #e7e3e3;
    }

    .form-subscribe-email ::-moz-placeholder {
        color: #e7e3e3;
    }

    .form-subscribe-email :-ms-input-placeholder {
        color: #e7e3e3;
    }

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}


.hyperlink {
    background-color: #121212;
}

    .hyperlink .slide-logo-wrapper {
        width: 80%;
        margin: 70px auto;
    }

    .hyperlink .social-footer {
        margin-bottom: 5px;
    }

    .hyperlink .name-company {
        text-align: center;
        color: #898989;
        padding: 5px;
    }

    .hyperlink.bg-transparent {
        background-color: transparent;
    }

        .hyperlink.bg-transparent .slide-logo-wrapper .logo-item .link {
            opacity: .5;
        }

            .hyperlink.bg-transparent .slide-logo-wrapper .logo-item .link:hover {
                opacity: 1;
            }

        .hyperlink.bg-transparent .social-footer .link {
            color: #b4b4b4 !important;
        }

            .hyperlink.bg-transparent .social-footer .link:hover {
                color: #2b2b2b !important;
            }

        .hyperlink.bg-transparent .name-company {
            color: #b4b4b4;
        }

.social-footer {
    text-align: center;
}

/*    .social-footer ul {
        margin: 0;
    }*/

    .social-footer .link {
        font-size: 18px;
        color: #898989;
        padding: 0 8px;
    }

        .social-footer .link:hover {
            color: #fff;
        }

footer {
    background: #121212;
}

.linksF {
    padding: 30px 0 10px 0;
    position: relative;
}

p.ftrTitle {
    color: #fff;
    margin: 0 0 20px 0;
    width: fit-content;
    text-transform: capitalize;
    font-weight: 500;
    padding-bottom: 10px;
/*    text-align: center;*/
    border-bottom: 1px solid #e5d010;
    font-size: 18px;
}

footer p {
    color: #faebd7ba;
    text-align: justify;
}

footer a {
    color: #faebd7ba;
    font-size: 12px;
}

.linksF ul {
    padding: 0 2px;
}

    .linksF ul li::before {
        content: "\2022";
        color: #ffe60e;
        font-weight: bold;
        display: inline-block;
        width: 1em;
    }

    .linksF ul li {
        white-space: nowrap;
        width: auto;
        color: #faebd7ba;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/*Trip Talkies*/

.media-body {
    color: #454545;
    background: #f3f3f3;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px -3px rgb(0 0 0 / 50%);
}

    .media-body p {
        margin-top: 0;
        margin-bottom: 1rem;
        white-space: nowrap;
        width: 400px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.carousel .carousel-item {
    color: #999;
    overflow: hidden;
    min-height: 120px;
    font-size: 13px;
}

.carousel .media img {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 50%;
}

.carousel .testimonial {
    padding: 0 15px 0 60px;
    position: relative;
}

.testimonial h5 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
}

.carousel .testimonial::before {
    content: "\201C";
    font-family: Arial,sans-serif;
    color: #e2e2e2;
    font-weight: bold;
    font-size: 68px;
    line-height: 54px;
    position: absolute;
    left: 15px;
    top: 0;
}

.carousel .overview b {
    text-transform: uppercase;
    color: #1c47e3;
}

.carousel .carousel-indicators {
    bottom: -40px;
}

.carousel-indicators li, .carousel-indicators li.active {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 1px 3px;
    box-sizing: border-box;
}

.carousel-indicators li {
    background: #a3a0a0;
    border: 4px solid #fff;
}

    .carousel-indicators li.active {
        color: #fff;
        background: #ffe60e;
        border: 5px double;
    }

/*BLOG*/

.BlogSec {
    background-image: url(https://www.adotrip.com/public/assets/images_v0.1/blog.jpeg);
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .BlogSec .row {
        height: 100%;
        padding: 8px 0;
    }

/*.BlogSec h1, h5 {
    color: white;
}*/


.blogC img {
    width: 100%;
    box-shadow: 0px 1px 8px -3px rgb(0 0 0 / 50%);
    width: 100%;
    border-radius: 10px 10px 0px 0;
}

.blogC {
    background: #e7e7e7;
    box-shadow: 0px 1px 8px -3px rgb(0 0 0 / 50%);
    /*width: 85%;*/
    border-radius: 10px;
}


.mt-160 {
    margin-top: 160px;
}

.top-173 {
    top: 173px;
}

.blog-txt {
    padding: 15px;
    color: black;
    min-height: 160px;
}

    .blog-txt span {
        color: #04478d;
        font-weight: 500;
    }

        .blog-txt a:hover {
            color: #4e87ba;
        }

    .blog-txt h3 {
        font-size: 16px;
        text-transform: capitalize;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-inline-box;
    }

    .blog-txt p {
        /* text-align: justify;
        font-size: 12px;
        margin: 0;*/
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        font-size: 13px;
        text-align: justify;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.cookie-sec {
    background: black;
    color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 8px 18px 0;
    font-size: 14px;
    z-index: 99999;
}

.cookie-sec button {
    color: rgb(0, 0, 0);
    border-color: transparent;
    background-color: rgb(241, 214, 0);
    font-weight: 600;
    min-width: 140px;
    border-radius: 4px;
}


/*Destination pg*/

.section-Dfilter {
    background: linear-gradient( 90deg,#ffe60e,#ebd408);
    padding: 30px;
}

.section-Dfilter .custom-select {
    background-color: transparent;
    font-size: 1rem;
    color: #495057;
    background-clip: padding-box;
    border-bottom: 2px solid #ccae1b;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-top: none;
    border-right: none;
    border-left: none;

}

#ExploreSubmit {
    border: 2px solid #ccae1b;
    width: 80%;
}

span.input-group-addon i {
    padding-top: 12px;
}

#loaderIconD {
    display: none;
    margin-bottom: 0;
    text-align: center;
    float: right;
}

.contentD {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: auto;
    overflow: hidden;
    border-radius: 10px;
}

.contentD-event {
    color: yellow;
    text-transform: capitalize;
    font-size: 20px;
}

.contentD .contentD-overlay {
    background: rgb(0 0 0 / 72%);
    position: absolute;
    transform: skew( -100deg, 40deg );
    height: 100%;
    width: 100%;
    left: 0;
    /* top: 0; */
    bottom: 0;
    right: 0;
    height: 40%;
    opacity: 0.8;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.contentD:hover .contentD-overlay {
    opacity: 1;
}

.contentD-image {
    width: 100%;
}

.contentD-details {
    position: absolute;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    top: 50%;
    left: 50%;
    /*opacity: 0;*/
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/*.contentD:hover .contentD-details {
    top: 40%;
    left: 50%;
    opacity: 1;
}*/

.contentD .contentD-details {
    top: 72%;
    left: 50%;
    opacity: 1;
}

.contentD-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 0.5em;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-size: 15px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
}

.contentD-text {
    color: #fff;
    font-size: 15px;
}

/*.contentD a {
    border: 1px solid;
    padding: 3px 10px;
    border-radius: 8px;
    background-repeat: round;
    font-size: 13px;
    box-shadow: 1px 1px 3px -1px;
    color: #f3ec01;
    display: block;
}*/

.vd-dest {
    border: 1px solid;
    padding: 3px 10px;
    border-radius: 8px;
    background-repeat: round;
    font-size: 13px;
    box-shadow: 1px 1px 3px -1px;
    color: #f3ec01;
    display: block;
}

.contentD a:hover {
    box-shadow: 1px 1px 1px -1px;
}

.mb-25 {
    margin-bottom: 25px;
}


/*Destination Details page*/

.detail-banner {
    /*background-image: url(https://www.adotrip.com/public/images/areas/master_images/5fd1e5d7998d1-Jaigarh_Fort_Attractions.jpg);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
    width: 100%;
}

.icons-Detail {
    background: #0000008a;
    bottom: 0;
    top: 100%;
    left: 0;
    right: 0;
    position: sticky;
    color: white;
    padding: 15px 0 0;
}

.icons-Detail h1 {
    padding-bottom: 18px;
    font-size:28px;
}

.icons-Detail h1:before {
    width: 20%;
    height: 1px;
    background: #d7d7d7;
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
}

.dest-tab nav {
    margin: 0!important;
}

.dest-tab nav ul li {
    margin: 25px 0 -25px 0!important;
}

/*.dest-tab a {
    font-size: 28px;
    padding: 5px 0 15px;
}*/

.destination h2, .destination h1 {
    /* color: #6e7673; */
    text-align: left;
    font-size: 26px;
    text-transform: capitalize;
    border-bottom: 1px solid;
    padding: 8px;
    margin: 2px 0;
    font-weight: 700;
}

.destination h2 b {
    font-size: 22px;
    font-weight: 600;
}
/*
.dest-tab h2 {
    color: #6e7673;
    text-align: left;
    font-size: 26px;
    text-transform: capitalize;
    border-bottom: 1px solid;
    padding: 8px;
    margin-bottom: 30px;
}*/

.destination h3 {
    text-align: left;
    font-size: 16px;
}

.destination ol {
    font-size: 14px;
    color: black;
    font-weight: 400;
}

.dest-tab .content-wrap p {
    font-size: 14px;
    text-align: justify;
    color: black;
    font-weight: 400;
    line-height: 23px;
}

.content-wrap section p{
    padding: 3px 0 3px 0 !important;
}


.dest-tab .content-wrap section {
    padding: 0 10px;
    margin: 0 0 125px;
}

p.alsoRead a {
    color: #004ab8;
}

p.alsoRead a {
    color: #004ab8;
    font-weight: 500;
    text-decoration: underline;
}

.destination ul li {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.destination a {
    color: #06a975;
}

section.dest-D ol li {
    text-align: left;
}


.DestFlght {
    background: white;
    margin: 25px 0;
    box-shadow: 0px 1px 8px -3px rgb(0 0 0 / 50%);
    border-radius: 10px;
}

    .DestFlght h2 {
        background: #fee4019c;
        text-align: center;
        padding: 10px;
        text-transform: capitalize;
        font-size: 17px;
        box-shadow: 0px 1px 3px -3px rgb(0 0 0 / 50%);
        border-radius: 10px 10px 0 0;
    }

.DestFlghtIcon {
    position: absolute;
    margin: 10px;
}

.DestFlght input {
    padding-left: 30px;
    margin-bottom: 20px;
}

.DestFlght button {
    background: #d6d9d6;
}

.DestFild {
    padding: 20px;
}

span#BBookng {
    padding-right: 15px;
    cursor: pointer;
    border-right: 2px solid;
}

span#FBookng {
    cursor: pointer;
    padding-left: 15px;
}

.FBookng {
    display:none;
}

ul#toFlight, #fromFlight {
    /* border: 1px solid #e0cfc2; */
    background: #f8f8f8 url(images/ui-bg_inset-soft_100_f4f0ec_1x100.png) 50% bottom repeat-x;
    color: #1e1b1d;
    font-size: 13px;
    list-style: none;
    padding: 0;
    max-height: 130px;
    overflow: hidden;
    overflow-y: scroll;
    margin-top: -12px;
}

img.flag_image {
    width: 10%;
    padding: 5px;
}

#toFlight a, #fromFlight a {
    border-top: 1px solid #ddd;
    color: #444;
    display: block;
    font-size: 14px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#toFlight li:hover, #fromFlight a:hover {
    background: white;
    cursor: pointer;
}


#trvlr span {
    background: black;
    color: white;
    font-size: 19px;
    font-weight: 900;
    padding: 5px;
    cursor: pointer;
}


article {
    display: none;
}

    article.on {
        display: block;
    }

.DestRdo {
    text-align: center;
}

    .DestRdo input {
        opacity: 1 !important;
        position: relative !important;
    }

    .DestRdo label {
        padding: 15px 8px;
    }

.DestPack {
    background: white;
    margin: 20px 0;
    border: 1px solid gainsboro;
    box-shadow: 0px 1px 8px -3px rgb(0 0 0 / 50%);
    border-radius: 10px;
}

    .DestPack .carousel {
        padding: 20px;
    }

    .DestPack h2 {
        text-align: center;
        padding: 10px;
        text-transform: capitalize;
        font-size: 17px;
        background: #fee4019c;
        box-shadow: 0px 1px 3px -3px rgb(0 0 0 / 50%);
        border-radius: 10px 10px 0 0;
    }

    .DestPack h3 {
        color: #e9cc00;
        font-size: 22px;
        padding: 10px 0;
        font-weight: 500;
    }

    .DestPack h5 {
        font-size: 16px;
        color: #676767;
    }

#trvlr {
    width: 100%;
    padding: 10px 18px;
    text-align: left;
    background-color: white;
    box-shadow: 0px 1px 4px 0px #aea9a9;
    display: none;
    margin: 10px 0 0;
}

#trvlr input {
    padding-left: 0;
    text-align: center;
}

.trvlr-spn {
    padding-left: 30px;
    margin-bottom: 1px !important;
    width: 100%;
}

.trvlr-div i {
    position: absolute;
    margin: -4px 0;
}

.trvlr-div {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    padding: 7px 0;
    border-radius: 4px;
}

.txt-lft {
    text-align: left;
}

#trvlr button {
    background: black;
    color: white;
    font-size: 19px;
    font-weight: 900;
}

.booking-sub {
    background: #d6d9d6;
}

ul.name {
    display: inline-flex;
    list-style: none;
}

ul.name a {
    font-size: 13px;
    color: black;
    border-bottom: 1px solid;
    margin: 19px;
}

/*PHOTO GALLERY*/
.lb-loader, .lightbox {
    text-align: center;
    line-height: 0
}

/*body:after {
    content: url(/public/assets/images/close.png) url(../images/loading.gif) url(/public/assets/images/prev.png) url(/public/assets/images/next.png);
    display: none
}*/

.lb-dataContainer:after, .lb-outerContainer:after {
    content: "";
    clear: both
}

body.lb-disable-scrolling {
    overflow: hidden
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: alpha(Opacity=80);
    opacity: .8;
    display: none
}

.lightbox {
    /*position: absolute;*/
    position: fixed;
    top: 100px !important;
    left: 0;
    width: 100%;
    z-index: 10000;
    font-weight: 400
}

    .lightbox .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        border-radius: 3px
    }

    .lightbox a img {
        border: none
    }

.lb-outerContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px
}

.lb-loader, .lb-nav {
    position: absolute;
    left: 0
}

.lb-outerContainer:after {
    display: table
}

.lb-container {
    padding: 4px
}

.lb-loader {
    top: 43%;
    height: 25%;
    width: 100%
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(/public/assets/images/loading.jpg) no-repeat
}

.lb-nav {
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container > .nav {
    left: 0
}

.lb-next, .lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(/public/assets/images/prev.png) left 48% no-repeat;
    filter: alpha(Opacity=0);
    /*opacity: 0;*/
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

    /*.lb-nav a.lb-prev:hover {
        filter: alpha(Opacity=100);
        opacity: 1
    }*/

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(/public/assets/images/next.png) right 48% no-repeat;
    filter: alpha(Opacity=0);
    /*opacity: 0;*/
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

   /* .lb-nav a.lb-next:hover {
        filter: alpha(Opacity=100);
        opacity: 1
    }*/

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

    .lb-dataContainer:after {
        display: table
    }

.lb-data {
    padding: 0 4px;
    color: #ccc
}

    .lb-data .lb-details {
        width: 85%;
        float: left;
        text-align: left;
        line-height: 1.1em
    }

    .lb-data .lb-caption {
        font-size: 13px;
        font-weight: 700;
        line-height: 1em
    }

    .lb-data .lb-number {
        display: block;
        clear: left;
        padding-bottom: 1em;
        font-size: 12px;
        color: #999
    }

    .lb-data .lb-close {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        background: url(/public/assets/images/close.png) top right no-repeat;
        text-align: right;
        outline: 0;
        filter: alpha(Opacity=70);
        opacity: .7;
        -webkit-transition: opacity .2s;
        -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
        transition: opacity .2s
    }

        .lb-data .lb-close:hover {
            cursor: pointer;
            filter: alpha(Opacity=100);
            opacity: 1
        }

.photos .item {
    margin-bottom: 20px;
}

/*Events & Festivals Details page*/

.EFdetail-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
    width: 100%;
}

/*BLOG page*/

.blog-pg {
    padding: 0 15px; color: black; min-height: 150px; font-size: 12px !important;; font-weight: 700 !important;
}

.blog-pg h3{
    font-size: 13px !important; text-transform: capitalize !important;  max-width: 100%;  margin: 10px 0;  text-align: left; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; line-height: 20px !important; 
    font-weight: 700 !important;
}


.blog-pg a {
    color: #04478d;
    font-weight: 500;
}

.blog-icon {
    font-size: 11px;
    padding: 11px;
}

.trendBlog h2 {
    text-align: center;
    padding: 10px;
    text-transform: capitalize;
    font-size: 17px;
    background: #fee4019c;
    box-shadow: 0px 1px 3px -3px rgb(0 0 0 / 50%);
    border-radius: 10px 10px 0 0;
}

.trendBlog a:hover {
    color: #787777;
}

.trendBlog {
    background: white;
    border: 1px solid gainsboro;
    box-shadow: 0px 1px 8px -3px rgb(0 0 0 / 50%);
    border-radius: 10px;
}

.trendB {
    margin: 8px;
    border-bottom: 1px solid #d1d1d1;
}

.trendB h3 {
    font-size: 13px;
    text-transform: capitalize;
    max-width: 100%;
    margin: 0 auto;
    text-align: justify;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
}


.blog-D {
    margin-top: 30px;
}

section.blog-D img {
    max-width: 100%;
    height: auto;
}

.blogD-icon a {
    color: #979797;
}

.blog-D p {
    text-align: justify;
}

.blog-F {
    background: #ffe60e;
    color: black;
    padding: 11px;
    border-radius: 4px;
    line-height: 5;
}

a:hover.blog-F {
    color: #666666;
    text-decoration: none;
}

.blogD-icon {
    font-size: 16px;
    padding: 11px;
    line-height: 3;
    color: #979797;
}

/*Trip Talkies*/

p.question {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid gray;
    padding: 10px 5px;
    color: #a53434;
}

.question img {
    width: 5%;
    height: auto;
    max-width: 100%;
    padding-right: 6px;
}

p.quote i {
    font-size: 18px;
    color: #7a7678;
}

/*Travel News*/
.trvl-nws {
    color: black;
    /*font-weight: 500;*/
}

.news-D {
    margin-top: 30px;
}

.news-D h4 {
    font-size: 16px;
    border-left: 4px solid #feee64;
    padding: 16px;
    margin: 20px 0;
}

.contnt-a a {
    color: black;
    font-weight: 600;
}

.contnt-a  {
  text-align:justify;
}

    .contnt-a h6 {
        background: #fbe40287;
        padding: 10px;
        font-size: 16px;
    }

.about-cntnt {
    text-align: justify;
}

.about-cntnt h4 {
    margin-bottom: 25px;
}

.about-cntnt h4:before {
    width: 200px;
    height: 3px;
    content: '';
    background: yellow;
    color: yellow;
    position: absolute;
    top: 35px;
}

.ybook {
    font-size: 17px;
    text-align: center;
    color: #a5971b;
}

/*pagination*/

ul.pagination {
    text-align: center;
    display: inline-flex;
}

.paggingBlog_Unuse {
    text-align: center;
    width: 100%;
}

.paggingBlog_Unuse.indexPagination {
    text-align: center;
    width:100%;
}

.paggingBlog_Unuse.blogPage {
    text-align: center;
    width: 100%;
}

ul.pagination li {
    height: 38px;
    width: 38px;
    line-height: 38px;
    border: 1px solid #c8c4c4;
    background: white;
    color: black;
}

ul.pagination li.active {
    background: #fce30d;
}

ul.pagination li a {
    color: black;
    padding: 12px;
}

img.brdr-rds {
    border-radius: 50%;
}

.trnsfrm22 {
    transform: translateY(22%);
}

.text-center {
text-align:center;
}

.cp-80 {
    width: 80%;
    display: block;
    float: left;
    margin: 20px 0px;
}

.cp-20 {
    width: 20%;
    display: block;
    transform: translateY(10px);
    margin: 20px 0px;
    text-align: center;
    cursor: pointer;
}

.contact-sec {
    background: #f1f1f1;
}

.contact-sec input {
    /* padding: 23px; */
    border: none;
}

.contact-sec textarea {
    border: none;
    padding: 23px;
    width: 100%;
    border-radius: 0.25rem;
}


.contctR {
    background: #ffffff;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 0.25rem;
}

.cardF {
    background: #343434a6;
    padding-top: 15px;
    margin-bottom: 15px;
}



/*Breadcrumbs*/

ul.page-breadcrumb {
    display: inline-flex;
    list-style: none;
    padding: 0;
}
.page-breadcrumb li {
    padding: 0 5px;
    color: #5b5454;
}
@media(max-width: 767px){
    .page-breadcrumb li a { 
        font-size: 11px;
    }
    
}
.page-breadcrumb li a {
    color: #5b5454;
}

embed.flight-i {
    width: 1000px;
    height: 700px;
}

embed.hotel-i {
    width: 1000px;
    height: 575px;
}

embed.bus-i {
    width: 1000px;
    height: 575px;
}

embed.holdy-i {
    width: 1000px;
    height: 575px;
}

embed.visa-i {
    width: 1000px;
    height: 600px;
}

.circuitPlannerBox {
    border: 1px solid gainsboro;
    box-shadow: 0px 1px 8px -3px rgb(0 0 0 / 50%);
    border-radius: 10px;
    padding: 20px;
}

ul#city_dropdown {
    max-height: 200px;
    overflow-y: scroll;
    background: #f3f3f3;
    text-align: left;
    padding: 5px 10px;
    float: left;
    width: 100%;
}

ul#city_dropdown li {
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    cursor: pointer;
}

.destinationAdd {
    cursor: pointer;
}


/*sign in*/

.box {
    width: 40%;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    padding: 35px;
    border: 2px solid #fff;
    border-radius: 20px/50px;
    background-clip: padding-box;
    text-align: center;
}

.button {
    font-size: 1em;
    padding: 10px;
    color: #fff;
    border: 2px solid #06D85F;
    border-radius: 20px/50px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease-out;
}

    .button:hover {
        background: #06D85F;
    }

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
}

    .popup h2 {
        margin-top: 0;
        color: #333;
        font-family: Tahoma, Arial, sans-serif;
    }

    .popup .close1 {
        position: absolute;
        top: 20px;
        right: 30px;
        transition: all 200ms;
        font-size: 35px;
        font-weight: bold;
        text-decoration: none;
        color: #050505;
        z-index: 9;
    }

        .popup .close1:hover {
            color: #06D85F;
        }

    .popup .content {
        max-height: 30%;
        overflow: auto;
    }

.ntf-error .alert {
    margin: -10px 10px;
    padding: 0 5px !important;
    font-weight: 200;
}

.frgtP {
    margin-top: 20px;
    color: khaki;
}


.form-v8-content {
    background: #fff;
    border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    position: relative;
    display: flex;
    display: -webkit-flex;
}

    .form-v8-content .form-left {
        margin-bottom: -4px;
    }

        .form-v8-content .form-left img {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }

    .form-v8-content .form-right {
        padding: 10px 0;
        position: relative;
        width: 100%;
        background: #3d5983;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .form-v8-content .tab {
        margin: 5px 0 15px;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -o-justify-content: space-between;
        -ms-justify-content: space-between;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
    }

        .form-v8-content .tab .tab-inner {
            width: 100%;
        }

        .form-v8-content .tab .tablinks {
            background: transparent;
            border: none;
            outline: none;
            -o-outline: none;
            -ms-outline: none;
            -moz-outline: none;
            -webkit-outline: none;
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 20px;
            font-weight: 400;
            color: #ccc;
            padding-bottom: 10px;
            border-bottom: 3px solid;
            border-bottom-color: rgba(255, 255, 255, 0.2);
            width: 100%;
        }

            .form-v8-content .tab .tablinks.active {
                font-weight: 700;
                color: #fff;
                border-bottom-color: #30e1df;
            }

    .form-v8-content .form-detail {
        padding: 0 30px;
    }

    .form-v8-content .form-row {
        width: 100%;
        position: relative;
    }

        .form-v8-content .form-row .form-row-inner {
            position: relative;
            width: 100%;
        }

            .form-v8-content .form-row .form-row-inner .label {
                position: absolute;
                top: -2px;
                left: 10px;
                font-size: 18px;
                color: #f2f2f2;
                font-weight: 400;
                transform-origin: 0 0;
                transition: all .2s ease;
                -moz-transition: all .2s ease;
                -webkit-transition: all .2s ease;
                -o-transition: all .2s ease;
                -ms-transition: all .2s ease;
            }

            .form-v8-content .form-row .form-row-inner .border {
                position: absolute;
                bottom: 31px;
                left: 0;
                height: 1px;
                width: 100%;
                background: #53c83c;
                transform: scaleX(0);
                -moz-transform: scaleX(0);
                -webkit-transform: scaleX(0);
                -o-transform: scaleX(0);
                -ms-transform: scaleX(0);
                transform-origin: 0 0;
                transition: all .15s ease;
                -moz-transition: all .15s ease;
                -webkit-transition: all .15s ease;
                -o-transition: all .15s ease;
                -ms-transition: all .15s ease;
            }

    /*.form-v8-content .form-detail .input-text {
        margin-bottom: 31px;
    }*/

    .form-v8-content ::placeholder {
        color: #d3d3d3;
    }

    .form-v8-content .form-detail input {
        width: 100%;
        padding: 0px 10px 10px 10px;
        border: 1px solid transparent;
        border-bottom: 1px solid;
        border-bottom-color: rgba(255, 255, 255, 0.2);
        background: transparent;
       /* appearance: unset;
        -moz-appearance: unset;
        -webkit-appearance: unset;
        -o-appearance: unset;
        -ms-appearance: unset;*/
        outline: none;
        -moz-outline: none;
        -webkit-outline: none;
        -o-outline: none;
        -ms-outline: none;
        font-size: 18px;
        color: #fff;
        font-weight: 300;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

input#remember_Me {
    width: auto;
}

    .form-v8-content .form-detail .form-row .input-text:focus {
        border-bottom: 1px solid #53c83c;
        background: transparent;
    }

        .form-v8-content .form-detail .form-row .input-text:focus + .label,
        .form-v8-content .form-detail .form-row .input-text:valid + .label {
            transform: translateY(-26px) scale(1);
            -moz-transform: translateY(-26px) scale(1);
            -webkit-transform: translateY(-26px) scale(1);
            -o-transform: translateY(-26px) scale(1);
            -ms-transform: translateY(-26px) scale(1);
        }

        .form-v8-content .form-detail .form-row .input-text:focus + .border,
        .form-v8-content .form-detail .form-row .input-text:valid + .border {
            transform: scaleX(1);
            -moz-transform: scaleX(1);
            -webkit-transform: scaleX(1);
            -o-transform: scaleX(1);
            -ms-transform: scaleX(1);
        }

    .form-v8-content .form-detail .register {
        background: #fff;
        border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        width: 160px;
        border: none;
        margin: 5px 0 50px 0px;
        cursor: pointer;
        font-family: 'Source Sans Pro', sans-serif;
        color: #333;
        font-weight: 700;
        font-size: 18px;
    }

        .form-v8-content .form-detail .register:hover {
            background: #ccc;
        }

    .form-v8-content .form-detail .form-row-last input {
        padding: 11px;
    }


.predictive_search {
    width: 320px;
    max-height: 300px;
    overflow-y: scroll;
    position: fixed;
    display: none;
    top: 70px;
    padding: 10px;
    background-color: #fffffff5;
    z-index: 99999;
    font-weight: 400;
    color: #242424;
    line-height: 34px;
    font-size: 15px;
    border-radius: 2px;
    border: 1px solid #ccc;
    /* box-shadow: 4px 4px 4px #ccc; */
}

/*partner with us*/

.prtnrF {
    border-left: 2px solid #ffe60e;
}

.prtnrF input{
    border-bottom: 1px solid;
    border-left: none;
    border-top: none;
    border-right: none;
}

.prtnr-contnt {
    padding: 0 40px;
    text-align: justify;
}

.profl-pg {
    background: #f1f1f1;
}

.infoEditbl {
    background: #fefefe;
    padding: 30px;
}

.sd-prfl {
    background: #fefefe;
    padding: 15px 0;
}

.hd-prfl {
    background: #d9d9d9;
    margin: 0;
    padding: 12px;
}

.ml-38 {
    margin-left: 38px;
}

a.usr-nm {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    padding: 0.5rem 8px;
    color: #ffeb3b;
}

.cc-revoke, .cc-window {
    z-index: 99999 !important;
}

/**/

.hdngS {
    color: #6e7673;
    text-align: left;
    font-size: 35px;
    text-transform: capitalize;
    border-bottom: 1px solid;
    padding: 8px;
    margin: 20px 0;
}

.btn-secondary1 {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
    margin: 5px;
    color: black;
}

.listDetail {
    line-height: 1.5;
    width: 85%;
    border: 1px solid #ccc;
    padding: 10px 30px;
    box-shadow: 4px 4px 4px #cccccc4a
}

/*Rule Notfctn*/

.myAlert-top
{
    background-color: #fee400;
    color: #242121;
    position: absolute;
    top: 80px;
    width: 100%;
    z-index: 9999;   
    padding: 5px 50px;
    font-size: 13px;  
    font-weight: 600;
}

div.fullscreen {
  position: absolute;
  width:100%; 
  height:960px; 
  top: 0; 
  left: 0; 
  background-color: lightblue;
}

.alert{
    display: block;
}

.topflights .item {
    margin: 0 10px;
    position: relative;
}

.tflghtimg {
    height: 300px;
    position: relative;
}

    .tflghtimg img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

.tflghticon {
    position: absolute;
    top: 0;
    bottom: 0;
    color: #000;
    padding-top: 27%;
    padding-left: 11%;
    padding-left: 38px;
    border-right: dashed 2px #fff;
}

    .tflghticon i {
        position: absolute;
        /*z-index: 99;*/
        left: 20px;
        width: 45px;
        height: 45px;
        background: rgba(255,255,255,1);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate( -90deg );
    }

.tflightinfo {
    position: absolute;
    top: -8px;
    font-weight: 600;
    left: 0;
    right: 0;
    height: 47px;
    border-radius: 10px 10px 0 0;
    background: #221E1F;
    display: flex;
    color: $fff;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 47px;
    padding-left: 22px;
}

.bflightinfo {
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: 600;
    height: 47px;
    border-radius: 0 0 10px 10px;
    background: #221E1F;
    display: flex;
    color: $fff;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 47px;
    padding-left: 22px;
}

.topflights button {
    color: rgb(0, 0, 0);
    border-color: transparent;
    background-color: rgb(241, 214, 0);
    font-weight: 600;
    min-width: 140px;
    border-radius: 4px;
    margin-top: 15px;
    padding: 5px 10px;
}

/*FLIGHT BOOKING FORM*/

.flightsec, .hotelsec {
    background: #F8F8F8;
    border-radius: 10px;
}

#FBookng .form-control {
    padding: 20px 35px;
    font-size: 14px;
    font-weight: 600;
}

.shdwF {
    box-shadow: 0px 15px 10px -15px #0000001a;
    margin-bottom: 15px;
}

.paddingF {
    padding: 50px 35px;
}
.lablform {
    color: #000;
    font-size: 14px;
    margin: 0 0 5px;
    position: absolute;
    top: 5px;
    left: 50px;
    z-index: 9;
    font-weight: 500;
}

.psngrF {
    padding-top: 22px;
    font-size: 14px;
    font-weight: 600;
        height: 55px;
}

.rbtnF {
    font-size: 12px;
    border-radius: 26px;
    margin-right: 10px;
    padding: 10px;
    background: #fff !important;
    font-weight: 400;
}

.pckgH {
    font-size: 12px;
    background: black;
    color: white;
    padding: 10px;
    box-shadow: 0px 3px 6px #00000021;
    border-radius: 4px;
}

.searchB {
    color: rgb(0, 0, 0);
    border-color: transparent;
    background-color: rgb(241, 214, 0);
    font-weight: 600;
    width: 100%;
    border-radius: 4px;
    margin-top: 15px;
    padding: 5px 10px;
}

.adltB {
    border: 1px solid #ced4da;
    margin: 15px 0px 0px 15px;
    padding: 0;
}

.adltB .lablform {
    left: 30px;
}



/*Incremnt Decremnt*/

.IDinput-group input {
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 10px;
}

    .IDinput-group input[type="button"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

    .IDinput-group input::-webkit-outer-spin-button,
    .IDinput-group input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

.IDinput-group {
    clear: both;
    text-align: right;
    position: relative;
    margin: 5px 0;
}

    .IDinput-group input[type='button'] {
        background-color: #eeeeee;
        min-width: 30px;
        width: auto;
        transition: all 300ms ease;
    }

    .IDinput-group .button-minus,
    .IDinput-group .button-plus {
        font-weight: bold;
        height: 34px;
        padding: 0;
        width: 38px;
        position: relative;
    }

    .IDinput-group .quantity-field {
        position: relative;
        height: 36px;
        left: -6px;
        text-align: center;
        width: 50px;
        display: inline-block;
        font-size: 16px;
        resize: vertical;
    }

.button-plus {
    left: -13px;
}

.cntr {
    text-align: center;
    width: 100%;
}

.srchImg {
    max-width: 60%;
    border-radius: 15px;
}

.srchSection {
    border-bottom: 1px solid #dddcdc;
}

.pd-20 {
    padding: 20px;
}

.guid {
    transition: all .5s ease;
}

.guid:hover {
    transform: scale(1.1);
    transition: all .5s ease;
    backface-visibility: hidden;
}

.open {
    position: absolute;
    color: black;
    right: 15px;
    font-size: 11px;
    padding: 5px 10px;
    background-color: #ffe60e;
    border-radius: 5px;
    top: 12px;
}

.holdyP {
    font-size: 22px;
}

.holdyP1 {
    font-size: 20px;
}

.holdy-bx {
    padding: 0 15px;
    color: black;
}

.pt-45 {
    padding-top: 45px;
}

   @media (min-width: 768px) {
        .tflghticon {
            padding-left: 14%;
        }
        .ftrd-bdr-btm{
            border: none;
        }
    }


    @media all and (min-width: 992px) {
        .navbar .nav-item .dropdown-menu {
            display: none;
        }

        .navbar .nav-item:hover .nav-link {
            color: #fae602;
        }

        .navbar .nav-item:hover .dropdown-menu {
            display: block;
        }

        .navbar .nav-item .dropdown-menu {
            margin-top: 0;
        }

        .offrRow {
            z-index: 9999;
            position: absolute;
        }
         .ftrd-bdr-btm{
            border: none;
        }
    }

    @media (min-width: 1024px) {
        .hidden-lg, .hidden-xl {
            display: none;
        }
    }


    @media (max-width: 1440px) {
        .navbar-nav {
            padding-left: 5px;
        }
    }

    @media (max-width: 1400px) {
        .navbar-dark .navbar-nav .nav-link {
            padding: 8px;
        }

        a.usr-nm {
            width: 115px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            display: -webkit-inline-box;
            padding: 0.5rem 8px;
            color: #ffeb3b;
        }
    }

    @media (max-width: 1366px) {

        .popup {
            width: 45%;
        }

        a.navbar-brand {
            width: 11%;
        }

        .navbar-dark .navbar-nav .nav-link {
            padding: 7px;
            font-size: 15px;
        }

        input#search {
            font-size: 13px;
        }

        .dropdown-item {
            font-size: 12px;
        }
    }

    @media (max-width: 1024px) {

        .popup {
            width: 55%;
        }

        .srchH input {
            font-size: 11px;
        }

        .navbar-dark .navbar-brand {
            width: 10%;
        }

        .navbar-dark .navbar-nav .nav-link {
            padding: 6px;
            font-size: 11px;
        }

        .navbar-nav {
            padding-left: 20px;
        }

        .tabs-style-fillup nav ul li a span {
            font-size: 12px !important;
        }

        .tabs nav ul li {
            margin: 5px !important;
        }

        .offrRow h4 {
            font-size: 18px;
        }

        .offr-bnnr span {
            font-size: 16px;
            font-weight: 500;
        }

        .Thm-txt h3 {
            font-size: 14px;
        }

        input:checked ~ .tab-label {
            height: 170px;
            padding-top: 115px;
        }

        .tab-label {
            padding: 20px 15px 10px 15px;
            font-size: 12px;
        }

        .media-body p {
            width: 265px;
        }

        .testimonial h5 {
            font-size: 15px;
        }

        .blog-txt p {
            font-size: 12px;
        }

        .form-subscribe-email {
            width: 260px;
        }

        .subscribe-email-title {
            font-size: 20px;
            margin-bottom: 4px;
        }

        .subscribe-email-text {
            font-size: 13px;
        }

        .contentF-text {
            color: #fff;
            font-size: 14px;
        }

        .contentF-event {
            font-size: 18px;
        }

        .contentF-details h3 {
            margin-bottom: 10px;
            font-size: 18px;
        }

        .BlogSec .row {
            padding: 22px 0;
        }

        /*p.ftrTitle {
            font-size: 13px;
        }*/

        .sliderSec {
            min-height: 460px;
        }

        .tabs nav {
            text-align: center;
            margin-top: 70px;
        }

        .offrRow {
            margin-top: 60px;
        }

        .Cplan {
            font-size: 30px;
            padding: 12px 15px;
        }

        .ftB-item {
            width: auto;
            height: auto;
            overflow: hidden;
            position: relative;
        }

        .ft-image img {
            transform: scale(1.2);
            transition: all ease-in-out 3s;
            max-width: 100%;
            height: auto;
            width: auto;
        }
    }

    @media (max-width: 768px) {

        .box {
            width: 70%;
        }

        .popup {
            width: 95%;
        }

        .popup {
            margin: 30px auto;
            padding: 20px;
        }

        .form-v8-content .form-detail {
            padding: 0 15px;
        }

        .visible-sm {
            display: block;
        }

        .hidden-sm {
            display: none;
        }

        .navbar-dark .navbar-brand {
            width: 16%;
        }

        .navbar-collapse {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-align: center;
            align-items: center;
            position: absolute;
            background: white;
            float: right;
            width: 30%;
            right: 0;
            margin: 32px 0;
            top: 22px;
            padding: 0 15px 0 0;
            z-index: 99999;
        }

        .navbar-dark .navbar-nav .nav-link {
            font-size: 13px;
        }

        .srchH input {
            font-size: 16px;
        }

        .tabs-style-fillup nav ul li a span {
            font-size: 10px !important;
        }

        .tabs-style-fillup nav ul li a {
            padding: 10px 0 !important;
        }

        .tabs nav {
            margin-top: 50px !important;
        }

        .offrRow {
            margin-top: 20px !important;
        }

            .offrRow h4 {
                font-size: 15px;
            }

        .offr-bnnr p {
            font-size: 12px;
        }

        .offr-bnnr span {
            font-size: 12px;
        }

        .sliderSec {
            min-height: 350px;
        }

        .Cplan {
            font-size: 22px;
        }

        .contentF .contentF-details {
            top: 35%;
        }

        .contentF-details h3 {
            margin-bottom: 6px;
            font-size: 17px;
        }

        .contentF-event {
            font-size: 16px;
        }

        .contentF-text {
            color: #fff;
            font-size: 11px;
        }

        .ft-content h2 a, .ft-content p {
            color: #fff;
            line-height: 28px;
            font-size: 14px;
        }

            .ft-content p span {
                font-size: 20px;
            }

        .Thm-tabs {
            margin-bottom: 35px;
        }

        .BlogSec {
            height: 385px;
            background-position: revert;
        }

        .top-173 {
            top: -46px;
        }

        .carousel .testimonial {
            padding: 0 5px 0 35px;
        }

            .carousel .testimonial::before {
                font-size: 45px;
                line-height: 54px;
                left: 5px;
                top: 0;
            }

        .media-body p {
            width: 200px;
        }

        .carousel .media img {
            width: 60px;
            height: 60px;
        }

        .media-body {
            padding: 10px 0;
        }

        .testimonial h5 {
            font-size: 13px;
        }

        .form-subscribe-email {
            width: 170px;
        }

        .subscribe-email-title {
            font-size: 17px;
        }

            .subscribe-email-title .logo-text {
                font-size: 20px;
            }

        .subscribe-email-text {
            font-size: 10px;
        }

        footer a {
            color: #faebd7ba;
            font-size: 10px;
        }

       /* p.ftrTitle {
            font-size: 9px;
        }*/

        .blogC {
            width: 100%;
        }

        .navbar-collapse {
            box-shadow: -10px 10px 15px -12px #c4c4c4;
        }

        .navbar-dark .navbar-nav .nav-link {
            font-size: 16px;
            border-bottom: 1px solid #e1e1e1;
            padding: 13px 0;
        }
    }

    @media (max-width: 480px) {

        .srchImg {
            max-width: 40%;
            border-radius: 15px;
        }

        .carousel .carousel-indicators {
            bottom: -20px;
        }

        .myAlert-top {
            position: absolute;
            top: 62px;
            right: 2%;
            width: 96%;
            z-index: 9999;
            font-size: 9px;
            padding: 5px;
        }

      /*  p.ftrTitle {
            margin: 0 0 5px 0;
        }*/

        .predictive_search {
            width: 70% !important;
            top: 45px !important;
            right: 0px !important;
            text-align: left;
        }

        .trnsfrm22 {
            transform: none;
        }

        .about-cntnt h4:before {
            background: none;
        }

        embed.visa-i {
            width: 420px;
            height: 800px;
        }

        embed.holdy-i {
            width: 400px;
            height: 450px;
        }

        embed.bus-i {
            width: 420px;
            height: 450px;
        }

        embed.hotel-i {
            width: 415px;
            height: 510px;
        }

        embed.flight-i {
            width: 405px;
            height: 800px;
        }

        .cc-revoke, .cc-window {
            font-size: 9px !important;
            max-width: 100% !important;
        }

        .blog-txt {
            min-height: 0px;
        }

        .blogD-icon {
            font-size: 13px;
        }

        .contnt-a ul {
            padding: 0 15px;
        }

        .cookie-sec {
            font-size: 10px;
        }

            .cookie-sec button {
                margin-bottom: 6px;
                font-size: 13px;
            }

        .navbar-dark .navbar-brand {
            width: 26%;
        }

        .navbar {
            padding: 5px 10px;
        }

        .srchH input {
            font-size: 14px;
        }

        .navbar-dark .navbar-nav .nav-link {
            font-size: 16px;
            border-bottom: 1px solid #e1e1e1;
            padding: 13px 0;
        }

        .navbar-collapse {
            width: 45%;
        }

        /*.content-wrap section {
        padding: 0em 3em 3em 3em !important;
    }*/

        .content-wrap {
            top: 30px !important;
        }

        .tabs nav {
            margin-top: 0px !important;
        }

        .offrRow {
            margin-top: 20px !important;
            margin-bottom: 60px;
        }

        .sliderSec {
            min-height: auto;
        }

        .getC {
            margin: -15px 0 0;
        }

        .evntsF {
            margin: 15px 0 30px 0;
        }

            .evntsF h5 {
                font-size: 12px;
            }

            .evntsF h1, .hdngS {
                font-size: 22px;
            }

        .contentF {
            margin-bottom: 12px;
            width: 100%;
        }

        section.mb-50 .p0 {
            padding: 15px;
        }

        .BlogSec {
            height: 242px;
            margin-bottom: 215px;
        }

        .media-body {
            margin-bottom: 25px;
        }

        .subscribe-email-wrapper .subscribe-email-right {
            float: none;
            margin-top: 110px;
        }

        .form-subscribe-email {
            width: 100%;
        }

        .subscribe-email-text {
            font-size: 12px;
        }

        .evntsF {
            padding: 0 15px;
        }

        .evntsF {
            margin: 15px 0 30px 15px;
        }

        .navbar-collapse {
            width: 60%;
        }

        .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
            color: #fae602;
            border-bottom: 1px solid;
        }

        .ftB-item {
            width: auto;
        }

        ul.pagination li {
            margin: 0;
            padding: 3px 8px;
        }

        .section-Dfilter {
            padding: 2px;
        }

            .section-Dfilter .custom-select {
                background-color: transparent;
                font-size: 13px;
            }

        #ExploreSubmit {
            width: 100%;
            font-size: 13px;
        }

        .detail-banner {
            min-height: 0;
        }

        .EFdetail-banner {
            min-height: 0;
        }

        ul.name a {
            margin: 0 5px;
        }

        ul.name {
            padding: 0;
        }

        .icons-Detail h3 {
            font-size: 20px;
        }

        /*Booking Form*/

        .paddingF {
            padding: 25px 35px;
        }

        .mgTB {
            margin: 40px 0;
        }

        .rbtnF {
            margin-right: 5px;
            padding: 10px 5px;
            font-weight: 500;
        }

        .pckgH {
            font-size: 10px;
            padding: 4px;
        }
    }


    @media (max-width: 420px) {

        .scl > li {
            width: 130px;
        }

        embed.hotel-i {
            width: 370px;
            height: 510px;
        }

        embed.bus-i {
            width: 370px;
            height: 450px;
        }

        embed.holdy-i {
            width: 370px;
            height: 450px;
        }

        embed.visa-i {
            width: 370px;
            height: 800px;
        }


        embed.flight-i {
            width: 360px;
            height: 800px;
        }

      /*  .navbar-toggler {
            padding: .20rem .4rem;
            font-size: 16px;
        }*/

        .srchH input {
            font-size: 12px;
        }

        .custmzTP .form-control {
            font-size: 13px;
        }

       /* .navbar-brand {
            margin-right: 0;
        }*/

        .BlogSec {
            height: 233px;
        }

        .mt-160 {
            margin-top: 200px;
        }

        /*booking forms*/

        .rbtnF {
            font-size: 10px;
        }
    }


    @media (max-width: 380px) {

        html {
            --top-spacing: 55px 0;
            scroll-padding-top: var(--top-spacing);
        }

        .sliderSec {
            padding-top: 55px;
        }

        .carousel .carousel-indicators {
            bottom: -5px;
        }

        .form-v8-content .form-detail {
            padding: 0 30px;
        }

        embed.hotel-i {
            width: 370px;
            height: 510px;
        }

        embed.bus-i {
            width: 370px;
            height: 450px;
        }

        embed.holdy-i {
            width: 370px;
            height: 450px;
        }

        embed.visa-i {
            width: 370px;
            height: 800px;
        }


        embed.flight-i {
            width: 360px;
            height: 800px;
        }

        .navbar-toggler {
            padding: .20rem .4rem;
            font-size: 16px;
        }

        .srchH input {
            font-size: 12px;
        }

        .custmzTP .form-control {
            font-size: 13px;
        }

        .evntsF h1, .hdngS {
            font-size: 18px;
        }

        .blog-txt h3 {
            font-size: 13px;
        }

        .blog-txt p {
            font-size: 10px;
        }
    }




.navbar-brand img{
    height: 60px;
}

@media (max-width: 767px)
{
    .navbar-brand img {
      height: auto;
  }
}

.theme_background_color{
    background: #FAE401 !important;
}

.theme_text_color{
    color: #FAE401 !important;
}

  .destination_modal .modal-body{
    text-align: center;
    padding: 1rem 1rem 0 1rem !important;
  }
  .destination_modal .modal-body img{
    width: 100%;
    float: none;
    margin: 0 auto;
  }
   .destination_modal .modal-content{
    border-radius: 10px !important;
    border: 6px solid #FAE401;
  }
  .destination_modal .modal-body h3{ 
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    font-weight: 900;
    color: #000000;
    text-shadow: -1px -2px 0px #ffdb29;
    letter-spacing: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
   }
  .destination_modal .modal-header{
    padding: 0 1rem !important;
  }
  .destination_modal .modal{
    z-index: 999999;
  }
  .destination_modal .modal-header{
    border-bottom: none !important;
  }
  .destination_modal .modal-footer{
    border-top: none !important;
  }
  .destination_modal .modal-body ul{
    width: 100%;
    padding: 0;
    position: relative;
  }
  .destination_modal .modal-body ul>li{
    width: 48.7%;
    display: inline-block;
    float: left;
    background-color: #ffe60e;
    color: #fff;
    padding: 10px;
    border-radius: 17px 17px 0 0;
    margin-right: 10px;
    box-shadow: -3px -11px 20px -17px #00000080;
  }
  .destination_modal .modal-body ul>li:last-child{
    margin-right: 0 !important;
  }
  .destination_modal .modal-body ul>li>a{
    color: #000;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: 1px;
  }
  .destination_modal  .modal-header .close { 
  font-size: 30px!important;
    color: #221E1F!important;
    opacity: 1;
  }
   :focus-visible {
    outline: none  !important;
}
button:focus {
    outline: 1px dotted;
    outline: none !important;
}







.bounce-1{
    box-shadow: 0 0 18px 0px rgb(0 0 0 / 27%) !important;
    height: 67px !important; 
    width: 67px !important;
}
.botui-app-container { 
    z-index: 9999 !important;
}
.btn.focus, .btn:focus { 
    box-shadow: none !important;
}












  @media(max-width: 767px){
    .destination_modal .modal-body ul>li{
        width: 48% !important; 
      }
  }

  .yuki_id {
                align-self: flex-end;
                animation-duration: 2s;
                animation-iteration-count: infinite;
                /*background-color: #F44336;*/
                height: 67px;
                margin: 0 auto 0 auto;
                transform-origin: bottom;
                width: 67px;
            }
            .bounce-1 {
                animation-name: bounce-1;
                animation-timing-function: linear;
            }
            @keyframes bounce-1 {
                0%   { transform: translateY(0); }
                50%  { transform: translateY(-10px); }
                100% { transform: translateY(0); }
            }



.destination ul li {
    text-align: justify;
}

.childbx h3 {
    font-size: 18px;
}

/*input#fileupload {
    padding-bottom: 36px;
}*/
textarea.form-control {
    height: 100% !important;
}

ul.dropdown-menu li:last-child a {
    border-bottom: none;
}

section.section-pd.youtube-img img {
    margin-bottom: 20px;
}

.btn-blog {
    background: #fae401;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    nav.navbar.navbar-expand-lg.navbar-dark.bg-primary {
        padding: 10px;
    }

    .navbar-collapse {
        height: 500px;
        overflow: auto;
    }
}