@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}
html, body {
    overflow-x: hidden;
    touch-action: manipulation;
}
.ng-hide {
    display: none !important;
}
i.fa {
    font-size: 14px;
}
#checkout_pag .page-title.tophd a {
    color: #ffff;
    background-color: var(--color1);
    padding: 10px 12px;
    border-radius: 29px;
}
.cont-width {
    overflow:hidden;
}
.top-header ul li {
    margin: 0 8px;
}
.htl-item i {
    color: #3abee7;
}
thankyou p.thk-plt-chk {
    padding-right: 0 !important;
}
.top-header ul li a {
    display: inline-block;
    color: #1A1B1E;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    padding: 0px 5px;
    border-radius: 0px;
    text-align: center;
    vertical-align: baseline;
}
img.menu_ic.hhtl {
    font-size: 10px;
    width: 18px;
}
img.menu_ic.cabb {
    width: 22px;
}
img.menu_ic.pack {
    width: 22px;
    font-size: 12px;
}
img.menu_ic.buss {
    width: 22px;
}
img.menu_ic {
    width: 27px;
    margin: 0px 5px;
}
header > nav {
    background-color: #ffff !important;
    box-shadow: 0 0 5px 2px #f3f3f3;
    border-bottom: 0px solid #ecf6ff;
    position: relative;
}
.actives {
    background: var(--color2)!important;
    transition: .35s;
}
.btn-success {
    color: #ffff;
    background-color: var(--color2) !important;
    border-color: var(--color2) !important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #3abee7 !important;
    border-color: #3abee7 !important;
}
span.rs, a.ft_rt {
    color: #3abee7 !important;
}
.origin_destination:after, .origin_destination:before {
    background-color: #3abee7;
}
a.book_now {
    background-color: var(--color2);
    padding: 1px 6px;
    border-radius: 5px;
    display: block;
    color: #ffff;
    font-weight: 500;
    margin-top: 18px;
    text-decoration: none;
    width: 100%;
    text-align: center;
    border: 4px solid var(--color2);
    font-size: 13px;
}
footer h3 {
    color: var(--color3);
    font-size: 15px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 600;
    MARGIN-TOP: 14PX;
}
.footer-bottom {
    background-color: var(--color1);
    text-align: center;
    padding: 7px 0 0px 0;
    color: #ffff;
    font-size: 12px;
    border-top: 1px solid rgb(33 65 153 / 51%);

}
ul.search_tab li:hover {
    background: #3e3e42b5;
}
.top_nv {
    background-color: #3abee7;
    padding: 5px 40px 13px;
    position: relative;
    border-bottom: 1px solid white;
}
a.free-app {
    position: relative;
    padding-left: 15px;
}
.top-header ul li a i.fa.fa-mobile {
    font-size: 16px;    
}
span.number {
    display: none;
}
.bottom-header ul {
    display: flex;
    list-style: none;
}
.bottom-header ul li {
    margin: 0 15px;
}
.blink_me {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.top-header {
    border-bottom: 0px solid #eeeeee;
    display: flex;
    flex-direction: column;
    float: right;
}
marquee {
    display: inline-block;
    width: 100%;
    color: white;
    padding-top: 2px;
    font-weight: 500;
    font-size: 15.6px;
}
a.blink_me {
    font-weight: 600;
}
.top-header marquee b {
    color: white;
}
.top-header ul {
    list-style: none;
    float: right;
    display: flex;
    margin: 2px 0 4px 0;
}
.top-header marquee {
    color: white;
    font-weight: 500;
    font-size: 15px;
}
top-header marquee b {
    color: white;
}
header .logo img {
    width: 100%;
    object-fit: contain;
    height: 80px;
}
footer > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > img {
    object-fit: contain;
    height: 80px;
    width: 100%;
}
.ui-menu .ui-menu-item-wrapper {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
}
hotel-detail-modify select {
    color: #000;
}
.selected_box_bottom {
    overflow-y: scroll;
    background: white;
    border-radius: 5px;
    padding: 6px;
    position: absolute;
    z-index: 9;
    height: 178px;
    top: 50px;
    width: 265px;
    box-shadow: 0 0 11px #0000001f;
}
div#banner {
    background: none;
    overflow: hidden;
}
.text-rgt {
    text-align: center;
    margin-top: 5em;
    font-size: 3.3em;
    line-height: 1.1em;
    font-family: 'Raleway', sans-serif;
    color: var(--color8);
}
.text-rgt span {
    font-size: 1.4em;
    font-weight: bold;
}
.text-rgt {
    text-align: center;
    margin-top: 4em;
    font-size: 3.3em;
    line-height: 1.1em;
    font-family: 'Raleway', sans-serif;
    color: var(--color8);
}
.gif-animated img {
    display: block;
    max-width: 100%;
    height: auto;
}
.gif-animated {
    margin: 25px 0;
    padding: 0 15px;
}
.offerslider {
    margin: 50px 0 25px 0;
    padding: 0 15px;
}
.lefttop h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
}
.lefttop h3 span {
    color: #81bc02;
    font-weight: bold;
}
.lefttop {
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after {
    content: "\f104";
    font-family: FontAwesome;
    color: var(--color8);
    font-size: 24px;
}
.owl-controls .owl-buttons .owl-next:after {
    content: "\f105";
}
.owl-buttons {
    position: absolute;
    top: -55px;
    right: 20px;
    display: inline-flex;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next {
    padding: 0px 20px;
    background: #79b400;
    color: var(--color8);
    text-decoration: none;
    margin: -5px 0 0 10px;
}
.owl-wrapper .post-img img {
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 5px 5px 0 0;
}
.post-content {
    padding: 20px 15px 10px 15px;
    background-color: #ecedef;
    border-radius: 0px 0px 5px 5px;
    margin: 0;
    font-size: 14px;
}
.post-content h5 {
    font-size: 13px;
    font-weight: 400;
}
.post-content h5 span {
    font-weight: 500;
    font-size: 20px;
    color: #79b400;
    float: right;
}
.post-content h3 {
    font-size: 15px;
    line-height: 1em;
    margin-bottom: 7px;
    color: #00619c;
    font-weight: 400;
}
.thumbnail h3 {
    background-color: #3abee7;
    padding: 14px 0 14px 10px;
    color: var(--color8);
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
    margin: 0;
}
.thumbnail img {
    width: 100%;
}
.row.popup_btn span {
    color: #3abee7 !important;
}
.slider-tumb {
    background-color: var(--color8);
    padding: 0px 20px 0px 20px;
}
.thumbnail > img {
    height: 216px;
}
.latest-deals {
    background-color: #fdeef600;
    padding-bottom: 50px;
}

    .latest-deals .thumbnail {
        border-bottom: 5px #3abee7 solid;
        border-radius: 8px;
        background: white;
        box-shadow: -1px -3px 7px 3px #d3d0d082;
    }

.thumbnail .caption {
    padding: 15px;
    color: #333;
    border-bottom: 1px #e4e4e4 dashed;
    margin-bottom: 10px;
}

span.img-border {
    display: none;
}

.thumbnail h2 {
    color: #3abee7;
    text-align: center;
    font-size: 22px;
}

.thumbnail p {
    text-align: center;
    font-size: 13px;
}

.footer-middel {
    background-color: #b5bdc8;
    text-align: center;
    padding: 10px 0 10px 0;
    display: none;
}

.thumbnail p img {
    width: initial !important;
}

ul.search_tab {
    list-style: none;
    display: inline-flex;
    color: var(--color8);
    background-color: #3e3e42b5;
    border-radius: 7px 7px 0px 0px;
}

.tabbtn {
    margin: auto;
    width: 100%;
    display: block;
    text-align: center;
}

ul.search_tab li {
    margin: 0px;
    border-radius: 7px 7px 0px 0px;
}

    ul.search_tab li a {
        color: #ffff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        padding: 10px 12px;
        display: block;
    }

        ul.search_tab li a:hover {
            text-decoration: none;
        }

.destination-place > input {
    padding-left: 33px !important;
}

.destination-place > i {
    position: absolute;
    left: 10px;
    top: 32%;
    color: #9d9c9c;
}
slide-modal a.closebtn {
    display: none;
}
ul.search_tab li:hover {
    background: #3e3e42b5;
    transition: .35s;
}
.searchcontroller {
    margin: -360px auto 30px;
    position: relative;
    width: 87%;
}
.controllerv {
    background: #1c1c1cb8;
    padding: 15px 10px 10px 10px;
    min-height: 170px;
    border-radius: 5px;
    min-height: 170px;
}
.sabdowncont {
    padding: 10px;
}
.control_tab label {
    color: #f5f5f5;
    font-size: 14px;
}
.sabdowncont h6 {
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: 600;
}
.sabvacation a {
    font-size: 14px;
    font-weight: 500;
    color: #858585;
}
.controllerv .control_tab input, .controllerv .control_tab select {
    width: 100%;
    height: 45px;
    border: none;
    box-shadow: none;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #ffff;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
}
flight-search .optionv input[type=radio] {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    vertical-align: middle;
}
flight-search .control_tab.tab_AIR span.optionv span {
    font-size: 12px;
    vertical-align: middle;
}
.calanderboth span {
    line-height: 50px;
    background-color: white;
}
.rightpd input {
    padding-left: 15px !important;
}
.controllerv .control_tab > .row {
    margin: 0;
}
.controllerv .control_tab > .row div[class*=col-] {
    padding: 0px 3px;
}
.controllerv .control_tab input:focus, .controllerv .control_tab select:focus {
    outline: none;
    background: var(--color8);
}

.hotel_img > img {
    max-height: 200px;
    width: 100%;
    height: 145px;
    object-fit: cover;
    transition: .35s;
}
.optionv {
    margin: 0px 20px 5px 0 !important;
    position: relative;
}
.optionv button {
    top: 8px !important;
}
.calanderboth {
    display: flex;
    border-radius: 5px;
    background: transparent;
    align-items: center;
}
.calanderboth input:first-child {
    text-align: right;
}
span.optionv span {
    font-size: 13px;
    font-weight: 500;
    vertical-align: top;
    color: #000;
}
.row.tripopt .col-md-1.col-xs-4 {
    display: contents;
    color: var(--color8);
    margin-bottom: 10px;
}

div#carouselroud .post-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}

div#carouselroud .owl-nav {
    display: none;
}

div#carouselroud button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselroud .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselroud button.owl-dot.active {
    background: #545454;
}

div#carouselroud {
    padding: 20px 15px;
}

div#carouselvish .post-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}

div#carouselvish .owl-nav {
    display: none;
}

div#carouselvish button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselvish .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselvish button.owl-dot.active {
    background: #545454;
}

div#carouselvish {
    padding: 20px 15px;
}

    div#carouselvish .owl-nav {
        display: none;
    }

div#carouselsahen button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselsahen .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselsahen button.owl-dot.active {
    background: #545454;
}

div#carouselsahen .owl-nav {
    display: none;
}

.thumbnail p img {
    margin: auto;
}

.reverse img {
    width: 100%;
    padding: 8px 7px;
    
}
.selected_box_top {
    width: 100%;
    height: 45px;
    border: 1px solid #a7a7a7;
    box-shadow: none;
    border-radius: 5px;
    padding: 14px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    color: #231F20;
    cursor: pointer;
}

.flt_rowt div#nav-tab {
    text-align: center;
    justify-content: flex-end;
    justify-content: center;
    margin-bottom: 37px;
    background-color: white;
}

button.search_2v {
    width: 100%;
    height: 45px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: var(--color8);
    font-weight: 500;
    font-size: 13px;
    color: #ffff;
    cursor: pointer;
}

.selected_box_bottom h5 {
    font-size: 15px;
}
div#banner .row.roomselect h5 {
    font-size: 15px;
    margin-top: 5px;
}
.plus_minus_box {
    margin: 6px 0;
    text-align: right;
    padding-right: 5px;
}

.selected_box_bottom .row.roomselect > .col-6 > select {
    height: 30px;
}

label.serWD {
    margin: 10px 5px;
    cursor: pointer;
}

hotel-search-control .selected_box_bottom input {
    width: 24px !important;
    height: 24px !important;
    margin: 0 2px;
}
.selected_box_bottom input {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    padding: 0 7px !important;
}
hotel-search-control .control_tab.tab_HTL .selected_box_bottom {
    height: 195px;
    width: 265px;
    top: 50px;
}

.selected_box_bottom {
    overflow-y: scroll;
    background: white;
    border-radius: 5px;
    padding: 6px;
    position: absolute;
    z-index: 9;
    height: 210px;
    width: 282px;
    box-shadow: 0 0 11px #0000001f;
}

.reverse {
    position: absolute;
    top: 10px;
    right: -14px;
    z-index: 99;
    background: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.selected_box_bottom .row {
    margin: 0;
}

.selected_box_bottom label {
    margin-top: 13px;
    color: #555555;
    font-size: 12px;
    font-weight: 600;
}

.modifysearch .plus_minus_box input {
    border: none;
    text-align: center;
}

input.qtyminus, input.qtyplus {
    font-size: 17px;
    font-weight: 600;
    background: #3abee7 !important;
    color: var(--color8);
    border: none;
}
.economy input {
    width: 12px !important;
    vertical-align: middle;
    height: 12px !important;
    margin-right: 2px;
}
.economy span {
    font-size: 12px;
    vertical-align: middle;
    font-weight: 500;
}
.economy .col-md-12.col-xs-12 {
    margin: 3px 0;
}
.row.economy {
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

button.btn_done.submitv {
    letter-spacing: .7px;
    margin: 7px 0;
    width: 100%;
    background: #3abee7;
    padding: 7px;
    color: #f5f5f5;
    font-size: 14px;
    font-weight: 500;
}
ul.search_tab {
    margin: 0;
}
.searchdn input {
    height: 33px !important;
    background: #ffffff00 !important;
    padding: 0 0 0 28px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #a7a7a7 !important;
    color: #a7a7a7;
}
.searchdn i {
    position: absolute;
    top: 8px;
    color: #ffff;
}
.searchdn input::placeholder {
    color: #b1b1b1;
    font-size: 14px;
}
.searchdn label {
    height: 33px !important;
    padding: 13px 0 0 30px !important;
    font-size: 12px;
}
.searchdn {
    position: relative;
    margin-top: 12px;
    padding: 0 10px 0 0;
}
flight-modify .searchdn {
    position: relative;
    margin-top: 0px;
    padding: 0 10px 0 0;
}
.btn-toggle:before, .btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle > .handle {
    position: absolute;
    top: -2px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 1.125rem;
    background: var(--color8);
    transition: left 0.25s;
}
div#news-slider img {
    width: auto !important;
}
.topdeal {
    padding: 15px;
}
.btn-toggle.active {
    transition: background-color 0.25s;
}

    .btn-toggle.active > .handle {
        left: 10px;
        transition: left 0.25s;
    }

    .btn-toggle.active:before {
        opacity: 0.5;
    }

    .btn-toggle.active:after {
        opacity: 1;
    }

.btn-toggle.actives {
    background-color: #cc0574 !important;
}

.btn-toggle.btn-lg {
    padding: 0;
    position: absolute;
    border: none;
    height: 11px;
    width: 25px;
    border-radius: 4px;
    left: 2px;
    background: var(--color8)61;
    top: 15px;
}

.row.searchdns div[class*=col-] {
    padding: 0 8px !important;
}

footer ul li {
    list-style-type: none;
}

    footer ul li a {
        list-style-type: none;
        color: #1A1B1E;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        white-space: nowrap;
    }

footer {
    /* background-image: url(http://zone.qtcmedia.com/html/images/bg-stuning-beachs.jpg); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 25px 0;
    background-color: #fff;
    height: 271px;
    border-top: 1px solid #e7e7e7;
}

    footer h5 {
        color: var(--color3);
        font-weight: 600;
        font-size: 15px;
        text-transform: uppercase;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    footer .social-icon.clearfix ul li a img {
        width: 33px;
    }
.social-icon ul {
    display: inline-flex;
}

    .social-icon ul li i {
        margin: 0 4px 0 0;
        border: 1px solid;
        color: var(--color1);
        padding: 5px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }

.menuv {
    float: right;
    display: none;
    color: #777;
    font-weight: bolder;
}

.closev {
    display: none;
}

.LPMcontainer {
    border-radius: 10px;
    width: 130px;
    height: 28px;
    cursor: pointer;
    display: block;
    position: relative;
    background: #030371;
}

.LPMlabel {
    color: rgb(255, 255, 255);
    font-size: 12px;
    z-index: 600;
    font-weight: 600;
    padding: 5px;
}

button.owl-next {
    width: 40px;
    height: 40px;
    background: var(--color8) !important;
    position: absolute;
    font-size: 38px !important;
    right: -13px;
    transition: .35s;
    top: 155px;
    box-shadow: 0 0 10px 2px #00000017;
    border-radius: 50%;
}

button.owl-prev {
    width: 40px;
    height: 40px;
    background: var(--color8) !important;
    position: absolute;
    font-size: 38px !important;
    left: -13px;
    transition: .35s;
    top: 155px;
    box-shadow: 0 0 10px 2px #00000017;
    border-radius: 50%;
}

.owl-nav span {
    display: block;
    margin-top: -10px;
}

.btnbooknow {
    text-align: center;
}

    .btnbooknow a {
        color: #333;
        font-size: 18px;
        font-weight: 600;
        display: block;
        margin: 10px 0 0 0;
    }

div#carouselsabee .owl-nav button {
    margin-top: -14px;
}

div#carousel > div {
    height: auto !important;
}

.owl-nav button:hover {
    transition: .35s;
    background: #f9f9f9 !important;
}

.findvocation {
    padding: 10px;
    border: 1px solid #ddd;
}

.findcontent {
    text-align: center;
    display: block;
}

    .findcontent label {
        font-size: 12px;
        color: #000;
        font-weight: 700;
    }

    .findcontent h4 {
        font-size: 15px;
        margin: 10px 0 0 0;
    }

    .findcontent p {
        font-size: 15px;
        margin-bottom: 7px;
    }

.row.sliderlr .col-7.col-md-7 {
    padding-right: 0;
    text-align: left;
}

.row.sliderlr p {
    font-size: 13px;
    font-weight: 500;
    color: #777;
    margin: 0;
}

.ratingsv {
    margin: 5px 0;
}

    .ratingsv img {
        width: 35px !important;
    }

.row.sliderlr h5 {
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    display: contents;
}

    .row.sliderlr h5 span {
        font-size: 13px;
        vertical-align: top;
        font-weight: 600;
    }

.ui-datepicker td span,
.ui-datepicker td a:hover {
    background: #747474 !important;
    color: var(--color8) !important;
    transition: .35s;
}

.ratings img {
    width: auto !important;
}

div#carouselvis .owl-nav {
    position: absolute;
    top: -214px;
    right: 21px;
    width: 40px;
}

    div#carouselvis .owl-nav button {
        background: #91bc02 !important;
        border-radius: 0 !important;
    }

.heading h2 {
    font-size: 22px;
    margin-top: 5px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
    color: var(--color1);
}

.rightmorecon p {
    text-align: right;
}

    .rightmorecon p span select {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 4px;
        margin-left: 5px;
        width: 120px;
    }

.pheading p {
    text-align: center;
    margin-bottom: 30px;
}

.sabcontent {
    padding: 10px;
}

    .sabcontent h4 {
        color: #3abee7;
        margin-bottom: 2px;
        font-size: 20px;
        font-weight: 600;
    }

    .sabcontent p {
        margin: 0;
        font-size: 14px;
    }

.muscontent {
    padding: 10px;
}

    .muscontent h4 {
        font-size: 19px;
        font-weight: 600;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 2px;
    }

    .muscontent p {
        font-size: 15px;
        font-weight: 400;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 0 0 10px 0;
    }

    .muscontent a span {
        font-size: 18px;
        color: #333;
        font-weight: 600;
        vertical-align: middle;
    }

    .muscontent a:hover {
        text-decoration: none;
    }

.sabvacation {
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    margin-top: 10px;
}

.musdowncont {
    border-top: 1px solid #ddd;
    padding: 10px;
}

    .musdowncont h5 {
        font-weight: 600 !important;
    }

    .musdowncont h6 {
        background: var(--color3);
        width: 90px;
        position: absolute;
        top: -24px;
        text-align: center;
        right: 0;
        padding: 4px;
        border-radius: 25px;
        font-size: 14px;
        color: var(--color8);
        cursor: pointer;
    }

.offdiv {
    justify-content: end;
    align-items: end;
    text-align: right;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.row.caribbeans {
    padding: 0px 15px 50px 15px;
}

    .row.caribbeans h2 {
        margin-bottom: 35px;
    }

    .row.caribbeans .heading.pheading {
        padding: 8px 0px 16px;
    }

a.freecan {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 500;
}

    a.freecan:hover {
        text-decoration: none;
    }

.muscontent a {
    font-size: 11px;
    font-weight: 500;
}

.btn-toggle.active > .handle {
    left: 10px;
}

.btn-toggle.active {
    background: #3abee7;
}

.best-price {
    background-color: var(--color8);
    padding: 20px;
}

    .best-price h3 {
        float: left;
        padding: 0px !important;
        font-size: 18px;
    }

    .best-price p {
        display: block;
    }

.over {
    background-size: red;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    filter: alpha(opacity=80);
    background-color: #3c3c3c;
}

.best-price h2 {
    float: left;
    margin-top: 0px !important;
    font-size: 25px;
    color: #659503;
}

.sale {
    background: url(https://a6e8z9v6.stackpathcdn.com/tourpackage/wp-content/uploads/2013/03/photodune-4791527-golden-gate-bridge-m.jpg) #fdf1f7 center;
    padding: 20px 20px 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.control_tab.tab_HTL .row.tripopt {
    display: none;
}

.book {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    padding: 10px;
    background-color: var(--color3);
}

.control_tab.tab_HTL {
    padding-top: 10px;
}

.book p {
    color: #ffff;
    font-size: 13px;
    text-align: center;
    margin-bottom: 0px;
}

.price h4 {
    padding: 0px;
    font-size: 13px;
    color: var(--color3);
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0;
}
.searchcontroller span.optionv span {
    color: #ffff;
}
.price p {
    font-weight: 500;
    padding: 0px;
    font-size: 12px;
}
.price {
    background-color: #ffff;
    text-align: center;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
}
.get {
    background-color: #ffff;
    padding: 10px 20px 5px 20px;
    border-radius: 10px;
}
.get h4 {
    padding: 0px;
    font-size: 13px;
    color: #747474;
    font-weight: bold;
}
.get h4 span {
    padding: 0px;
    font-size: 13px;
    color: var(--color3);
    font-weight: bold;
}
.sale .disfls button {
    font-size: 12px;
    height: 35px;
    width: 48%;
    font-weight: 600;
}
.get p {
    padding: 0px;
    font-size: 12px;
    margin-bottom: 2px;
    display: none;
}
#carouselvish .owl-item {
    width: 4% !important;
}
.sale img.img-responsive {
    width: 100%;
}
i.fa.fa-whatsapp.my-float {
    font-size: 28px;
}
.htldtl_ritscsn {
    border: 1px solid #eeeeee;
    padding: 10px 5px 10px 24px;
    margin: 7px 0px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 45%);
}
.disfls {
    display: flex;
}
.sale .disfls input {
    margin-right: 5px;
    font-size: 14px;
    width: 70%;
}
hotel-search-control i.fa.fa-star.form-control-icon {
    top: 23px;
    font-size: 13px;
}
.row.searchdns select {
    background: #00008b00 !important;
    color: #ffff;
    font-size: 12px;
    margin-top: 7px;
    padding: 0 0 0 15px;
    margin-left: 0px;
    height: 34px;
    position: relative;
    top: 5px;
    border: none !important;
}
.row.roomselect select {
    border: 1px solid #ddd;
    height: 45px;
    background: var(--color8);
    font-size: 14px;
}
client-app .loading {
    text-align: center;
    position: absolute;
    height: 100vh;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    background-color: white;
}

.row.roomselect h5 {
    margin-top: 10px;
    font-weight: 600;
}

.room_2, .room_3, .room_4 {
    border-top: 1px solid #ddd;
    position: relative;
    margin-top: 15px !important;
    padding-top: 10px;
}

.widthv10 {
    flex: 0 0 12.5% !important;
    max-width: 12.5% !important;
}

.scrcontent {
    height: 340px;
    overflow-y: auto;
}

    .scrcontent::-webkit-scrollbar {
        width: 5px;
    }

    .scrcontent::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .scrcontent::-webkit-scrollbar-thumb {
        background: #888;
    }

        .scrcontent::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.panel-body.accomodation-type > div::-webkit-scrollbar {
    width: 5px;
}

.panel-body.accomodation-type > div::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.panel-body.accomodation-type > div::-webkit-scrollbar-thumb {
    background: #888;
}

    .panel-body.accomodation-type > div::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

div#carouselsab button {
    top: 115px !important;
}

.sabcontent h3 {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 600;
}

span.rateofpoint {
    background: #ffba00;
    color: var(--color8);
    padding: 6px;
    border-radius: 5px;
}
.sabcontent span:last-child {
    color: #565656;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #bfbbbd !important;
    color: var(--color8) !important;
    transition: .35s;
    cursor: pointer !important;
}
.ui-slider-horizontal {
    height: 0.7em !important;
}
.ui-datepicker-row-break {
    display: none;
}
.ui-widget-header {
    border: none !important;
    background: none !important;
    color: #222222;
}
table.ui-datepicker-calendar tr td {
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}

div#ui-datepicker-div > div {
    position: relative;
}

.ui-datepicker-header {
    text-align: center;
    width: 100%;
}

a.ui-datepicker-prev.ui-corner-all {
    position: absolute;
    left: 0;
}

a.ui-datepicker-next.ui-corner-all {
    position: absolute;
    right: 0;
}

.ui-datepicker-title {
    font-weight: 600;
    font-size: 14px;
}

table.ui-datepicker-calendar tr th {
    text-align: center;
}

    table.ui-datepicker-calendar tr th span {
        font-weight: 500;
        color: #777;
    }

table.ui-datepicker-calendar tr td a {
    color: #777;
    text-decoration: none !important;
}

.ui-datepicker-group.ui-datepicker-group-first {
    padding: 0 20px 0 0px;
}

div#ui-datepicker-div::after {
    position: absolute;
    content: '';
    display: block;
    border-bottom: 15px solid var(--color8);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: -15px;
    left: 20px;
}

.width40 {
    flex: 0 0 22% !important;
    max-width: 22% !important;
}

.control_tab.tab_TRF .width12 {
    flex: 0 0 21.666667% !important;
    max-width: 21.666667% !important;
}

.width12 {
    flex: 0 0 20.666667% !important;
    max-width: 20.666667% !important;
}

.width123 {
    flex: 0 0 12.333333% !important;
    max-width: 12.333333% !important;
    ms-flex: 0 0 12.333333% !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none !important;
}

a.ui-datepicker-prev.ui-corner-all {
    width: 35px;
    height: 35px;
    background-image: url(../img/left_arrow.png) !important;
    background-size: 60%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
}
a.ui-datepicker-prev.ui-corner-all span {
    display: none;
}
a.ui-datepicker-next.ui-corner-all {
    width: 35px;
    height: 35px;
    background-image: url(../img/right_arrow.png) !important;
    background-size: 60%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
}
a.ui-datepicker-next.ui-corner-all span {
    display: none;
}
header > nav > div > div > div:nth-child(3) > div > div:nth-child(1) > div > ul > span {
    font-size: 14px;
}
header > nav > div > div > div:nth-child(3) > div > div:nth-child(1) > div > ul > p {
    border-radius: 3px;
    margin-right: 12px;
    padding: 2px 5px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #1A1B1E;
    font-weight: 600;
}
.activetop {
    color: var(--color8);
    border: 3px var(--color3) solid !important;
    background-color: transparent !important;
    text-decoration: none !important;
}
a.currency img {
    width: 20px;
    padding-bottom: 2px;
}
a.currency {
    border: 1px solid #ddd;
    padding: 3px 11px;
    border-radius: 4px;
    font-weight: 500;
}
.showoff {
    position: absolute;
    top: 0px;
    margin-top: -70px;
    font-size: 20px;
    text-align: center;
    width: 100%;
    font-weight: 500;
    letter-spacing: .6px;
    color: #ffff;
}
#htl_result div#Ratings label {
    padding-left: 0px;
}
.avaragerate {
    background: #eee;
    display: flex;
    padding: 10px;
    display: none;
}
.avaragerate ul {
    display: contents;
    list-style: none;
}
.avaragerate ul li a {
    background: white;
    border: 1px solid #eee;
    margin: 0 0 0 10px;
    display: -webkit-box;
    padding: 5px 10px;
    border-radius: 7px;
}
.avaragerate ul li a h4 {
    margin: 0 0 0 5px;
    font-size: 18px;
    color: #2d9ce4;
}
.avaragerate h4 {
    color: #015f9c;
    font-size: 19px;
    font-weight: 500;
    margin-top: 6px;
}
.sort {
    background: var(--color1);
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    color: var(--color8);
}
.sort p {
    margin: 0;
}
.sort > .row {
    margin: 0;
}
.sort > .row div[class*=col-] {
    padding: 0;
}
.optns p {
    background: white;
    padding: 8px;
    color: #2a2a2a;
    border-left: 3px solid var(--color1);
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
}
.optns p:hover {
    background: #ececec;
    color: #02609d;
}
.sort h6 {
    margin: 0;
    margin-top: 7px;
    margin-left: 15px;
}
.booking-item-address span {
    font-size: 18px;
    font-weight: 600;
}

ul.cust_pro {
    speak: f;
    width: 100%;
    display: flex;
}

.activesort p {
    background: #d1c8cd;
    color: #5c5c5c;
}

p.good img {
    display: none;
}

h2.headline a {
    font-size: 15px;
    font-weight: 600;
    color: #3abee7;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
}

.hotel_img a img {
    width: 100%;
    height: 125px;
    object-fit: cover;
    transition: .35s;
}

    .hotel_img a img:hover {
        transform: scale(1.15);
        transition: .35s;
    }
.hotel_info.collapse_click1 {
    color: #555;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 7px;
    line-height: 18px;
}
    .hotel_info.collapse_click1 a {
        font-size: 12px;
        color: var(--color3);
        text-decoration: none;
        background-color: transparent;
        font-weight: 600;
        cursor: pointer;
    }
ul.cust_pro img {
    width: 18px;
    margin: 10px;
    display: none;
}
.hotel_img {
    overflow: hidden;
    border-radius: 5px;
}

ul.cust_pro {
    list-style: none;
}

.hotel .col-sm-6.col-md-6.col-12 {
    padding: 0;
}

ul.cust_pro a {
    font-size: 12px;
    color: #818080 !important;
    margin-right: 21px;
    margin-left: 0;
}
.hotel {
    border: 1px #ddd solid;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px #c1c1c1;
    background: #ffff;
}
.hotel p span {
   font-weight: bold;
}
.hotel_price img {
    width: 105px;
}
.hotel_price h3 {
    font-size: 22px;
    font-weight: 600;
    color: #686a6c;
    margin-bottom: 0;
    margin-top: 2px;
}
.hotel_price h3 del {
    font-size: 18px;
    font-weight: 400;
    color: #989898;
}
p.pergest {
    color: #02609d;
    width: 120%;
    position: relative;
    right: 20%;
}
section#flt_rslt a.book_now {
    font-size: 14px;
    background-color: #02609d;
    color: var(--color8) !important;
    padding: 7px 15px;
    border-radius: 4px;
    border: 2px solid #02609d;
    margin-top: 8px !important;
}
    section#flt_rslt a.book_now:hover {
        text-decoration: none;
        color: #0a5b98 !important;
        background: #6fa00600;
        cursor: pointer;
        transition: .35s;
    }

.hotel_price p {
    margin-bottom: 3px;
    font-weight: 500;
    text-align: right;
    font-size: 13px;
    color: #212529;
}

.hotel_price.flight sup {
    font-weight: normal;
}

.sections ul li a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    margin: 0 10px 0 0;
    font-weight: 500;
}

    .sections ul li a i {
        font-size: 18px;
    }

.sections p {
    font-size: 13px;
    color: #303030;
    font-weight: 600;
}
.sections img {
    display: none;
}
.sections ul {
    display: flex;
    list-style: none;
}
.hotel_info.collapse_click1 p {
    margin: 0 0 3px 0;
}
.leftsec_filter {
    border: 1px solid #eee;
    margin-bottom: 0px;
    margin-top: 20px;
    box-shadow: 0 0 5px #c1c1c1;
}
div#divHotelSearch a.book_now {
    margin-top: 10px;
}
.panel-body.rating span {
    margin-left: 5px;
    padding-top: 2px;
}
.row.searchdns .col-md-2, .row.searchdns .col-md-3 {
    display: contents;
    color: #f5f5f5;
    margin-bottom: 10px;
}
.optionv label {
    padding-top: 0 !important;
    height: auto !important;
}
.booking-item-address {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    width: 95%;
    margin: auto;
}
hotel-result .leftsec_filter .panel-body {
    padding: 7px 8px 8px 7px;
}
span.ui-slider-handle.ui-state-default.ui-corner-all.clickround1,
span.ui-slider-handle.ui-state-default.ui-corner-all.clickround2 {
    background: #d3d3d3 !important;
}
.page-item.active .page-link {
    z-index: 3;
    color: #ffff !important;
    background-color: var(--color1) !important;
    border-color: var(--color1) !important;
}
ul.pagination {
    display: flex;
    justify-content: end;
    margin-top: 13px;
}
ul.pagination a {
    color: #9d9b9b;
    font-size: 12px;
    font-weight: 500;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #02609d;
    background-color: var(--color8);
    border: 1px solid #dee2e6;
}
.page-title.tophd > a i {
    margin-right: 8px;
    font-weight: 500;
    color: #3abee7;
    font-size: 16px;
    margin-top: 0px;
}
#checkout_pag .page-title.tophd > a i {
    color: var(--color8);
    top: .6px;
    margin-right: 3px;
}
.protecthotel h3 > i {
    color: #ee1e9c;
    font-size: 24px;
    margin-right: 7px;
    padding-top: 10px;
    vertical-align: text-bottom;
}
.page-title.tophd i {
    color: #aaaaaa;
    margin: 0 8px;
}
.page-title.tophd {
    padding: 10px;
    margin-top: 16px;
    margin-bottom: 17px;
    font-weight: 500;
}

#checkout_pag .page-title.tophd {
    margin-bottom: 0px;
}

.page-title.tophd span {
    font-size: 15px;
}

.page-title.tophd a {
    margin-right: 15px;
    color: #727374;
    font-size: 13px;
    font-weight: 500;
}
.topdn {
    padding: 20px;
    width: 100%;
    padding-bottom: 0px;
}
h3.namedetail a {
    text-transform: none;
    font-size: 17px;
    font-weight: 600;
    display: flex;
}
h3.namedetail a:hover {
    cursor: pointer;
    text-decoration: none;
}
.activities-detail {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: 10px;
}
.activities-detail a {
    color: #ffff !important;
    background: var(--color1);
    margin: 0 10px 0 0;
    padding: 6px 14px;
    font-weight: 500;
    border-radius: 4px 4px 0 0;
    font-size: 13px;
}
.activities-detail a:hover {
    text-decoration: none;
    transition: .3s;
    border-bottom: 3px solid var(--color3);
    color: var(--color8);
    background-color: var(--color3);
}
.containerslider .bxslider img {
    max-height: 326px;
    width: 100% !important;
    height: 319px !important;
}
.containerslider #bx-pager {
    width: 50%;
    display: inline-block;
    max-height: 345px;
    margin: 0px;
    padding: 0px;
    overflow-y: auto;
    margin: 0px 5px 0px -5px;
    background: transparent;
}
.containerslider #bx-pager a {
    display: inline-block;
    width: 25%;
    margin: 0px;
    padding: 0px;
    float: left;
}
.containerslider #bx-pager a img {
     height: 110px;
     width: 100%;
     display: inline-block;
}
.containerslider #bx-pager a.active img,
.containerslider #bx-pager a:hover img {
     border: 1px solid var(--color8)f00;
}
div#bx-pager a img {
    padding: 2px;
    border-radius: 6px;
}
.containerslider {
    margin-top: 10px;
    padding: 0 20px;
}
.modifydetails {
    background: #3abee7;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    color: var(--color8);
}
#hotel_detail .headofcheck > span {
    text-align: center !important;
    font-size: 12px;
    vertical-align: sub;
}
.leftdetails {
    display: flex;
}
.inputs input {
    width: 100%;
    height: 37px;
    border: none;
    box-shadow: none;
    border-radius: 0 3px 3px 0;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.headofcheck p {
    background: #f7f7f7;
    color: #333;
    padding: 4px;
    font-size: 0.70rem;
    font-weight: 500;
    margin: 0;
    height: 37px;
    padding-top: 8px;
    border-radius: 3px 0 0 3px;
}
.headofcheck {
    width: 55%;
    text-align: right;
}
.inputs {
    width: 45%;
}
#hotel_detail .inputs {
    width: 40%;
}
#hotel_detail .inputs.radius4 input {
    font-size: 14px;
}
#hotel_detail .headofcheck {
    width: 67%;
    text-align: center;
    position: relative;
    left: 3px;
}
#hotel_detail .hotel_price p {
    line-height: 12px;
    font-size: 10px;
}
#hotel_detail .hotel_price.htl_dtl_pric p.salesave {
    line-height: inherit;
    color: #3c3b3b;
}
.addwidth44 {
    flex: 0 0 44% !important;
    max-width: 44% !important;
}
.modifydetails .col-md-11.col-12 .row div[class*=col-] {
    padding: 0 4px;
}
.modifydetails .col-md-11.col-12 .row span,
.modifydetails .col-md-10.col-12 .row p {
    vertical-align: sub;
    padding-right: 10px;
    font-size: 0.76rem;
}
.cust_detail_modify input:focus {
    background-color: #f4f4f4;
    color: #4a4a4a;
}
.updatetns {
    text-align: center;
    width: 100%;
}
a.updatebtn {
    background: #90868a;
    padding: 7px 0;
    display: block;
    border-radius: 5px;
    color: var(--color8);
    font-weight: 500;
    width: 73%;
    font-size: 14px;
    float: right;
}
.headofGuest span {
    vertical-align: sub;
    text-align: right;
}
.headofGuest {
    text-align: right;
}
.inputs.radius4 input {
    border-radius: 4px;
}
.hotel_info.collapse_click1 label {
    display: block;
}
label.leftspro {
    font-size: 14px;
    color: #ea0202;
}
p.salesave {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 500;
}
p.salesave span {
    color: #28a745  ;
}
h2.headlinedetail a {
    font-size: 14px;
    font-weight: 600;
    color: #3e3e3e;
    text-decoration: none;
}
button.btn.butnvs {
    padding: 5px 0 !important;
    font-weight: 500;
    color: #ff0e67;
}
.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: none !important;
}
.collapsesv h4 {
    color: #02609d;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 3px solid;
    display: inline-block;
    margin-top: 5px;
}
.Descriptions .panel-body ul li {
    list-style: none;
}
.Descriptions .panel-body {
    padding: 10px;
    background: #1c1c1c0f;
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 13px;
    height: 312px;
    margin-bottom: 10px;
}
.panel-body.row {
    margin: 0;
}
.panel-body.row .col-md-4.col-sm-4.col-12 {
    padding-left: 0;
    margin: 6px 0;
}
a.updatebtn:hover {
    text-decoration: none;
    color: var(--color8);
    background: #90868a;
    cursor: pointer;
    transition: .35s;
}
p.HotelLink {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7cb600;
}
.leftchecktop {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
.FaredDetails {
    border: 1px solid #ccc;
    margin: 15px 0;
    padding: 0;
}
.FaredDetails > h5 {
    border-bottom: 1px solid #eeeeee;
    background-color: #eeeeee;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
}
p.HotelLink i.fa.fa-hotel {
    font-size: 24px;
    margin-top: -2px;
}
ul.icon-group.booking-item-rating-stars {
    display: inline-flex;
    list-style: none;
}
.lowest-price {
    background-color: rgb(255 255 255);
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 15px 15px 15px 28px;
    position: relative;
    font-size: 13px;
}
.details p {
    margin-bottom: 1px;
}
.details {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 2px 8px 0px 25px;
    position: relative;
    font-size: 12px;
    margin: 11px 3px;
}
.lowest-price-grn {
    background-color: #f7f8f7;
    border-top: 1px solid rgb(221, 221, 221);
    padding: 15px 15px 15px 28px;
    position: relative;
    font-size: 12px;
}
.lowest-price b.fa.fa-check {
    position: absolute;
    left: 8px;
    top: 18px;
}
.lowest-price-grn b.fa.fa-phone-square {
    position: absolute;
    left: 8px;
    top: 18px;
}
.trmcond {
    font-weight: 500;
    color: #5c5c5c;
    font-size: 12.6px;
}
.paxedDetails {
    margin: 4px 0;
    padding: 10px 0 0 0;
}
.activities {
    background-color: var(--color8);
    padding: 10px;
}
.activities h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #3abee7;
}
.activities h4 small {
    color: #959090;
    padding-top: 15px;
}

.col-md-3.col-sm-6.col-xs-12.width12 select {
    width: 76%;
}
.top-header > ul > li > span {
    padding-top: 5px !important;
    font-size: 15px !important;
}
.checkactivities {
    background-color: #e7f0f7b0;
    padding: 8px 15px 20px 30px;
    border-radius: 10px;
}
.pay_mod {
    padding: 9px 15px 5px;
    font-size: 19px;
    display: block;
    background: #eeeeee;
    width: 100%;
}
#checkout_pag .checkactivities {
    background-color: #f7f8f7;
    border-radius: 2px;
    margin-top: 2px;
    padding: 8px 16px !important;
    border: 1px solid #eeeeee;
}
.checkactivities strong {
    line-height: 18px;
    margin-bottom: 24px;
    color: var(--color2);
    font-size: 13.3px;
    font-weight: 600;
    letter-spacing: .3px;
}
.p {
    font-size: 11px;
}
#checkout_pag .activities img {
    width: 40px;
    display: none;
}
.checkactivities h3 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
#checkout_pag ul.signlogin {
    /*display: none;*/
}
#checkout_pag ul.signlogin {
    padding-bottom: 0px;
    padding-top: 0px;
}
ul.signlogin {
    padding-bottom: 9px;
    display: inline-flex;
    list-style: none;
    padding-top: 8px;
}
ul.signlogin li {
    margin: 0 10px 0 0;
}
.trmcond span {
    font-weight: 600;
    color: #77b100;
}
.footer-middel img {
    height: 50px;
}
.hotel-filter .checkbox label {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
}
.page-title-wht {
    background-color: var(--color8);
    border: 1px #e9e9e9 solid;
    border-radius: 7px;
    font-family: poppins;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
}
hotel-result .leftsec_filter {
    margin-top: 0px;
    box-shadow: 0 0 5px 2px #d1d1d1;
    border-radius: 5px !important;
}
.hotel-filter i.fa.fa-minus.pull-right {
    color: #ddd;
}
.trip-summary {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 6px;
    padding-bottom: 8px;
}
.trip-summary > .row {
    margin: 0;
}
.hotel_detail {
    padding-top: 40px;
}
.showmorediv {
    text-align: center;
}
.row.childs-row {
    width: 100%;
}
.ngerror {
    font-size: 12px;
    color: white;
    padding-top: 4px;
    text-transform: capitalize;
}
#htl_result {
    padding-top: 40px;
    padding-bottom: 80px;
}
.htl-item {
    font-size: 15px;
    color: #686a81;
    margin-top: 5px;
}
.htl-item span {
    margin-right: 8px;
}
.htl-item i {
    color: #3abee7;
}
#hotel_detail {
    padding-top: 7px;
}
.cutomerheading p {
    padding: 2px 15px;
    margin: 10px 0 0 0;
}
div#footer > div:nth-child(1) > div:nth-child(5) > ul > li > img {
    object-fit: contain;
    height: 65px;
    margin-top: 8px;
}
div#footer > div:nth-child(1) > div:nth-child(3) {
    padding-left: 30px;
}
div#footer > div:nth-child(1) > div:nth-child(4) {
    padding-left: 60px;
}
div#footer > div:nth-child(1) > div:nth-child(5) {
    padding-left: 105px;
}
.booking_panel {
    background: white;
    border: 1px solid #ddd;
    margin-top: 15px;
    border-radius: 5px;
}
.booking_panel .booking_body {
    padding: 10px;
}
h4.booking_heading {
    padding: 15px;
    background: #e7f0f7;
    border-radius: 5px 5px 0 0;
    font-size: 22px;
    font-weight: 500;
    color: #444;
}
h1.Headingtxt {
    font-size: 20px;
    font-weight: 600;
}
.hotel_description p {
    margin-bottom: 8px;
}
.hotel_img img:hover {
    transform: scale(1.1);
    transition: .3s;
    cursor: pointer;
}
.protecthotel p {
    font-size: 12px !important;
    margin-bottom: 7px;
}

.protecthotel h3 {
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 3px;
    color: #3abee7;
}
.cust_name {
    margin-top: 5px !important;
    margin-bottom: 3px !important;
}
.protecthotel {
    margin: 13px 0;
    margin-bottom: 13px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 12px 15px 6px 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
#checkout_pag .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 9px 14px;
}
.check_point p {
    font-size: 12px !important;
}
.check_point i {
    margin-right: 8px;
}
.check_input_box span {
    color: #007bff;
    font-weight: 500;
}
.check_point {
    padding-left: 29px;
    font-size: 13px;
}
.check_input_box {
    padding: 10px 0px;
    font-size: 14px;
}
.protecthotel h3 > i {
    color: #ee1e9c;
    font-size: 21px;
    margin-right: 7px;
    padding-top: 9px;
    vertical-align: text-bottom;
}
.text {
    font-size: 15px;
    line-height: 31px;
}
.protecthotel h3 span {
    font-size: 16px;
    background: #6fb308;
    padding: 4px 10px;
    font-weight: 500;
    border-radius: 5px;
    color: var(--color8);
}
p.impotantcovid {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.coverstay b {
    margin: 10px 0;
    display: block;
}
.coverstay p {
    margin: 10px 0;
}
.coverstay {
    margin-left: 35px;
}
.rightamount {
    text-align: right;
}
.rightamount p {
    margin: 0;
}
.rightamount h3 {
    margin: 0;
}
.yesno {
    background: #edfae6;
    padding: 15px;
    border-radius: 5px;
}
.noyes {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
}
.paymentsec {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 12px;
}
.paymentsec > .row {
    margin: 0;
}
    .paymentsec h4 {
        border-top: 1px solid #dcdcdc85;
        border-bottom: 1px solid #dcdcdc85;
        background: #eeeeee;
        width: 100%;
        padding: 10px 15px;
        font-size: 15px;
        border-radius: 0px 0px 0 0;
        font-weight: 600;
    }
.widthcheck70 {
    width: 70% !important;
}
.widthcheck30 {
    width: 30% !important;
    margin-left: 10px;
}
.crdnmbcvc {
    display: flex;
}
.imgpay {
    margin: 5px 0px;
}

.optionv input[type=radio]:checked {
    background-color: var(--color2)!important;
    border: 2px solid var(--color2)!important;
}
.optionv input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 0.5px;
    background-clip: content-box;
    border: 2px solid var(--color8) !important;
    border-radius: 50% !important;
    outline: none !important;
    padding-bottom: 1px;
    padding-right: 1px;
}
.width20_3 {
    flex: 0 0 20.333333% !important;
    max-width: 20.333333% !important;
    ms-flex: 0 0 20.333333% !important;
}
.payterm {
    margin: 15px 0;
}
.payterm p span {
    color: #6fb308;
    font-weight: 600;
}
.payterm p {
    font-size: 15px;
}
.paymenttbn input {
    border: none;
    background: #79b808;
    color: var(--color8);
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500;
}
.breadcrumb.flat {
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    counter-reset: flag;
    width: 100%;
    margin: 0;
    padding: 0;
    background: var(--color1);
    margin-bottom: 18px;
}
.breadcrumb a:before {
    content: counter(flag);
    counter-increment: flag;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 20px;
    margin: 8px 0;
    position: absolute;
    top: 0;
    left: 25px;
    padding: 5px 11px;
    background: var(--color8);
    font-weight: 700;
    color: #3c3c3c;
}
.imoap {
    display: flex;
    flex-direction: column;
    width: 200px;
    margin-top: 0px;
    float: right;
    margin-right: 0px;
}
.rr {
    margin-bottom: 13px;
    display: flex;
    justify-content: space-between;
}
.breadcrumb a {
    outline: 0;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 36px;
    color: #ffff !important;
    background: var(--color1);
    position: relative;
    width: 25%;
    padding: 5px 5px 5px 60px;
}
    .breadcrumb a:after {
        content: '';
        position: absolute;
        top: 0;
        right: -17px;
        width: 45px;
        height: 45px;
        transform: scale(.707) rotate(45deg);
        z-index: 1;
        border-radius: 0 5px 0 50px;
        border-right: 4px solid var(--color8);
        border-top: 4px solid var(--color8);
        background: var(--color1);
    }
a.activebeard::after {
    background: var(--color2);
}
a.activebeard {
    background: var(--color2);
    border-radius: 0 11px 11px 0;
}

a.lastarr::after {
    display: none;
}
.lftdetal h3 {
    margin: 0;
    font-size: 23px;
    margin-top: 15px;
}
.lftdetal, .rightdetail {
    margin-top: 0px;
}
hotel-details .lftdetal h4 {
    font-size: 14px;
    margin: 3px 0 0 0;
    font-weight: 500;
    color: var(--color3);
}

.lftdetal h4 {
    font-size: 20px;
    margin: 12px 0 0 0;
    font-weight: 500;
    color: #666163;
}
.lftdetal span {
    letter-spacing: .2px;
    font-weight: 500;
    margin: 6px 0 5px 0;
    display: block;
    color: #afafaf;
    font-size: 12px;
}
.lftdetal p a {
    font-size: 13px;
    color: #ff003b;
}
p.ratemayapply {
    padding: 10px 15px 0px;
    margin-bottom: px;
    font-size: 15px;
}
.cancellationblock span {
    display: block;
    color: #9f9f9f !important;
}
ul.hotelcheck li {
    color: #666;
}
.cancellationblock strong {
    color: #666;
}
ul.hotelcheck li span {
    color: #ed1145;
}
ul.amenitiesvs {
    list-style: none;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
ul.amenitiesvs li {
    margin: 6px 5px;
    padding: 17px 0px;
    width: 18.6%;
    height: 83px;
    transition: opacity .2s;
    border-radius: 4px;
    box-shadow: 0 0 5px #c1c1c1;
    background-color: var(--color8);
    text-align: center;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #524e4e;
    font-weight: 600;
}
ul.amenitiesvs li i, ul.amenitiesvs li img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
}
ul.amenitiesvs li a {
    color: #000;
    opacity: .8;
    letter-spacing: .2px;
    font-weight: 500;
    font-size: 14px;
}
ul.amenitiesvs li img {
    height: 18px;
}
ul.amenitiesvs li i {
    font-size: 16px;
}
.Mapviewv {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 349px;
}
.whatrestget h3 {
    font-size: 19px;
    font-weight: 600;
}
.whatrestget {
    height: 100px;
    padding: 15px 20px;
    box-shadow: 0 0 5px #c1c1c1;
}
.whatrestget h3 {
    font-size: 23px;
    font-weight: 600;
}
.whatrestget i {
    padding-right: 3px;
}
.paradeil {
    padding: 0px 0 0 0
}
.paradeil p {
    margin: 0 0 10px 0;
}
.whatrestget img {
    width: 24px;
}
    .headdetsiover h4 {
        font-weight: 600;
        color: var(--color3);
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 20px;
    }
#thank_you {
    padding-top: 0px;
    padding-bottom: 80px;
}
.hedpara {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    font-size: 14px;
}
#htl_index {
    padding-top: 40px;
    padding-bottom: 80px;
}
.reviesexcel p {
    margin: 0;
    font-size: 20px;
}
.fourrating h2 {
    font-size: 50px;
    font-weight: normal;
}
.reviesexcel {
    position: absolute;
    left: 80px;
    top: 5px;
}
.fourrating {
    position: relative;
}
.rangeback {
    height: 12px;
    background: #d4d4d4;
    width: 100%;
    border-radius: 5px;
}
.rangetop {
    background: #90868a;
    width: 50%;
    height: 12px;
    border-radius: 5px;
}
.slidecontainer p span {
    width: 100%;
    text-align: right;
    float: right;
    margin-top: -1.4rem;
}
.slidecontainer p {
    margin-top: 15px;
}
.slidecontainer p span {
    width: 100%;
    text-align: right;
    float: right;
    margin-top: -1.4rem;
    font-weight: 600;
}
.rangetop40 {
    background: #90868a;
    width: 40%;
    height: 12px;
    border-radius: 5px;
}
.rangetop30 {
    background: #90868a;
    width: 30%;
    height: 12px;
    border-radius: 5px;
}
.rangetop20 {
    background: #90868a;
    width: 20%;
    height: 12px;
    border-radius: 5px;
}
.rangetop10 {
    background: #90868a;
    width: 10%;
    height: 12px;
    border-radius: 5px;
}
.ratingdwn {
    margin: 30px 0 20px 0;
}
.ratingdetail {
    padding: 10px;
}
.addrevies a {
    font-size: 18px;
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none !important;
    color: #3abee7;
}
.addrevies a:hover {
   color: #3abee7;
}
.rightreting {
    padding: 10px;
}
.rightreting p {
    margin-bottom: 10px;
}
.rightreting p a {
    font-size: 20px;
}
.row.reviesvs {
    margin: 35px 0;
}
.activeover {
    text-decoration: none;
    transition: .3s;
    border-bottom: 3px solid #3abee7 !important;
}
.four-boxes {
    border: 1px solid #ddd !important;
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    min-height: 200px;
    margin-bottom: 30px;
}
.four-boxes h3 {
    font-size: 16px;
    font-weight: 600;
}
.saveoff input {
    width: 65%;
    height: 40px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f5f5f5;
}
.saveoff a {
    background: #3abee7;
    padding: 11px 17px;
    border-radius: 4px;
    color: var(--color8) !important;
    font-weight: 500;
    text-decoration: none !important;
    font-size: 13px;
}
.saveoff input:focus {
    outline: none;
}
.saveoff {
    margin: 5px 0;
}
.saveoff p {
    font-size: 13px;
    margin: 6px 0;
}
.saveoff p span {
    text-decoration: underline;
    cursor: pointer;
}
a.Learn_more {
    border: 1px solid #ddd;
    padding: 6px 10px;
    border-radius: 4px;
    color: #3abee7;
    font-size: 16px;
    text-decoration: none !important;
}
.row.paddingmansg .col-md-3 {
    padding: 0 4px;
}
.row.paddingmansg {
    margin: 0;
}
.modifysearch.flt_modify .text_icon input {
    height: 41px;
}
.modifysearch.flt_modify .reverse {
    position: absolute;
    top: 7px;
}
.modifysearch .text_icon input {
    width: 100%;
    height: 50px;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #3abee754;
    cursor: pointer;
}
.modifysearch > .row div[class*=col-] {
    padding: 0 4px;
}
p.ft_text > img {
    transform: rotate(270deg);
    margin-bottom: 2px;
    margin-right: 10px;
}
.modifysearch > .row {
    margin: 0;
}
.text_icon.calanderboth_modify {
    display: flex;
}
p.ft_text {
    font-weight: 600;
    color: #7c7979;
    font-size: 21px;
    padding: 16px 0 16px;
    margin: 0;
}
p.ft_text i {
    transform: rotate(317deg);
    margin-bottom: 2px;
    margin-right: 10px;
}
.modifysearch .selected_box_top {
    width: 100%;
    height: 50px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 12px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #ccc;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    color: #a9a9a9;
    background: var(--color8);
}
.modifysearch .optionv input[type=radio] {
    border: 2px solid #8f8787 !important
}
.modifysearch .text_icon input:focus {
    outline: none;
}
.modifysearch button.search_2v {
    width: 100%;
    height: 50px;
    border: 1px solid #3abee7;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #3abee7;
    font-weight: 600;
    font-size: 11px;
    color: #02609d;
    cursor: pointer;
}
section.bgtheme {
    background: #f5f5f5;
}
.getfare h4 {
    background: var(--color8);
    padding: 10px;
    color: #02609d;
    font-size: 20px;
    border: 1px solid #02609d;
    width: 200px;
    text-align: center;
    border-radius: 5px;
}
.leftsec_filter-flight .panel-heading h3.panel-title {
    font-size: 20px;
    padding: 10px 10px 0px 10px !important;
    border-bottom: none !important;
}
.leftsec_filter-flight {
    margin-top: 20px;
}
.leftsec_filter-flight .panel-heading p {
    padding: 0 10px;
}
.leftsec_filter-flight .hotel-filter h4 {
    font-size: 16px;
    color: #383838;
    font-weight: 600;
    margin: 15px 0 0 0;
}
.leftsec_filter-flight .checkbox p span {
    font-size: 12px;
    vertical-align: text-top;
    margin: 0;
}
.post-img_flight {
    background: var(--color8);
    width: 100%;
    display: inline-block;
}
.imgsliderflight {
    display: block;
    font-size: 0.75rem;
    height: 5rem;
    line-height: normal;
    position: relative;
    text-align: center;
    width: 100%;
    cursor: pointer;
    border-width: 0.0625rem 0.0625rem 0.0625rem 0px;
    border-style: solid solid solid;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221);
    border-image: initial;
    border-left: 0px;
    padding: 6px;
}
#cust_flt_fltr .panel-title {
    font-size: 16px;
}
#cust_flt_fltr .hotel-filter h4 {
    margin: 22px 0px;
    font-size: 15px;
    color: #3abee7;
    font-weight: 600;
}
.flightslider .owl-stage-outer.owl-height {
    border-right: 1px solid #a9d6f7;
}
.imgsliderflight_2 {
    height: 3rem;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    cursor: pointer;
    line-height: 41px;
    font-size: 11px;
    padding: 3px;
    border-width: 1px 1px 1px;
    border-left-width: 1px;
    border-style: solid solid solid none;
    border-left-style: none;
    border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217);
    border-image: initial;
    border-left: none;
    border-left-color: currentcolor;
}
.imgsliderflight_3 {
    height: 3rem;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    cursor: pointer;
    line-height: 41px;
    font-size: 11px;
    padding: 3px;
    border-width: 1px 1px 1px;
    border-style: solid solid solid none;
    border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217);
    border-image: initial;
    border-left: none;
}
.imgsliderflight img {
    width: 44px !important;
    height: 26px;
    position: relative;
    right: auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 4px;
    margin: 0px auto 5px;
}
.imgsliderflight h5 {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 10px;
    overflow: hidden;
    margin: 0;
    font-weight: 500;
    color: #494a4b;
}
.head_flight p {
    font-size: 11px;
}
.imgsliderflight_2 sup, .imgsliderflight_3 sup {
    color: #b4b6b0;
}
.imgsliderflight_3 h4 {
    font-size: 16px;
    padding: 2px;
    font-weight: 600;
}
div#carouselnand .owl-item {
    margin-right: 0 !important;
}
div#carouselnand .owl-nav {
    position: absolute;
    top: -165px;
    right: 0;
}
div#carouselnand > div {
    margin-left: 135px;
    width: 87%;
}
div#carouselnand .owl-nav button.owl-prev {
    margin-left: 93%;
}
#flt_rslt {
    padding-top: 40px;
    padding-bottom: 80px;
}
.head_flight {
    position: absolute;
    width: 135px;
}
.head_flight p {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 0 10px;
}
.head_flight .imgsliderflight p {
     margin-top: 28px;
     padding: 0 4px;
}
.imgsliderflight, .imgsliderflight_2, .imgsliderflight_3 {
    border-color: #1d94eb61;
    background: #2d92dd17;
}
.imgsliderflight {
    background-color: var(--color8);
}

    .imgsliderflight > img {
        margin-top: 7px;
    }

.temrconpricy {
    font-size: 13px;
    font-weight: 500;
    color: #3abee7;
    margin-top: 12px;
}

#flt_result_page .right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 12px;
}

.shortsv p {
    color: #a6a6a6;
}

.shortsv b {
    color: #007bff;
}

.shortsv svg {
    color: #a6a6a6;
}

ul.sort-tab li:last-child {
    border-right: 0px;
}

.right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 20px;
    box-shadow: 0 0 5px #bbc2ccb5;
}

ul.sort-tab {
    margin: 26px 0px;
    list-style: none;
    margin: 0;
}

    ul.sort-tab li {
        padding: 0px 2px;
        flex: 0 0 20%;
        max-width: 19.8%;
        border-right: 1px solid #c4c1c178;
        margin-right: 0px;
    }

.shortsv {
    background: var(--color8);
    padding: 10px 10px 10px 35px;
    border-radius: 4px;
    border-bottom: 3px solid var(--color8);
}

    .shortsv p {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
    }

.tabactive {
    border-bottom: 3px solid #007bff;
    color: var(--color8);
}


/* 
    .shortsv:hover {
        background: #fcfeff;
        transition: .35s;
        cursor: pointer;
    } */

ul.sort-tab li svg {
    position: absolute;
    left: 15px;
}

.hotel_logo img {
    height: 40px;
    width: 100px;
    object-fit: contain;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
}

.hotel_logo h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.hotel_logo p {
    font-size: 14px;
    margin-bottom: 5px;
}

.hotel_logo a h3 {
    font-size: 17px;
    font-weight: 500;
    color: #015f9c;
    margin: 0;
}

.hotel_logo a {
    text-decoration: none !important;
}

p.promoc {
    font-weight: 400 !important;
    margin-top: 10px;
    font-size: 12px !important;
    text-align: center;
}

.sm_bt {
    text-align: right !important;
}

.flights {
    background: var(--color8);
    border: 0px solid #88888a;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #c1c1c1;
    margin-bottom: 15px;
}

#flt_rest_tab .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.flight_popup_body.flight_fare_details label {
    font-size: 12px;
}

.img_section,
.img_section span {
    float: left;
}

.hotel_price.flight {
    padding: 10px;
    height: 100%;
    /* border-left: 1px solid gainsboro; */
    text-align: center;
    margin-top: 5px;
}

.hotel_logo {
    background: #f7f7f7;
    height: 100%;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 0 0 0;
}

.contentflight {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    height: 100%;
    display: flex;
}

.hotel_center h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 5px;
}

.hotel_center h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
    font-weight: 600;
}

.hotel_center b a {
    color: #02609d;
    text-decoration: none !important;
    margin-bottom: 4px;
    display: block;
}

.iconsarrow {
    height: 100%;
    padding: 15px;
    line-height: 79px;
}

.contentflight .hotel_center,
.contentflight .nonstopcoad {
    width: 30%;
}

.iconsarrow {
    width: 10%;
}

section#htl_result .container {
    width: 82% !important;
}

.iconsarrow img {
    width: 24px;
}

.sections p img {
    width: 30px;
}

.sections ul li a img {
    width: 22px;
}

.sections p img {
    width: 25px;
}

.panel-body.rating .checkbox i.fa.fa-star-o {
    color: var(--color8) !important;
}

p.reviewsstyle {
    font-size: 13px;
    color: #777;
    margin-top: 5px;
}
.hotel_info.collapse_click1 p a {
    color: #3abee7;
}
.iti__hide {
    display: none;
}
pre {
    margin: 0 !important;
    display: inline-block;
}
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {
    background: none;
}
input[disabled], button[disabled] {
    background-color: #eee;
}
::-webkit-input-placeholder {
    color: #BBB;
}
::-moz-placeholder {
    color: #9f9f9f;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #BBB;
}
button {
    border-radius: 8px !important;
    background-color: var(--color2)!important;
    border: 1px solid var(--color2)!important;
    height: 45px;
}
/*button:hover {
     background-color: var(--color3) !important;
     border-color: var(--color3) !important;
     cursor: pointer;
}*/
#result {
    margin-bottom: 100px;
}
.iti.iti--allow-dropdown {
    width: 100%;
}
.bookingrefence {
    background: #005f9b;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    color: var(--color8);
}

    .bookingrefence h3 {
        font-size: 20px;
    }

    .bookingrefence p {
        font-size: 20px;
        color: #7ab800;
        margin-bottom: 6px;
    }

    .bookingrefence h2 {
        font-size: 28px;
        font-weight: 600;
    }

.confirmboder {
    border: 1px solid #ccc;
    padding: 15px;
}

.pricesummmeryconfirm {
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .pricesummmeryconfirm h5 {
        background: #f2f6e7;
        padding: 15px;
        font-size: 20px;
        border-radius: 8px 8px 0 0;
        font-weight: 500;
    }

span.stopsLoader1 {
    vertical-align: middle;
    display: inline-block;
}
.stopsLoader1 {
    width: 100%;
    height: 30px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: slAnim 1s infinite;
}
@keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@keyframes airLgolist {
    to {
        background-position: 100% 10px, 10px 10px, 42% 10px, 96% 10px
    }
}

@keyframes normlist {
    to {
        background-position: 100% 10px, 10px 10px, 95% 10px
    }
}

@keyframes fltDtLoader {
    to {
        background-position: 100% 10px, 0 10px
    }
}

@keyframes depArvLoader {
    to {
        background-position: 100% 10px, 0 10px, 0 35px
    }
}

@keyframes fltLegLoad {
    to {
        background-position: 100% 0, 10px 15px, 5% 10px, 15% 10px, 15% 35px, 30% 8px, 80% 10px, 98% 10px, 55% 22px, 55% 8px, 55% 33px, 2% 60px, 20% 60px, 38% 60px, 56% 60px, 74% 60px, 94% 60px
    }
}

@keyframes fltPrceLoader {
    to {
        background-position: 100% 0, 5% 0, 5% 25px, 5% 50px, 5% 105px
    }
}

p.reservatinneed {
    background: #f2f6e7;
    padding: 15px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #628c02;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.confirmdetails {
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .confirmdetails .row {
        margin: 0;
    }

p.referencenumber {
    padding: 15px 15px 0 15px;
}

    p.referencenumber span {
        color: #74b907;
        font-size: 16px;
        font-weight: 600;
    }

.confirmationpage {
    margin-top: 15px;
}


/*--------------Flight-filter--------*/

.leftsec_filter-flight {
    margin-top: 20px;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.trip_detail > img,
.trip_detail > p {
    display: inline-block;
}

.trip_detail > img {
    max-width: 45px;
    border: 1px solid #f4f0f0;
    color: var(--color8);
    display: inline-block;
    line-height: 17px;
    padding: 5px 10px 6px 10px;
    vertical-align: text-top;
    min-width: 10px;
    position: relative;
    font-size: 12px;
    background-color: #3abee7;
    margin-bottom: 0px;
}

    .trip_detail > img:after {
        position: absolute;
        content: '';
        border-left: 19px solid #00abe4;
        border-top: 31px solid #00abe4;
        border-right: 18px solid transparent;
        height: 0px;
        width: 0px;
        right: -24px;
        top: 0px;
    }


/* .row.m-0.Departure {
        padding-left: 3px;
    } */

.row.m-0.Departure > div {
    padding: 6px 0px;
}

.m- .row.m-0.Departure > div {
    padding: 3px 0px !important;
}

flight-details-pane .ft_tim {
    color: #7d7883;
    font-size: 14px !important;
}

.row.bottom_flt_btn nav {
    background-color: white;
}

flight-details-pane a.nav-item.nav-link {
    color: white;
    font-size: 11px;
    font-weight: 500;
}

.Departure div.col-sm-12 {
    border-bottom: 1px solid #cccccc
}

.sm_bt button {
    color: #3abee7;
    font-size: 14px;
    border-radius: 5px;
    background-color: var(--color8);
    border: 0px;
    padding: 8px;
    min-width: 78px;
    font-weight: 500;
    text-decoration: underline;
}


/* .Departure>div:first-child {
        padding-top: 25px!important;
        padding-bottom: 10px!important;
    } */

.trip_detail p {
    font-family: 'Poppins';
    font-size: 12px;
    padding-left: 15px;
    color: var(--color8);
}


/* .Departure_second_row.m-0 {
        padding-top: 6px!important;
    } */

.trip_from p {
    font-size: 14px;
    color: #000;
}

span.dep_img img {
    width: 20px;
    height: 20px;
    margin-right: 2px;
}

.trip_from span {
    padding: 0px;
    margin: 0;
    color: gray;
    font-size: 12px;
}

.trip_detail:after {
    z-index: 2;
    position: absolute;
    content: '';
    border-left: 2px solid #02609d;
    border-top: 31px solid #02609d;
    border-right: 18px solid transparent;
    height: 0px;
    width: 0px;
    right: 135px;
    top: 0px;
}

.dep_img {
    color: var(--color8);
    display: inline-block;
    line-height: 17px;
    padding: 5px 6px 6px 9px;
    vertical-align: text-top;
    background: #3abee7;
    min-width: 95px;
    position: relative;
    font-size: 12px;
    margin-bottom: 0px;
}

.select_flt {
    padding-top: 8px;
}

.ft_tim {
    padding-top: 10px;
    text-align: left !important;
    text-transform: lowercase;
    font-weight: 500;
    font-size: 13px !important;
}

    .ft_tim.ft-to {
        padding-left: 0px;
    }

.row.Departure_second_row.m-0 {
    padding-top: 6px;
}

.row.m-0.Departure > div:first-child {
    padding: 10px 0px 6px 0px;
}

.flt_logo_img p,
.flt_logo_img span {
    margin-bottom: 0;
    font-size: 13px;
    color: #858585;
}

.img_section span:last-child {
    padding-left: 8px;
}

.flt_layover.col-md-4.col-sm-4.col-xs-4 {
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #797b7d;
    padding: 0px;
}

button.showmore_click:hover {
    background-color: #024976;
}

.underline {
    height: 1px;
    background-color: #3abee7;
    position: relative;
    width: 97%;
    margin: 4px 0;
}

    .underline:before {
        background: #3abee7;
        border-radius: 50%;
        content: "";
        display: block;
        height: 7px;
        margin-top: 0px;
        position: absolute;
        top: -3px;
        width: 7px;
    }

.flt_stp {
    color: #656565;
    font-size: 11px;
}

.Trip_duration {
    font-size: 11px;
    color: #656565;
}

.crd {
    margin-right: 0;
    border-right: 0 !important;
    border-radius: 0.25rem 0 0 !important;
}

.crd_no {
    margin-left: 0;
    border-left: 0 !important;
    border-radius: 0 .25rem .25rem 0 !important;
    text-align: right;
}


/* Richa */
.rightdetail.map {
    border: 1px solid #e3e1e1;
    padding: 8px;
}

.location p {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
}

.flt_ru {
    width: 5px !important;
    border: none !important;
    height: 34px !important;
}

.flt_modify {
    padding: 8px 8px 0px 8px;
    background-color: rgb(241 241 241 / 77%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
}

    .flt_modify button.search_2v {
        background-color: #90d900;
        color: white;
    }

.top_flt {
    float: left;
}

.trip_detail {
    float: left;
}
.d {
    float: left;
    margin-left: 29px;
    color: gray;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
.trip_to, .ft-to {
    text-align: left;
}
.checkbox {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 3px;
}
.booking-item-address span {
    font-size: 15px;
}
#flt_rslt .panel-title h4 {
    margin: 32px 0;
}
#flt_rslt .checkbox {
    font-weight: 500;
    font-size: 15px;
}
.booking-item-address > span {
    color: #626262;
    font-size: 11px;
}
#flt_rslt .panel.panel-default.filter-panel .panel-heading h3.panel-title {
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px solid #f4e6e6;
    text-align: center;
    border-bottom: 1px solid #b9c2c9;
    background-color: #e7f0f7;
    border: 1px solid #cfeaff;
}
.about_area p a {
    color: #636466;
}
.about_area p a:hover {
    color: #0056b3;
    text-decoration: underline;
}
.about_area {
    color: var(--color3);
    margin-bottom: 1px;
    margin-top: 0px;
    font-size: 22px;
}
.area_detail p {
    color: var(--color10);
    line-height: 27px;
    font-size: 14px;
    font-weight: 500;
}
#flt_rslt .whatrestget > h3 {
    color: #3abee7;
}
.whatrestget > h3 {
    color: #3abee7;
}
.paradeil p {
    color: #3d3d3d;
    line-height: 23px;
    font-size: 14px;
}
div#Location {
    padding-top: 0px;
}
.rightdetail.map p {
    color: #3abee7;
    font-size: 13px;
}
.row.m-0.Departure.return_row {
    display: none;
}

.bg_clr {
    background-color: var(--color8)0f;
}

.bottom_flt_btn {
    background-color: var(--color8);
    margin: 0 !important;
    border-radius: 0px 0px 15px 15px;
    overflow: hidden;
    padding: 4px;
}

div#flt_rest_tab div#nav-tab {
    margin-bottom: 10px;
}

div#flt_rest_tab a {
    border-radius: 0;
    font-size: 13px;
    color: var(--color8);
    margin-right: 8px;
    background-color: #3abee7;
}

div#flt_rest_tab nav {
    background-color: white;
}

.departure_hover {
    -webkit-transition: all linear 0.2s;
}

    .departure_hover:hover {
        background-color: #f2f0f061;
    }

.hotel_price.flight > span {
    color: #000000;
    font-size: 12px;
    display: block;
}

.bottom_flt_btn > div {
    text-align: center;
}

.bottom_flt_btn button {
    font-size: 14px;
    color: white;
    background-color: #03548700;
    font-weight: bold;
    border: 0px;
    letter-spacing: .2px;
}

.Hotelsresult .flights .row .col-sm-2.pl-md-2.pl-sm-0.col-12 {
    border-left: 1px solid #ccc !important;
    padding-left: 0px !important;
}


/* .shortsv:hover p {
        color: white; */


}

/* .shortsv:hover {
        background: #02609d;
        transition: .35s;
        cursor: pointer;
        color: white!important; */

/* }
    .shortsv:hover b {
        color: white;
    } */
.flt_dtime.col-md-2.col-sm-2.col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 8.666667%;
    max-width: 9.666667%;
}

.flt_layover.col-md-4.col-sm-4.col-xs-4 {
    flex: 0 0 35.333333%;
    max-width: 35.333333%;
}

.flt_atime.col-md-2.col-sm-2.col-xs-2 {
    padding-left: 0;
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
}

.block_show {
    display: none;
}
.pickup {
    flex: 0 0 19.666667% !important;
    max-width: 19.666667% !important;
}
.travl_rw {
    flex: 0 0 10.666667% !important;
    max-width: 10.666667% !important;
}
.travl_rw .selected_box_bottom label {
    color: #555555;
    font-weight: 600;
}
.flightslider button.owl-prev.disabled, .flightslider button.owl-next {
    display: none;
}
.book_now.htl_bk {
    width: auto;
    border-radius: 0px;
}
.hotel_price.htl_dtl_pric h3 {
    margin-top: 0px;
}
.hotel_description.cust_htl_description .headlinedetail {
    line-height: 14px;
}
.xx {
    display: flex;
    flex-direction: row-reverse;
}
.xx .book_now.htl_bk {
    width: 100px;
    border-radius: 0px;
}
p.good {
    letter-spacing: .2px;
    color: #3abee7;
    font-size: 22px;
    font-weight: 600;
    padding-top: 0px;
    float: left;
    display: none;
}
p.good i {
    margin-right: 7px;
}
.info_lft {
    display: inline-block;
    width: 100%;
}
p.s {
    display: flex;
    justify-content: space-between;
    color: #767070;
    font-size: 11px;
    margin-top: 1px;
    margin-bottom: 0px;
}
p.s span {
    display: block;
}
p.reviewsstyle.cust_review {
    padding-top: -12px;
    padding: 0px;
    margin: 0px;
    margin-top: -5px;
    color: #c0bbbb;
}
.hotel_price.cust_price_htl p.pergest {
    padding-top: 0px;
    color: var(--color3);
    font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 19px;
}
.hotel_price.cust_price_htl h3 {
    color: #212529;
    font-size: 15px;
    text-align: right;
}

ul.cust_pro {
    padding-top: 20px;
    margin-bottom: 0px;
}
.btncheck a.book_now {
    font-size: 14px;
}
.cancl_col-three {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}
input.cust-crd_no:focus {
    outline: 0px;
}
input.cust-crd:focus {
    outline: 0px;
}
.cust-crd_no, .cust-crd {
    border: none;
}
.crdnmbcvc.mb-2.form-control:focus {
    color: #495057 !important;
    background-color: var(--color8) !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}
input.cust-crd_no {
    float: right;
    text-align: right;
}
input.cust-crd::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}

input.cust-crd_no::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}

.rewrd_box {
    display: flex;
}

    .rewrd_box select#state {
        margin-right: 5px;
        width: 45%;
    }

span.ht_log {
    border: 1px solid gainsboro;
    border-radius: 6px;
    display: initial;
    width: 37%;
    height: 37px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-right: 6px;
}
span.htl_logo_name {
    border: 1px solid gainsboro;
    border-radius: 6px;
    display: initial;
    width: 100%;
    height: 37px;
    padding: 0.275rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
span.htl_logo_name > span {
    color: #005085d4;
    font-size: 12px;
    display: block;
    letter-spacing: .3px;
    font-weight: 600;
}
span.ht_log > i {
    font-weight: 600;
    float: right;
    line-height: 26px;
}
span.htl_logo_name > span:last-child {
    font-size: 19px;
    font-weight: normal;
    padding-top: -20px;
    margin-top: -7px;
}
.fare_alert p {
    letter-spacing: .3px;
    color: #8b8a8a;
    padding: 9px;
    background-color: white;
    border: 2px solid #7a7979;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}
.fare_alert {
    margin-top: 0px;
}
#cust_flt_fltr .ui-slider-range.ui-widget-header.ui-corner-all {
    background-color: #d5d5d5 !important;
}
#cust_flt_fltr .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    border: none;
    height: 7px !important;
}
#cust_flt_fltr .ui-slider-handle.ui-state-default.ui-corner-all.clickround2 {
    border-radius: 50%;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem;
    width: 1.0rem;
}
#cust_flt_fltr .ui-slider-handle.ui-state-default.ui-corner-all.clickround1 {
    border-radius: 50%;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem;
    width: 1.0rem;
}
#cust_flt_fltr .ui-slider-horizontal .ui-slider-range {
    top: -0.5px;
    height: 100%;
}
#cust_flt_fltr p {
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #585858;
}
#cust_flt_fltr hr {
    margin-bottom: .5rem;
}
.flr_slidr_border div#carouselnand .owl-nav button.owl-prev {
    margin-left: 93%;
    display: none;
}
.flr_slidr_border {    
    margin-bottom: 7px;
}
.flightslider .owl-dots {
    display: none;
}
.right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 20px;
}
.crdnmbcvc.mb-4.form-control:focus {
    color: #495057;
    background-color: var(--color8);
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
#checkout_pag .cutomerheading hr {
    margin-top: .6rem;
    margin-bottom: .5rem;
}
#checkout_pag .trip-summary hr {
    margin-top: .7rem;
    margin-bottom: .5rem;
}
#checkout_pag .trip-summary label {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}
#checkout_pag .cardname.mb-2 label {
    font-size: 13px;
    font-weight: 500;
}
span.ht_log img {
    margin-left: 19px !important;
    width: 22px !important;
    vertical-align: top;
}
.flr_slidr_border {
    overflow: hidden;
    border-right: 1px solid #a9d6f7;
    border-left: 1px solid #1d94eb61;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-def {
    text-align: center;
    font-size: 13px;
    color: var(--color8)bfb !important;
}
.hotelcheck li::before {
    content: "\2022";
    width: 14px !important;
    color: #3abee7;
    margin-left: -1rem !important;
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
}
.hotelcheck {
    list-style: none;
}
#flt_result_page .hotel_price.flight p {
    font-size: 19px;
    color: #818385;
    font-weight: 600;
}
.col-md-3.col-sm-6.col-xs-12.cust_modify_calender > div > input {
    background-color: transparent;
    border: none;
}
.col-md-4.col-sm-6.col-xs-12.cust_modify_calender input {
    background-color: transparent;
}
.modifysearch.flt_modify .selected_box_top {
    padding: 9px 11px;
    height: 41px;
    border: 1px solid #3abee754;
}

    .modifysearch.flt_modify .selected_box_top i {
        padding-right: 9px;
    }

.cust_modify_calender .text_icon.calanderboth {
    background-color: var(--color8);
    height: 41px;
    border: 1px solid #3abee754;
}

.modifysearch.flt_modify button.search_2v {
    background-color: var(--color8);
    color: #3abee7;
    height: 41px;
    font-size: 15px;
}

.cust_modify_calender input#checkin {
    border-right: 0px;
    border-radius: 5px 0px 0px 5px;
    border: none;
}

.cust_modify_calender input#checkout {
    border-left: 0px;
    border-radius: 0px 5px 5px 0px;
    border: none;
}

.flt_tab table {
    width: 100%;
}

.flt_tab tr td {
    text-align: center;
    padding: 10px;
    border: 1px solid gainsboro;
}

.imgsliderflight.cust_img_tabl {
    border: 0;
    cursor: inherit;
    /* display: inherit; */
    font-size: inherit;
    /* line-height: inherit; */
    position: inherit;
    /* text-align: inherit; */
    height: inherit;
    position: inherit;
    width: inherit;
    padding: inherit;
}

/* .select_flt input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: var(--color8);
        content: '';
        display: inline-block;
        visibility: visible;
        border: 3px solid #959090;
        appearance: auto;
        -moz-appearance: auto;
    -webkit-appearance: auto;
    }
    .select_flt input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 7px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #3abee7;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 4px solid #3abee7;
    } */
.mob_div > div {
    color: #6c7592;
    padding: 0.475rem 0.75rem;
    font-size: 12px;
}

    .mob_div > div:first-child {
        border-right: 1px solid #ced4da;
    }

.mob_div img {
    margin-right: 10px;
}

.mob_div i {
    font-size: 10;
    margin-left: 10px;
}

.mob_div {
    display: flex;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

checkout button.book_now.checkout_btn {
    color: white;
    padding: 9px;
    height: auto;
    width: 130px;
    border-radius: 5px !important;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

section#htl_result .htl_modi {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

    section#htl_result .htl_modi > div {
        display: inline-block;
    }

section#htl_result .htl_rslt {
    width: 84%;
}

section#htl_result .page-title-wht {
    background-color: var(--color8);
    border: 1px #e9e9e9 solid;
    border-radius: 7px;
    font-family: poppins;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 8px;
}

section#htl_result .row.trip-padding {
    padding-right: 12px;
    font-size: 13px;
    font-weight: 600;
}

.htl_modi > div {
    display: inline-block;
}

.modi_htl-btn {
    width: 15%;
}

    .modi_htl-btn > a {
        border-radius: 7px !important;
        padding: 14px 10px;
        margin-top: 0px;
        width: 100% !important;
    }

#htl_result .modi_htl-btn > a {
    border-radius: 7px !important;
    padding: 13px 5px;
    margin-top: 0px;
    width: 100% !important;
}

section#htl_result .row.trip-padding small {
    font-size: 13px !important;
}

.trip_detail::after {
    z-index: 2;
    position: absolute;
    content: '';
    border-left: 2px solid #3abee7;
    border-top: 29px solid #3abee7;
    border-right: 18px solid transparent;
    height: 0px;
    width: 0px;
    right: -18px;
    top: 2px;
}
.headofcheck.cust-headofcheck > p {
    padding: 10px 5px;
    color: #7f7f7f;
}
.regular-radio:checked + label:before {
    background-color: #3abee7 !important;
}
.regular-radio:checked + label:after {
    background: none repeat scroll 0 0 #3abee7 !important;
}
.headofcheck.cust-headofcheck {
    text-align: center !important;
    width: 55% !important;
}
.headofcheck.cust-headofcheck i {
    font-size: 10px !important;
}
section#hotel_detail .inputs input {
    font-size: 10px;
    padding-right: 0px;
    padding-left: 0px;
    color: #575555;
    text-align: center !important;
}
.lowest-price-grn a:hover {
    text-decoration: none;
}
.trip_detail {
    position: relative;
}
#flt_result_page #cust_flt_fltr {
    margin-top: -7px;
}
section#flt_result_page .owl-item.active {
    width: 134px !important;
}
#htl_result .htl_rslt input {
    border: none;
    display: inline-block;
    width: auto;
    font-size: 11px;
}
#htl_result .sections ul li a img {
    width: 18px;
}
#htl_result .sections ul li a {
    color: #333;
    text-decoration: none;
    font-size: 11px;
    margin: 0 10px 0 0;
    font-weight: 500;
}
.fa.fa-angle-down.dn_arrow {
    position: absolute;
    right: 31px;
    top: 10px;
    font-weight: 600;
}
.dob {
    width: 100%;
    padding-top:;
    border: 1px solid #eeeeee;
    padding: 5px inherit;
    border-radius: 5px;
    font-size: 12px;
    background-color: #f0f0f0ad;
    padding: 0.375rem 0.75rem;
}
.dob::placeholder {
    color: #000000;
}
#txtAgentID input::placeholder {
    font-size: 12px !important;
    color: #495057
}
.inputs.checkin_input > input {
    border-radius: 3px 0px 0px 3px;
}
.cust_detail_modify .text_icon.calanderboth {
    height: 37px;
    background-color: var(--color8);
}
.cust_detail_modify input {
    width: 45%;
    height: 37px;
    border: none;
    height: 37px;
    font-size: 13px;
}

.cust_detail_modify span {
    color: #9f9f9f;
    line-height: 37px;
    width: 10%;
    text-align: center;
}
.cust_modify_calender .calanderboth input {
    border: none !important;
}
.cust_detail_modify .text_icon.calanderboth input:first-child {
    border-radius: 5px 0px 0px 5px;
    padding-right: 12px;
    color: #4a4a4a;
    font-size: 0.80rem;
    font-weight: 500;
}
.cust_detail_modify .text_icon.calanderboth input:last-child {
    border-radius: 0px 5px 5px 0px;
    padding-left: 12px;
    color: #4a4a4a;
    font-size: 0.80rem;
    font-weight: 500;
}
.detail_row .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 18.666667%;
    max-width: 18.667%;
}
.frm_pln {
    color: var(--color2);
    position: absolute;
    top: -8px;
    transform: rotate(45deg);
    left: -7px;
    font-size: 15px;
}
checkout-itinerary-details .flight-info-section .col-md-12.trip-padding.cust_flt_trip .col-sm-4.to_col {
    padding-right: 17px;
    text-align: right;
    padding-left: 17px;
}
.to_pln {
    color: var(--color2);
    position: absolute;
    top: -8px;
    transform: rotate(45deg);
    right: -5px;
    font-size: 15px;
}
.col-md-12.trip-padding.cust_flt_trip strong {
    font-size: 14px;
    color: #015f9c;
}
.col-md-12.trip-padding.cust_flt_trip p {
    font-weight: 600;
    color: #6e6e6e;
    font-size: 11px;
    white-space: nowrap;
}
.route-line {
    border: 0px;
    position: relative;
    margin: 0rem 0 0;
    width: 100%;
    height: 1px;
    border-top: 1px dotted #3acbed;
}
.cust_flt_trip .col-sm-4 {
    -ms-flex: 0 0 32.333333% !important;
    flex: 0 0 32.333333% !important;
    max-width: 32.333333%;
}
.FaredDetails_row {
    padding-left: 9px;
    padding-right: 2px;
}
.mid-col {
    display: flex;
    align-items: center;
}
.col-sm-4.mid_col {
    flex: 0 0 30.333% !important;
    max-width: 35.333333% !important;
    padding: 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
checkout-itinerary-details .col-sm-4.mid_col {
    flex: 0 0 35.333% !important;
    max-width: 35.333333% !important;
    padding: 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.col-sm-4.mid_col.cust_mid_col span {
    font-size: 9px;
    font-weight: 500;
    color: #625d5d;
    margin-bottom: 1px;
    margin-top: 2px;
    letter-spacing: .2px;
}
.to_col {
    padding-left: 38px;
}
#flt_htl_result {
    padding-top: 40px;
    padding-bottom: 40px;
}
p.no_result {
    margin-bottom: 0px;
    font-size: 15px;
    color: #007bff;
    font-weight: 600;
    letter-spacing: .1px;
}
p.resut_text {
    color: #686565;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
}
div#flt_htl_result .hotel_price.flight > span {
    color: #000000;
    font-size: 10px;
    display: block;
    text-align: center;
}
h3.step_one {
    color: #02609d;
    font-size: 22px;
    font-weight: 600;
    margin-top: 18px;
    padding-bottom: 4px;
}
div#flt_htl_result .hotel_price.flight {
    padding: 5px;
}
div#flt_htl_result .hotel_price.flight p {
    font-size: 19px;
    color: #02609d;
    font-weight: 600;
    padding-left: 17px;
}
div#flt_htl_result .sort .optns p {
    padding: 10px;
    font-size: 12px;
}
div#flt_htl_result .sort .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
}
div#flt_htl_result .sort h6 {
    margin-top: 9px;
    margin-left: 16px;
    font-size: 15px;
}
div#flt_htl_result .sort {
    padding: 6px;
}
#flt_htl_result .flthtl_sid_img {
    width: 100%;
    float: right;
}
#flt_htl_result .flthtl_sid_img > span {
    color: #007bff;
    font-size: 16px;
    font-weight: 600;
}
#flt_htl_result .flthtl_sid {
    font-size: 12px;
    font-weight: 600;
    color: #222222;
    width: 100%;
}
#flt_htl_result .side_depart {
    display: flex;
}
#flt_htl_result .side_depart .depart_detail p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    color: #919191;
    padding-left: 10px;
}
#flt_htl_result .arrow_img > img {
    width: 24px;
}
.flthtl_sid p:last-child {
    margin-bottom: 4px;
}
.flthtl_sid p:first-child {
    margin-bottom: 8px;
}
.flthtl_sid_img img {
    border: 1px solid #e5e3e3;
}
.row.flthtl_modify {
    padding-top: 4px;
    padding-bottom: 6px;
    background-color: #02609d;
    margin: 0;
    margin-top: 0px;
    margin-top: 10px;
}
.row.flthtl_modify .fa.fa-calendar {
    font-size: 13px !important;
    font-weight: bold;
}
ul.signlogin img {
    height: 30px;
}
.row.flthtl_modify input:focus-visible {
    outline: none;
}
/* -----Edge--------- */
.fold_section .btn-primary {
    border: 0px;
    font-size: 13px;
    color: #156ba4;
    background-color: #e7f0f7;
    border-color: var(--color8);
    text-align: left;
    font-weight: 500;
    padding: 10px 15px;
}
.fold_section .btn-primary:hover {
    color: #156ba4;
    background-color: #e7f0f7;
}
.serv_choice {
    height: 46px;
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cust_name {
    font-size: 13px;
    font-weight: 500;
    color: #191919;
}
.rewrd_box.ht_rewrd_box span.htl_logo_name,
.rewrd_box.ht_rewrd_box span.ht_log {
    height: 33px;
}
.rewrd_box.ht_rewrd_box .htl_logo_name span {
    font-size: 11px;
    padding: 0px !;
}
.rewrd_box.ht_rewrd_box .htl_logo_name {
    padding: 0;
    padding-left: 11px;
}
.row.flr_htl_modify input {
    position: relative;
    padding: 8px 10px 8px 31px;
    width: 100%;
    border: 1px solid #02609d;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 11px;
}
.row.flr_htl_modify > div {
    padding: 0;
}
.row.flr_htl_modify i {
    position: absolute;
    top: 36p;
    left: 0;
    top: 45px;
    z-index: 100;
    left: 11px;
    color: #02609d;
}
.col-sm-2.cust_nw i {
    left: 28px;
}
.cust_de .book_now.htl_bk {
    width: 100%;
    border-radius: 0px;
    height: 37px;
}
.row.flr_htl_modify label {
    color: var(--color8)dfd;
    font-size: 12px;
}
.row.flthtl_modify .cust_de .book_now.htl_bk {
    width: 100%;
    border-radius: 0px;
    height: 34px;
    font-size: 12px;
}
.row.flthtl_modify .col-sm-2.cust_de {
    padding-left: 8px;
}
.row.flr_htl_modify #checkin2 {
    color: #acacac;
}
.row.flr_htl_modify #checkin1 {
    color: #acacac;
}
table.flt_slid tr td {
    border: 1px solid #ededed;
    padding: 0 4px;
}
table.flt_slid img {
    width: 44px !important;
    height: 26px;
    position: relative;
    right: auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 4px;
    margin: 0px auto 5px;
    font-size: 4px;
}
.flt_tabl {
    margin-bottom: 10px;
    box-shadow: 0 0 5px #c1c1c1;
}
td.fltprice_tab.cst_flt_pric p {
    margin-bottom: 0;
    text-align: center;
    color: #007bff;
    padding: 6px;
}
td.fltprice_tab.cst_flt_pric {
    display: none;
}
td.fltprice_tab.cst_flt_pric {
    font-weight: 500;
    text-align: center;
    color: #007bff;
    font-size: 11px;
    height: 3rem;
    width: 8.5rem;
}
.tabl_img {
    padding: 7px;
}
.fltprice_tab span i {
    padding-right: 6px;
    font-size: 19px;
    color: #000;
}
.tabl_img b {
    font-size: 11px;
}
.fltprice_tab span {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #343030;
    display: block;
    padding-bottom: 10px;
}
.fltprice_tab sup {
    color: #9d9d9d !important;
}
.tabl_img h5 {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 10px;
    overflow: hidden;
    margin: 0;
    font-weight: 600;
    color: #494a4b;
}
.descrip .form-control, .descrip .serv_choice, .descrip span.htl_logo_name, .descrip span.ht_log {
    height: 33px;
    font-size: 12px;
}
#checkout_pag .form-control {
    font-size: 12px;
    padding-left: 7px;
}
.lap_box span {
    font-size: 13px;
    vertical-align: text-top;
    font-weight: 500;
}
.modifysearch.flt_modify .calanderboth span {
    line-height: 45px;
}
.lap_box input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
    padding: 0 7px !important;
}
.cust_htl-modify input {
    width: 100%;
    height: 45px;
    border: 1px solid #a7a7a7;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f5f5f5;
}
.activities.cust_price_guarante h4 small {
    font-size: 15px;
    font-weight: 600;
    color: #a5a6a2;
}
.activities.cust_price_guarante {
    border: 0px solid #3abee729;
}
.activities.cust_price_guarante i {
    margin-right: 8px;
    color: #3abee7;
    vertical-align: middle;
    font-size: 15px;
}
section#htl_result .cust_htl-modify .calanderboth span {
    line-height: 46px;
}
.cust_htl-modify button.search_2v {
    height: 43px;
}
.cust_htl-modify input:focus-visible {
    outline: 0px;
}
.cust_htl-modify .selected_box_top {
    width: 100%;
    height: 43px;
}
.cust_htl-modify {
    margin-bottom: 12px;
    padding: 7px;
    background-color: #60565966;
    margin-top: 8px;
}
.cust_htl-modify select {
    width: 100%;
    padding-left: 9px;
    border-radius: 4px;
}
.cust_htl-modify > .row {
    margin: 0;
}
.cust_htl-modify .row > div {
    padding: 0px 3px;
}
#checkout_pag .btn-primary:focus, #checkout_pag .btn-primary.focus {
    color: #156ba4;
    background-color: #e7f0f7;
    border-color: #e7f0f7;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.name_flt_check {
    font-size: 9px !important;
}
.cust_htl-modify .text_icon input, .cust_htl-modify .text_icon span, .cust_htl-modify .selected_box_top {
    background-color: white;
}
#thank_you .leftchecktop .book_now {
    font-size: 15px;
}
.yes span {
    color: #707070;
    font-weight: 500;
}
#checkout_pag .cust_text {
    padding-right: 0px;
}

section#flt_result_page .sort h6 {
    margin-top: 5px;
}
.top-header select, #flt_check_out select, #flt_check_out input.flt_calen {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 12px;
}
input.calender.Datepicker.flt_calen::placeholder {
    color: #495057;
}
/*--------------- Model------- */
.modal-header, .modal-footer {
    font-size: 7px;
    padding: 0.5rem 1rem !important;
    background-color: var(--color1);
    color: white;
}
.modal-title {
    font-size: 16px;
    line-height: 1.5 !important;
}
table.table.table-bordered.text-center.pop_table {
    font-size: 12px;
}
#flt_result_page .close {
    opacity: 1 !important;
}
.bottom_flt_btn button {
    font-weight: normal !important;
}
.modal-content {
    border: 0px solid rgb(255 255 255) !important;
}
.flt_fare_title {
    background-color: #ffd5eba1;
    padding: 4px;
    color: #3abee7;
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
}
.flight_fare_details .tblbreakup {
    width: 100%;
}
.flight_fare_details .tblbreakup tr {
    border: 1px solid #eee;
}
.flight_fare_details .tblbreakup tr td:nth-child(1) {
    font-weight: 600;
    font-size: 13px;
}
.flight_fare_details .tblbreakup tr td {
    padding: 8px 8px;
    font-size: 13px;
    width: 50%;
    text-transform: uppercase;
    text-align: left;
}
.flight_fare_details .tblbreakup tr td[colspan='2'] {
    padding: 0;
}
div#flt_fare_desc {
    line-height: 25px;
    padding: 10px;
    border: 1px solid #eee;
    max-height: 300px;
    overflow: auto;
    font-size: 13px;
    text-align: left;
}
div#flt_fare_desc > h4 {
    line-height: 30px;
    padding-bottom: 5px;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 16px;
}
.flight_popup .departure {
    display: inline-block;
    width: 100%;
    background: #002e6e;
    padding: 5px 5px;
    margin-bottom: 5px;
}
.flight_popup .departure span {
    display: inline-block;
    font-size: 16px;
    color: var(--color8);
}
.flight_popup .departure span strong {
    display: inline-block;
    font-weight: 700;
    color: var(--color8);
}
.flight_popup_body.flight_fare_details .departure {
    color: #3c3c3c;
    font-size: 15px;
    line-height: 27px;
}
.flight_popup_body.flight_fare_details .departure > span strong {
    font-weight: 600;
}
.flight_img figure img {
    width: 40px;
    height: 40px;
}
.flight_popup_body.flight_fare_details .departure span:first-child {
    float: left;
}
.flight_popup_body.flight_fare_details .departure span:last-child {
    float: right;
}
.flight_popup_body.flight_fare_details .departure > span {
    padding: 5px;
    font-weight: 600;
}
hotel-result .container.page-margin {
    margin-top: 18px;
}
.right_result > .row > div {
    padding: 0px;
}
.flight_popup .flight_img figure {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.flight_img span {
    display: inline-block;
    font-size: 12px;
    padding-left: 5px;
    line-height: 15px;
    color: #514f4f;
    text-transform: capitalize;
}
.flight_departing {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-top: 9px;
}
.flight_popup .flight_departing .city {
    display: inline-block;
    width: 100%;
    color: #3abee7;
    font-size: 14px;
    margin: 0px;
    font-weight: 500;
}
.layover.text-center {
    color: var(--color3);
    font-size: 13px;
    text-decoration: underline;
    background-color: #f1f5ff;
    padding: 5px 0px;
    margin: 10px 0px;
}
.flight_popup .flight_departing .time {
    display: inline-block;
    width: 100%;
    margin: 0px;
    font-weight: 600;
    font-size: 14px;
}
.flight_popup .flight_departing .terminal {
    display: inline-block;
    width: 100%;
    color: #4e4e4e;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 500;
}
.flight_img {
    text-align: left;
    font-size: 14px;
}
#flt_result_page p.baggage {
    text-align: right;
    display: inline;
    width: 100%;
    padding: 5px 17px;
    color: #3abee7;
    font-size: 13px;
    margin: 0;
}
#exampleModal_fltdtl, div#exampleModal_fare, div#exampleModal_baggage {
    padding-left: inherit !important
}
#flt_result_page .optns p {
    padding: 9px;
    font-size: 12px;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100% !important;
    height: 100% !important;
    background-color: #000;
}
#cust_multi .calanderboth input:first-child {
    text-align: left;
}
.multi_text {
    padding-left: 8px;
    color: var(--color8);
    letter-spacing: .5px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ff000000;
    padding: 5px;
}
.flt_add {
    margin-top: 7px;
}
#cust_multi {
    margin-top: 4px;
}
.modifysearch.flt_modify .row.tripopt {
    padding-left: 12px;
    padding-bottom: 5px;
}
hotel-result .cust_htl-modify button.search_2v {
    height: 45px;
}
/* -----Mozilaa--------- */
@-moz-document url-prefix() {
    /* Style the select dropdown */
    select {
        background: #fff;
        border: 1px solid gainsboro;
    }
    section#flt_result_page .owl-item.active {
        width: 134px !important;
    }

    .close:not(:disabled):not(.disabled):hover,
    .close:not(:disabled):not(.disabled):focus {
        opacity: .75;
        background-color: transparent !important;
    }

    a.india img {
        border: 0px solid white;
        border-radius: 50%;
        width: 25px;
    }

    img.rss {
        margin-left: 7px;
        width: 15px;
    }

    .cust_frm_date {
        font-size: 9px !important;
    }

    .frm_pln {
        left: -15px;
    }

    .col-md-12.trip-padding.cust_flt_trip strong {
        font-size: 14px;
    }

    .to_col {
        padding-left: 21px;
    }

    .trip_detail::after {
        z-index: 2;
        position: absolute;
        content: '';
        border-left: 2px solid #3abee7;
        border-top: 31px solid #3abee7;
        border-right: 18px solid transparent;
        height: 0px;
        width: 0px;
        right: -18px;
        top: 0px;
    }

    .select_flt input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: var(--color8) !important;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 3px solid #959090 !important;
    }

    .select_flt input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 7px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #3abee7 !important;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 4px solid #3abee7 !important;
    }

    #cust_flt_fltr p {
        font-size: 11px;
        margin-bottom: 8px;
        font-weight: 500;
    }

    .controllerv .control_tab input,
    .controllerv .control_tab select {
        font-size: 13px;
    }

    .number {
        font-size: 12px !important;
    }

    .headofGuest span {
        font-size: 13px;
    }

    section#htl_result .row.trip-padding .fa.fa-calendar {
        font-size: 11px !important;
    }

    .htl-item {
        font-size: 13px;
    }

        .htl-item span {
            margin-right: 9px;
        }

    .hotel_price p {
        margin-bottom: 3px;
        font-weight: 500;
        text-align: right;
        font-size: 11px;
        color: #000000;
        font-size: 11px;
        color: #777;
        margin-bottom: 0px;
    }

    .cancellationblock,
    ul.hotelcheck {
        font-size: 11px;
        font-weight: 500;
        line-height: 18px;
    }

    .page-title.tophd a {
        font-size: 14px;
    }

    .lowest-price p {
        font-size: 14px;
    }

    span.htl_logo_name > span:last-child {
        font-size: 15px;
        margin-top: -2px;
    }

    .fare_alert p {
        font-size: 15px;
    }

    .shortsv p {
        font-size: 13px;
        color: #9d9a9a;
        ;
    }

    .shortsv b {
        color: #007bff;
        font-size: 13px;
    }

    .shortsv {
        padding: 6px 10px 4px 35px;
    }

    .btncheck a.book_now {
        font-size: 12px !important;
        padding: 12px 10px !important;
    }

    .modi_htl-btn > a {
        font-size: 12px;
    }

    section#htl_result .row.trip-padding small {
        font-size: 11px !important;
    }

    section#htl_result .row.trip-padding .fa.fa-calendar {
        font-size: 11px !important;
        position: absolute;
        vertical-align: bottom;
        padding-top: 4px;
    }

    .cust_icon_position {
        padding-left: 13px;
    }

        .cust_icon_position:focus {
            outline: 0px;
        }

    section#htl_result .page-title-wht {
        height: 48px;
    }

    .controllerv .control_tab input,
    .controllerv .control_tab select {
        font-size: 13px;
        font-weight: 500;
    }

    .head_flight p {
        font-size: 11px !important;
    }

    .headofcheck.cust-headofcheck > p {
        font-size: 11px;
    }

    #hotel_detail .headofcheck > span {
        text-align: center !important;
        font-size: 12px;
        vertical-align: sub;
        font-weight: 600;
        letter-spacing: .2px;
    }

    #flt_result_page .hotel_price.flight .book_now {
        font-size: 13px;
        padding: 8px 12px;
    }

    .sections ul li a {
        font-size: 11px;
    }

    .sections ul li a {
        font-size: 11px;
    }

        .sections ul li a img {
            width: 18px;
        }

    .selected_box_top {
        font-size: 12.5px;
        padding: 15px 10px;
    }

    .modifysearch.flt_modify .text_icon input {
        font-size: 14px;
    }

    .modifysearch.flt_modify .selected_box_top {
        font-size: 14px;
    }

    .activities.cust_price_guarante h4 small {
        font-size: 15px;
    }

    .activities.cust_price_guarante i {
        margin-right: 6px;
        color: #659400;
        vertical-align: middle;
        font-size: 15px;
    }

    .col-md-12.FaredDetails_row {
        padding-left: 9px;
        padding-right: 2px;
    }
}

a.activebeard:hover {
    color: var(--color8);
    cursor: pointer;
}
.doflex {
    display: flex;
    width: 100%;
}
.totaltripamt {
    margin-top: 0px !important;
    width: 20%;
    background: #dbe6ec;
    margin-left: 3px;
    border-radius: 5px;
}
.size-fnt {
    font-size: 16px !important;
    color: #02609d !important;
    font-weight: bold !important;
    margin: 0 !important;
}
a.lastarr {
    color: #000;
}

.auto-resp {
    width: 100% !important;
    height: auto;
}
ul.cust_pro, .htl-item {
    width: 120%;
}
select#classecc, select#addrooms {
    position: relative;
    padding: 8px 10px 8px 31px;
    width: 100%;
    border: 1px solid #02609d;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 11px;
    color: #979797;
}
.calandersearch {
    display: flex;
    border-radius: 5px;
    margin: 1px 1px;
}
.text_icon.calandersearch input {
    border: none;
}
.row.flr_htl_modify {
    padding-left: 14px;
}
.chooseroom-head {
    background: #02609d;
    color: var(--color8);
    border-radius: 6px 6px 0 0;
    padding: 7px 10px;
}
.row.detail-room-sec {
    margin-top: 20px;
}
.chooseroom-bledet {
    border: 5px solid #02609d;
    border-radius: 0px 0px 6px 6px;
}
.col-md-4.tripfli-htl-price {
    text-align: right;
}
.row.room-sec-pad {
    padding: 10px;
}
.tripdet {
    padding: 7px 10px;
    background: #dfdfdf;
    color: #000;
    margin: -1px;
    font-weight: 600;
    font-size: 14px;
}
.col-md-4.tripfli-htl-price p {
    margin: 0;
}
    .col-md-4.tripfli-htl-price p:nth-child(1) {
        font-weight: 600;
    }

    .col-md-4.tripfli-htl-price p:nth-child(2) {
        font-size: 11px;
        color: #858585;
    }

.col-md-8.tripfli-htl {
    font-size: 13px;
    color: #8f8f8f;
}

.selec-htl-head {
    font-size: 12px;
    font-weight: 600;
}

.selec-hotel {
    font-size: 17px;
}

.incalen {
    color: #03619e;
    font-weight: bold;
}

a.book_now.htlsaving {
    font-size: 13px;
    width: 73%;
    border-radius: 29px;
    background: #f18500;
    padding: 5px 0px;
}

.cent-room {
    display: grid;
    align-items: center;
}

.chnge-htl {
    position: relative;
    top: -17px;
    text-decoration: underline;
}

.pkg-heading {
    border-bottom: 1px solid #c2def4;
    background-color: #e7f0f7;
    padding: 10px;
    font-size: 16px;
}

.where-to-where,
.pkg-summ-details,
.tot-pkg-pr,
.allcost,
.noteit {
    padding: 0px 11px;
}

.noteit {
    color: #847c85;
    font-weight: 500;
    font-size: 14px;
}

.where-to-where p {
    margin-top: 10px;
    color: #7c7c85;
    font-weight: bold;
    font-size: 14px;
}

.pkg-summ-details {
    font-weight: 500;
    line-height: 29px;
    color: #7c7c85;
}

#checkout_pag > div > div:nth-child(3) > div.col-md-4.col-sm-6 > div > div.pkg-summ > div.tot-pkg-pr > div:nth-child(2) {
    color: #3abee7;
    font-weight: bold;
}

.reviewhtll {
    font-size: 13px;
}

button.reviewhtll {
    border: 2px solid #03619e;
    background: var(--color8);
    color: #03619e;
    padding: 7px 11px;
    border-radius: 6px;
    font-weight: bold;
}

.flights.review-flt {
    box-shadow: none !important;
    border-color: #dfdfdf;
    border-radius: 6px !important;
    margin-top: 17px;
}

div#flt_rest_tab {
    padding-bottom: 13px;
    padding-right: 15px;
    padding-left: 15px;
    /* border: 1px solid gainsboro; */
}

p.nt {
    color: green;
    font-size: 12px;
    margin-top: 12px;
}

.rev-fli {
    padding-top: 19px;
}

.nearby {
    background: #6fa006;
    color: var(--color8);
    padding: 6px 15px;
    margin-top: 15px;
}

.pkg-summ.rev-summ {
    margin-top: 21px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

p.rev-pack-right {
    background: #f190183d;
    padding: 10px;
    border: 3px solid #ffbe4696;
    border-radius: 7px;
    border-left: 7px solid #00000096;
}

button.check-btnn {
    width: 91%;
    margin: 0px 14px;
    background: #6fa006;
    border: none;
    padding: 10px 10px;
    margin-bottom: 17px;
}

#hotel_detail > div > div > div.row > div.col-md-4 > div > div.tot-pkg-pr > div:nth-child(2) {
    color: #3abee7;
    font-weight: bold;
}

.rest-notice {
    font-size: 12px;
    line-height: 3px;
    margin-top: 16px;
    color: #898989;
}

.trans-head {
    margin-top: 40px;
}

    .trans-head h5 {
        margin-bottom: 23px;
    }

.hei-line {
    line-height: 29px;
    border-right: 1px solid #e5e5e5;
}

.add-ride-amt {
    font-size: 24px;
    font-weight: 600;
    color: #3abee7;
}

.ride-amt2 {
    font-weight: 600;
    font-size: 14px;
}

.transfer-note {
    box-shadow: 0px 2px 8px #b3b3b3;
    margin-top: 13px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

    .transfer-note p {
        padding: 11px 14px;
        font-weight: 600;
        color: #005f9b;
        margin: 0;
        display: flex;
    }

    .transfer-note a {
        width: 100%;
        margin-left: 12px;
    }
.all-veh {
    padding: 10px 14px;
    margin-bottom: 20px;
}
select.vehicle-des {
    border: 1px solid #e5e5e5;
    padding: 4px 10px;
    color: #005f9b;
    font-weight: 500;
    font-size: 14px;
    box-shadow: 0px 0px 6px #dfdfdf;
}
.cent-lne {
    border-right: 1px solid #dfdfdf;
}
.pick-drop {
    font-weight: 600;
    font-size: 14px;
}
.whch-airport {
    font-size: 13px;
}
.on-air {
    font-size: 14px;
    margin-top: 10px;
}
.on-milage {
    font-size: 14px;
}
.sec-1 {
    border: 1px solid #ddd;
    margin: 0px 16px;
    padding: 13px 10px;
    margin-left: 0px;
}
.review-carousel {
    max-width: 955px;
}
.sight-btn {
    padding: 9px 5px;
    background: var(--color8);
    color: #005f9b;
    border: 1px solid #bfbfbf;
    box-shadow: 0px 0px 5px #cbcbcb;
    border-radius: 6px;
    margin-left: 17px;
}
.acti-area {
    justify-content: right;
    place-items: center;
    display: flex;
    font-size: 13px;
}
.bottom_flt_btn1 {
    background-color: #d9d9d9;
    margin: 0 !important;
    overflow: hidden;
    padding: 4px;
    border-radius: 0px 0px 5px 5px;
}
.bottom_flt_btn1 button {
    background: #d9d9d9;
    border: none;
    color: #005f9b;
    text-decoration: underline;
    font-weight: 600;
}
.modify-trav-box {
    height: 32px;
    padding: 5px 0px 0 32px;
    border-radius: 0px;
    background: var(--color8);
    margin-left: 2px;
    color: #a7a7a7;
    font-weight: normal;
}
.modify-travbx {
    margin-top: 11px;
}
.row.trav-pop-up label {
    color: #6a6a6a;
}
.trav-pop-up > div[class*=col-] {
    padding: 0px 3px;
}
.trav-pop-up > div[class*=col-md-5] {
    margin-top: -18px;
    margin-bottom: 15px;
}
.sel select {
    width: 100%;
}
.row.economy.eco-mod div {
    padding: 0;
}
.mod-submit {
    padding: 0 !important;
}
.eco-mod input[type="radio"] {
    top: -5px;
}
.plus_minus_box input[type="text"] {
    width: 100%;
    height: 50px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f5f5f5;
}
.det-room-amt {
    position: relative;
    right: 3px;
}
.doit-cent {
    display: grid;
    align-content: center;
}
.trip-summary b, .pkg-summ b {
    font-weight: 600;
    color: #3a3a3a;
    font-size: 14px;
}
.review-date {
    font-size: 13px;
    font-weight: 500;
    display: grid;
    align-content: center;
}
.do-rig {
    text-align: right;
}
.departure {
    color: var(--color8);
    float: left;
    padding: 0px;
    width: 100%;
}
.departure span:nth-child(2) {
   float: right;
}
#exampleModal_fltdtl p.baggage {
    text-align: left;
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
    color: #3abee7;
    font-size: 13px;
    margin: 0;
}
.htll-cent {
    display: flex;
    align-items: center;
}
.fli-left-al {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
}
.thankdet1 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 600;
}
.thankdet2 {
    margin: 11px 0px;
    padding: 0px 21px 0px 0px;
    color: var(--color3);
    font-weight: bold;
    font-size: 14px;
}
.col-md-12.htl-det-all .row {
    margin: 9px 0px;
}
.col-md-12.fli-det-all .row {
    margin: 9px 0px;
}
.fli-mar-bot {
    margin-bottom: 35px !important;
}
.categ {
    font-size: 15px;
    color: #3abee7;
    font-weight: 600;
}
.statusav {
    margin-top: 15px;
}
span.bed_type {
    color: #02609d;
}
.col-md-6.rec-acc {
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    display: flex;
}
.booking-si {
    color: var(--color8);
    font-weight: 600;
    background-color: #005f9b;
    width: 100%;
    padding: 10px 15px;
    font-size: 15px;
    border-radius: 4px 4px 0 0;
}
.hotel_description h1 {
    font-size: 19px;
}
span.paxreq1 {
    position: relative;
    top: -38px;
    left: 3px;
    color: red;
}
.review_ur_hotel {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.review_ur_hotel h2 {
    width: 100%;
    margin: 0px;
    font-size: 20px;
    border-bottom: 1px solid #005f9b;
    font-weight: 600;
    background: #005f9b;
    color: var(--color8);
    padding: 10px 15px;
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 0px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.continue_payment, .fcpayment, .hcpayment, .tgcpayment, .ttcpayment, .trcpayment, .ocpayment {
    display: inline-block;
    font-weight: 500;
    color: var(--color8);
    background: #3abee7;
    border-radius: 5px;
    border: none;
    padding: 10px 20px;
}
.summary_detail.review_fix_pacakge.sight {
    border: 1px solid #ddd;
    border-radius: 6px;
}
.total {
    display: flex;
    margin-left: -4px;
}
div#sidebar {
    margin-top: 14px;
}
.back-blue {
    background-color: #f7f8f7;
    padding: 19px 9px;
}
.row.back-grey {
    background: #f7f8f7;
    padding: 14px 1px;
    margin-top: 6px;
}

.recom-green {
    position: absolute !important;
    top: -17px;
    background: #3abee7;
    color: white;
    border-radius: 6px;
    text-align: center;
    font-size: 13px;
    padding: 3px 0px;
    right: 0px;
}

.back-grey input,
.back-blue input {
    margin-right: 10px;
}

.trip-cent {
    align-items: center;
    display: flex;
}

.back-grey span,
.back-blue span {
    font-size: 12px;
}

.protect-trip {
    margin-top: 30px;
}

.pri-hei {
    margin-top: 17px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
}

.sightseeing {
    padding: 0px;
}

.sightseeing-descrip {
    padding: 10px 0px;
}

.sight_img img {
    width: 213px;
    height: 230px;
}

.sightseeing_p {
    font-size: 13px;
    margin-top: 14px;
}

.sight-info {
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}

.sight-price {
    padding-right: 28px !important;
}

.category span,
.statusav span,
.act span,
.serve span {
    font-size: 14px;
}

.clickround12 {
    border-radius: 50% !important;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem !important;
    width: 1.0rem !important;
}

.slider-line {
    background-color: #cc0574 !important;
}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all.slider-line {
    height: 9px;
    background: #3abee7;
}

.act,
.serve {
    margin-top: 15px;
}

.travelcarousel {
    height: 433px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 433px;
}

    .travelcarousel img {
        width: 100%;
    }

.images {
    margin-bottom: 10px;
}

    .images img {
        object-fit: contain;
        width: 99%;
        margin-bottom: 3px;
    }

.prevv {
    position: absolute;
    left: 243px;
    top: 212px;
    color: var(--color8);
}

    .prevv::before {
        content: '';
        width: 40px;
        height: 40px;
        background: #a7a7a7;
        position: absolute;
        border-radius: 50px;
    }

.next::before {
    content: '';
    width: 40px;
    height: 40px;
    background: #a7a7a7;
    position: absolute;
    border-radius: 50px;
}

.next {
    position: absolute;
    right: 28px;
    top: 212px;
    color: var(--color8);
}

.prevv,
.next {
    display: grid;
    align-items: center;
    cursor: pointer;
}

    .prevv i,
    .next i {
        position: relative;
        width: 100%;
        left: 11px;
        ;
    }

.slideel {
    transition: 1s;
}

.select-category-block {
    width: 100%;
}

.category-outer-box {
    border: 1px solid #ddd;
}

.blue-blockk {
    padding: 9px 26px;
}

.white-block {
    padding: 15px 38px;
}

.blue-blockk {
    background: #daf1ff;
}

.cat-cent {
    display: flex;
    align-items: center;
}

    .cat-cent input {
        margin-right: 10px;
    }

.lan-tex {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 14px 0px;
}

.mar-rightt {
    margin-right: 10px;
    ;
}

.gr div {
    margin-bottom: 6px;
}

.depretdet {
    font-size: 14px;
    line-height: 13px;
}

.pointb {
    font-weight: 600;
    font-size: 16px;
    margin-top: 26px;
    color: #3abee7;
    text-decoration: underline;
}

.checkinn {
    margin: 32px 0px;
    font-size: 14px;
    font-weight: 600;
}

.itineryy {
    position: relative;
}

    .itineryy::before {
        content: '';
        position: absolute;
        height: 290px;
        border: 1px dotted #3abee7;
        left: -17px;
        margin-top: 9px;
    }

.itineryy {
    margin-left: 20px;
}

p.icon-itinerary i {
    position: absolute;
    left: -21px;
    font-size: 17px;
    color: #3abee7;
}

.info-acti {
    margin-left: 20px;
    font-size: 14px;
    line-height: 25px;
}

.ques-asked {
    font-size: 14px;
    margin-top: 25px;
}

.questions-block {
    background: #daf1ff;
    padding: 20px 30px;
    font-size: 14px;
}

.review-load::before,
.review-load1::before,
.review-load2::before,
.review-load3::before,
.review-load4::before {
    content: '';
    width: 352px;
    background-color: #d5d5d5;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load::after {
    content: '';
    width: 140px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load1::after {
    content: '';
    width: 100px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load2::after {
    content: '';
    width: 80px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load3::after {
    content: '';
    width: 180px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load4::after {
    content: '';
    width: 160px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-des {
    font-size: 14px;
    margin-left: 110px;
}

.stars-review {
    margin-top: 9px;
}

.review-by {
    margin: 40px 0 8px 0;
}

.alreview {
    font-size: 14px;
}

.allreviews {
    margin-bottom: 40px;
}

p.category-text {
    background: #707374;
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--color8);
    font-size: 17px;
    font-weight: 600;
}

.acti-border {
    border: 1px solid #dddddd;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0px 0px 5px #d3d3d3;
    margin-bottom: 11px;
}

    .acti-border ul {
        list-style: none;
    }

.sight-hed a {
    width: 33%;
}


ul.nav.nav-pills.mb-2 a {
    color: #4a4848;
}

.sight-hed a:nth-child(3):after {
    display: none;
}

pacakge-details #hotel_detail .nav-pills .nav-link.active,
#hotel_detail .nav-pills .show > .nav-link {
    color: var(--color8) !important;
    background-color: #ffff;
}

pacakge-details #hotel_detail .nav-pills .nav-link {
    position: relative;
    width: 110px !important;
}

    pacakge-details #hotel_detail .nav-pills .nav-link.fa-angle-down::after {
        position: absolute;
        right: 10px;
        content: "\f107";
        padding-left: 7px;
    }

.row.social-iconn div img {
    width: 20px;
    cursor: pointer;
    margin-right: 6px;
}

.review-77 {
    font-size: 24px;
    font-weight: bold;
    color: #005f9b;
    margin-top: -10px;
}

p.sightseeing_p {
    overflow: hidden;
}

.sight-price,
.trans-price {
    display: grid;
    align-content: center;
}

.transfersss input,
.transfersss select {
    font-size: 11px;
    border: none;
    outline: none;
}

.trans-hed a {
    width: 50%;
}

.breadcrumb.flat.trans-hed a:nth-child(2)::after {
    display: none;
    ;
}

.transfer-textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    outline: none;
    padding: 10px;
    font-size: 13px;
}

.sight-thank {
    margin: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .sight-thank h5 {
        background: #f2f6e7;
        padding: 15px;
        font-size: 20px;
        border-radius: 8px 8px 0 0;
        font-weight: 500;
    }
.select-style {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 7px;
    font-size: 14px;
}
.inputplus {
    position: absolute;
}
.inputminus {
    position: absolute;
    top: 0px;
    width: 12% !important;
    left: 108px;
    height: 37px !important;
    background-color: var(--color8) !important;
}
.inputplus {
    position: absolute;
    top: 0px;
    width: 12% !important;
    right: 0px;
    height: 37px !important;
    background-color: var(--color8) !important;
}
button.btn-back {
    padding: 1px 15px;
    border-radius: 5px;
    border: none;
}

.social-buttons {
    margin-right: 8px;
}

button.btn-back.btn-white {
    background: #f1f1f1;
    color: #000;
    font-size: 15px;
    border: 1px solid #d9d9d9;
}

button.btn-back.btn-black {
    border-radius: 100px !important;
    padding: 0px !important;
    padding-left: 6px !important;
    background: #484848 !important;
}

.sightsee a {
    margin-right: 5px !important;
}

/*flight review css starts*/
.baggage-border,
.upgrade-border {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.all-bagg {
    line-height: 34px;
    padding: 0 0 13px 0;
    font-size: 14px;
}

.bagg-belinfo {
    font-size: 13px;
    padding: 11px 17px;
}

    .bagg-belinfo p {
        margin: 0;
    }

.bag-image {
    width: 149px;
    position: absolute;
    top: -50px;
    right: 110px;
}

.golicon::before {
    content: '';
    padding: 4px 5px;
    background-color: #878787;
    border-radius: 100px;
}

.golicon {
    color: white;
}

.golicon1:nth-child(1)::before {
    background-color: #6fa006;
}

.row.back-upblue {
    background: #009cff26;
    padding-top: 33px;
    font-size: 14px;
    color: #000;
    line-height: 24px;
    padding-bottom: 12px;
    border-radius: 7px;
}

.row.canall {
    padding: 19px 0px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
}

    .row.canall i {
        margin-right: 8px;
    }

button.upbutton {
    width: 100%;
    margin: 13px;
    background: #6fa006;
    border: none;
    padding: 6px 0px;
}

.right-upborder {
    border-right: 1px solid #ddd;
}

.right-upborder {
    border-right: 1px solid #ddd;
    padding: 12px 27px !important;
}

.row.col-md-12.upgrade-border {
    padding: 0px;
}

.multi-fli {
    margin: 41px 0px 20px 0px;
}

.multi-fl {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 7px 7px;
    width: 167px !important;
    border-color: #6fa006;
    cursor: pointer;
    margin-right: 10px;
}

/*hotel detail properties*/
.inner-info-rev {
    font-size: 13px;
    line-height: 22px;
    margin-top: 6px;
}

/*cars starts----------------*/
.availablecars {
    margin: 21px 0px;
    border: 1px solid #3abee7;
    border-radius: 6px;
    padding: 13px 20px;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .availablecars h4 {
        font-size: 23px;
        color: #3abee7;
        font-weight: 500;
        margin: 0;
    }

.row.col-md-12.car-jus {
    margin-top: 6px;
    position: relative;
    top: 12px;
}

.carsi div {
    font-size: 13px !important;
    font-size: 13px !important;
    margin-top: 4px;
}

.impinfocar {
    margin-top: 12px;
    margin-left: 4px;
    cursor: pointer;
}

    .impinfocar i {
        color: #747678;
        font-size: 18px;
    }

.carinfoimp {
    position: fixed;
    background: #6e6e6e;
    box-shadow: 0px 0px 10px #c5c5c5;
    left: 0px;
    top: 25px;
    width: 90%;
    height: calc(100vh - 91px);
    z-index: 100;
    margin: 84px;
    border-radius: 3px;
    padding: 20px;
}

.carheading {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 9px;
    margin-top: 30px;
    position: relative;
    color: var(--color8);
}

.carcontent {
    font-weight: 500;
    color: #000000;
    font-size: 15px;
    margin-bottom: 10px;
}

.carpara {
    font-size: 14px;
    color: #d3cccc;
    font-weight: 400;
}

.carclose {
    cursor: pointer;
}

.carinfoimp {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}

.maincarcontent {
    position: relative;
    top: -36px;
}

/*support starts-----------*/
.supporthead {
    font-size: 21px;
    font-weight: 600;
    margin: 60px 0px 20px 0px;
}

.row.col-md-12.supportinfo {
    background: #dff1ff;
    padding: 24px 5px;
}

.row.col-md-12.assistance {
    border: 1px solid #d9d9d9;
    margin-top: 30px;
}

.ass {
    background: #0f314c;
    color: var(--color8);
    padding: 14px;
    border-radius: 5px;
}

.col-md-6.inpuut {
    text-align: center;
}

.inpuut div {
    position: relative;
    top: 17px;
    left: 100px;
}

.inpuut i.fa.fa-search {
    font-size: 18px;
    margin-right: 7px;
    color: #70b400;
    position: relative;
    top: 3px;
    border-radius: 8px;
    border: 3px solid #89ba17;
    padding: 7px;
}

.inpuut input {
    width: 60%;
    outline: none;
    border: 3px solid #81ba05;
    padding: 4px 13px;
    border-radius: 5px
}

.supportm .col-md-3 {
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 20px 20px;
}

.col-md-12.optionsssupp {
    border-bottom: 1px solid #c9c9c9;
    padding: 15px 10px;
    display: flex;
    cursor: pointer;
}

    .col-md-12.optionsssupp:hover {
        background: #dff1ff;
    }

.browse {
    margin: 30px 0px;
    font-weight: 600;
    font-size: 16px;
}

.optionsssupp i {
    position: relative;
    top: 3px;
    margin-right: 9px;
}

.supportm .col-md-8 {
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-left: 36px;
    flex: 100%;
    max-width: 72%;
}

.chips .col-md-4 {
    box-shadow: 0px 0px 10px #e5e5e5;
    border-radius: 5px;
}

.suphe {
    margin: 37px 16px;
    font-weight: 600;
}

.chipscontent {
    margin: 19px 0px;
}

    .chipscontent div {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
    }

.inh {
    font-size: 12px !important;
    font-weight: 500;
}

.chips .col-md-3 {
    flex: 100%;
    max-width: 31%;
    cursor: pointer;
}

.row.col-md-12.chips {
    justify-content: space-between;
    margin: 0;
    margin-bottom: 24px;
}

.row.col-md-12.supportm {
    margin-bottom: 20px;
}

.nchip {
    border-radius: 5px;
    flex: 30% !important;
    max-width: 32% !important;
    padding: 30px 7px;
    border: 1px solid #e9e9e9;
}

.row.col-md-12.supportnchips {
    justify-content: space-between;
    margin: 20px 0px;
    padding: 0;
}

.col-md-12.shead {
    font-size: 11px;
    text-transform: uppercase;
}

.col-md-12.mhead {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0px;
}

.col-md-12.lhead {
    font-size: 11px;
    color: #81b902;
    font-weight: bold;
}

.row.col-md-12.qrcode {
    border: 1px solid #83be05;
    border-radius: 5px;
    margin-bottom: 29px;
    margin-left: 1px;
}

.download div {
    font-weight: 600;
    font-size: 19px;
    margin: 0px 0px 15px 0;
}

.sendm button {
    padding: 5px 21px;
    border-radius: 6px;
    background: #83be05;
    border: none;
}

.sendm input {
    padding: 4px 19px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    outline: none;
}

.col-md-12.addinf {
    font-size: 12px;
    margin: 19px 0px;
}

.row.col-md-8.supportmail {
    border-right: 1px solid #83be05 !important;
    margin: 10px 0px;
}

.coode div {
    font-weight: 600;
    text-align: center;
}

.coode {
    padding: 40px;
}

.chips .col-md-3 {
    padding: 0px 16px !important;
    box-shadow: 0px 0px 10px #d7d7d7;
}

.col-md-12.lhead {
    cursor: pointer;
}

span.img-border:after {
    /* padding-bottom: 84px; */
    content: "";
    background: url(http://zone.qtcmedia.com/html/images/shape.png) no-repeat center center;
    height: 15px;
    width: 100px;
    display: block;
    margin: 15px auto 25px;
}

.heading.pheading {
    padding: 40px 0px 16px;
}

.heading {
    padding: 16px 0px;
}

a.ft_rt {
    background-repeat: no-repeat;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    background: var(--color8);
    box-shadow: 0 3px 6px rgb(211 211 211 / 52%);
    border-radius: 6px;
    padding: 20px;
    justify-content: space-between;
    border: 1px dashed #eae8e8;
    margin: 5px 5px 5px;
    cursor: pointer;
    transition: all .5s ease;
    float: left;
    width: 21.3%;
    flex-grow: 0;
    flex-shrink: 0;
    user-select: none;
    float: left;
    list-style: none;
    position: relative;
    /* width: 295px; */
    width: 18.5%;
    margin-right: 10px;
    color: #3abee7;
    background-image: url(https://trendytraveldv.wpengine.com/wp-content/uploads/2014/06/ser-icon2.png);
    background-repeat: no-repeat;
    background-position: right;
    /* width: 10px; */
}

    a.ft_rt:hover {
        box-shadow: 0 3px 6px rgb(151 151 151 / 94%);
    }

.origin_destination {
    width: 100%;
    display: block;
    flex-wrap: nowrap;
    padding-left: 12px;
    border-left: 2px solid var(--color1);
    position: relative;
}
    .origin_destination:before {
        content: " ";
        position: absolute;
        background-color: #3abee7;
        padding: 3px;
        border-radius: 50%;
        top: 0;
        left: -4px;
    }
.elip {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #333;
    height: 16px;
    font-weight: 700;
    vertical-align: top;
}
.origin_destination:after {
    content: " ";
    background-color: #3abee7;
    padding: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: -4px;
}
.price_go.dest {
    display: flex;
    flex-direction: row;
    padding-top: 30px;
    align-items: flex-end;
}
a.ft_rt:hover {
    color: #0056b3;
    text-decoration: none;
    color: unset;
}
p.low_price {
    font-weight: 700;
    font-size: 18px;
    display: flex;
    width: 100%;
    margin-bottom: 0px;
    justify-content: space-between;
}
p.low_price span {
    width: auto;
    font-weight: 600;
    display: inline;
    color: #8f8c8c;
    font-size: 14px;
}
.flt_rowt div#nav-tab {
    text-align: center;
    justify-content: flex-end;
    justify-content: center;
    margin-bottom: 37px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--color8) !important;
    background-color: #3abee7 !important;
    border-color: #3abee7 #3abee7 #3abee7 !important;
}
span.rs {
    color: #3abee7 !important;
    font-weight: 500 !important;
    display: inline !important;
    float: left;
    width: auto !important;
    font-size: 18px !important;
    padding-right: 0px !important;
    margin-right: 0;
    display: block;
}
.container.flt_rowt .nav-item {
    padding: 5px;
    color: white;
    border-radius: 24px;
    text-align: center;
    width: 117px;
    border: 1px solid #555555;
    margin: 0px 10px;
    background-color: #5e5e5e;
    font-size: 14px;
}
.container.flt_rowt .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}
.over {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
}
.sale {
    position: relative;
}
.container.containr {
    padding: 50px 34px;
}
.container.containr p {
    color: #000;
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    padding: 2px 5px;
    background: linear-gradient(to bottom, var(--color8) 0%, var(--color3) 100%);
    border: 1px solid #f6bfbf;
    text-align: justify;
}
.container.containr h6 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    background: var(--color3);
    padding: 4px 10px;
    color: var(--color8);
    margin-bottom: 0px;
}
img.point {
    vertical-align: inherit;
    width: 18px;
    margin-right: 10px;
}
.mid_nc {
    background-color: var(--color8);
    width: 74%;
    position: absolute;
    top: 31px;
    z-index: 10000;
    margin: auto;
    text-align: center;
    border-radius: 0px;
    width: 80%;
    margin: auto;
    background-color: white;
    box-shadow: 1px 1px 3px var(--color8);
    margin-bottom: 8px;
    box-shadow: 0 1px 7px 0 rgb(0 0 0 / 40%);
}
.bottm_nv {
    margin: auto;
    display: flex;
    justify-content: center;
}
#flt_result_pag .container {
    width: 100% !important;
    max-width: 1355px !important;
}
#flt_rest_tab .nav-tabs .nav-link.active, #flt_rest_tab .nav-tabs .nav-item.show .nav-link {
    color: var(--color8) !important;
    background-color: #898587 !important;
    border-color: #898587 #898587 #898587 !important;
}
#htl_result .panel-body label {
    display: flex;
    padding-left: 0px;
    font-size: 12px;
}
#htl_result .panel-body.rating i.fa.fa-star {
    font-size: 11px !important;
}
#htl_result .panel-body.rating span {
    font-size: 12px;
}
#htl_result div#Ratings label {
    padding-left: 0px;
    display: inline-block;
}
div#divHotelSearch a.book_now {
    width: auto;
    display: inline-block;
    margin-top: 0px;
}
.imoap img {
    box-shadow: 1px 1px 4px 1px gainsboro;
    width: 100%;
}
.h_txt p {
    font-size: 16px;
    font-weight: 600;
    color: #3abee7;
    display: block;
    margin-bottom: 1px;
}
p#btn_City {
    color: #7e7e7e !important;
    margin-top: 0px !important;
}
.h_txt img {
    display: inline-block;
    width: 36px;
    margin-right: 25px;
}
.hotel_img p span {
    color: #727272;
    font-size: 12px;
    display: block;
    font-weight: 600;
    line-height: 17px;
}
.imoap input {
    font-size: 13px;
    border-color: #f5eded;
    padding: 5px;
    margin-top: 10px;
    box-shadow: none;
    background-color: #3abee71c;
    border: 1px solid #3abee752;
}
ul.cust_pro {
    padding-left: 4px;
    line-height: normal;
    padding-top: 4px;
    margin-bottom: 0px;
    color: red;
}
a.log, a.sig {
    border: 2px solid white !important;
    font-weight: 600;
    background-color: #6a565600;
    color: var(--color8) !important;
    border-radius: 19px !important;
    padding: 1px 10px !important;
}
a.free-app.wllet {
    border-radius: 3px !important;
}
a.india img {
    border: 0px solid white;
    border-radius: 50%;
    width: 25px;
}
img.rss {
    margin-left: 7px;
}
.top-header img {
    width: 19px;
    margin-right: 8px;
}
.navigation-box {
    top: .4rem;
    right: .8rem;
    width: 2rem;
    position: absolute;
}
.with_color {
    background-color: #898587 !important;
}
.badge-primary {
    color: var(--color8);
    background-color: #e91e63;
}
.badge-bg {
    color: var(--color8);
    background-color: #e91e63;
}
.breaking-caret:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #898587;
    border-bottom: 20px solid transparent;
    position: absolute;
    right: -15px;
    top: 0;
}

.hotel_description {
    padding-right: 5px;
    border-right: 1px solid #3333333b;
}
span#btn_checkin,
span#btn_checkout {
    color: #a5a0a0;
    font-size: 12px;
}

@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");

.login-block {
    width: 100%;
}
.banner-sec {
    no-repeat left bottom;
    background-size: cover;
    min-height: 460px;
    border-radius: 0 10px 10px 0;
    padding: 0;
}
.carousel-caption {
    text-align: left;
    left: 5%;
}
.login-sec {
    position: relative;
    height: 450px;
    position: relative;
    box-shadow: 0 0 5px #c1c1c1;
}
.login-sec .copy-text {
    position: absolute;
    width: 80%;
    bottom: 20px;
    font-size: 13px;
    text-align: center;
}
.login-sec .copy-text i {
    color: #FEB58A;
}
.login-sec img {
    width: 420px;
    height: 166px;
    margin: 12px 0px;
    border-radius: 11px
}
.login-sec .copy-text a {
    color: #E36262;
}
.login-sec h4 {
    font-size: 22px;
    color: #f20b4b;
}
.btn-login {
    background: #DE6262;
    color: var(--color8);
    font-weight: 600;
}
.banner-text {
    width: 70%;
    position: absolute;
    bottom: 40px;
    padding-left: 20px;
}
.banner-text h2 {
    color: var(--color8);
    font-weight: 600;
}
.banner-text h2:after {
    content: " ";
    width: 100px;
    height: 5px;
    background: var(--color8);
    display: block;
    margin-top: 20px;
    border-radius: 3px;
}
.banner-text p {
    color: var(--color8);
}
.rooms_details2 {
    float: right;
}
.rooms_details1 .list {
    list-style: none;
    color: #7c7878;
    font-size: 15px;
}
.rooms_details2 .list {
    list-style: none;
    color: #7c7878;
    font-size: 15px;
}
.rooms_details2 .list span {
    color: #ff196e;
}
.galary_image {
    padding: 0 20px;
}

    .galary_image img {
        width: 115px;
        border-radius: 5px;
        margin-bottom: 22px;
    }

.refund {
    margin: 20px 17px;
}

    .refund p {
        font-size: 18px !important;
        font-size: 18px !important;
        color: #9f9f9f;
        font-weight: 600;
    }

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 14px;
    height: 0px
}

.blog .carousel-indicators .active {
    background: #707070;
}

.insurance {
    box-shadow: 0 0 5px #96989b;
    padding: 16px 18px;
    width: 257px;
    height: 73px;
    margin: 14px 0;
}

    .insurance p {
        display: block;
        padding-left: 20px;
        color: #747070;
    }

    .insurance i {
        color: #3abee7;
        padding-right: 10px;
        font-size: 15px;
    }

#checkout_pag a.book_now {
    border: 4px solid var(--color3);
    background-color: var(--color3);
    padding: 4px !important;
    margin-top: 0px !important;
    font-size: 13px !important;
    color: white !important;
    text-transform: uppercase;
}
section#checkout_pag input#checkin1, section#checkout_pag select.htlhide {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 14px;
}
section#checkout_pag ol.carousel-indicators {
    display: none;
}
section.breadcrumb-outer {
    background: url(http://wordpressboss.com/wb/travas-demo/assets/images/bg/video.jpg) no-repeat;
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 50px 0 0;
    height: 207px;
}

.section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}

.breadcrumb-content {
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

    .breadcrumb-content:before {
        position: absolute;
        content: '';
        height: 2px;
        background: var(--color8);
        width: 50px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.breadcrumb-outer h2 {
    color: var(--color8);
    margin: 0;
    font-size: 36px;
    padding: 10px 0 5px;
}

.breadcrumb-outer h4 {
    margin-bottom: 10px;
    color: white;
    font-size: 19px;
}

ul.search_tab li a i {
    margin-right: 10px;
}

.breadcrumb-content nav {
    display: inline-block;
}

.car_result .hotel {
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 20px #cccccc57;
    margin-bottom: 30px;
    padding: 0px;
    display: inline-block;
    width: 100%;
    border-radius: 0px;
}

.car-resu .hotel_img {
    border-radius: 0px;
}

    .car-resu .hotel_img a img {
        height: auto;
    }

.car-resu .destination-content {
    padding: 25px 20px 0px;
    position: relative;
    overflow: hidden;
}

    .car-resu .destination-content h5,
    .car-resu .detail-content .destination-content h3 {
        color: #d60d45;
        /* font-weight: 600; */
        margin-bottom: 0px;
    }

    .car-resu .destination-content h6 {
        font-weight: 300;
        color: #666;
        display: inline;
        font-size: 12px;
    }

    .car-resu .destination-content h3 {
        margin-bottom: 10px;
        border-bottom: 1px dashed #f1f1f1;
        padding-bottom: 10px;
    }

.car-resu ul.list li {
    display: inline-block;
    padding-right: 10px;
    width: 49%;
    font-size: 13px;
    color: #818181;
}

    .car-resu ul.list li:before {
        content: '\f00c';
        font-family: fontawesome;
        padding-right: 3px;
    }

.car-resu p.package-days span {
    color: #d81e47;
}
.car-resu .destination-content .deal-rating {
    margin-bottom: 0;
}
.car-resu .hotel_price.cust_price_htl {
    padding: 0px 20px 25px;
}
.destination-content a {
    color: #d60d45;
    font-size: 17px;
    text-align: left;
    width: 100%;
    display: block;
}
.car-resu p.package-days {
    font-size: 15px;
    margin-bottom: 0px;
    color: #565858;
}
.car-resu i.fa.fa-close {
    color: white;
}
.car-resu .hotel_price.cust_price_htl h3 {
    text-align: right;
    color: #4a4d4e;
    font-size: 25px;
}
.row.k > div {
    -ms-flex: 0 0 25%;
    flex: 0 0 16.5% !important;
    max-width: 25%;
}
.row.k .travl_rw {
    flex: 0 0 16.666667% !important;
    max-width: 15.666667% !important;
}
.modifysearch.flt_modify .text_icon input,
.modifysearch.flt_modify .text_icon select {
    border: 1px solid #a79fa154;
    color: darkgrey;
}
.cust_modify_calender .text_icon.calanderboth {
    border: 1px solid #a79fa154;
}
.modifysearch.flt_modify .selected_box_top {
    border: 1px solid #a79fa154;
    font-size: 12px;
}
.breaking-box .carousel-item {
    line-height: 32px;
}
.breaking-box a.carousel-control-prev.text-primary,
.breaking-box a.carousel-control-next.text-primary {
    display: none;
}
input[type=text] + input[type=hidden] + .sugg-close {
    display: none;
}
input[type=text].sugg-x + input[type=hidden] + .sugg-close {
    display: inline;
    position: absolute;
    right: 18px;
    top: 15px;
    color: #333;
    cursor: pointer;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.searchdn.select-airline {
    border-bottom: 1px solid #9f9f9f;
}
label.switch {
    position: relative;
    display: inline-block;
    width: 25px !important;
    height: 11px !important;
    padding: 0 !important;
    cursor: pointer;

}
label.switch input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color2);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 4px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 0;
    top: -2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}
input:checked + .slider {
    background-color: #3abee7;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.searchdn .switch-text {
    position: absolute;
    top: 2px;
    color: #ffff;
    font-size: 12px;
    padding: 0 !important;
    margin-left: 5px;
    cursor: pointer;
}
.waiting:empty {
    width: 100%;
    height: 20px;
    margin-bottom: 2px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: waiting 1s infinite;
}
span.waiting {
    vertical-align: middle;
    display: inline-block;
}
.invalid-feedback {
    display: block;
}
@keyframes waiting {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}
.row.searchdns .col-md-2 {
    display: block;
}
div#cust_one_round .calanderboth input:first-child {
    text-align: left;
}
.modifysearch > .row .col-md-4.col-sm-12.col-xs-12 .col-md-6.col-sm-6.col-xs-12.resp_full {
    padding-left: 0px;
}
.modifysearch > .row .col-md-4.col-sm-12.col-xs-12 {
    padding: 0px;
}
.modifysearch .searchdn i {
    top: 18px;
    color: #b1b0b0;
    left: 5px;
}
.modifysearch .searchdn.select-airline select {
    color: #7c7979;
    top: 0px;
}
.modifysearch .slider:before {
    background-color: #7c7979;
}
.modifysearch .slider {
    background-color: #7c797994;
}
.modifysearch .searchdn.direct-fliser {
    padding-top: 16px;
}
.modifysearch .searchdn .switch-text {
    top: 17px;
    color: #7c7979;
    font-size: 12px;
    padding: 0 !important;
    margin-left: 15px;
}
.all-countries {
    width: 33px;
    position: relative;
    border: 1px solid #ced4da;
    border-right: 1px solid gainsboro;
    padding-left: 5px;
    border-radius: 5px 0 0 5px;
}
.country-code {
    text-align: left;
    padding: 0;
    padding-left: 15px;
    border-left: none;
    outline: none;
}
/*---thank u page*/
.thanu_top {
    text-align: center;
    background-color: var(--color1);
    color: #ffff;
}
.thanu_top img {
    width: 176px;
    display: none;
}
.thanu_top p {
    font-size: 15px;
    font-weight: 600;
    margin-top: 13px;
}
.thanku_bottom, .thanku_lft, .thanku_rit {
    box-shadow: -2px -1px 6px 1px #d3d1d19c;
    width: 100%;
    background: white;
    padding: 8.25pt 12pt 8.25pt 10.5pt;
    border-radius: 2px;
    border: 1px dashed gainsboro;
    margin-bottom: 10px;
}
    .thanku_lft h3, .thanku_rit h3 {
        background: var(--color1);
        padding: 10px 13px;
        color: #ffff;
        font-size: 14px;
        font-weight: 500;
        margin: 10px 0px;
    }
.thanku_bottom {
    display: flex;
    justify-content: space-between;
}
.thank_tabl {
    width: 100%;
    background: #ffff;
    padding: 10px 13px;
    color: #90868a;
    font-size: 12px;
    border: 1px dashed gainsboro;
}
.thank_tabl_rw p {
    display: inline-block;
    padding: 15px;
    margin-bottom: 0px;
    padding: 7px 11px;
    width: 50%;
    color: #727272;
    font-size: 14px;
    font-weight: 600;
}
.thank_tabl_rw p.tab_bold {
    font-weight: 600;
    color: black;
}
.flt-ic {
    margin-top: 10px;
    margin-right: 10px;
    width: 50px;
    height: 51px;
}
.pink-strip {
    width: 100%;
    background: white;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0px solid gainsboro;
    text-align: center;
}
.pink-strip > span {
    font-size: 17px;
    text-align: center;
    border-radius: 2pt;
    font-size: 9pt;
    color: var(--color8);
    border: 1pt solid #90868a;
    background-color: #90868a;
    margin-right: 6px;
}
.ticket_inf li {
    font-size: 13px;
    color: #837e80;
    line-height: 31px;
}
ul.ticket_inf {
    padding-left: 20px;
}
.viw_recip {
    padding: 6px 13px;
    border-radius: 5px;
    background: none;
    color: #3abee7;
    font-weight: bold;
    border-color: #3abee7;
    margin-top: 17px;
    cursor: pointer;
}
.travel-inf > h4 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
}
.travel_info_price > p {
    width: 50%;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 7px;
    font-weight: 500;
    color: #3a3a3a;
}

p.pri_rit {
    text-align: right;
}
p.booking-fee {
    font-size: 15px;
    font-weight: 600;
}
star-rating {
    color: gold;
}
hotel-thankyou table.table.table-bordered {
    font-size: 13px;
    font-weight: 500;
}
p.totl {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-right: 56px !important;
}
p.bottm_p {
    margin-bottom: 4px;
    font-size: 12px;
}
.flt-bk-info b span {
    font-weight: 600;
    display: block;
    font-size: 17px;
    color: #949596;
}
.flt-bk-info span {
    font-size: 13px;
    display: block;
    color: #959292;
}
.flt-bk-rit p {
    font-size: 16px;
    color: var(--color3);
    font-weight: 600;
    margin-bottom: 0px;
}
    .flt-bk-rit p.M {
    color: var(--color3);
    }
section.thank_u_ {
    position: relative;
    margin-bottom: 30px;
}
#cab-thanku .flt-ic {
    margin-top: 10px;
    margin-right: 10px;
    width: 100px;
    height: 80px;
}
.flt-bk-rit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
}
section#htl_thanku .thank_tabl_rw p {
    border: 0px;
    padding: 4px 0px;
    font-size: 15px;
}
p.htl_bk_description {
    font-size: 13px;
    font-weight: 600;
    color: #999191;
    width: 100%;
}
.thank_u_ hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgb(191 191 191 / 99%);
}
header {
    width: 100%;
    position: fixed;
    z-index: 1000;
}
.top-header > p {
    margin-right: 0px !important;
    font-size: 16px !important;
}
.top-header ul li:last-child {
    margin-right: 0px;
}
body > client-app > app-layout > div {
    padding-top: 80px;
}
.row.childs-row select {
    border: 1px solid gainsboro;
    height: 31px;
    border-radius: 3px;
}
.panel-body.rating i.fa.fa-star {
    font-size: 11px !important;
}
.panel-body.rating span {
    float: right;
    text-align: right;
    margin-left: 5px;
    font-size: 11px;
    color: #403e3e;
    font-weight: 500;
}
hotel-filter, flight-filter {
    font-size: 14px;
}
h2.headline a > span {
    margin-left: 10px;
}
hotel-temp h2.headline a > span {
    text-align: right;
    margin-left: 10px;
    width: 31%;
}
hotel-temp h2.headline a > span i {
    font-size: 12px;
}
div#divHotelSearch input {
    color: #495057;
    font-size: 15px;
}
.container.page-margin > .row > div:first-child {
    padding-right: 5px;
}
.container.page-margin > .row > div:last-child {
    padding-left: 5px;
}
div#Ratings .checkbox {
    margin-bottom: 0px;
    margin-top: 5px;
}
div#Ratings > div {
    padding-right: 0px;
    padding-left: 0px;
    padding: 0px;
}

h3.namedetail a i {
    color: #ffe31a;
    font-size: 13px;
    vertical-align: super;
}
.topdn p {
    color: #979494 !important;
    font-size: 12px;
    margin-bottom: 0px;
}
.topdn a.btn.btn-success {
    font-size: 13px;
    font-weight: 500;
}
.img_section {
    display: flex;
}
.img_section img {
    width: 37px;
}
a.nav-item.nav-link {
    color: white;
    font-size: 12px;
    font-weight: 500;
    background-color: #8b8a8a;
    margin-right: 3px;
}
.row.flight_popup {
    margin-top: 7px;
}
flight-fare-details th, flight-fare-details td, flight-baggage-details th, flight-baggage-details td {
    font-weight: 500;
    font-size: 13px;
}
flight-fare-details th {
    background-color: var(--color3);
    font-size: 13px !important;
    color: white;
}
flight-fare-details td {
    font-size: 12px;
}
flight-fare-details td, flight-baggage-details td {
    color: #626262;
}
.baggage-style {
    font-size: 14px;
    padding: 6px 18px;
    border-radius: 27px;
    margin-bottom: 10px;
    border: 1px solid #ff9fc0;
    display: inline-block;
    background-color: #3abee7;
    font-weight: 700;
    color: var(--color8);
}
.baggage-style i {
    color: var(--color8) !important;
    margin: 0px 8px;
}
section#hotel_detail.baggage-style i.fa.fa-arrow-right {
    font-size: 12px;
    color: #8b8a8a !important;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}
section#hotel_detail .next::before {
    content: '';
    width: 25px;
    height: 25px;
    background: #a7a7a700;
    position: absolute;
    border-radius: 50px;
}
section#hotel_detail span.pre.ar-right {
    z-index: 100000;
    display: inline-block;
    position: absolute;
    top: 50%;
    color: white;
    left: 4%;
}
section#hotel_detail .next {
    position: absolute;
    right: 8%;
    top: 50%;
    color: var(--color8);
}
section#hotel_detail .hotel_price.htl_dtl_pric h3 {
    margin-top: 0px;
    text-align: right;
    color: #525151;
    font-size: 15px;
}
section#hotel_detail .hotel_info.collapse_click1 span,
section#hotel_detail .hotel_info.collapse_click1,
span.capcity_item span {
    font-size: 12px;
    color: #918d8d;
}
section#hotel_detail ul.cust_pro {
    display: none;
}
section#hotel_detail .collapsesv {
    font-size: 12px;
    font-weight: 500;
    color: #212529;
}
    section#hotel_detail .collapsesv a {
        color: var(--color1);
        font-weight: 600;
        font-size: 12px;
    }
section#hotel_detail p.s {
    margin-top: 8px;
}
section#hotel_detail .row.reviesvs {
    margin: 0px 0;
}
    section#hotel_detail .row.reviesvs h4 {
        text-transform: capitalize;
        color: var(--color2);
        font-size: 18px;
        font-weight: 600;
    }
section#hotel_detail .row.reviesvs > div {
    padding: 0px;
}
.alert-info {
    color: #3abee7 !important;
    background-color: #3abee726 !important;
    border-color: #3abee782 !important;
}
.leftabout.area_detail {
    overflow: hidden;
    height: 360px;
}
.Mapviewv p {
    padding: 8px;
    background-color: #f1f1f1;
    font-weight: 500;
    text-transform: capitalize;
}
.row.reviesvs h4 {
    text-transform: capitalize;
    font-size: 21px;
    color: #3abee7;
    margin-bottom: 1px;
    margin-top: 0px;
    font-size: 23px;
}
div#Amenities .Descriptions .col-md-4.col-sm-4.col-xs-12 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 13px;
    line-height: 33px;
    color: #706f6f;
}
div#Amenities .Descriptions .col-md-4.col-sm-4.col-xs-12 i {
    margin-right: 10px;
}
div#Policies .panel-body {
    font-size: 14px;
    line-height: 33px;
    color: #706f6f;
}
div#Policies .panel-body {
    font-size: 14px;
    line-height: 33px;
    color: #706f6f;
}
checkout .white-shadow {
    background: rgb(255 255 255 / 0%);
}
table.ui-datepicker-calendar a.ui-state-default {
    border-color: var(--color1);
    background-color: var(--color1) !important;
    color: #ffff;
}
span.ui-slider-handle.ui-corner-all.ui-state-default {
    background: var(--color1) !important;
    border: 1px solid var(--color1) !important;
    top: -7px !important;
}
.panel-body.rating span i {
    margin-top: 2px;
}
.panel-body.rating span {
    margin-left: 5px;
    padding-top: 0px;
}
.modifysearch.flt_modify .text_icon input {
    font-weight: 200 !important;
    font-size: 13px !important;
}
.depretur {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 14px;
    color: #3abee7;
}
.leftchecktop .col-md-8.col-sm-8 p {
    color: var(--color10) !important;
}

h6.names-diff {
    font-size: 15px;
    font-weight: 600;
}
.regular-radio {
    margin-right: 10px;
}
input#adt_exp_0_0 {
    background-color: white;
}
checkout ul.paymentMethod li input[type=radio] {
    vertical-align: middle;
}
ul.paymentMethod.row {
    list-style: none;
    margin-bottom: 7px;
}
hotel-details .Hotelsresult.htl_detail_rslt button.showmrebtn {
    background-color: #90868a;
    margin-bottom: 9px;
    border-color: #a9b0a8;
    padding: 3px 10px;
}
hotel-details .hotel_info.collapse_click1 img {
    width: 14px;
}
hotel-details span.capcity_item > span {
    font-size: 12px;
}
hotel-details span.capcity_item i {
    font-size: 14px;
    color: #918d8d;
}
hotel-details .lftdetal > h3 {
    font-size: 16px;
    color: var(--color3);
    margin-top: 3px;
}
checkout .htl-male-female input.regular-radio {
    margin-right: 4px;
}
hotel-details .row.col-md-10.icons-sec {
    margin-top: 10px;
    margin-bottom: 10px;
}
.paradeil p {
    color: #9f9d9d;
    line-height: 23px;
    font-size: 15px;
}
span.amenty_item {
    line-height: 31px;
}
.hedpara h4 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 15px;
    color: black;
}
hotel-details div#Policies .hedpara h4, hotel-details div#Policies .hedpara p {
    margin-bottom: 0px;
}
checkout .hedpara h4 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
    color: black;
}
checkout .col-sm-4.from_col p, checkout .col-sm-4.to_col p {
    font-size: 12px !important;
}
.lowest-price p {
    font-size: 12px;
}
.lowest-price p, .lowest-price-grn p, .lowest-price-grn b {
    font-size: 12px;
    margin-bottom: 0px;
}
div#cust_one_round > div:first-child {
    padding-right: 0px;
}
div#cust_one_round > div:last-child {
    padding-right: 0px;
}
.row.tripopt {
    padding-left: 10px;
}
.ui-menu .ui-menu-item li:hover {
    border-color: #7e7e7e !important;
    background-color: #7e7e7e !important;
}
flight-result section#flt_result_page .sort > div > div {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 19%;
    max-width: 25%;
}
flight-result section#flt_result_page .sort > div > div:first-child {
    text-align: center;
    flex: 0 0 15%;
}
.flt_tabl {
    overflow-x: auto;
    overflow-y: hidden;
}
#checkout_pag > div > div:nth-child(2) > div.col-md-4.col-sm-6 > div > div.col-md-12.FaredDetails_row > checkout-fare-details > div:nth-child(4) > div:nth-child(1) > p > span:nth-child(1) {
    font-size: 18px !important;
}

.hedpara > .row > div {
    width: 100%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 100%;
    max-width: 100%;
}
.hedpara > .row > .col-md-10 > .row > .col-md-4.col-sm-6.col-xs-12 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}

.pink-strip button {
    margin-right: 4px;
    background-color: #3abee7;
    padding: 5px 10px;
    border-color: var(--color8);
}
.right_result .sort a {
    margin-right: 7px;
    font-size: 14px;
    color: white !important;
    font-weight: 500;
}
hotel-result .sort > .row > div {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
hotel-result .sort > .row > div:first-child {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 21.333333%;
    max-width: 24.333333%;
}
hotel-result .panel-body.rating span {
    margin-left: 5px;
    padding-top: 0px;
}
hotel-result .panel-body.rating span {
    font-size: 13px;
}
hotel-result .sort a i {
    margin-left: 6px;
}
flight-result .flt-rit {
    margin-top: 10px;
    padding: 7px 0px;
    border: 1px solid #eee;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 45%);
    height: fit-content;
}
.quotation-list .fa-trash {
    color: #ff4d4d;
    transition: color 0.3s ease;
}
flight-result .flt-rit .quotation-list a i.fa.fa-trash {
    top: 3px;
    position: absolute;
    right: 10px;
}
flight-result .flt-rit .loop1 p {
    font-size: 16px;
    color: #2a2a2a;
    font-weight: 600;
    border-bottom: 1px dashed gainsboro;
    padding-bottom: 2px;
    margin-bottom: 0px;
}
ui-range-slider div#price_slider_range {
    height: 5px !important;
    background: var(--color1);
    border: none !important;
}
.ui-slider .ui-slider-handle, .ui-slider .ui-slider-handle::before {
    border-radius: 50%;
}
.ui-slider .ui-slider-handle::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #ffffff;
    position: absolute;
    top: 4px;
    left: 4px;
}
flight-result .flt-rit > div:nth-child(3) div#demo1 {
    padding: 0;
}
flight-result .flt-rit > div:nth-child(2), flight-result .flt-rit > div:nth-child(3) {
    margin-right: 0px;
    margin-left: -7px;
}
flight-result .resultaa > .flt-rit > div:nth-child(2) > div:nth-child(1) {
    padding-right: 5px;
}

flight-result .checkbox label {
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: 500;
    color: #585858;
    margin-left: 12px;
}
flight-result .booking-item-address > span {
    color: #626262;
    font-size: 13px;
}
flight-result .loop1 > .col-md-12 > .col-md-12 {
    padding: 0px;
}
.col-md-12.flt-top-toolbar > div {
    padding: 0px;
    flex: 0 0 50%;
    max-width: 50%;
}
flight-result .col-md-12.flt-top-toolbar {
    margin-bottom: 10px;
    justify-content: space-between;
    display: flex;
    padding: 8px 12px 7px 12px;
    background-color: rgb(255 255 255);
    box-shadow: 0 2px 9px 0 rgb(0 0 0 / 15%);
    margin-top: 20px;
}
flight-result span.seconds_new {
    display: block;
}
flight-result .col-md-2.found {
    font-weight: 500;
    font-size: 17px;
    color: #808090;
}
flight-result .col-md-2.found span {
    font-weight: 500;
    font-size: 16px !important;
    color: #3abee7;
}
flight-result button.myBtnn {
    font-size: 15px;
    border-color: #979797;
    padding: 7px 11px;
    background-color: #979797;
    margin-bottom: 10px;
    margin-right: 0px !important;
    margin-top: 0px !important;
}
.new {
    display: flex;
    box-shadow: 0 0 5px #c1c1c1;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px;
    border-radius: 5px;
    background: var(--color1);
    margin: 10px 0;
}
.col-md-12.new > div {
    margin: 1px;
    color: white;
    background: white;
    padding: 0px 8px;
    color: #7a7e81;
    border-left: 1px solid #02609d36;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
}
.col-md-12.col-xs-8.flt-destiantion-bar {
    padding-top: 0px;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    color: black;
    font-weight: 500;
    text-align: center;
    border-bottom: 3px dotted #979797;
    margin-bottom: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.col-md-8.col-xs-8.sort0 > span {
    margin: 0px !important;
    border-right: 1px solid #3abee7;
    padding: 10px 50px;
}
flight-result .col-md-8.col-xs-8.sort0 > span {
    margin: 0px !important;
    border-right: 3px solid var(--color1);
    padding: 10px 42px;
}
.col-md-2.col-xs-2.sort_by {
    padding: 0px;
    background-color: transparent;
    color: white;
    font-size: 17px;
    border-left: 0px;
    vertical-align: unset;
    line-height: 32px;
}
p.flt-loc {
    font-size: 16px;
}
p.flt-loc > span, p.flt-loc > img {
    margin-right: 10px;
    width: 18px;
}
.col-md-12.flt-result-container > .row {
    display: block;
}
flight-details-template > div:nth-child(1) > div:nth-child(1) {
    border-right: 1px dashed gainsboro;
}
flight-result-template hr {
    margin-top: 0px;
    margin-bottom: 0px;
}
flight-segment-template > .row .col-md-8 {
    display: flex;
    align-items: center;
}
flight-result .loop1 > div {
    margin-bottom: 7px;
}
.col-md-12.flt-result-container {
    border: 0px solid gainsboro;
    margin-bottom: 0px;
    margin-top: 9px;
    box-shadow: 0 0 5px #c1c1c1;
    padding-bottom: 0px;
    border-radius: 4px;
}
.col-md-12.col-xs-8.flt-destiantion-bar > p {
    color: #565454;
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 14px;
}
.col-md-4.col-xs-4.new20 {
    align-items: self-start;
    display: flex;
    padding-top: 10px;
}
.col-md-4.col-xs-4.new20 > .col-md-8 {
    display: block;
}
.dept-time, .dept-time1 {
    font-weight: 600;
    font-size: 13px;
    padding-top: 4px;
    color: #212529;
}
p.dept-city, p.dept-city {
    font-size: 13px;
    font-weight: 500;
}
flight-result .close {
    color: #ffff !important;
}
span.fli-stops-desc {
    font-weight: 600;
    color: var(--color3);
    font-size: 13px;
    margin-bottom: 0px;
}
p.fli-duration > strong, p.fli-duration > span {
    font-size: 13px !important;
}
p.fli-duration {
    display: flex;
    flex-direction: column;
}
flight-details-template .price_new {
    font-weight: 500;
    text-align: right;
    margin-top: 15px;
}
.model_body_content h4 {
    color: #000000;
    font-size: 15px;
}
hotel-result .leftsec_filter > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    padding-right: 5px;
    padding-left: 7px;
}
span.fli-trvlDays {
    font-size: 10px;
    display: none;
}
flight-result > div > div > div > div > div:first-child {
    padding-right: 5px;
    padding-left: 0px;
}
flight-result > div > div > div > div > div:last-child {
    padding-right: 6px;
}
flight-result flight-modify .col-md-12.mainsearch > div > input, .col-md-12.mainsearch > div > select {
    height: 47px;
    background-color: white;
    padding: 10px;
    font-size: 14px !important;
    color: #3c3c3c;
    font-weight: 600;
    border-color: #a7a7a7;
    text-align: left !important;
    padding-left: 28px !important;
}
flight-result flight-modify .itsflight.row > div {
    width: 50%;
    -ms-flex: 0 0 100%;
    flex: 0 0 18%;
    max-width: 25%;
}
flight-result .row.back_new1 {
    width: 100%;
}
flight-result .full_new1 {
    background-color: #7c7c7c;
    width: 100%;
}
span.sort_label {
    border-right: 0px !important;
}
flight-result .col-md-12.gocome span {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    color: #ffff;
    vertical-align: middle;
}
flight-result .col-md-12.mainsearch {
    flex: 0 0 81;
    max-width: 81%;
    display: inline-block;
    padding-right: 2px;
}
flight-modify .itsflight.rtp-check > .row {
    margin: 0;
}
flight-modify .itsflight.rtp-check .fare_type {
    padding: 0px;
    margin-top: 4px;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) {
    -ms-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 20%;
    max-width: 30%;
    display: inline-block;
    padding: 5px;
    padding: 5px 2px;
}
    flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
        display: inline-block;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 5px;
    }

flight-result .col-md-4.specific > select {
    height: 47px;
    background-color: white;
    font-size: 14px !important;
    color: #9f9f9f;
    width: 100%;
}

flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    width: 49%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}

flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    width: 49%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}

flight-result #flt_modify .col-md-4.specific {
    padding: 0px !important;
    margin: 0px !important;
}

flight-result .col-md-4.specific > select {
    height: 47px;
    background-color: white;
    font-size: 14px !important;
    color: #9f9f9f;
    border-color: #a7a7a7;
    width: 100%;
}
flight-result .non_stop label input[type="checkbox"] {
    vertical-align: sub;
    font-size: 11.5px;
    margin-right: 3px;
}
flight-result .non_stop label span {
    vertical-align: middle;
}
flight-modify .itsflight.rtp-check button#btnSearch {
    float: right;
    height: 35px !important;
    color: white;
    font-size: 13px;
    border-radius: 3px !important;
    padding: 6px 11px;
    margin-bottom: 10px;
    margin-top: 12px;
}
flight-result button.modalclose {
    padding: 0px 5px;
    font-size: 21px;
    background-color: var(--color8)00;
    border-color: var(--color8);
    color: var(--color8);
    border-radius: 50%;
    border: 0px;
}
flight-result .travellers.col-md-2 {
    display: inline-block;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 22%;
    max-width: 21%;
}
flight-result .row.back_new1 {
    border: 2px solid white;
    width: 100%;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px 1px #a5a5a5;
}
flight-result .col-md-12.non_stop label {
    color: white;
}
flight-result .col-md-12.non_stop {
    margin-top: 0px !important;
}
flight-result .full_new1 > div {
    padding: 0px;
}
button.flt_dtl i {
    margin-right: 2px;
}
.flight_popup_body.flight_fare_details > div:first-child {
    background-color: #3abee7 !important;
    color: white;
}
flight-detail-info .departure span {
    color: white;
}
flight-modify .selected_box_bottom > div > .col-5.col-md-5 {
    padding: 0px;
}
flight-modify .selected_box_bottom > div > .col-7.col-md-7 {
    padding-right: 0px;
}
flight-details-template > .row.clearfix{
    margin: 0;
}
flight-details-template .price_new .total_price {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
.col-md-12.col-xs-4.roundnew20 {
    display: flex;
    padding-top: 10px;
}
.flight_chevron > button {
    padding: 3px 4px !important;
    background-color: #97979700 !important;
    color: white !important;
    width: 100%;
    border: none !important;
    border-radius: 6px;
    font-size: 13px;
}
.waiting {
    font-weight: 500;
    text-align: center;
    margin-bottom: 18px;
}
.fli-time-section1,
.fli-time-section {
    display: inline-block;
}
.flt_logo.col-md-3 {
    text-align: center;
    margin: auto;
}
.flight_chevron i {
    display: inline-block;
    font-size: 16px;
}
span.sort_label1, .sort_label2 {
    padding: 4px;
    border-right: 1px solid #3abee7;
}
flight-result span.sort_label1, flight-result .sort_label2 {
    padding-right: 8px;
    padding: 8px 7px 11px 0px;
    border-right: 3px solid var(--color1);
    margin-right: 27px !important;
}
.footer_fixed {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 1;
}
div#dvBook {
    border-radius: 91px;
    background-color: white;
    padding: 5px;
    box-shadow: 1px 1px 9px 4px #dfdfdf;
    border: 1px solid gainsboro;
}
p.append_bottom10 {
    border-bottom: 7px;
    text-align: center;
    font-weight: 700;
    font-size: 16px !important;
}
#fli-duration {
    text-align: center;
}
button.roundbooknow {
    color: white;
    padding: 6px 5px;    
}
div#dvOutbound > div:last-child p {
    font-size: 13px !important;
    text-align: left !important;
    font-weight: 600;
}

div#dvInbound > div:last-child p {
    font-size: 13px !important;
    text-align: left !important;
    font-weight: 600;
}

/*sign css*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.htl-item i {
    color: #3abee7;
}
img.menu_ic.hhtl {
    font-size: 10px;
    width: 18px;
}
img.menu_ic.pack {
    width: 22px;
    font-size: 12px;
}
img.menu_ic.buss {
    width: 22px;
}
img.menu_ic {
    width: 27px;
    margin: 0px 5px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: #3abee7 !important;
    border-color: #3abee7 !important;
}
span.rs, a.ft_rt {
    color: #3abee7 !important;
}
.origin_destination:after,
.origin_destination:before {
    background-color: #3abee7;
}
    ul.search_tab li:hover {
        background: #3e3e42b5;
    }

.top_nv {
    background-color: #3abee7;
    padding: 5px 40px 13px;
    position: relative;
    border-bottom: 1px solid white;
}
a.free-app {
    position: relative;
    padding-left: 15px;
}
.top-header ul li a i.fa.fa-mobile {
    font-size: 16px;
}
.blink_me {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.bottom-header ul li a:hover {
    color: var(--color8);
    border-bottom: 2px var(--color8) solid;
    background-color: transparent;
    text-decoration: none;
}
a.blink_me {
    font-weight: 600;
}

.top-header marquee b {
    color: white;
}

.top-header marquee {
    color: white;
    font-weight: 500;
    font-size: 15px;
}

top-header marquee b {
    color: white;
}
.text-rgt {
    text-align: center;
    margin-top: 5em;
    font-size: 3.3em;
    line-height: 1.1em;
    font-family: 'Raleway', sans-serif;
    color: var(--color8);
}
.text-rgt span {
    font-size: 1.4em;
    font-weight: bold;
}

.text-rgt {
    text-align: center;
    margin-top: 4em;
    font-size: 3.3em;
    line-height: 1.1em;
    font-family: 'Raleway', sans-serif;
    color: var(--color8);
}

.gif-animated img {
    display: block;
    max-width: 100%;
    height: auto;
}

.gif-animated {
    margin: 25px 0;
    padding: 0 15px;
}

.offerslider {
    margin: 50px 0 25px 0;
    padding: 0 15px;
}

.lefttop h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
}

    .lefttop h3 span {
        color: #81bc02;
        font-weight: bold;
    }

.lefttop {
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
    content: "\f104";
    font-family: FontAwesome;
    color: var(--color8);
    font-size: 24px;
}

.owl-controls .owl-buttons .owl-next:after {
    content: "\f105";
}

.owl-buttons {
    position: absolute;
    top: -55px;
    right: 20px;
    display: inline-flex;
}

    .owl-buttons .owl-prev,
    .owl-buttons .owl-next {
        padding: 0px 20px;
        background: #79b400;
        color: var(--color8);
        text-decoration: none;
        margin: -5px 0 0 10px;
    }

.owl-wrapper .post-img img {
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 5px 5px 0 0;
}

.post-content {
    padding: 20px 15px 10px 15px;
    background-color: #ecedef;
    border-radius: 0px 0px 5px 5px;
    margin: 0;
    font-size: 14px;
}

    .post-content h5 {
        font-size: 13px;
        font-weight: 400;
    }

        .post-content h5 span {
            font-weight: 500;
            font-size: 20px;
            color: #79b400;
            float: right;
        }

    .post-content h3 {
        font-size: 15px;
        line-height: 1em;
        margin-bottom: 7px;
        color: #00619c;
        font-weight: 400;
    }

.thumbnail h3 {
    background-color: #3abee7;
    padding: 14px 0 14px 10px;
    color: var(--color8);
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
    margin: 0;
}

.thumbnail img {
    width: 100%;
}

.row.popup_btn span {
    color: #3abee7 !important;
}

.slider-tumb {
    background-color: var(--color8);
    padding: 0px 20px 0px 20px;
}

.thumbnail > img {
    height: 216px;
}

.latest-deals {
    background-color: #fdeef600;
    padding-bottom: 50px;
}

    .latest-deals .thumbnail {
        border-bottom: 5px #3abee7 solid;
        border-radius: 8px;
        background: white;
        box-shadow: -1px -3px 7px 3px #d3d0d082;
    }
.thumbnail .caption {
    padding: 15px;
    color: #333;
    border-bottom: 1px #e4e4e4 dashed;
    margin-bottom: 10px;
}
span.img-border {
    display: none;
}
.thumbnail h2 {
    color: #3abee7;
    text-align: center;
    font-size: 22px;
}
.thumbnail p {
    text-align: center;
    font-size: 13px;
}
.thumbnail p img {
    width: initial !important;
}
ul.search_tab li a:hover {
    text-decoration: none;
 }
.destination-place > input {
    padding-left: 33px !important;
}
.destination-place > i {
    position: absolute;
    left: 10px;
    top: 32%;
    color: #9d9c9c;
}
slide-modal a.closebtn {
    display: none;
}
ul.search_tab li:hover {
    background: #3e3e42b5;
    transition: .35s;
}

.slide {
    margin-bottom: 8px;
}
    .slide img {
        height: 600px;
    }
.row.menusoption {
    padding-top: 15px;
}
.sabdowncont {
    padding: 10px;
}
.sabdowncont h6 {
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: 600;
}
.sabvacation a {
    font-size: 14px;
    font-weight: 500;
    color: #858585;
}
.rightpd input {
    padding-left: 15px !important;
}
.controllerv .control_tab input:focus, .controllerv .control_tab select:focus {
    outline: none;
    background: #ffff;
}
.optionv button {
    top: 8px !important;
}

div#carouselroud .post-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}
div#carouselroud .owl-nav {
    display: none;
}
div#carouselroud button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselroud .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselroud button.owl-dot.active {
    background: #545454;
}

div#carouselroud {
    padding: 20px 15px;
}

div#carouselvish .post-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}

div#carouselvish .owl-nav {
    display: none;
}

div#carouselvish button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselvish .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselvish button.owl-dot.active {
    background: #545454;
}

div#carouselvish {
    padding: 20px 15px;
}

    div#carouselvish .owl-nav {
        display: none;
    }

div#carouselsahen button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselsahen .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselsahen button.owl-dot.active {
    background: #545454;
}

div#carouselsahen .owl-nav {
    display: none;
}

.thumbnail p img {
    margin: auto;
}

.flt_rowt div#nav-tab {
    text-align: center;
    justify-content: flex-end;
    justify-content: center;
    margin-bottom: 37px;
    background-color: white;
}

label.serWD {
    margin: 10px 5px;
    cursor: pointer;
}

.modifysearch .plus_minus_box input {
    border: none;
    text-align: center;
}
.row.economy {
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

.searchdn input::placeholder {
    color: #787878;
    font-size: 14px;
}
flight-modify .searchdn {
    position: relative;
    margin-top: 0px;
    padding: 0 10px 0 0;
}
.btn-toggle:before, .btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle > .handle {
    position: absolute;
    top: -2px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 1.125rem;
    background: var(--color8);
    transition: left 0.25s;
}

div#news-slider img {
    width: auto !important;
}

.topdeal {
    padding: 15px;
}

.btn-toggle.active {
    transition: background-color 0.25s;
}

    .btn-toggle.active > .handle {
        left: 10px;
        transition: left 0.25s;
    }

    .btn-toggle.active:before {
        opacity: 0.5;
    }

    .btn-toggle.active:after {
        opacity: 1;
    }

.btn-toggle.actives {
    background-color: #cc0574 !important;
}

.btn-toggle.btn-lg {
    padding: 0;
    position: absolute;
    border: none;
    height: 11px;
    width: 25px;
    border-radius: 4px;
    left: 2px;
    background: var(--color8)61;
    top: 15px;
}

.closev {
    display: none;
}

.LPMcontainer {
    border-radius: 10px;
    width: 130px;
    height: 28px;
    cursor: pointer;
    display: block;
    position: relative;
    background: #030371;
}
.LPMlabel {
    color: rgb(255, 255, 255);
    font-size: 12px;
    z-index: 600;
    font-weight: 600;
    padding: 5px;
}
button.owl-prev {
    width: 40px;
    height: 40px;
    background: var(--color8) !important;
    position: absolute;
    font-size: 38px !important;
    left: -13px;
    transition: .35s;
    top: 155px;
    box-shadow: 0 0 10px 2px #00000017;
    border-radius: 50%;
}
.btnbooknow {
    text-align: center;
}

    .btnbooknow a {
        color: #333;
        font-size: 18px;
        font-weight: 600;
        display: block;
        margin: 10px 0 0 0;
    }

div#carouselsabee .owl-nav button {
    margin-top: -14px;
}

div#carousel > div {
    height: auto !important;
}

.owl-nav button:hover {
    transition: .35s;
    background: #f9f9f9 !important;
}

.findvocation {
    padding: 10px;
    border: 1px solid #ddd;
}

.findcontent {
    text-align: center;
    display: block;
}

    .findcontent label {
        font-size: 12px;
        color: #000;
        font-weight: 700;
    }

    .findcontent h4 {
        font-size: 15px;
        margin: 10px 0 0 0;
    }

    .findcontent p {
        font-size: 15px;
        margin-bottom: 7px;
    }

.row.sliderlr .col-7.col-md-7 {
    padding-right: 0;
    text-align: left;
}

.row.sliderlr p {
    font-size: 13px;
    font-weight: 500;
    color: #777;
    margin: 0;
}

.ratingsv {
    margin: 5px 0;
}

    .ratingsv img {
        width: 35px !important;
    }

.row.sliderlr h5 {
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    display: contents;
}

    .row.sliderlr h5 span {
        font-size: 13px;
        vertical-align: top;
        font-weight: 600;
    }

.ui-datepicker td span,
.ui-datepicker td a:hover {
    background: #747474 !important;
    color: var(--color8) !important;
    transition: .35s;
}

.ratings img {
    width: auto !important;
}

div#carouselvis .owl-nav {
    position: absolute;
    top: -214px;
    right: 21px;
    width: 40px;
}

    div#carouselvis .owl-nav button {
        background: #91bc02 !important;
        border-radius: 0 !important;
    }

.rightmorecon p {
    text-align: right;
}

    .rightmorecon p span select {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 4px;
        margin-left: 5px;
        width: 120px;
    }

.pheading p {
    text-align: center;
    margin-bottom: 30px;
}

.sabcontent {
    padding: 10px;
}

    .sabcontent h4 {
        color: #3abee7;
        margin-bottom: 2px;
        font-size: 20px;
        font-weight: 600;
    }

    .sabcontent p {
        margin: 0;
        font-size: 14px;
    }

.muscontent {
    padding: 10px;
}

    .muscontent h4 {
        font-size: 19px;
        font-weight: 600;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 2px;
    }

    .muscontent p {
        font-size: 15px;
        font-weight: 400;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 0 0 10px 0;
    }

    .muscontent a span {
        font-size: 18px;
        color: #333;
        font-weight: 600;
        vertical-align: middle;
    }

    .muscontent a:hover {
        text-decoration: none;
    }

.musdowncont {
    border-top: 1px solid #ddd;
    padding: 10px;
}

    .musdowncont h5 {
        font-weight: 600 !important;
    }

.offdiv {
    justify-content: end;
    align-items: end;
    text-align: right;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.row.caribbeans {
    padding: 0px 15px 50px 15px;
}

    .row.caribbeans .heading.pheading {
        padding: 8px 0px 16px;
    }

a.freecan {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 500;
}

    a.freecan:hover {
        text-decoration: none;
    }

.muscontent a {
    font-size: 11px;
    font-weight: 500;
}

.btn-toggle.active > .handle {
    left: 10px;
}

.btn-toggle.active {
    background: #3abee7;
}

.best-price {
    background-color: var(--color8);
    padding: 20px;
}

    .best-price h3 {
        float: left;
        padding: 0px !important;
        font-size: 18px;
    }

    .best-price p {
        display: block;
    }

.over {
    background-size: red;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    filter: alpha(opacity=80);
    background-color: #3c3c3c;
}
.best-price h2 {
    float: left;
    margin-top: 0px !important;
    font-size: 25px;
    color: #659503;
}
.control_tab.tab_HTL .row.tripopt {
    display: none;
}
.sale .col-md-3.col-sm-3.clearfix br {
    display: none;
}
.form-group.col-md-12.disfls {
    padding: 0px;
    margin-top: 24px;
}
#carouselvish .owl-item {
    width: 4% !important;
}
.sale img.img-responsive {
    width: 100%;
}
.htldtl_ritscsn {
    border: 1px solid #eeeeee;
    padding: 10px 5px 10px 24px;
    margin: 7px 0px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 45%);
}
.disfls {
    display: flex;
}
client-app .loading {
    text-align: center;
    position: absolute;
    height: 100vh;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    background-color: white;
}

.room_2, .room_3, .room_4 {
    border-top: 1px solid #ddd;
    position: relative;
    margin-top: 15px !important;
    padding-top: 10px;
}

.widthv10 {
    flex: 0 0 12.5% !important;
    max-width: 12.5% !important;
}

.scrcontent {
    height: 340px;
    overflow-y: auto;
}

    .scrcontent::-webkit-scrollbar {
        width: 5px;
    }

    .scrcontent::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .scrcontent::-webkit-scrollbar-thumb {
        background: #888;
    }

        .scrcontent::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.panel-body.accomodation-type > div::-webkit-scrollbar {
    width: 5px;
}

.panel-body.accomodation-type > div::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.panel-body.accomodation-type > div::-webkit-scrollbar-thumb {
    background: #888;
}

    .panel-body.accomodation-type > div::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

div#carouselsab button {
    top: 115px !important;
}

.sabcontent h3 {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 600;
}

span.rateofpoint {
    background: #ffba00;
    color: var(--color8);
    padding: 6px;
    border-radius: 5px;
}
.sabcontent span:last-child {
    color: #565656;
}
table.ui-datepicker-calendar tr td {
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}
a.ui-datepicker-prev.ui-corner-all {
    position: absolute;
    left: 0;
}
a.ui-datepicker-next.ui-corner-all {
    position: absolute;
    right: 0;
}
table.ui-datepicker-calendar tr th {
    text-align: center;
}
table.ui-datepicker-calendar tr th span {
    font-weight: 500;
    color: #777;
}
table.ui-datepicker-calendar tr td a {
    color: #777;
    text-decoration: none !important;
}
div#ui-datepicker-div::after {
    position: absolute;
    content: '';
    display: block;
    border-bottom: 15px solid var(--color8);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: -15px;
    left: 20px;
}
.width40 {
    flex: 0 0 22% !important;
    max-width: 22% !important;
}
.control_tab.tab_TRF .width12 {
    flex: 0 0 21.666667% !important;
    max-width: 21.666667% !important;
}
.width12 {
    flex: 0 0 20.666667% !important;
    max-width: 20.666667% !important;
}

.width123 {
    flex: 0 0 12.333333% !important;
    max-width: 12.333333% !important;
    ms-flex: 0 0 12.333333% !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none !important;
}

a.ui-datepicker-prev.ui-corner-all {
    width: 35px;
    height: 35px;
    background-image: url(../img/left_arrow.png) !important;
    background-size: 60%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
}

    a.ui-datepicker-prev.ui-corner-all span {
        display: none;
    }

a.ui-datepicker-next.ui-corner-all {
    width: 35px;
    height: 35px;
    background-image: url(../img/right_arrow.png) !important;
    background-size: 60%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
}

    a.ui-datepicker-next.ui-corner-all span {
        display: none;
    }
a.currency img {
    width: 20px;
    padding-bottom: 2px;
}
a.currency {
    border: 1px solid #ddd;
    padding: 3px 11px;
    border-radius: 4px;
    font-weight: 500;
}
#htl_result div#Ratings label {
    padding-left: 0px;
}

.sort p {
    margin: 0;
}
.sort > .row {
    margin: 0;
}
.optns p:hover {
    background: #ececec;
    color: #02609d;
}
.booking-item-address span {
    font-size: 18px;
    font-weight: 600;
}
ul.cust_pro {
    speak: f;
    width: 100%;
    display: flex;
}
.activesort p {
    background: #d1c8cd;
    color: #5c5c5c;
}
h2.headline a {
    font-size: 18px;
    font-weight: 600;
    color: #3abee7;
    text-decoration: none;
    display: flex;
}
.hotel_img a img:hover {
    transform: scale(1.15);
    transition: .35s;
}
ul.cust_pro {
    list-style: none;
}
ul.cust_pro a {
    font-size: 12px;
    color: #818080 !important;
    margin-right: 21px;
    margin-left: 0;
}
.hotel_price h3 del {
    font-size: 18px;
    font-weight: 400;
    color: #989898;
}
section#flt_rslt a.book_now {
    font-size: 14px;
    background-color: #02609d;
    color: var(--color8) !important;
    padding: 7px 15px;
    border-radius: 4px;
    border: 2px solid #02609d;
    margin-top: 8px !important;
}
    section#flt_rslt a.book_now:hover {
        text-decoration: none;
        color: #0a5b98 !important;
        background: #6fa00600;
        cursor: pointer;
        transition: .35s;
    }
.hotel_price.flight sup {
    font-weight: normal;
}
.sections ul li a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    margin: 0 10px 0 0;
    font-weight: 500;
}
    .sections ul li a i {
        font-size: 18px;
    }
.sections p {
    font-size: 13px;
    color: #303030;
    font-weight: 600;
}
.sections ul {
    display: flex;
    list-style: none;
}
.hotel_info.collapse_click1 p {
    margin: 0 0 3px 0;
}
div#divHotelSearch a.book_now {
    margin-top: 10px;
}
.panel-body.rating span {
    margin-left: 5px;
    padding-top: 2px;
}
.optionv label {
    padding-top: 0 !important;
    height: auto !important;
}
span.ui-slider-handle.ui-state-default.ui-corner-all.clickround1,
span.ui-slider-handle.ui-state-default.ui-corner-all.clickround2 {
    background: #d3d3d3 !important;
}
.protecthotel h3 > i {
    color: #ee1e9c;
    font-size: 24px;
    margin-right: 7px;
    padding-top: 10px;
    vertical-align: text-bottom;
}
.page-title.tophd span {
    font-size: 15px;
}
h3.namedetail a:hover {
    cursor: pointer;
    text-decoration: none;
}
.activities-detail {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: 10px;
}
.containerslider .bxslider img {
    max-height: 326px;
    width: 100% !important;
    height: 319px !important;
}
.containerslider #bx-pager {
    width: 50%;
    display: inline-block;
    max-height: 345px;
    margin: 0px;
    padding: 0px;
    overflow-y: auto;
    margin: 0px 5px 0px -5px;
    background: transparent;
}
.containerslider #bx-pager a {
    display: inline-block;
    width: 25%;
    margin: 0px;
    padding: 0px;
    float: left;
}
.containerslider #bx-pager a img {
    height: 110px;
    width: 100%;
    display: inline-block;
}
.containerslider #bx-pager a.active img, .containerslider #bx-pager a:hover img {
    border: 1px solid var(--color8)f00;
}
div#bx-pager a img {
    padding: 2px;
    border-radius: 6px;
}
.headofcheck p {
    background: #f7f7f7;
    color: #333;
    padding: 4px;
    font-size: 0.70rem;
    font-weight: 500;
    margin: 0;
    height: 37px;
    padding-top: 8px;
    border-radius: 3px 0 0 3px;
}

.addwidth44 {
    flex: 0 0 44% !important;
    max-width: 44% !important;
}
.modifydetails .col-md-11.col-12 .row div[class*=col-] {
    padding: 0 4px;
}
.modifydetails .col-md-11.col-12 .row span,
.modifydetails .col-md-10.col-12 .row p {
    vertical-align: sub;
    padding-right: 10px;
    font-size: 0.76rem;
}
.cust_detail_modify input:focus {
    background-color: #f4f4f4;
    color: #4a4a4a;
}
a.updatebtn {
    background: #90868a;
    padding: 7px 0;
    display: block;
    border-radius: 5px;
    color: var(--color8);
    font-weight: 500;
    width: 73%;
    font-size: 14px;
    float: right;
}
.headofGuest span {
    vertical-align: sub;
    text-align: right;
}
.headofGuest {
    text-align: right;
}
.hotel_info.collapse_click1 label {
    display: block;
}
label.leftspro {
    font-size: 14px;
    color: #ea0202;
}

button.btn.butnvs {
    padding: 5px 0 !important;
    font-weight: 500;
    color: #ff0e67;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none !important;
}
.collapsesv h4 {
    color: #02609d;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 3px solid;
    display: inline-block;
    margin-top: 5px;
}
.Descriptions .panel-body ul li {
    list-style: none;
}

.panel-body.row {
    margin: 0;
}
.panel-body.row .col-md-4.col-sm-4.col-12 {
    padding-left: 0;
    margin: 6px 0;
}
a.updatebtn:hover {
    text-decoration: none;
    color: var(--color8);
    background: #90868a;
    cursor: pointer;
    transition: .35s;
}
p.HotelLink {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7cb600;
}

p.HotelLink i.fa.fa-hotel {
    font-size: 24px;
    margin-top: -2px;
}

ul.icon-group.booking-item-rating-stars {
    display: inline-flex;
    list-style: none;
}

.details p {
    margin-bottom: 1px;
}

.details {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 2px 8px 0px 25px;
    position: relative;
    font-size: 12px;
    margin: 11px 3px;
}
.lowest-price-grn b.fa.fa-phone-square {
    position: absolute;
    left: 8px;
    top: 18px;
}
checkout section#checkout_pag > div:nth-child(1) > div:nth-child(2) > div:nth-child(1), checkout section#checkout_pag > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
    padding-right: 0px;
}
checkout-itinerary-details .leftchecktop img.img-responsive {
    width: 85%;
    object-fit: contain;
}
.activities {
    background-color: var(--color8);
    /* border: 1px #e2e3dd solid; */
    padding: 10px;
}

    .activities h4 {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: #3abee7;
    }

        .activities h4 small {
            color: #959090;
            padding-top: 15px;
        }

.col-md-3.col-sm-6.col-xs-12.width12 select {
    width: 76%;
}
.pay_mod {
    padding: 9px 15px 5px;
    font-size: 19px;
    display: block;
    background: #eeeeee;
    width: 100%;
}
#checkout_pag .activities img {
    width: 40px;
    display: none;
}
.footer-middel img {
    height: 50px;
}
.page-title-wht {
    background-color: var(--color8);
    border: 1px #e9e9e9 solid;
    border-radius: 7px;
    font-family: poppins;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
}
.hotel-filter i.fa.fa-minus.pull-right {
    color: #ddd;
}
.trip-summary {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 6px;
    padding-bottom: 8px;
}

.cutomerheading h3 {
    background: #eeeeee;
    width: 100%;
    padding: 10px 15px;
    font-size: 15px;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
}
.hotel_detail {
    padding-top: 40px;
}
.showmorediv {
    text-align: center;
}
.row.childs-row {
    width: 100%;
}
.ngerror {
    font-size: 12px;
    color: white;
    padding-top: 4px;
    text-transform: capitalize;
}
#htl_result {
    padding-top: 40px;
    padding-bottom: 80px;
}

.htl-item {
    font-size: 15px;
    color: #686a81;
    margin-top: 5px;
}

    .htl-item span {
        margin-right: 8px;
    }

    .htl-item i {
        color: #3abee7;
    }

.booking_panel {
    background: white;
    border: 1px solid #ddd;
    margin-top: 15px;
    border-radius: 5px;
}

    .booking_panel .booking_body {
        padding: 10px;
    }

h4.booking_heading {
    padding: 15px;
    background: #e7f0f7;
    border-radius: 5px 5px 0 0;
    font-size: 22px;
    font-weight: 500;
    color: #444;
}

h1.Headingtxt {
    font-size: 20px;
    font-weight: 600;
}
.hotel_description p {
    margin-bottom: 8px;
}
.hotel_img img:hover {
    transform: scale(1.1);
    transition: .3s;
    cursor: pointer;
}
.protecthotel p {
    font-size: 12px !important;
    margin-bottom: 7px;
}
.protecthotel h3 {
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 3px;
    color: #3abee7;
}
.cust_name {
    margin-top: 5px !important;
    margin-bottom: 3px !important;
}
.protecthotel {
    margin: 13px 0;
    margin-bottom: 13px;
    border-radius: 5px;
    margin-bottom: 10px;
    /* box-shadow: 0 0 5px #96989b; */
    padding: 12px 15px 6px 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.check_point p {
    font-size: 12px !important;
}

.check_point i {
    margin-right: 8px;
}

.check_input_box span {
    color: #007bff;
    font-weight: 500;
}

.check_point {
    padding-left: 29px;
    font-size: 13px;
}

.check_input_box {
    padding: 10px 0px;
    font-size: 14px;
}

.protecthotel h3 > i {
    color: #ee1e9c;
    font-size: 21px;
    margin-right: 7px;
    padding-top: 9px;
    vertical-align: text-bottom;
}
.protecthotel h3 span {
    font-size: 16px;
    background: #6fb308;
    padding: 4px 10px;
    font-weight: 500;
    border-radius: 5px;
    color: var(--color8);
}

p.impotantcovid {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.coverstay b {
    margin: 10px 0;
    display: block;
}

.coverstay p {
    margin: 10px 0;
}

.coverstay {
    margin-left: 35px;
}

.rightamount {
    text-align: right;
}

    .rightamount p {
        margin: 0;
    }

    .rightamount h3 {
        margin: 0;
    }

.yesno {
    background: #edfae6;
    padding: 15px;
    border-radius: 5px;
}

.noyes {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
}

.paymentsec {
    border: 1px solid #ddd;
    border-radius: 5px;
}

    .paymentsec > .row {
        margin: 0;
    }

.widthcheck70 {
    width: 70% !important;
}

.widthcheck30 {
    width: 30% !important;
    margin-left: 10px;
}

.crdnmbcvc {
    display: flex;
}

.imgpay {
    margin: 5px 0px;
}

.width20_3 {
    flex: 0 0 20.333333% !important;
    max-width: 20.333333% !important;
    ms-flex: 0 0 20.333333% !important;
}
.payterm {
    margin: 15px 0;
}

    .payterm p span {
        color: #6fb308;
        font-weight: 600;
    }

    .payterm p {
        font-size: 15px;
    }

.paymenttbn input {
    border: none;
    background: #79b808;
    color: var(--color8);
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500;
}

a.lastarr::after {
    display: none;
}
    .lftdetal p a {
        font-size: 13px;
        color: #ff003b;
    }
ul.hotelcheck li {
    color: #666;
}
.cancellationblock strong {
    color: #666;
}

ul.hotelcheck li span {
    color: #ed1145;
}
        ul.amenitiesvs li i,
        ul.amenitiesvs li img {
            display: block;
            margin: auto;
            margin-bottom: 10px;
        }

        ul.amenitiesvs li a {
            color: #000;
            opacity: .8;
            letter-spacing: .2px;
            font-weight: 500;
            font-size: 14px;
        }

        ul.amenitiesvs li img {
            height: 18px;
        }

        ul.amenitiesvs li i {
            font-size: 16px;
        }

.Mapviewv {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 349px;
}

.whatrestget h3 {
    font-size: 19px;
    font-weight: 600;
}

    .whatrestget h3 {
        font-size: 23px;
        font-weight: 600;
    }

    .whatrestget i {
        padding-right: 3px;
    }

.paradeil {
    padding: 0px 0 0 0
}

    .paradeil p {
        margin: 0 0 10px 0;
    }

.whatrestget img {
    width: 24px;
}
.hedpara {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#htl_index {
    padding-top: 40px;
    padding-bottom: 80px;
}

.reviesexcel p {
    margin: 0;
    font-size: 20px;
}

.fourrating h2 {
    font-size: 50px;
    font-weight: normal;
}

.reviesexcel {
    position: absolute;
    left: 80px;
    top: 5px;
}

.fourrating {
    position: relative;
}

.rangeback {
    height: 12px;
    background: #d4d4d4;
    width: 100%;
    border-radius: 5px;
}

.rangetop {
    background: #90868a;
    width: 50%;
    height: 12px;
    border-radius: 5px;
}

.slidecontainer p span {
    width: 100%;
    text-align: right;
    float: right;
    margin-top: -1.4rem;
}

.slidecontainer p {
    margin-top: 15px;
}

    .slidecontainer p span {
        width: 100%;
        text-align: right;
        float: right;
        margin-top: -1.4rem;
        font-weight: 600;
    }

.rangetop40 {
    background: #90868a;
    width: 40%;
    height: 12px;
    border-radius: 5px;
}

.rangetop30 {
    background: #90868a;
    width: 30%;
    height: 12px;
    border-radius: 5px;
}

.rangetop20 {
    background: #90868a;
    width: 20%;
    height: 12px;
    border-radius: 5px;
}

.rangetop10 {
    background: #90868a;
    width: 10%;
    height: 12px;
    border-radius: 5px;
}

.ratingdwn {
    margin: 30px 0 20px 0;
}

.ratingdetail {
    padding: 10px;
}

.addrevies a {
    font-size: 18px;
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none !important;
    color: #3abee7;
}

    .addrevies a:hover {
        color: #3abee7;
    }

.rightreting {
    padding: 10px;
}

    .rightreting p {
        margin-bottom: 10px;
    }

        .rightreting p a {
            font-size: 20px;
        }
.activeover {
    text-decoration: none;
    transition: .3s;
    border-bottom: 3px solid #3abee7 color: #3abee7 !important;
}

.four-boxes {
    border: 1px solid #ddd !important;
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    min-height: 200px;
    margin-bottom: 30px;
}

    .four-boxes h3 {
        font-size: 16px;
        font-weight: 600;
    }

.saveoff input {
    width: 65%;
    height: 40px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f5f5f5;
}

.saveoff a {
    background: #3abee7;
    padding: 11px 17px;
    border-radius: 4px;
    color: var(--color8) !important;
    font-weight: 500;
    text-decoration: none !important;
    font-size: 13px;
}

.saveoff input:focus {
    outline: none;
}

.saveoff {
    margin: 5px 0;
}

    .saveoff p {
        font-size: 13px;
        margin: 6px 0;
    }

        .saveoff p span {
            text-decoration: underline;
            cursor: pointer;
        }

a.Learn_more {
    border: 1px solid #ddd;
    padding: 6px 10px;
    border-radius: 4px;
    color: #3abee7;
    font-size: 16px;
    text-decoration: none !important;
}

.row.paddingmansg .col-md-3 {
    padding: 0 4px;
}

.row.paddingmansg {
    margin: 0;
}

.modifysearch.flt_modify .text_icon input {
    height: 41px;
}

.modifysearch.flt_modify .reverse {
    position: absolute;
    top: 7px;
}

.modifysearch .text_icon input {
    width: 100%;
    height: 50px;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #3abee754;
    cursor: pointer;
}

.modifysearch > .row div[class*=col-] {
    padding: 0 4px;
}

p.ft_text > img {
    transform: rotate(270deg);
    margin-bottom: 2px;
    margin-right: 10px;
}

.modifysearch > .row {
    margin: 0;
}

.text_icon.calanderboth_modify {
    display: flex;
}

p.ft_text {
    font-weight: 600;
    color: #7c7979;
    font-size: 21px;
    padding: 16px 0 16px;
    margin: 0;
}

    p.ft_text i {
        transform: rotate(317deg);
        margin-bottom: 2px;
        margin-right: 10px;
    }

.modifysearch .selected_box_top {
    width: 100%;
    height: 50px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 12px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #ccc;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    color: #a9a9a9;
    background: var(--color8);
}

.modifysearch .optionv input[type=radio] {
    border: 2px solid #8f8787 !important
}

.modifysearch .text_icon input:focus {
    outline: none;
}

.modifysearch button.search_2v {
    width: 100%;
    height: 50px;
    border: 1px solid #3abee7;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #3abee7;
    font-weight: 600;
    font-size: 11px;
    color: #02609d;
    cursor: pointer;
}

section.bgtheme {
    background: #f5f5f5;
}

.getfare h4 {
    background: var(--color8);
    padding: 10px;
    color: #02609d;
    font-size: 20px;
    border: 1px solid #02609d;
    width: 200px;
    text-align: center;
    border-radius: 5px;
}


/* .modifysearch {
        margin: 25px 0;
    } */

.leftsec_filter-flight .panel-heading h3.panel-title {
    font-size: 20px;
    padding: 10px 10px 0px 10px !important;
    border-bottom: none !important;
}

.leftsec_filter-flight {
    margin-top: 20px;
}

    .leftsec_filter-flight .panel-heading p {
        padding: 0 10px;
    }

    .leftsec_filter-flight .hotel-filter h4 {
        font-size: 16px;
        color: #383838;
        font-weight: 600;
        margin: 15px 0 0 0;
    }

    .leftsec_filter-flight .checkbox p span {
        font-size: 12px;
        vertical-align: text-top;
        margin: 0;
    }

.post-img_flight {
    background: var(--color8);
    width: 100%;
    display: inline-block;
}

.imgsliderflight {
    display: block;
    font-size: 0.75rem;
    height: 5rem;
    line-height: normal;
    position: relative;
    text-align: center;
    width: 100%;
    cursor: pointer;
    border-width: 0.0625rem 0.0625rem 0.0625rem 0px;
    border-style: solid solid solid;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221);
    border-image: initial;
    border-left: 0px;
    padding: 6px;
}

#cust_flt_fltr .panel-title {
    font-size: 16px;
}

#cust_flt_fltr .hotel-filter h4 {
    margin: 22px 0px;
    font-size: 15px;
    color: #3abee7;
    font-weight: 600;
}


.flightslider .owl-stage-outer.owl-height {
    border-right: 1px solid #a9d6f7;
}

.imgsliderflight_2 {
    height: 3rem;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    cursor: pointer;
    line-height: 41px;
    font-size: 11px;
    padding: 3px;
    border-width: 1px 1px 1px;
    border-left-width: 1px;
    border-style: solid solid solid none;
    border-left-style: none;
    border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217);
    border-image: initial;
    border-left: none;
    border-left-color: currentcolor;
}

.imgsliderflight_3 {
    height: 3rem;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    cursor: pointer;
    line-height: 41px;
    font-size: 11px;
    padding: 3px;
    border-width: 1px 1px 1px;
    border-style: solid solid solid none;
    border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217);
    border-image: initial;
    border-left: none;
}

.imgsliderflight img {
    width: 44px !important;
    height: 26px;
    position: relative;
    right: auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 4px;
    margin: 0px auto 5px;
}

.imgsliderflight h5 {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 10px;
    overflow: hidden;
    margin: 0;
    font-weight: 500;
    color: #494a4b;
}

.head_flight p {
    font-size: 11px;
}

.imgsliderflight_2 sup,
.imgsliderflight_3 sup {
    color: #b4b6b0;
}

.imgsliderflight_3 h4 {
    font-size: 16px;
    padding: 2px;
    font-weight: 600;
}

div#carouselnand .owl-item {
    margin-right: 0 !important;
}

div#carouselnand .owl-nav {
    position: absolute;
    top: -165px;
    right: 0;
}

div#carouselnand > div {
    margin-left: 135px;
    width: 87%;
}

div#carouselnand .owl-nav button.owl-prev {
    margin-left: 93%;
}

#flt_rslt {
    padding-top: 40px;
    padding-bottom: 80px;
}

.head_flight {
    position: absolute;
    width: 135px;
}

    .head_flight p {
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        padding: 0 10px;
    }

    .head_flight .imgsliderflight p {
        margin-top: 28px;
        padding: 0 4px;
    }

.imgsliderflight,
.imgsliderflight_2,
.imgsliderflight_3 {
    border-color: #1d94eb61;
    background: #2d92dd17;
}

.imgsliderflight {
    background-color: var(--color8);
}

    .imgsliderflight > img {
        margin-top: 7px;
    }

.temrconpricy {
    font-size: 13px;
    font-weight: 500;
    color: #3abee7;
    margin-top: 12px;
}

#flt_result_page .right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 12px;
}

.shortsv p {
    color: #a6a6a6;
}

.shortsv b {
    color: #007bff;
}

.shortsv svg {
    color: #a6a6a6;
}

ul.sort-tab li:last-child {
    border-right: 0px;
}

.right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 20px;
    box-shadow: 0 0 5px #bbc2ccb5;
}

ul.sort-tab {
    margin: 26px 0px;
    list-style: none;
    margin: 0;
}

    ul.sort-tab li {
        padding: 0px 2px;
        flex: 0 0 20%;
        max-width: 19.8%;
        border-right: 1px solid #c4c1c178;
        margin-right: 0px;
    }

.shortsv {
    background: var(--color8);
    padding: 10px 10px 10px 35px;
    border-radius: 4px;
    border-bottom: 3px solid var(--color8);
}

    .shortsv p {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
    }

.tabactive {
    border-bottom: 3px solid #007bff;
    color: var(--color8);
}


/* 
    .shortsv:hover {
        background: #fcfeff;
        transition: .35s;
        cursor: pointer;
    } */

ul.sort-tab li svg {
    position: absolute;
    left: 15px;
}

.hotel_logo img {
    height: 40px;
    width: 100px;
    object-fit: contain;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
}

.hotel_logo h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.hotel_logo p {
    font-size: 14px;
    margin-bottom: 5px;
}

.hotel_logo a h3 {
    font-size: 17px;
    font-weight: 500;
    color: #015f9c;
    margin: 0;
}

.hotel_logo a {
    text-decoration: none !important;
}

p.promoc {
    font-weight: 400 !important;
    margin-top: 10px;
    font-size: 12px !important;
    text-align: center;
}

.sm_bt {
    text-align: right !important;
}

.flights {
    background: var(--color8);
    border: 0px solid #88888a;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #c1c1c1;
    margin-bottom: 15px;
}

#flt_rest_tab .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.flight_popup_body.flight_fare_details label {
    font-size: 12px;
}

.img_section,
.img_section span {
    float: left;
}

.hotel_price.flight {
    padding: 10px;
    height: 100%;
    /* border-left: 1px solid gainsboro; */
    text-align: center;
    margin-top: 5px;
}

.hotel_logo {
    background: #f7f7f7;
    height: 100%;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 0 0 0;
}

.contentflight {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    height: 100%;
    display: flex;
}

.hotel_center h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 5px;
}

.hotel_center h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
    font-weight: 600;
}

.hotel_center b a {
    color: #02609d;
    text-decoration: none !important;
    margin-bottom: 4px;
    display: block;
}

.iconsarrow {
    height: 100%;
    padding: 15px;
    line-height: 79px;
}

.contentflight .hotel_center,
.contentflight .nonstopcoad {
    width: 30%;
}

.iconsarrow {
    width: 10%;
}

section#htl_result .container {
    width: 82% !important;
}

.iconsarrow img {
    width: 24px;
}

.sections p img {
    width: 30px;
}

.sections ul li a img {
    width: 22px;
}

.sections p img {
    width: 25px;
}

.panel-body.rating .checkbox i.fa.fa-star-o {
    color: var(--color8) !important;
}

p.reviewsstyle {
    font-size: 13px;
    color: #777;
    margin-top: 5px;
}

.hotel_info.collapse_click1 p a {
    color: #3abee7;
}

.iti__hide {
    display: none;
}

pre {
    margin: 0 !important;
    display: inline-block;
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {
    background: none;
}

::-webkit-input-placeholder {
    color: #BBB;
}

::-moz-placeholder {
    color: #9f9f9f;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #BBB;
}

#result {
    margin-bottom: 100px;
}

.iti.iti--allow-dropdown {
    width: 100%;
}

.bookingrefence {
    background: #005f9b;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    color: var(--color8);
}

    .bookingrefence h3 {
        font-size: 20px;
    }

    .bookingrefence p {
        font-size: 20px;
        color: #7ab800;
        margin-bottom: 6px;
    }

    .bookingrefence h2 {
        font-size: 28px;
        font-weight: 600;
    }

.confirmboder {
    border: 1px solid #ccc;
    padding: 15px;
}

.pricesummmeryconfirm {
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .pricesummmeryconfirm h5 {
        background: #f2f6e7;
        padding: 15px;
        font-size: 20px;
        border-radius: 8px 8px 0 0;
        font-weight: 500;
    }

span.stopsLoader1 {
    vertical-align: middle;
    display: inline-block;
}

.stopsLoader1 {
    width: 100%;
    height: 30px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: slAnim 1s infinite;
}

@keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@keyframes airLgolist {
    to {
        background-position: 100% 10px, 10px 10px, 42% 10px, 96% 10px
    }
}

@keyframes normlist {
    to {
        background-position: 100% 10px, 10px 10px, 95% 10px
    }
}

@keyframes fltDtLoader {
    to {
        background-position: 100% 10px, 0 10px
    }
}

@keyframes depArvLoader {
    to {
        background-position: 100% 10px, 0 10px, 0 35px
    }
}

@keyframes fltLegLoad {
    to {
        background-position: 100% 0, 10px 15px, 5% 10px, 15% 10px, 15% 35px, 30% 8px, 80% 10px, 98% 10px, 55% 22px, 55% 8px, 55% 33px, 2% 60px, 20% 60px, 38% 60px, 56% 60px, 74% 60px, 94% 60px
    }
}

@keyframes fltPrceLoader {
    to {
        background-position: 100% 0, 5% 0, 5% 25px, 5% 50px, 5% 105px
    }
}

p.reservatinneed {
    background: #f2f6e7;
    padding: 15px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #628c02;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.confirmdetails {
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .confirmdetails .row {
        margin: 0;
    }

p.referencenumber {
    padding: 15px 15px 0 15px;
}

    p.referencenumber span {
        color: #74b907;
        font-size: 16px;
        font-weight: 600;
    }
/*--------------Flight-filter--------*/

.leftsec_filter-flight {
    margin-top: 20px;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.trip_detail > img,
.trip_detail > p {
    display: inline-block;
}

.trip_detail > img {
    max-width: 45px;
    border: 1px solid #f4f0f0;
    color: var(--color8);
    display: inline-block;
    line-height: 17px;
    padding: 5px 10px 6px 10px;
    vertical-align: text-top;
    min-width: 10px;
    position: relative;
    font-size: 12px;
    background-color: #3abee7;
    margin-bottom: 0px;
}

    .trip_detail > img:after {
        position: absolute;
        content: '';
        border-left: 19px solid #00abe4;
        border-top: 31px solid #00abe4;
        border-right: 18px solid transparent;
        height: 0px;
        width: 0px;
        right: -24px;
        top: 0px;
    }


/* .row.m-0.Departure {
        padding-left: 3px;
    } */

.row.m-0.Departure > div {
    padding: 6px 0px;
}

.m- .row.m-0.Departure > div {
    padding: 3px 0px !important;
}


/* .row.m-0.Departure .col-sm-12 >div {
        DISPLAY: FLEX;
        PADDING: 4px 0px 0px 0px;
        
        JUSTIFY-CONTENT: CENTER;
        ALIGN-ITEMS: CENTER;
    } */

flight-details-pane .ft_tim {
    color: #7d7883;
    font-size: 14px !important;
}

.row.bottom_flt_btn nav {
    background-color: white;
}

flight-details-pane a.nav-item.nav-link {
    color: white;
    font-size: 11px;
    font-weight: 500;
}

.Departure div.col-sm-12 {
    border-bottom: 1px solid #cccccc
}

.sm_bt button {
    color: #3abee7;
    font-size: 14px;
    border-radius: 5px;
    background-color: var(--color8);
    border: 0px;
    padding: 8px;
    min-width: 78px;
    font-weight: 500;
    text-decoration: underline;
}


/* .Departure>div:first-child {
        padding-top: 25px!important;
        padding-bottom: 10px!important;
    } */

.trip_detail p {
    font-family: 'Poppins';
    font-size: 12px;
    padding-left: 15px;
    color: var(--color8);
}


/* .Departure_second_row.m-0 {
        padding-top: 6px!important;
    } */

.trip_from p {
    font-size: 14px;
    color: #000;
}

span.dep_img img {
    width: 20px;
    height: 20px;
    margin-right: 2px;
}

.trip_from span {
    padding: 0px;
    margin: 0;
    color: gray;
    font-size: 12px;
}

.trip_detail:after {
    z-index: 2;
    position: absolute;
    content: '';
    border-left: 2px solid #02609d;
    border-top: 31px solid #02609d;
    border-right: 18px solid transparent;
    height: 0px;
    width: 0px;
    right: 135px;
    top: 0px;
}

.dep_img {
    color: var(--color8);
    display: inline-block;
    line-height: 17px;
    padding: 5px 6px 6px 9px;
    vertical-align: text-top;
    background: #3abee7;
    min-width: 95px;
    position: relative;
    font-size: 12px;
    margin-bottom: 0px;
}

.select_flt {
    padding-top: 8px;
}

.ft_tim {
    padding-top: 10px;
    text-align: left !important;
    text-transform: lowercase;
    font-weight: 500;
    font-size: 13px !important;
}

    .ft_tim.ft-to {
        padding-left: 0px;
    }

.row.Departure_second_row.m-0 {
    padding-top: 6px;
}

.row.m-0.Departure > div:first-child {
    padding: 10px 0px 6px 0px;
}

.flt_logo_img p,
.flt_logo_img span {
    margin-bottom: 0;
    font-size: 13px;
    color: #858585;
}

.img_section span:last-child {
    padding-left: 8px;
}

.flt_layover.col-md-4.col-sm-4.col-xs-4 {
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #797b7d;
    padding: 0px;
}

button.showmore_click:hover {
    background-color: #024976;
}

.underline {
    height: 1px;
    background-color: #3abee7;
    position: relative;
    width: 97%;
    margin: 4px 0;
}

    .underline:before {
        background: #3abee7;
        border-radius: 50%;
        content: "";
        display: block;
        height: 7px;
        margin-top: 0px;
        position: absolute;
        top: -3px;
        width: 7px;
    }

.flt_stp {
    color: #656565;
    font-size: 11px;
}

.Trip_duration {
    font-size: 11px;
    color: #656565;
}

.crd {
    margin-right: 0;
    border-right: 0 !important;
    border-radius: 0.25rem 0 0 !important;
}

.crd_no {
    margin-left: 0;
    border-left: 0 !important;
    border-radius: 0 .25rem .25rem 0 !important;
    text-align: right;
}

/* Richa */
.rightdetail.map {
    border: 1px solid #e3e1e1;
    padding: 8px;
}
.location p {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
}
.flt_ru {
    width: 5px !important;
    border: none !important;
    height: 34px !important;
}
.flt_modify {
    padding: 8px 8px 0px 8px;
    background-color: rgb(241 241 241 / 77%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
}

    .flt_modify button.search_2v {
        background-color: #90d900;
        color: white;
    }
.top_flt {
    float: left;
}
.trip_detail {
    float: left;
}
.d {
    float: left;
    margin-left: 29px;
    color: gray;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
.trip_to, .ft-to {
    text-align: left;
}
.booking-item-address span {
    font-size: 15px;
}
#flt_rslt .panel-title h4 {
    margin: 32px 0;
}
#flt_rslt .checkbox {
    font-weight: 500;
    font-size: 15px;
}
.booking-item-address > span {
    color: #1c1c1c;
    font-size: 14px;
}
#flt_rslt .panel.panel-default.filter-panel .panel-heading h3.panel-title {
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px solid #f4e6e6;
    text-align: center;
    border-bottom: 1px solid #b9c2c9;
    background-color: #e7f0f7;
    border: 1px solid #cfeaff;
}

#flt_rslt .whatrestget > h3 {
    color: #3abee7;
}

.whatrestget > h3 {
    color: #3abee7;
}

.paradeil p {
    color: #3d3d3d;
    line-height: 23px;
    font-size: 14px;
}

div#Location {
    padding-top: 0px;
}

.row.m-0.Departure.return_row {
    display: none;
}

.bg_clr {
    background-color: var(--color8)0f;
}

.bottom_flt_btn {
    background-color: var(--color8);
    margin: 0 !important;
    border-radius: 0px 0px 15px 15px;
    overflow: hidden;
    padding: 4px;
}

div#flt_rest_tab div#nav-tab {
    margin-bottom: 10px;
}

div#flt_rest_tab a {
    border-radius: 0;
    font-size: 13px;
    color: var(--color8);
    margin-right: 8px;
    background-color: #3abee7;
}

div#flt_rest_tab nav {
    background-color: white;
}

.departure_hover {
    -webkit-transition: all linear 0.2s;
}

    .departure_hover:hover {
        background-color: #f2f0f061;
    }

.hotel_price.flight > span {
    color: #000000;
    font-size: 12px;
    display: block;
}

.bottom_flt_btn > div {
    text-align: center;
}

.bottom_flt_btn button {
    font-size: 14px;
    color: white;
    background-color: #03548700;
    font-weight: bold;
    border: 0px;
    letter-spacing: .2px;
}

.Hotelsresult .flights .row .col-sm-2.pl-md-2.pl-sm-0.col-12 {
    border-left: 1px solid #ccc !important;
    padding-left: 0px !important;
}


/* .shortsv:hover p {
        color: white; */


}

/* .shortsv:hover {
        background: #02609d;
        transition: .35s;
        cursor: pointer;
        color: white!important; */

/* }
    .shortsv:hover b {
        color: white;
    } */
.flt_dtime.col-md-2.col-sm-2.col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 8.666667%;
    max-width: 9.666667%;
}

.flt_layover.col-md-4.col-sm-4.col-xs-4 {
    flex: 0 0 35.333333%;
    max-width: 35.333333%;
}

.flt_atime.col-md-2.col-sm-2.col-xs-2 {
    padding-left: 0;
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
}

.block_show {
    display: none;
}

.pickup {
    flex: 0 0 19.666667% !important;
    max-width: 19.666667% !important;
}

.travl_rw {
    flex: 0 0 10.666667% !important;
    max-width: 10.666667% !important;
}

    .travl_rw .selected_box_bottom label {
        color: #555555;
        font-weight: 600;
    }
.flightslider button.owl-prev.disabled,
.flightslider button.owl-next {
    display: none;
}

.xx {
    display: flex;
    flex-direction: row-reverse;
}
    .xx .book_now.htl_bk {
        width: 100px;
        border-radius: 0px;
    }
    p.good i {
        margin-right: 7px;
    }
.info_lft {
    display: inline-block;
    width: 100%;
}
p.reviewsstyle.cust_review {
    padding-top: -12px;
    padding: 0px;
    margin: 0px;
    margin-top: -5px;
    color: #c0bbbb;
}
ul.cust_pro {
    padding-top: 20px;
    margin-bottom: 0px;
}
.btncheck a.book_now {
    font-size: 14px;
}
input.cust-crd_no:focus {
    outline: 0px;
}
input.cust-crd:focus {
    outline: 0px;
}
.cust-crd_no, .cust-crd {
    border: none;
}
.crdnmbcvc.mb-2.form-control:focus {
    color: #495057 !important;
    background-color: var(--color8) !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}
input.cust-crd_no {
    float: right;
    text-align: right;
}
input.cust-crd::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}
input.cust-crd_no::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}
.rewrd_box {
    display: flex;
}
    .rewrd_box select#state {
        margin-right: 5px;
        width: 45%;
    }
span.ht_log {
    border: 1px solid gainsboro;
    border-radius: 6px;
    display: initial;
    width: 37%;
    height: 37px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-right: 6px;
}
span.htl_logo_name {
    border: 1px solid gainsboro;
    border-radius: 6px;
    display: initial;
    width: 100%;
    height: 37px;
    padding: 0.275rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
    span.htl_logo_name > span {
        color: #005085d4;
        font-size: 12px;
        display: block;
        letter-spacing: .3px;
        font-weight: 600;
    }
span.ht_log > i {
    font-weight: 600;
    float: right;
    line-height: 26px;
}
span.htl_logo_name > span:last-child {
    font-size: 19px;
    font-weight: normal;
    padding-top: -20px;
    margin-top: -7px;
}
.fare_alert p {
    letter-spacing: .3px;
    color: #8b8a8a;
    padding: 9px;
    background-color: white;
    border: 2px solid #7a7979;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

.fare_alert {
    margin-top: 0px;
}

#cust_flt_fltr .ui-slider-range.ui-widget-header.ui-corner-all {
    background-color: #d5d5d5 !important;
}

#cust_flt_fltr .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    border: none;
    height: 7px !important;
}

#cust_flt_fltr .ui-slider-handle.ui-state-default.ui-corner-all.clickround2 {
    border-radius: 50%;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem;
    width: 1.0rem;
}

#cust_flt_fltr .ui-slider-handle.ui-state-default.ui-corner-all.clickround1 {
    border-radius: 50%;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem;
    width: 1.0rem;
}

#cust_flt_fltr .ui-slider-horizontal .ui-slider-range {
    top: -0.5px;
    height: 100%;
}

#cust_flt_fltr p {
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #585858;
}

#cust_flt_fltr hr {
    margin-bottom: .5rem;
}

/* div#cust_flt_fltr #Range {
        margin-bottom: 42px;
        margin-top: -5px !important;
    } */
.flr_slidr_border div#carouselnand .owl-nav button.owl-prev {
    margin-left: 93%;
    display: none;
}

.flr_slidr_border {
    /* border-right: 1px solid #a9d6f7;
        overflow: hidden; */
    margin-bottom: 7px;
}

.flightslider .owl-dots {
    display: none;
}

.right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 20px;
}

.crdnmbcvc.mb-4.form-control:focus {
    color: #495057;
    background-color: var(--color8);
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

#checkout_pag .cutomerheading hr {
    margin-top: .6rem;
    margin-bottom: .5rem;
}

#checkout_pag .trip-summary hr {
    margin-top: .7rem;
    margin-bottom: .5rem;
}
#checkout_pag .paxedDetails p {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}
span.ht_log img {
    margin-left: 19px !important;
    width: 22px !important;
    vertical-align: top;
}
.flr_slidr_border {
    overflow: hidden;
    border-right: 1px solid #a9d6f7;
    border-left: 1px solid #1d94eb61;
}
.hotelcheck li::before {
    content: "\2022";
    width: 14px !important;
    color: #3abee7;
    margin-left: -1rem !important;
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
}
.hotelcheck {
    list-style: none;
}
#flt_result_page .hotel_price.flight p {
    font-size: 19px;
    color: #818385;
    font-weight: 600;
}
.col-md-3.col-sm-6.col-xs-12.cust_modify_calender > div > input {
    background-color: transparent;
    border: none;
}
.col-md-4.col-sm-6.col-xs-12.cust_modify_calender input {
    background-color: transparent;
}
.modifysearch.flt_modify .selected_box_top {
    padding: 9px 11px;
    height: 41px;
    border: 1px solid #3abee754;
}
.modifysearch.flt_modify .selected_box_top i {
    padding-right: 9px;
}
.cust_modify_calender .text_icon.calanderboth {
    background-color: var(--color8);
    height: 41px;
    border: 1px solid #3abee754;
}
.modifysearch.flt_modify button.search_2v {
    background-color: var(--color8);
    color: #3abee7;
    height: 41px;
    font-size: 15px;
}

.cust_modify_calender input#checkin {
    border-right: 0px;
    border-radius: 5px 0px 0px 5px;
    border: none;
}

.cust_modify_calender input#checkout {
    border-left: 0px;
    border-radius: 0px 5px 5px 0px;
    border: none;
}

.flt_tab table {
    width: 100%;
}

.flt_tab tr td {
    text-align: center;
    padding: 10px;
    border: 1px solid gainsboro;
}

.imgsliderflight.cust_img_tabl {
    border: 0;
    cursor: inherit;
    /* display: inherit; */
    font-size: inherit;
    /* line-height: inherit; */
    position: inherit;
    /* text-align: inherit; */
    height: inherit;
    position: inherit;
    width: inherit;
    padding: inherit;
}

/* .select_flt input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: var(--color8);
        content: '';
        display: inline-block;
        visibility: visible;
        border: 3px solid #959090;
        appearance: auto;
        -moz-appearance: auto;
    -webkit-appearance: auto;
    }
    .select_flt input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 7px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #3abee7;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 4px solid #3abee7;
    } */
.mob_div > div {
    color: #6c7592;
    padding: 0.475rem 0.75rem;
    font-size: 12px;
}

    .mob_div > div:first-child {
        border-right: 1px solid #ced4da;
    }

.mob_div img {
    margin-right: 10px;
}

.mob_div i {
    font-size: 10;
    margin-left: 10px;
}

.mob_div {
    display: flex;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

section#htl_result .htl_modi {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

    section#htl_result .htl_modi > div {
        display: inline-block;
    }

section#htl_result .htl_rslt {
    width: 84%;
}

section#htl_result .page-title-wht {
    background-color: var(--color8);
    border: 1px #e9e9e9 solid;
    border-radius: 7px;
    font-family: poppins;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 8px;
}

section#htl_result .row.trip-padding {
    padding-right: 12px;
    font-size: 13px;
    font-weight: 600;
}

.htl_modi > div {
    display: inline-block;
}

.modi_htl-btn {
    width: 15%;
}

    .modi_htl-btn > a {
        border-radius: 7px !important;
        padding: 14px 10px;
        margin-top: 0px;
        width: 100% !important;
    }

#htl_result .modi_htl-btn > a {
    border-radius: 7px !important;
    padding: 13px 5px;
    margin-top: 0px;
    width: 100% !important;
}

section#htl_result .row.trip-padding small {
    font-size: 13px !important;
}

.trip_detail::after {
    z-index: 2;
    position: absolute;
    content: '';
    border-left: 2px solid #3abee7;
    border-top: 29px solid #3abee7;
    border-right: 18px solid transparent;
    height: 0px;
    width: 0px;
    right: -18px;
    top: 2px;
}

.headofcheck.cust-headofcheck > p {
    padding: 10px 5px;
    color: #7f7f7f;
}

.regular-radio:checked + label:before {
    background-color: #3abee7 !important;
}

.regular-radio:checked + label:after {
    background: none repeat scroll 0 0 #3abee7 !important;
}

.headofcheck.cust-headofcheck {
    text-align: center !important;
    width: 55% !important;
}

.headofcheck.cust-headofcheck i {
    font-size: 10px !important;
}
.lowest-price-grn a:hover {
    text-decoration: none;
}

.trip_detail {
    position: relative;
}

#flt_result_page #cust_flt_fltr {
    margin-top: -7px;
}

section#flt_result_page .owl-item.active {
    width: 134px !important;
}

#htl_result .htl_rslt input {
    border: none;
    display: inline-block;
    width: auto;
    font-size: 11px;
}

#htl_result .sections ul li a img {
    width: 18px;
}

#htl_result .sections ul li a {
    color: #333;
    text-decoration: none;
    font-size: 11px;
    margin: 0 10px 0 0;
    font-weight: 500;
}

.fa.fa-angle-down.dn_arrow {
    position: absolute;
    right: 31px;
    top: 10px;
    font-weight: 600;
}

.dob {
    width: 100%;
    padding-top:;
    border: 1px solid #eeeeee;
    padding: 5px inherit;
    border-radius: 5px;
    font-size: 12px;
    background-color: #f0f0f0ad;
    padding: 0.375rem 0.75rem;
}

    .dob::placeholder {
        color: #000000;
    }

#txtAgentID input::placeholder {
    font-size: 12px !important;
    color: #495057
}

.inputs.checkin_input > input {
    border-radius: 3px 0px 0px 3px;
}

.cust_detail_modify span {
    color: #9f9f9f;
    line-height: 37px;
    width: 10%;
    text-align: center;
}

.cust_modify_calender .calanderboth input {
    border: none !important;
}

.detail_row .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 18.666667%;
    max-width: 18.667%;
}
.col-md-12.trip-padding.cust_flt_trip strong {
    font-size: 14px;
    color: #015f9c;
}
.col-sm-4.from_col {
    flex: 0 0 30% !important;
    max-width: 30.333333%;
    padding-right: 0px;
}
.mid-col {
    display: flex;
    align-items: center;
}
#flt_htl_result {
    padding-top: 40px;
    padding-bottom: 40px;
}
p.no_result {
    margin-bottom: 0px;
    font-size: 15px;
    color: #007bff;
    font-weight: 600;
    letter-spacing: .1px;
}
p.resut_text {
    color: #686565;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
}

div#flt_htl_result .hotel_price.flight > span {
    color: #000000;
    font-size: 10px;
    display: block;
    text-align: center;
}

h3.step_one {
    color: #02609d;
    font-size: 22px;
    font-weight: 600;
    margin-top: 18px;
    padding-bottom: 4px;
}

div#flt_htl_result .hotel_price.flight {
    padding: 5px;
}

    div#flt_htl_result .hotel_price.flight p {
        font-size: 19px;
        color: #02609d;
        font-weight: 600;
        padding-left: 17px;
    }

div#flt_htl_result .sort .optns p {
    padding: 10px;
    font-size: 12px;
}

div#flt_htl_result .sort .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
}

div#flt_htl_result .sort h6 {
    margin-top: 9px;
    margin-left: 16px;
    font-size: 15px;
}

div#flt_htl_result .sort {
    padding: 6px;
}

#flt_htl_result .flthtl_sid_img {
    width: 100%;
    float: right;
}

    #flt_htl_result .flthtl_sid_img > span {
        color: #007bff;
        font-size: 16px;
        font-weight: 600;
    }

#flt_htl_result .flthtl_sid {
    font-size: 12px;
    font-weight: 600;
    color: #222222;
    width: 100%;
}

#flt_htl_result .side_depart {
    /* float: left; */
    display: flex;
}

    #flt_htl_result .side_depart .depart_detail p {
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 500;
        color: #919191;
        padding-left: 10px;
    }

#flt_htl_result .arrow_img > img {
    width: 24px;
}

.flthtl_sid p:last-child {
    margin-bottom: 4px;
}

.flthtl_sid p:first-child {
    margin-bottom: 8px;
}

.flthtl_sid_img img {
    border: 1px solid #e5e3e3;
}

.row.flthtl_modify {
    padding-top: 4px;
    padding-bottom: 6px;
    background-color: #02609d;
    margin: 0;
    margin-top: 0px;
    margin-top: 10px;
}

    .row.flthtl_modify .fa.fa-calendar {
        font-size: 13px !important;
        font-weight: bold;
    }
.row.flthtl_modify input:focus-visible {
    outline: none;
}

/* -----Edge--------- */
.fold_section .btn-primary {
    border: 0px;
    font-size: 13px;
    color: #156ba4;
    background-color: #e7f0f7;
    border-color: var(--color8);
    text-align: left;
    font-weight: 500;
    padding: 10px 15px;
}

    .fold_section .btn-primary:hover {
        color: #156ba4;
        background-color: #e7f0f7;
    }

.serv_choice {
    height: 46px;
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.cust_name {
    margin-bottom: 7px !important;
    font-size: 15px;
    font-weight: 600;
    color: #191919;
}

.rewrd_box.ht_rewrd_box span.htl_logo_name,
.rewrd_box.ht_rewrd_box span.ht_log {
    height: 33px;
}

.rewrd_box.ht_rewrd_box .htl_logo_name span {
    font-size: 11px;
    padding: 0px !;
}

.rewrd_box.ht_rewrd_box .htl_logo_name {
    padding: 0;
    padding-left: 11px;
}

.row.flr_htl_modify input {
    position: relative;
    padding: 8px 10px 8px 31px;
    width: 100%;
    border: 1px solid #02609d;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 11px;
}

.row.flr_htl_modify > div {
    padding: 0;
}

.row.flr_htl_modify i {
    position: absolute;
    top: 36p;
    left: 0;
    top: 45px;
    z-index: 100;
    left: 11px;
    color: #02609d;
}

.col-sm-2.cust_nw i {
    left: 28px;
}

.cust_de .book_now.htl_bk {
    width: 100%;
    border-radius: 0px;
    height: 37px;
}

.row.flr_htl_modify label {
    color: var(--color8)dfd;
    font-size: 12px;
}

.row.flthtl_modify .cust_de .book_now.htl_bk {
    width: 100%;
    border-radius: 0px;
    height: 34px;
    font-size: 12px;
}

.row.flthtl_modify .col-sm-2.cust_de {
    padding-left: 8px;
}

.row.flr_htl_modify #checkin2 {
    color: #acacac;
}

.row.flr_htl_modify #checkin1 {
    color: #acacac;
}

table.flt_slid tr td {
    border: 1px solid #ededed;
    padding: 0 4px;
    /* background: #fde9f4; */
}

table.flt_slid img {
    width: 44px !important;
    height: 26px;
    position: relative;
    right: auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 4px;
    margin: 0px auto 5px;
    font-size: 4px;
}

.flt_tabl {
    margin-bottom: 10px;
    box-shadow: 0 0 5px #c1c1c1;
}

td.fltprice_tab.cst_flt_pric p {
    margin-bottom: 0;
    text-align: center;
    color: #007bff;
    padding: 6px;
}

td.fltprice_tab.cst_flt_pric {
    display: none;
}

td.fltprice_tab.cst_flt_pric {
    font-weight: 500;
    text-align: center;
    color: #007bff;
    font-size: 11px;
    height: 3rem;
    width: 8.5rem;
}

.tabl_img {
    padding: 7px;
}

.fltprice_tab span i {
    padding-right: 6px;
    font-size: 19px;
    color: #000;
}

.tabl_img b {
    font-size: 11px;
}

.fltprice_tab span {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #343030;
    display: block;
    padding-bottom: 10px;
}

.fltprice_tab sup {
    color: #9d9d9d !important;
}

.tabl_img h5 {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 10px;
    overflow: hidden;
    margin: 0;
    font-weight: 600;
    color: #494a4b;
}

.descrip .form-control, .descrip .serv_choice, .descrip span.htl_logo_name, .descrip span.ht_log {
    height: 33px;
    font-size: 12px;
}

.lap_box span {
    font-size: 13px;
    vertical-align: text-top;
    font-weight: 500;
}

.modifysearch.flt_modify .calanderboth span {
    line-height: 45px;
}

.lap_box input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
    padding: 0 7px !important;
}
.activities.cust_price_guarante h4 small {
    font-size: 15px;
    font-weight: 600;
    color: #a5a6a2;
}
.activities.cust_price_guarante {
    border: 0px solid #3abee729;
}
.activities.cust_price_guarante i {
    margin-right: 8px;
    color: #3abee7;
    vertical-align: middle;
    font-size: 15px;
}
section#htl_result .cust_htl-modify .calanderboth span {
    line-height: 46px;
}
#checkout_pag .btn-primary:focus, #checkout_pag .btn-primary.focus {
    color: #156ba4;
    background-color: #e7f0f7;
    border-color: #e7f0f7;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.name_flt_check {
    font-size: 9px !important;
}
#thank_you .leftchecktop .book_now {
    font-size: 15px;
}
.yes span {
    color: #707070;
    font-weight: 500;
}
#checkout_pag .cust_text {
    padding-right: 0px;
}
section#flt_result_page .sort h6 {
    margin-top: 5px;
}
.top-header select,
#flt_check_out select,
#flt_check_out input.flt_calen {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 12px;
}

input.calender.Datepicker.flt_calen::placeholder {
    color: #495057;
}

/*--------------- Model------- */
table.table.table-bordered.text-center.pop_table {
    font-size: 12px;
}

#flt_result_page .close {
    opacity: 1 !important;
}

.bottom_flt_btn button {
    font-weight: normal !important;
}
.flt_fare_title {
    background-color: #ffd5eba1;
    padding: 4px;
    color: #3abee7;
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
}

.flight_fare_details .tblbreakup {
    width: 100%;
}

    .flight_fare_details .tblbreakup tr {
        border: 1px solid #eee;
    }

        .flight_fare_details .tblbreakup tr td:nth-child(1) {
            font-weight: 600;
            font-size: 13px;
        }

        .flight_fare_details .tblbreakup tr td {
            padding: 8px 8px;
            font-size: 13px;
            width: 50%;
            text-transform: uppercase;
            text-align: left;
        }

            .flight_fare_details .tblbreakup tr td[colspan='2'] {
                padding: 0;
            }

div#flt_fare_desc {
    line-height: 25px;
    padding: 10px;
    border: 1px solid #eee;
    max-height: 300px;
    overflow: auto;
    font-size: 13px;
    text-align: left;
}
div#flt_fare_desc > h4 {
    line-height: 30px;
    padding-bottom: 5px;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 16px;
}
.flight_popup .departure {
    display: inline-block;
    width: 100%;
    background: #002e6e;
    padding: 5px 5px;
    margin-bottom: 5px;
}
.flight_popup .departure span {
    display: inline-block;
    font-size: 16px;
    color: var(--color8);
}
.flight_popup .departure span strong {
     display: inline-block;
     font-weight: 700;
     color: var(--color8);
}
.flight_popup_body.flight_fare_details .departure {
    color: #3c3c3c;
    font-size: 13px;    
    line-height: 27px;
}
.flight_popup_body.flight_fare_details .departure > span strong {
    font-weight: 600;
}
.flight_img figure img {
    width: 40px;
    height: 40px;
}
.flight_popup_body.flight_fare_details .departure span:first-child {
    float: left;
}
.flight_popup_body.flight_fare_details .departure span:last-child {
    float: right;
}
.flight_popup_body.flight_fare_details .departure > span {
    padding: 5px;
    font-weight: 600;
}
.flight_popup .flight_img figure {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.flight_img p {
    color: #3abee7;
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    font-weight: 500;
}
.flight_departing {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-top: 9px;
}
#flt_result_page p.baggage {
    text-align: right;
    display: inline;
    width: 100%;
    padding: 5px 17px;
    color: #3abee7;
    font-size: 13px;
    margin: 0;
}

#exampleModal_fltdtl, div#exampleModal_fare, div#exampleModal_baggage {
    padding-left: inherit !important
}

#flt_result_page .optns p {
    padding: 9px;
    font-size: 12px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100% !important;
    height: 100% !important;
    background-color: #000;
}

#cust_multi .calanderboth input:first-child {
    text-align: left;
}

.multi_text {
    padding-left: 8px;
    color: var(--color8);
    letter-spacing: .5px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ff000000;
    padding: 5px;
}


.flt_add {
    margin-top: 7px;
}

#cust_multi {
    margin-top: 4px;
}

.modifysearch.flt_modify .row.tripopt {
    padding-left: 12px;
    padding-bottom: 5px;
}

a.activebeard:hover {
    color: var(--color8);
    cursor: pointer;
}

.doflex {
    display: flex;
    width: 100%;
}

.totaltripamt {
    margin-top: 0px !important;
    width: 20%;
    background: #dbe6ec;
    margin-left: 3px;
    border-radius: 5px;
}

.size-fnt {
    font-size: 16px !important;
    color: #02609d !important;
    font-weight: bold !important;
    margin: 0 !important;
}

.auto-resp {
    width: 100% !important;
    height: auto;
}

ul.cust_pro,
.htl-item {
    width: 120%;
}

select#classecc,
select#addrooms {
    position: relative;
    padding: 8px 10px 8px 31px;
    width: 100%;
    border: 1px solid #02609d;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 11px;
    color: #979797;
}

.calandersearch {
    display: flex;
    border-radius: 5px;
    margin: 1px 1px;
}

.text_icon.calandersearch input {
    border: none;
}

.row.flr_htl_modify {
    padding-left: 14px;
}

.chooseroom-head {
    background: #02609d;
    color: var(--color8);
    border-radius: 6px 6px 0 0;
    padding: 7px 10px;
}

.row.detail-room-sec {
    margin-top: 20px;
}

.chooseroom-bledet {
    border: 5px solid #02609d;
    border-radius: 0px 0px 6px 6px;
}

.col-md-4.tripfli-htl-price {
    text-align: right;
}

.row.room-sec-pad {
    padding: 10px;
}

.tripdet {
    padding: 7px 10px;
    background: #dfdfdf;
    color: #000;
    margin: -1px;
    font-weight: 600;
    font-size: 14px;
}

.col-md-4.tripfli-htl-price p {
    margin: 0;
}

    .col-md-4.tripfli-htl-price p:nth-child(1) {
        font-weight: 600;
    }

    .col-md-4.tripfli-htl-price p:nth-child(2) {
        font-size: 11px;
        color: #858585;
    }

.col-md-8.tripfli-htl {
    font-size: 13px;
    color: #8f8f8f;
}

.selec-htl-head {
    font-size: 12px;
    font-weight: 600;
}

.selec-hotel {
    font-size: 17px;
}

.incalen {
    color: #03619e;
    font-weight: bold;
}

a.book_now.htlsaving {
    font-size: 13px;
    width: 73%;
    border-radius: 29px;
    background: #f18500;
    padding: 5px 0px;
}

.cent-room {
    display: grid;
    align-items: center;
}

.chnge-htl {
    position: relative;
    top: -17px;
    text-decoration: underline;
}

.pkg-heading {
    border-bottom: 1px solid #c2def4;
    background-color: #e7f0f7;
    padding: 10px;
    font-size: 16px;
}

.where-to-where,
.pkg-summ-details,
.tot-pkg-pr,
.allcost,
.noteit {
    padding: 0px 11px;
}

.noteit {
    color: #847c85;
    font-weight: 500;
    font-size: 14px;
}

.where-to-where p {
    margin-top: 10px;
    color: #7c7c85;
    font-weight: bold;
    font-size: 14px;
}

.pkg-summ-details {
    font-weight: 500;
    line-height: 29px;
    color: #7c7c85;
}

#checkout_pag > div > div:nth-child(3) > div.col-md-4.col-sm-6 > div > div.pkg-summ > div.tot-pkg-pr > div:nth-child(2) {
    color: #3abee7;
    font-weight: bold;
}

.reviewhtll {
    font-size: 13px;
}

button.reviewhtll {
    border: 2px solid #03619e;
    background: var(--color8);
    color: #03619e;
    padding: 7px 11px;
    border-radius: 6px;
    font-weight: bold;
}

.flights.review-flt {
    box-shadow: none !important;
    border-color: #dfdfdf;
    border-radius: 6px !important;
    margin-top: 17px;
}

div#flt_rest_tab {
    padding-bottom: 13px;
    padding-right: 15px;
    padding-left: 15px;
    /* border: 1px solid gainsboro; */
}

p.nt {
    color: green;
    font-size: 12px;
    margin-top: 12px;
}

.rev-fli {
    padding-top: 19px;
}

.nearby {
    background: #6fa006;
    color: var(--color8);
    padding: 6px 15px;
    margin-top: 15px;
}

.pkg-summ.rev-summ {
    margin-top: 21px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

p.rev-pack-right {
    background: #f190183d;
    padding: 10px;
    border: 3px solid #ffbe4696;
    border-radius: 7px;
    border-left: 7px solid #00000096;
}

button.check-btnn {
    width: 91%;
    margin: 0px 14px;
    background: #6fa006;
    border: none;
    padding: 10px 10px;
    margin-bottom: 17px;
}

#hotel_detail > div > div > div.row > div.col-md-4 > div > div.tot-pkg-pr > div:nth-child(2) {
    color: #3abee7;
    font-weight: bold;
}

.rest-notice {
    font-size: 12px;
    line-height: 3px;
    margin-top: 16px;
    color: #898989;
}

.trans-head {
    margin-top: 40px;
}

    .trans-head h5 {
        margin-bottom: 23px;
    }

.hei-line {
    line-height: 29px;
    border-right: 1px solid #e5e5e5;
}

.add-ride-amt {
    font-size: 24px;
    font-weight: 600;
    color: #3abee7;
}

.ride-amt2 {
    font-weight: 600;
    font-size: 14px;
}

.transfer-note {
    box-shadow: 0px 2px 8px #b3b3b3;
    margin-top: 13px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

    .transfer-note p {
        padding: 11px 14px;
        font-weight: 600;
        color: #005f9b;
        margin: 0;
        display: flex;
    }

    .transfer-note a {
        width: 100%;
        margin-left: 12px;
    }

.all-veh {
    padding: 10px 14px;
    margin-bottom: 20px;
}

select.vehicle-des {
    border: 1px solid #e5e5e5;
    padding: 4px 10px;
    color: #005f9b;
    font-weight: 500;
    font-size: 14px;
    box-shadow: 0px 0px 6px #dfdfdf;
}

.cent-lne {
    border-right: 1px solid #dfdfdf;
}

.pick-drop {
    font-weight: 600;
    font-size: 14px;
}

.whch-airport {
    font-size: 13px;
}

.on-air {
    font-size: 14px;
    margin-top: 10px;
}

.on-milage {
    font-size: 14px;
}

.sec-1 {
    border: 1px solid #ddd;
    margin: 0px 16px;
    padding: 13px 10px;
    margin-left: 0px;
}

.review-carousel {
    max-width: 955px;
}

.sight-btn {
    padding: 9px 5px;
    background: var(--color8);
    color: #005f9b;
    border: 1px solid #bfbfbf;
    box-shadow: 0px 0px 5px #cbcbcb;
    border-radius: 6px;
    margin-left: 17px;
}

.acti-area {
    justify-content: right;
    place-items: center;
    display: flex;
    font-size: 13px;
}

.bottom_flt_btn1 {
    background-color: #d9d9d9;
    margin: 0 !important;
    overflow: hidden;
    padding: 4px;
    border-radius: 0px 0px 5px 5px;
}
    .bottom_flt_btn1 button {
        background: #d9d9d9;
        border: none;
        color: #005f9b;
        text-decoration: underline;
        font-weight: 600;
    }
.modify-trav-box {
    height: 32px;
    padding: 5px 0px 0 32px;
    border-radius: 0px;
    background: var(--color8);
    margin-left: 2px;
    color: #a7a7a7;
    font-weight: normal;
}
.modify-travbx {
    margin-top: 11px;
}
.row.trav-pop-up label {
    color: #6a6a6a;
}
.trav-pop-up > div[class*=col-] {
    padding: 0px 3px;
}

.trav-pop-up > div[class*=col-md-5] {
    margin-top: -18px;
    margin-bottom: 15px;
}

.sel select {
    width: 100%;
}

.row.economy.eco-mod div {
    padding: 0;
}

.mod-submit {
    padding: 0 !important;
}

.eco-mod input[type="radio"] {
    top: -5px;
}

.det-room-amt {
    position: relative;
    right: 3px;
}

.doit-cent {
    display: grid;
    align-content: center;
}
.review-date {
    font-size: 13px;
    font-weight: 500;
    display: grid;
    align-content: center;
}

.do-rig {
    text-align: right;
}

.departure {
    color: var(--color8);
    float: left;
    padding: 0px;
    width: 100%;
}

    .departure span:nth-child(2) {
        float: right;
    }

#exampleModal_fltdtl p.baggage {
    text-align: left;
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
    color: #3abee7;
    font-size: 13px;
    margin: 0;
}

.fli-left-al {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
}

.thankdet1 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 600;
}
.col-md-12.htl-det-all .row {
    margin: 9px 0px;
}

.col-md-12.fli-det-all .row {
    margin: 9px 0px;
}

.fli-mar-bot {
    margin-bottom: 35px !important;
}

.categ {
    font-size: 15px;
    color: #3abee7;
    font-weight: 600;
}

.statusav {
    margin-top: 15px;
    ;
}

span.bed_type {
    color: #02609d;
}

.col-md-6.rec-acc {
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    display: flex;
}

.booking-si {
    color: var(--color8);
    font-weight: 600;
    background-color: #005f9b;
    width: 100%;
    padding: 10px 15px;
    font-size: 15px;
    border-radius: 4px 4px 0 0;
}

.hotel_description h1 {
    font-size: 19px;
}

span.paxreq1 {
    position: relative;
    top: -38px;
    left: 3px;
    color: red;
}

.review_ur_hotel {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

    .review_ur_hotel h2 {
        width: 100%;
        margin: 0px;
        font-size: 20px;
        border-bottom: 1px solid #005f9b;
        font-weight: 600;
        background: #005f9b;
        color: var(--color8);
        padding: 10px 15px;
    }
.continue_payment, .fcpayment, .hcpayment, .tgcpayment, .ttcpayment, .trcpayment, .ocpayment {
    display: inline-block;
    font-weight: 500;
    color: var(--color8);
    background: #3abee7;
    border-radius: 5px;
    border: none;
    padding: 10px 20px;
}

.summary_detail.review_fix_pacakge.sight {
    border: 1px solid #ddd;
    border-radius: 6px;
}
.total {
    display: flex;
    margin-left: -4px;
}
div#sidebar {
    margin-top: 14px;
}
.back-blue {
    background-color: #f7f8f7;
    padding: 19px 9px;
}
.row.back-grey {
    background: #f7f8f7;
    padding: 14px 1px;
    margin-top: 6px;
}

.recom-green {
    position: absolute !important;
    top: -17px;
    background: #3abee7;
    color: white;
    border-radius: 6px;
    text-align: center;
    font-size: 13px;
    padding: 3px 0px;
    right: 0px;
}

.back-grey input,
.back-blue input {
    margin-right: 10px;
}

.trip-cent {
    align-items: center;
    display: flex;
}

.back-grey span,
.back-blue span {
    font-size: 12px;
}

.protect-trip {
    margin-top: 30px;
}

.pri-hei {
    margin-top: 17px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
}

.sightseeing {
    padding: 0px;
}

.sightseeing-descrip {
    padding: 10px 0px;
}

.sight_img img {
    width: 213px;
    height: 230px;
}

.sightseeing_p {
    font-size: 13px;
    margin-top: 14px;
}

.sight-info {
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}

.sight-price {
    padding-right: 28px !important;
}

.category span,
.statusav span,
.act span,
.serve span {
    font-size: 14px;
}

.clickround12 {
    border-radius: 50% !important;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem !important;
    width: 1.0rem !important;
}

.slider-line {
    background-color: #cc0574 !important;
}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all.slider-line {
    height: 9px;
    background: #3abee7;
}

.act,
.serve {
    margin-top: 15px;
}

.travelcarousel {
    height: 433px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 433px;
}

    .travelcarousel img {
        width: 100%;
    }

.images {
    margin-bottom: 10px;
}

    .images img {
        object-fit: contain;
        width: 99%;
        margin-bottom: 3px;
    }

.prevv {
    position: absolute;
    left: 243px;
    top: 212px;
    color: var(--color8);
}

    .prevv::before {
        content: '';
        width: 40px;
        height: 40px;
        background: #a7a7a7;
        position: absolute;
        border-radius: 50px;
    }

.next::before {
    content: '';
    width: 40px;
    height: 40px;
    background: #a7a7a7;
    position: absolute;
    border-radius: 50px;
}

.next {
    position: absolute;
    right: 28px;
    top: 212px;
    color: var(--color8);
}

.prevv,
.next {
    display: grid;
    align-items: center;
    cursor: pointer;
}

    .prevv i,
    .next i {
        position: relative;
        width: 100%;
        left: 11px;
        ;
    }

.slideel {
    transition: 1s;
}

.select-category-block {
    width: 100%;
}

.category-outer-box {
    border: 1px solid #ddd;
}

.blue-blockk {
    padding: 9px 26px;
}

.white-block {
    padding: 15px 38px;
}

.blue-blockk {
    background: #daf1ff;
}

.cat-cent {
    display: flex;
    align-items: center;
}

    .cat-cent input {
        margin-right: 10px;
    }

.lan-tex {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 14px 0px;
}

.mar-rightt {
    margin-right: 10px;
    ;
}

.gr div {
    margin-bottom: 6px;
}

.depretdet {
    font-size: 14px;
    line-height: 13px;
}

.pointb {
    font-weight: 600;
    font-size: 16px;
    margin-top: 26px;
    color: #3abee7;
    text-decoration: underline;
}

.checkinn {
    margin: 32px 0px;
    font-size: 14px;
    font-weight: 600;
}

.itineryy {
    position: relative;
}

    .itineryy::before {
        content: '';
        position: absolute;
        height: 290px;
        border: 1px dotted #3abee7;
        left: -17px;
        margin-top: 9px;
    }

.itineryy {
    margin-left: 20px;
}

p.icon-itinerary i {
    position: absolute;
    left: -21px;
    font-size: 17px;
    color: #3abee7;
}

.info-acti {
    margin-left: 20px;
    font-size: 14px;
    line-height: 25px;
}

.ques-asked {
    font-size: 14px;
    margin-top: 25px;
}

.questions-block {
    background: #daf1ff;
    padding: 20px 30px;
    font-size: 14px;
}

.review-load::before,
.review-load1::before,
.review-load2::before,
.review-load3::before,
.review-load4::before {
    content: '';
    width: 352px;
    background-color: #d5d5d5;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load::after {
    content: '';
    width: 140px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load1::after {
    content: '';
    width: 100px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load2::after {
    content: '';
    width: 80px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load3::after {
    content: '';
    width: 180px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load4::after {
    content: '';
    width: 160px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-des {
    font-size: 14px;
    margin-left: 110px;
}

.stars-review {
    margin-top: 9px;
}

.review-by {
    margin: 40px 0 8px 0;
}

.alreview {
    font-size: 14px;
}

.allreviews {
    margin-bottom: 40px;
}

p.category-text {
    background: #005f9b;
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--color8);
    font-size: 17px;
    font-weight: 600;
}

.acti-border {
    border: 1px solid #dddddd;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0px 0px 5px #d3d3d3;
}

.sight-hed a {
    width: 33%;
}

    .sight-hed a:nth-child(3):after {
        display: none;
    }
.review-77 {
    font-size: 24px;
    font-weight: bold;
    color: #005f9b;
    margin-top: -10px;
}

/* .row.col-md-12.social-iconn {
        background: #02609d;
        width: 75.8%;
        padding: 7px 7px 7px 20px;
        position: relative;
        top: -9px;
        left: 14px;
        text-align: center;
        justify-content: center;
    } */

/* .share-sight {
        display: grid;
        align-items: center;
        color: var(--color8);
    }
    .icons-sec {
        background: #daf1ff;
        padding: 0px 135px 0px 0px;
        border-radius: 7px;
        justify-content: space-between;
    }
    .icons-sec div {
        border-right: 3px solid #02609d;
        padding: 0 0 4px 0;
        max-width: 12%;
    } */
p.sightseeing_p {
    overflow: hidden;
}

.sight-price,
.trans-price {
    display: grid;
    align-content: center;
}

.transfersss input,
.transfersss select {
    font-size: 11px;
    border: none;
    outline: none;
}

.trans-hed a {
    width: 50%;
}

.breadcrumb.flat.trans-hed a:nth-child(2)::after {
    display: none;
    ;
}

.transfer-textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    outline: none;
    padding: 10px;
    font-size: 13px;
}

.sight-thank {
    margin: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .sight-thank h5 {
        background: #f2f6e7;
        padding: 15px;
        font-size: 20px;
        border-radius: 8px 8px 0 0;
        font-weight: 500;
    }

.select-style {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 7px;
    font-size: 14px;
}

.inputplus {
    position: absolute;
}
.inputplus {
    position: absolute;
    top: 0px;
    width: 12% !important;
    right: 0px;
    height: 37px !important;
    background-color: var(--color8) !important;
}

button.btn-back {
    padding: 1px 15px;
    border-radius: 5px;
    border: none;
}

button.btn-back.btn-white {
    background: #f1f1f1;
    color: #000;
    font-size: 15px;
    border: 1px solid #d9d9d9;
}

button.btn-back.btn-black {
    border-radius: 100px !important;
    padding: 0px !important;
    padding-left: 6px !important;
    background: #484848 !important;
}

.sightsee a {
    margin-right: 5px !important;
}

/*flight review css starts*/
.baggage-border,
.upgrade-border {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.all-bagg {
    line-height: 34px;
    padding: 0 0 13px 0;
    font-size: 14px;
}

.bagg-belinfo {
    font-size: 13px;
    padding: 11px 17px;
}

    .bagg-belinfo p {
        margin: 0;
    }

.bag-image {
    width: 149px;
    position: absolute;
    top: -50px;
    right: 110px;
}

.golicon::before {
    content: '';
    padding: 4px 5px;
    background-color: #878787;
    border-radius: 100px;
}

.golicon {
    color: white;
}

.golicon1:nth-child(1)::before {
    background-color: #6fa006;
}

.row.back-upblue {
    background: #009cff26;
    padding-top: 33px;
    font-size: 14px;
    color: #000;
    line-height: 24px;
    padding-bottom: 12px;
    border-radius: 7px;
}

.row.canall {
    padding: 19px 0px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
}

    .row.canall i {
        margin-right: 8px;
    }

button.upbutton {
    width: 100%;
    margin: 13px;
    background: #6fa006;
    border: none;
    padding: 6px 0px;
}

.right-upborder {
    border-right: 1px solid #ddd;
}

.right-upborder {
    border-right: 1px solid #ddd;
    padding: 12px 27px !important;
}

.row.col-md-12.upgrade-border {
    padding: 0px;
}

.multi-fli {
    margin: 41px 0px 20px 0px;
}

.multi-fl {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 7px 7px;
    width: 167px !important;
    border-color: #6fa006;
    cursor: pointer;
    margin-right: 10px;
}

/*hotel detail properties*/
.inner-info-rev {
    font-size: 13px;
    line-height: 22px;
    margin-top: 6px;
}

/*cars starts----------------*/
.availablecars {
    margin: 21px 0px;
    border: 1px solid #3abee7;
    border-radius: 6px;
    padding: 13px 20px;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .availablecars h4 {
        font-size: 23px;
        color: #3abee7;
        font-weight: 500;
        margin: 0;
    }

.row.col-md-12.car-jus {
    margin-top: 6px;
    position: relative;
    top: 12px;
}

.carsi div {
    font-size: 13px !important;
    font-size: 13px !important;
    margin-top: 4px;
}

.impinfocar {
    margin-top: 12px;
    margin-left: 4px;
    cursor: pointer;
}

    .impinfocar i {
        color: #747678;
        font-size: 18px;
    }

.carinfoimp {
    position: fixed;
    background: #6e6e6e;
    box-shadow: 0px 0px 10px #c5c5c5;
    left: 0px;
    top: 25px;
    width: 90%;
    height: calc(100vh - 91px);
    z-index: 100;
    margin: 84px;
    border-radius: 3px;
    padding: 20px;
}

.carheading {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 9px;
    margin-top: 30px;
    position: relative;
    color: var(--color8);
}

.carcontent {
    font-weight: 500;
    color: #000000;
    font-size: 15px;
    margin-bottom: 10px;
}

.carpara {
    font-size: 14px;
    color: #d3cccc;
    font-weight: 400;
}

.carclose {
    cursor: pointer;
}

.carinfoimp {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}

.maincarcontent {
    position: relative;
    top: -36px;
}

/*support starts-----------*/
.supporthead {
    font-size: 21px;
    font-weight: 600;
    margin: 60px 0px 20px 0px;
}

.row.col-md-12.supportinfo {
    background: #dff1ff;
    padding: 24px 5px;
}

.row.col-md-12.assistance {
    border: 1px solid #d9d9d9;
    margin-top: 30px;
}

.ass {
    background: #0f314c;
    color: var(--color8);
    padding: 14px;
    border-radius: 5px;
}

.col-md-6.inpuut {
    text-align: center;
}

.inpuut div {
    position: relative;
    top: 17px;
    left: 100px;
}

.inpuut i.fa.fa-search {
    font-size: 18px;
    margin-right: 7px;
    color: #70b400;
    position: relative;
    top: 3px;
    border-radius: 8px;
    border: 3px solid #89ba17;
    padding: 7px;
}

.inpuut input {
    width: 60%;
    outline: none;
    border: 3px solid #81ba05;
    padding: 4px 13px;
    border-radius: 5px
}

.supportm .col-md-3 {
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 20px 20px;
}

.col-md-12.optionsssupp {
    border-bottom: 1px solid #c9c9c9;
    padding: 15px 10px;
    display: flex;
    cursor: pointer;
}

    .col-md-12.optionsssupp:hover {
        background: #dff1ff;
    }

.browse {
    margin: 30px 0px;
    font-weight: 600;
    font-size: 16px;
}

.optionsssupp i {
    position: relative;
    top: 3px;
    margin-right: 9px;
}

.supportm .col-md-8 {
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-left: 36px;
    flex: 100%;
    max-width: 72%;
}

.chips .col-md-4 {
    box-shadow: 0px 0px 10px #e5e5e5;
    border-radius: 5px;
}

.suphe {
    margin: 37px 16px;
    font-weight: 600;
}

.chipscontent {
    margin: 19px 0px;
}

    .chipscontent div {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
    }

.inh {
    font-size: 12px !important;
    font-weight: 500;
}

.chips .col-md-3 {
    flex: 100%;
    max-width: 31%;
    cursor: pointer;
}

.row.col-md-12.chips {
    justify-content: space-between;
    margin: 0;
    margin-bottom: 24px;
}

.row.col-md-12.supportm {
    margin-bottom: 20px;
}

.nchip {
    border-radius: 5px;
    flex: 30% !important;
    max-width: 32% !important;
    padding: 30px 7px;
    border: 1px solid #e9e9e9;
}

.row.col-md-12.supportnchips {
    justify-content: space-between;
    margin: 20px 0px;
    padding: 0;
}

.col-md-12.shead {
    font-size: 11px;
    text-transform: uppercase;
}

.col-md-12.mhead {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0px;
}

.col-md-12.lhead {
    font-size: 11px;
    color: #81b902;
    font-weight: bold;
}

.row.col-md-12.qrcode {
    border: 1px solid #83be05;
    border-radius: 5px;
    margin-bottom: 29px;
    margin-left: 1px;
}

.download div {
    font-weight: 600;
    font-size: 19px;
    margin: 0px 0px 15px 0;
}

.sendm button {
    padding: 5px 21px;
    border-radius: 6px;
    background: #83be05;
    border: none;
}

.sendm input {
    padding: 4px 19px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    outline: none;
}

.col-md-12.addinf {
    font-size: 12px;
    margin: 19px 0px;
}

.row.col-md-8.supportmail {
    border-right: 1px solid #83be05 !important;
    margin: 10px 0px;
}

.coode div {
    font-weight: 600;
    text-align: center;
}

.coode {
    padding: 40px;
}

.chips .col-md-3 {
    padding: 0px 16px !important;
    box-shadow: 0px 0px 10px #d7d7d7;
}

.col-md-12.lhead {
    cursor: pointer;
}

span.img-border:after {
    /* padding-bottom: 84px; */
    content: "";
    background: url(http://zone.qtcmedia.com/html/images/shape.png) no-repeat center center;
    height: 15px;
    width: 100px;
    display: block;
    margin: 15px auto 25px;
}

.heading.pheading {
    padding: 40px 0px 16px;
}

.heading {
    padding: 16px 0px;
}

a.ft_rt {
    background-repeat: no-repeat;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    background: var(--color8);
    box-shadow: 0 3px 6px rgb(211 211 211 / 52%);
    border-radius: 6px;
    padding: 20px;
    justify-content: space-between;
    border: 1px dashed #eae8e8;
    margin: 5px 5px 5px;
    cursor: pointer;
    transition: all .5s ease;
    float: left;
    width: 21.3%;
    flex-grow: 0;
    flex-shrink: 0;
    user-select: none;
    float: left;
    list-style: none;
    position: relative;
    /* width: 295px; */
    width: 18.5%;
    margin-right: 10px;
    color: #3abee7;
    background-image: url(https://trendytraveldv.wpengine.com/wp-content/uploads/2014/06/ser-icon2.png);
    background-repeat: no-repeat;
    background-position: right;
    /* width: 10px; */
}

    a.ft_rt:hover {
        box-shadow: 0 3px 6px rgb(151 151 151 / 94%);
    }

    .origin_destination:before {
        content: " ";
        position: absolute;
        background-color: #3abee7;
        padding: 3px;
        border-radius: 50%;
        top: 0;
        left: -4px;
    }

.elip {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #333;
    height: 16px;
    font-weight: 600;
    vertical-align: top;
}

.time {
    margin: 5px 0 20px;
    font-weight: 600;
    font-size: 11px;
    width: 100%;
    color: #545556;
}

.origin_destination:after {
    content: " ";
    background-color: #3abee7;
    padding: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: -4px;
}

.price_go.dest {
    display: flex;
    flex-direction: row;
    padding-top: 30px;
    align-items: flex-end;
}

a.ft_rt:hover {
    color: #0056b3;
    text-decoration: none;
    color: unset;
}

p.low_price {
    font-weight: 700;
    font-size: 18px;
    display: flex;
    width: 100%;
    margin-bottom: 0px;
}


.flt_rowt div#nav-tab {
    text-align: center;
    justify-content: flex-end;
    justify-content: center;
    margin-bottom: 37px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--color8) !important;
    background-color: #3abee7 !important;
    border-color: #3abee7 #3abee7 #3abee7 !important;
}


.container.flt_rowt .nav-item {
    padding: 5px;
    color: white;
    border-radius: 24px;
    text-align: center;
    width: 117px;
    border: 1px solid #555555;
    margin: 0px 10px;
    background-color: #5e5e5e;
    font-size: 14px;
}

.container.flt_rowt .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.over {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
}

.container.containr {
    padding: 50px 34px;
}

img.point {
    vertical-align: inherit;
    width: 18px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.mid_nc {
    background-color: var(--color8);
    width: 74%;
    position: absolute;
    top: 31px;
    z-index: 10000;
    margin: auto;
    text-align: center;
    border-radius: 0px;
    width: 80%;
    margin: auto;
    background-color: white;
    box-shadow: 1px 1px 3px var(--color8);
    margin-bottom: 8px;
    box-shadow: 0 1px 7px 0 rgb(0 0 0 / 40%);
}

.bottm_nv {
    margin: auto;
    display: flex;
    justify-content: center;
}

#flt_result_pag .container {
    width: 100% !important;
    max-width: 1355px !important;
}

#flt_rest_tab .nav-tabs .nav-link.active,
#flt_rest_tab .nav-tabs .nav-item.show .nav-link {
    color: var(--color8) !important;
    background-color: #898587 !important;
    border-color: #898587 #898587 #898587 !important;
}

#htl_result .panel-body label {
    display: flex;
    padding-left: 0px;
    font-size: 12px;
}

#htl_result .panel-body.rating i.fa.fa-star {
    font-size: 14px !important;
}

#htl_result .panel-body.rating span {
    font-size: 12px;
}
#htl_result div#Ratings label {
    padding-left: 0px;
    display: inline-block;
}
div#divHotelSearch a.book_now {
    width: auto;
    display: inline-block;
    margin-top: 0px;
}

p#btn_City {
    color: #7e7e7e !important;
    margin-top: -25px !important;
    margin-left: 260px;
}
.hotel_img p span {
    color: #727272;
    /* display: flex; */
    font-size: 12px;
    display: block;
    font-weight: 600;
    line-height: 17px;
}

.imoap input {
    font-size: 13px;
    border-color: #f5eded;
    padding: 5px;
    margin-top: 10px;
    box-shadow: none;
    background-color: #3abee71c;
    border: 1px solid #3abee752;
}

ul.cust_pro {
    padding-left: 4px;
    line-height: normal;
    padding-top: 4px;
    margin-bottom: 0px;
    color: red;
}

a.log,
a.sig {
    border: 2px solid white !important;
    font-weight: 600;
    background-color: #6a565600;
    color: var(--color8) !important;
    /* box-shadow: 1px 1px 11px 1px var(--color8)78; */
    border-radius: 19px !important;
    padding: 1px 10px !important;
}

a.free-app.wllet {
    border-radius: 3px !important;
}

a.india img {
    border: 0px solid white;
    border-radius: 50%;
    width: 25px;
}

img.rss {
    margin-left: 7px;
}

.navigation-box {
    top: .4rem;
    right: .8rem;
    width: 2rem;
    position: absolute;
}

.with_color {
    background-color: #898587 !important;
}

.badge-primary {
    color: var(--color8);
    background-color: #e91e63;
}

.badge-bg {
    color: var(--color8);
    background-color: #e91e63;
}

.breaking-caret:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #898587;
    border-bottom: 20px solid transparent;
    position: absolute;
    right: -15px;
    top: 0;
}

span#btn_checkin,
span#btn_checkout {
    color: #a5a0a0;
    font-size: 12px;
}
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
.login-block {
    width: 100%;
}
.banner-sec {
    no-repeat left bottom;
    background-size: cover;
    min-height: 460px;
    border-radius: 0 10px 10px 0;
    padding: 0;
}
.carousel-caption {
    text-align: left;
    left: 5%;
}

.login-sec {
    position: relative;
    height: 450px;
    position: relative;
    box-shadow: 0 0 5px #c1c1c1;
}

    .login-sec .copy-text {
        position: absolute;
        width: 80%;
        bottom: 20px;
        font-size: 13px;
        text-align: center;
    }

        .login-sec .copy-text i {
            color: #FEB58A;
        }

    .login-sec img {
        width: 420px;
        height: 166px;
        margin: 12px 0px;
        border-radius: 11px
    }

    .login-sec .copy-text a {
        color: #E36262;
    }

    .login-sec h4 {
        font-size: 22px;
        color: #f20b4b;
    }

.btn-login {
    background: #DE6262;
    color: var(--color8);
    font-weight: 600;
}

.banner-text {
    width: 70%;
    position: absolute;
    bottom: 40px;
    padding-left: 20px;
}

    .banner-text h2 {
        color: var(--color8);
        font-weight: 600;
    }

        .banner-text h2:after {
            content: " ";
            width: 100px;
            height: 5px;
            background: var(--color8);
            display: block;
            margin-top: 20px;
            border-radius: 3px;
        }

    .banner-text p {
        color: var(--color8);
    }

.rooms_details2 {
    float: right;
}

.rooms_details1 .list {
    list-style: none;
    color: #7c7878;
    font-size: 15px;
}

.rooms_details2 .list {
    list-style: none;
    color: #7c7878;
    font-size: 15px;
}

    .rooms_details2 .list span {
        color: #ff196e;
    }

.galary_image {
    padding: 0 20px;
}

    .galary_image img {
        width: 115px;
        border-radius: 5px;
        margin-bottom: 22px;
    }

.refund {
    margin: 20px 17px;
}

    .refund p {
        font-size: 18px !important;
        font-size: 18px !important;
        color: #9f9f9f;
        font-weight: 600;
    }

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 14px;
    height: 0px
}

.blog .carousel-indicators .active {
    background: #707070;
}

.insurance {
    box-shadow: 0 0 5px #96989b;
    padding: 16px 18px;
    width: 257px;
    height: 73px;
    margin: 14px 0;
}

    .insurance p {
        display: block;
        padding-left: 20px;
        color: #747070;
    }

    .insurance i {
        color: #3abee7;
        padding-right: 10px;
        font-size: 15px;
    }
section#checkout_pag ol.carousel-indicators {
    display: none;
}

section#checkout_pag .col-md-12.trip-padding.cust_flt_trip strong {
    font-size: 14px;
    color: #4f5152;
}

section.breadcrumb-outer {
    background: url(http://wordpressboss.com/wb/travas-demo/assets/images/bg/video.jpg) no-repeat;
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 50px 0 0;
    height: 207px;
}

.section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}

.breadcrumb-content {
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

    .breadcrumb-content:before {
        position: absolute;
        content: '';
        height: 2px;
        background: var(--color8);
        width: 50px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
.breadcrumb-outer h2 {
    color: var(--color8);
    margin: 0;
    font-size: 36px;
    padding: 10px 0 5px;
}
.breadcrumb-outer h4 {
    margin-bottom: 10px;
    color: white;
    font-size: 19px;
}
.breadcrumb-content nav {
    display: inline-block;
}
.car_result .hotel {
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 20px #cccccc57;
    margin-bottom: 30px;
    padding: 0px;
    display: inline-block;
    width: 100%;
    border-radius: 0px;
}
.car-resu .hotel_img {
    border-radius: 0px;
}
    .car-resu .hotel_img a img {
        height: auto;
    }

.car-resu .destination-content {
    padding: 25px 20px 0px;
    position: relative;
    overflow: hidden;
}

    .car-resu .destination-content h5,
    .car-resu .detail-content .destination-content h3 {
        color: #d60d45;
        /* font-weight: 600; */
        margin-bottom: 0px;
    }

    .car-resu .destination-content h6 {
        font-weight: 300;
        color: #666;
        display: inline;
        font-size: 12px;
    }

    .car-resu .destination-content h3 {
        margin-bottom: 10px;
        border-bottom: 1px dashed #f1f1f1;
        padding-bottom: 10px;
    }

.car-resu ul.list li {
    display: inline-block;
    padding-right: 10px;
    width: 49%;
    font-size: 13px;
    color: #818181;
}

    .car-resu ul.list li:before {
        content: '\f00c';
        font-family: fontawesome;
        padding-right: 3px;
    }

.car-resu p.package-days span {
    color: #d81e47;
}

.car-resu .destination-content .deal-rating {
    margin-bottom: 0;
}

.car-resu .hotel_price.cust_price_htl {
    padding: 0px 20px 25px;
}

.destination-content a {
    color: #d60d45;
    font-size: 17px;
    text-align: left;
    /* float: right; */
    width: 100%;
    display: block;
}

.car-resu p.package-days {
    font-size: 15px;
    margin-bottom: 0px;
    color: #565858;
}

.car-resu i.fa.fa-close {
    color: white;
}

.car-resu .hotel_price.cust_price_htl h3 {
    text-align: right;
    color: #4a4d4e;
    font-size: 25px;
    /* float: right; */
}


.row.k > div {
    -ms-flex: 0 0 25%;
    flex: 0 0 16.5% !important;
    max-width: 25%;
}

.row.k .travl_rw {
    flex: 0 0 16.666667% !important;
    max-width: 15.666667% !important;
}

.modifysearch.flt_modify .text_icon input,
.modifysearch.flt_modify .text_icon select {
    border: 1px solid #a79fa154;
    color: darkgrey;
}

.cust_modify_calender .text_icon.calanderboth {
    border: 1px solid #a79fa154;
}

.modifysearch.flt_modify .selected_box_top {
    border: 1px solid #a79fa154;
    font-size: 12px;
}

.breaking-box .carousel-item {
    line-height: 32px;
}

.breaking-box a.carousel-control-prev.text-primary,
.breaking-box a.carousel-control-next.text-primary {
    display: none;
}

i.fa.fa-spinner.handler-loading {
    margin-right: 4px;
    font-size: 13px;
    position: absolute;
    top: 16px;
}

input[type=text] + input[type=hidden] + .sugg-close {
    display: none;
}

input[type=text].sugg-x + input[type=hidden] + .sugg-close {
    display: inline;
    position: absolute;
    right: 18px;
    top: 15px;
    color: #333;
    cursor: pointer;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 0;
        top: -2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider {
    background-color: #3abee7;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.waiting:empty {
    width: 100%;
    height: 20px;
    margin-bottom: 2px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: waiting 1s infinite;
}

span.waiting {
    vertical-align: middle;
    display: inline-block;
}

.invalid-feedback {
    display: block;
}

@keyframes waiting {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

div#cust_one_round .calanderboth input:first-child {
    text-align: left;
}

.modifysearch > .row .col-md-4.col-sm-12.col-xs-12 .col-md-6.col-sm-6.col-xs-12.resp_full {
    padding-left: 0px;
}

.modifysearch > .row .col-md-4.col-sm-12.col-xs-12 {
    padding: 0px;
}

.modifysearch .searchdn i {
    top: 18px;
    color: #b1b0b0;
    left: 5px;
}

.modifysearch .searchdn.select-airline select {
    color: #7c7979;
    top: 0px;
}

.modifysearch .slider:before {
    background-color: #7c7979;
}

.modifysearch .slider {
    background-color: #7c797994;
}

.modifysearch .searchdn.direct-fliser {
    padding-top: 16px;
}

.modifysearch .searchdn .switch-text {
    top: 17px;
    color: #7c7979;
    font-size: 12px;
    padding: 0 !important;
    margin-left: 15px;
}
.country-code {
    text-align: left;
    padding: 0;
    padding-left: 15px;
    border-left: none;
    outline: none;
}
/*---thank u page*/
    .pink-strip > span {
        font-size: 17px;
        text-align: center;
        border-radius: 2pt;
        font-size: 9pt;
        color: var(--color8);
        border: 1pt solid #90868a;
        /*padding: 3pt;*/
        background-color: #90868a;
        margin-right: 6px;
    }

.ticket_inf li {
    font-size: 13px;
    color: #837e80;
    line-height: 31px;
    /* padding-left: 15px; */
}

ul.ticket_inf {
    padding-left: 20px;
}
p.booking-fee {
    font-size: 15px;
    font-weight: 600;
}
section.thank_u_ {
    position: relative;
    margin-bottom: 30px;
}
#cab-thanku .flt-ic {
    margin-top: 10px;
    margin-right: 10px;
    width: 100px;
    height: 80px;
}
section#htl_thanku .thank_tabl_rw p {
    border: 0px;
    padding: 4px 0px;
    font-size: 15px;
}
.thank_u_ hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgb(191 191 191 / 99%);
}

.top-header > p {
    margin-right: 0px !important;
}

.top-header ul li:last-child {
    margin-right: 0px;
}
.row.childs-row select {
    border: 1px solid gainsboro;
    height: 31px;
    border-radius: 3px;
}

.panel-body.rating i.fa.fa-star {
    font-size: 14px !important;
}

.panel-body.rating span {
    /* padding-top: 2px; */
    float: right;
    text-align: right;
    margin-left: 5px;
    font-size: 14px;
    color: #403e3e;
    font-weight: 600;
}
hotel-filter, flight-filter {
    font-size: 11px;
}
h2.headline a > span {
    margin-left: 10px;
}
    h3.namedetail a i {
        color: #ffe31a;
        font-size: 13px;
        vertical-align: super;
    }

.img_section {
    display: flex;
}

    .img_section img {
        width: 37px;
    }

a.nav-item.nav-link {
    color: white;
    font-size: 12px;
    font-weight: 500;
    background-color: #8b8a8a;
    margin-right: 3px;
}

.row.flight_popup {
    margin-top: 7px;
}
.baggage-style {
    font-size: 14px;
    padding: 6px 18px;
    border-radius: 27px;
    margin-bottom: 10px;
    border: 1px solid #3abee7;
    display: inline-block;
    background-color: #3abee7;
    font-weight: 700;
    color: var(--color8);
}

    .baggage-style i {
        color: white !important;
        margin: 0px 8px;
    }

section#hotel_detail.baggage-style i.fa.fa-arrow-right {
    font-size: 12px;
    color: #8b8a8a !important;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

section#hotel_detail .next::before {
    content: '';
    width: 25px;
    height: 25px;
    background: #a7a7a700;
    position: absolute;
    border-radius: 50px;
}
section#hotel_detail span.pre.ar-right {
    z-index: 100000;
    display: inline-block;
    position: absolute;
    top: 49%;
    color: white;
    left: 6%;
}
section#hotel_detail .next {
    position: absolute;
    right: 8%;
    top: 50%;
    z-index: 100;
    color: var(--color8);
}
.alert-info {
    color: #3abee7 !important;
    background-color: #3abee726 !important;
    border-color: #3abee782 !important;
}
.leftabout.area_detail {
    overflow: hidden;
    height: 360px;
}
.Mapviewv p {
    padding: 8px;
    background-color: #f1f1f1;
    font-weight: 500;
    text-transform: capitalize;
}

div#Policies .panel-body {
    font-size: 14px;
    line-height: 33px;
    color: #706f6f;
}
div#Policies .panel-body {
    font-size: 14px;
    line-height: 33px;
    color: #706f6f;
}
.panel-body.rating span {
    margin-left: 5px;
    padding-top: 0px;
}
body > client-app > app-layout > app-header > header > nav > div > div > div.col-md-10 > div > div:nth-child(1) > div {
    display: flex;
}
.modifysearch.flt_modify .text_icon input {
    font-weight: 200 !important;
    font-size: 13px !important;
}
.depretur {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 14px;
    color: #3abee7;
}
.col-md-12.trip-padding p, .col-md-12.trip-padding span {
    font-size: 12px !important;
}

checkout-fare-details p {
    font-size: 12px !important;
    margin-bottom: 0px;
}

input#adt_exp_0_0 {
    background-color: white;
}
hotel-details .Hotelsresult.htl_detail_rslt button.showmrebtn {
    background-color: #90868a;
    margin-bottom: 9px;
    border-color: #a9b0a8;
    padding: 3px 10px;
}

hotel-details .row.col-md-10.icons-sec {
    margin-top: 10px;
    margin-bottom: 10px;
}

.paradeil p {
    color: #9f9d9d;
    line-height: 23px;
    font-size: 15px;
}

span.amenty_item {
    line-height: 31px;
}

checkout .hedpara h4 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
    color: black;
}

checkout .col-sm-4.from_col p {
    font-size: 14px !important;
}
.ui-menu .ui-menu-item li:hover {
    border-color: #7e7e7e !important;
    background-color: #7e7e7e !important;
}

flight-result section#flt_result_page .sort > div > div {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 19%;
    max-width: 25%;
}

    flight-result section#flt_result_page .sort > div > div:first-child {
        text-align: center;
        flex: 0 0 15%;
        /* max-width: 25%; */
    }

.flt_tabl {
    overflow-x: auto;
    overflow-y: hidden;
}

p.r {
    font-size: 15px;
}

#checkout_pag > div > div:nth-child(2) > div.col-md-4.col-sm-6 > div > div.col-md-12.FaredDetails_row > checkout-fare-details > div:nth-child(4) > div:nth-child(1) > p > span:nth-child(1) {
    font-size: 18px !important;
}

#checkout_pag > div > div:nth-child(2) > div.col-md-4.col-sm-6 > div > div.col-md-12.FaredDetails_row > checkout-fare-details > div:nth-child(4) > div:nth-child(1) > p > span:nth-child(3) {
    font-size: 21px !important;
}


table.ui-datepicker-calendar a.ui-state-default.ui-state-highlight {
    background-color: #3abee7 !important;
    border-color: #3abee7 !important;
}

.hedpara > .row > .col-md-10 > .row > .col-md-4.col-sm-6.col-xs-12 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}
.row.check-res {
    padding-top: 10px;
}

.right_result .sort a {
    margin-right: 7px;
    font-size: 14px;
    color: white !important;
    font-weight: 500;
}
hotel-result .sort > .row > div {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 15.333333%;
    max-width: 16.333333%;
}
hotel-result .sort > .row > div:last-child {
    flex: 0 0 19.333333%;
    max-width: 19.333333%;
    text-align: right;
}
hotel-result .sort a i {
    margin-left: 6px;
}
flight-result .checkbox label {
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: 500;
    color: #585858;
    margin-left: 12px;
}
flight-result .booking-item-address > span {
    color: #626262;
    font-size: 13px;
}
flight-result .loop1 > .col-md-12 > .col-md-12 {
    padding: 0px;
}
.col-md-12.flt-top-toolbar > div {
    padding: 0px;
    flex: 0 0 50%;
    max-width: 50%;
}

flight-result .col-md-12.flt-top-toolbar {
    margin-bottom: 10px;
    justify-content: space-between;
    display: flex;
    padding: 8px 12px 7px 12px;
    background-color: rgb(255 255 255);
    box-shadow: 0 2px 9px 0 rgb(0 0 0 / 15%);
    margin-top: 20px;
}

flight-result span.seconds_new {
    display: block;
}

flight-result .col-md-2.found {
    font-weight: 500;
    font-size: 17px;
    color: #808090;
}

    flight-result .col-md-2.found span {
        /* color: #3abee7 !important; */
        font-weight: 500;
        font-size: 16px !important;
        color: #3abee7;
    }

flight-result button.myBtnn {
    font-size: 15px;
    border-color: #979797;
    padding: 7px 11px;
    background-color: #979797;
    margin-bottom: 10px;
    margin-right: 0px !important;
    margin-top: 0px !important;
}
.col-md-2.col-xs-2.sort_by {
    padding: 0px;
    background-color: transparent;
    color: white;
    font-size: 17px;
    border-left: 0px;
    vertical-align: unset;
    line-height: 32px;
}
hotel-filter div#Landmarksclick {
    margin-top: 41px;
}
hotel-filter .panel.panel-default {
    line-height: 23px;
    font-size: 14px;
}
span.fli-trvlDays {
    font-size: 10px;
    display: none;
}
flight-result flight-modify .itsflight.row > div {
    width: 50%;
    -ms-flex: 0 0 100%;
    flex: 0 0 18%;
    max-width: 25%;
}
flight-result .row.back_new1 {
    width: 100%;
}
flight-result .full_new1 {
    background-color: #7c7c7c;
    width: 100%;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) {
    -ms-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 20%;
    max-width: 30%;
    display: inline-block;
    padding: 5px;
    padding: 5px 2px;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}
flight-result .col-md-4.specific > select {
    height: 47px;
    background-color: white;
    font-size: 14px !important;
    color: #9f9f9f;
    width: 100%;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    width: 49%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    width: 49%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}
flight-result #flt_modify .col-md-4.specific {
    padding: 0px !important;
    margin: 0px !important;
}
flight-result .col-md-4.specific > select {
    height: 47px;
    background-color: white;
    font-size: 14px !important;
    color: #9f9f9f;
    width: 100%;
}

flight-result button.modalclose {
    padding: 0px 5px;
    font-size: 21px;
    background-color: var(--color8)00;
    border-color: var(--color8);
    color: var(--color8);
    border-radius: 50%;
    border: 0px;
}
flight-result .row.back_new1 {
    border: 2px solid white;
    width: 100%;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px 1px #a5a5a5;
}
flight-result .col-md-12.non_stop label {
    color: white;
}
flight-result .col-md-12.non_stop {
    margin-top: 0px !important;
}
flight-result .full_new1 > div {
    padding: 0px;
}
button.flt_dtl i {
    margin-right: 2px;
}
.flight_popup_body.flight_fare_details > div:first-child {
    background-color: #3abee7 !important;
    color: white;
}
flight-detail-info .departure span {
    color: white;
}
.blueback {
    width: 100%;
    height: 500px;
    text-align: center;
    vertical-align: middle;
    background-color: var(--color8) !important;
}
.blueback .waiting {
    text-align: center;
    align-items: center;
    position: relative;
    top: -56px;
}
.blueback .waiting img {
    width: 46%;
    position: relative;
    top: 20%;
}
.blueback .waiting .text {
    font-weight: 600;
    font-size: 18px;
    color: #ed6a08;
}

/*Login Css*/
/* Full-width input fields */
#header_signin_tab input[type=text],
#header_signin_tab input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 13px;
}

/* Set a style for all buttons */
#header_signin_tab button {
    background-color: #04AA6D;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

/* Extra styles for the cancel button */
#header_signin_tab .cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
#header_signin_tab .imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

#header_signin_tab img.avatar {
    width: 40%;
    border-radius: 50%;
}

#header_signin_tab .container {
    padding: 16px;
}

#header_signin_tab span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
#header_signin_tab .modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgb(32 33 36 / 73%);
}

/* Modal Content/Box */
#header_signin_tab .modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
#header_signin_tab .close {
    position: absolute;
    right: 2px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

    #header_signin_tab .close:hover,
    #header_signin_tab .close:focus {
        color: red;
        cursor: pointer;
    }

#header_signin_tab .bg {
    width: 100%;
    height: 100%;
    font-family: sans-serif;
    background-color: #00000000;
    color: #495057;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header_signin_tab .card {
    border: 0px;
    background-color: #5c5d5f;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 500px;
    height: 500px;
    box-shadow: 0.15s ease-in-out;
    perspective: 1000px;
    border-radius: 12px;
}

#header_signin_tab .inner-box {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 1s;
}

#header_signin_tab .card-front,
#header_signin_tab .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color8);
    /* background-image: linear-gradient(45deg, #3abee7 0%, var(--color8) 100%); */
    padding: 25px;
    box-sizing: border-box;
    backface-visibility: hidden;
    border-radius: 12px;
}

    #header_signin_tab .card-front > div p {
        display: inline-block;
        width: 50%;
        text-align: center;
    }

#header_signin_tab .card-back {
    transform: rotateY(180deg);
}

#header_signin_tab .card h2 {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    margin-bottom: 32px;
    color: #ed1760;
}

#header_signin_tab .input-box {
    color: #333;
    height: 40px;
    -moz-box-shadow: 0 2px 2px #cdcdcd;
    -webkit-box-shadow: 0 2px 2px #cdcdcd;
    box-shadow: 0 2px 2px #cdcdcd;
    border-radius: 3px;
    TEXT-ALIGN: LEFT;
    outline: none background: transparent;
    width: 100%;
    width: 100%;
    padding: 12px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#header_signin_tab ::placeholder {
    color: 100%;
    font-size: 12px;
}

#header_signin_tab button {
    width: auto;
    background: #858585;
    border: 1px solid #8f8f8f;
    margin: 20px 0 10px;
    height: 32px;
    font-size: 14px;
    border-radius: 4px;
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
    color: var(--color8);
    cursor: pointer;
    font-weight: 500;
}

#header_signin_tab .submit-btn {
    position: relative;
    box-shadow: 0 11px 5px -6px #969696;
}

#header_signin_tab span {
    font-size: 13px;
    margin-left: 10px;
}

#header_signin_tab .card .btn {
    margin-top: 40px;
}

#header_signin_tab .card a {
    color: var(--color8);
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 13px;
    margin-top: 8px;
    color: #400023;
}

#header_signin_tab .card-front > div,
.card-back > div {
    background-color: var(--color8);
    border-radius: 51px;
    box-shadow: 0 1px 7px 0 rgb(0 0 0 / 30%);
    margin-bottom: 20px;
}

    #header_signin_tab .card-front > div p,
    .card-back > div p {
        display: inline-block;
        width: 50%;
        text-align: center;
        margin-bottom: 0px;
    }

        #header_signin_tab .card-front > div p:first-child {
            color: white;
            background-color: #ee1b62;
            border-radius: 21px;
            padding: 5px;
            box-shadow: 1px 1px 5px 2px #e5e1e1;
        }

#header_signin_tab .btn-card .btn {
    width: 48%;
    margin-top: 0px;
}

#header_signin_tab button.btn.active_bt {
    margin: 4px;
    background-color: #ed1760;
    border-radius: 31px;
    /* margin-bottom: 0px; */
    color: white;
    /* line-height: 43px; */
    /* padding: 12px; */
    height: 41px;
}

#header_signin_tab div#card label {
    margin-top: 5px;
    margin-bottom: 0px;
    color: #545454;
}

#header_signin_tab .log_main_section > h2 {
    margin: 0px;
    font-size: 28px;
    color: #ed1760;
    font-weight: 700;
}

#header_signin_tab .log_main_section > p {
    margin: 0px;
    font-size: 15px;
    color: var(--color8);
    font-weight: 400;
    width: 500px;
}

#header_signin_tab .btn-card i.fa.fa-user-circle {
    color: #eeeeee;
    text-align: center;
    margin: auto;
    font-size: 102px;
}

#header_signin_tab .submit-btn {
    margin-bottom: 9px;
    font-size: 18px;
    color: white;
    background-color: #7e7e7e;
    border-radius: 14px;
    position: relative;
    box-shadow: 0 11px 5px -6px #969696b0;
    margin-top: 0px;
    border-color: #7e7e7e;
    height: 39px;
    /* text-shadow: 0px 1px 10px white; */
    font-weight: 500;
    letter-spacing: .2px;
    margin-top: 8px;
}

#header_signin_tab .btn-card button:hover {
    background-color: var(--color8)00;
    border-color: #c1066a00;
    cursor: pointer;
}

/* Add Zoom Animation */
#header_signin_tab .animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

#header_signin_tab .media-buttons {
    margin: auto;
    text-align: center;
    padding-top: 39px;
    display: flex;
}

    #header_signin_tab .media-buttons img {
        margin: auto;
        display: block;
        width: 53%;
        height: 52px;
    }

    #header_signin_tab .media-buttons i {
        font-size: 35px;
        display: block;
        margin-right: 2px;
    }

    #header_signin_tab .media-buttons button {
        /* vertical-align: inherit; */
        font-weight: 600;
        text-transform: capitalize;
        margin: auto;
        display: block;
        width: 51%;
        height: 45px;
        text-align: center;
        border-radius: 3px;
        border: 2px solid #3b5998;
        color: #3b5998;
        font-size: 14px;
        text-align: right;
        display: flex;
        align-items: center;
        text-align: center;
        margin-bottom: 2px;
        margin: 1px;
    }

#header_signin_tab .btn-card button.submit-btn:hover {
    background-color: #999696 !important;
    border-color: #999696 !important;
    cursor: pointer;
}

#header_signin_tab button.btn.active_bt:hover {
    background-color: #ed1760 !important;
    border-color: #c1066a00 !important;
}

#header_signin_tab .btn-card button:hover {
    background-color: var(--color8)00 !important;
    border-color: #c1066a00 !important;
}

#header_signin_tab .media-buttons button.fb-btn:hover {
    color: white;
    background-color: #3b5998 !important;
}

#header_signin_tab .media-buttons span {
    display: block;
    width: 100%;
    font-size: 11px;
    margin-left: 0px;
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

flight-modify .selected_box_bottom > div > .col-5.col-md-5 {
    padding: 0px;
}

flight-modify .selected_box_bottom > div > .col-7.col-md-7 {
    padding-right: 0px;
}
flight-details-template .flt_bk button {
    font-weight: 600;
    color: #ffff;
    font-size: 13px;
    height: 30px;
    padding: 4px 9px;
}
.flt_bk button:hover {
    background-color: #90868a00;
    border-color: #c1066a00;
    cursor: pointer;
}
.waiting {
    font-weight: 500;
    text-align: center;
    margin-bottom: 18px;
}

#fli-duration {
    text-align: center;
}
div#dvInbound > div:last-child p {
    font-size: 13px !important;
    text-align: left !important;
    font-weight: 600;
}
.footer_conatiner, .header_conatiner {
    max-width: 1390px;
}
.sidenav-content {
    text-align: center;
}
.sidenav-content h2 {
    font-size: 32px;
    font-weight: 600;
    color: #f7115f;
    margin-bottom: 42px;
}
ul.user_tab_links.ar-right {
    list-style: none;
    background-color: var(--color8);
    display: inline-block;
    padding: 10px;
    border-radius: 73px;
}
    ul.user_tab_links.ar-right li a {
        margin-top: 21px;
        background-color: var(--color8);
        margin: 5px;
        color: #7e7e7e;
        padding: 7px 40px;
        border-radius: 25px;
        font-size: 17px;
        letter-spacing: .2px;
        border: 3px solid #7e7e7e;
        font-weight: 600;
        margin-top: 31px;
        text-decoration: none;
    }
.modal-body i.fa.fa-close {
    background-color: #7e7e7e;
    color: white;
    font-size: 20px;
    border-radius: 50%;
    padding: 3px 5px;
    cursor: pointer;
    line-height: 21px;
}
span.span-or {
    font-size: 21px !important;
    color: #7e7e7e;
}

div#header_signin_tab a#forgot_pw {
    color: #db004a;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .0px;
}
div#header_signin_tab .sidenav-content h2 {
    font-size: 32px;
    font-weight: 600;
    color: #f7115f;
    margin-bottom: 42px;
    display: none;
}
div#header_signin_tab li.active a {
    background-color: #df1b5d !important;
    color: white !important;
    border-color: #df1b5d !important;
}
.modal-body > a {
    float: right;
}
div#header_signin_tab img {
    display: inline-block;
    margin-top: 8px;
    width: 14%;
    height: 41px;
    padding-right: 3px;
}
.modal-body i.fa.fa-close {
    background-color: #df1b5d;
    color: white;
    font-size: 18px;
    border-radius: 50%;
    padding: 2px 5px;
    cursor: pointer;
    line-height: 21px;
}
.form-group.mail_id_sign {
    margin-bottom: 0px;
}
.modal {
    background-color: #00000000;
}
div#header_signup_tab input,
div#header_signup_tab select {
    background-color: var(--color8);
    margin-bottom: 14px;
}
div#header_signup_tab .form-group {
    margin-bottom: 0px !important;
}
.row.sgnuptitle > div {
    padding-right: 0px;
}
.row.sgnuptitle > div:last-child {
    padding-right: 15px;
}
button.submit-btn {
    width: 100%;
    margin-bottom: 9px;
    font-size: 18px;
    color: white;
    background-color: #7e7e7e;
    border-radius: 14px;
    position: relative;
    box-shadow: 0 11px 5px -6px #969696b0;
    margin-top: 0px;
    border-color: #7e7e7e;
    height: 39px;
    font-weight: 500;
    letter-spacing: .2px;
    margin-top: 8px;
}
ul.user_tab_links.ar-right li {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 2px;
}
.sidenav-content li.active a {
    background-color: rebeccapurple;
    background-color: #df1b5d !important;
    border-color: #df1b5d !important;
    color: white !important;
}
.row.imgrw img {
    width: 39px;
    margin: 9px;
}
#header_signin_tab input::placeholder {
    font-size: 16px;
}
.sidenav-content h2 {
    display: none;
}
div#header_signin_tab {
    padding: 20px 40px;
}
div#header_signup_tab {
    padding: 20px 40px;
}
    div#header_signup_tab input,
    div#header_signup_tab select {
        background-color: var(--color8);
        margin-bottom: 14px;
        width: 100%;
        padding: 8px 17px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-size: 16px;
        height: 40px;
    }
div#loginBlock .modal-body i.fa.fa-close {
    background-color: #a1a1a1;
    color: white;
    font-size: 18px;
    border-radius: 50%;
    padding: 2px 5px;
    cursor: pointer;
    line-height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
}
div#loginBlock .modal-body {
    padding-top: 28px;
}
.flight_chevron.col-md-3 > button {
    font-weight: 500;
    border-radius: 20px;
    background-color: #747070;
    border-color: #747070;
    color: #000000 !important;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 13px;
    width: 169px;
}
ul.user_tab_links.ar-right {
    background-color: var(--color8);
    display: inline-block;
    box-shadow: 1px 1px 4px #c9d1c9;
    padding: 15px 12px;
    border-radius: 73px;
}
    ul.user_tab_links.ar-right li:last-child {
        margin-right: 0px;
    }

    ul.user_tab_links.ar-right li {
        display: inline-block;
        padding-top: 3px;
        padding-bottom: 2px;
        margin-right: 49px;
    }
button.flt_dtl, button.flt_details, button.Far_dtl {
    font-weight: 500;
    color: #4c4c4c !important;
    font-size: 13px;
    white-space: nowrap;
}
.fade.show {
    opacity: 1;
}
.modal-backdrop {
    opacity: 0.6 !important;
}
.ngerror {
    color: red;
    font-size: 12px;
}
.sesion-expire {
    width: 500px;
    margin: 0 auto;
    padding: 40px 50px 50px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.45);
    margin-bottom: 15px;
    position: fixed;
    z-index: 9999;
    background: var(--color8);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 5px;
}
user-family-member > div > form > div > div:nth-child(1) > div:nth-child(7) > div:nth-child(2) {
    text-align: right;
}
    .sesion-expire.checkout {
        transform: translate(80%, 30%);
    }

    .sesion-expire h3 {
        color: #555251;
        margin-top: 0;
    }

    .sesion-expire i {
        font-size: 21px;
        color: #f38a37;
        vertical-align: middle;
        margin: 0 2px;
    }

    .sesion-expire h5 {
        line-height: 1.4;
        margin: 15px 0 10px;
    }

    .sesion-expire a {
        margin: 0px 7px 0;
    }

.alert-modal .modal-content {
    transform: translate(0, 30vh);
    box-shadow: none !important;
    border: 0;
    outline: none !important;
}
.alert-content {
    text-align: center;
    padding: 20px;
}
.alert-content .alert-icon {
    font-size: 50px;
}
    .alert-content .alert-msg {
        margin: 10px 0 20px;
    }
.zoom-in {
    -webkit-animation: zoomin 0.2s ease-in forwards;
    -moz-animation: zoomin 0.2s ease-in forwards;
    -o-animation: zoomin 0.2s ease-in forwards;
    animation: zoomin 0.2s ease-in forwards;
}
@keyframes zoomin {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

flight-fare-rules .panel-body ul {
    list-style: none;
}

checkout-itinerary-details .depretur {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 14px;
    color: #3abee7;
}

.lowest-price-grn b {
    font-size: 15px;
}

.row.imgrw {
    margin-top: 80px;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: .75;
    background-color: transparent !important;
}
#checkout_pag > div > div:nth-child(2) > div.col-md-4.col-sm-6 {
    padding-left: 0px;
}
.paymentsec {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 12px;
}
.user-layout-nav nav {
    justify-content: right;
    background: #02609d;
    color: var(--color8);
    padding-right: 7%;
}
.user-layout-nav.nav.nav-tabs li {
    padding: 6px 17px;
    cursor: pointer;
}
.user-layout-nav.nav.nav-tabs li a {
    color: var(--color8);
}
.user-layout-nav.nav.nav-tabs li a i {
    margin-right: 9px;
}
.user-profile-form h3 {
    margin: 15px 0px 7px 0;
    font-size: 15px;
    color: var(--color1);
    font-weight: 600;
}
.user-profile-form label {
    font-size: 13px;
    font-weight: 600;
}
user-booking-detail table thead tr th {
    background: var(--color1);
    color: #ffff;
}
.user-profile-form div.row {
    margin-bottom: 7px;
    margin-top: 10px;
}
user-profille select, user-profille input, user-profille textarea {
    font-size: 12px !important;
}
user-family-member select, user-family-member input, user-family-member textarea{
    font-size: 12px !important;
}

checkout .col-sm-4.mid_col.cust_mid_col span {
    font-size: 12px !important;
}
ul.user-layout-nav.nav li a.active {
    background-color: var(--color1);
    padding: 10px;
}
ul.user-layout-nav.nav i {
    margin-right: 9px;
}
ul.user-layout-nav.nav li {
    padding: 10px 7px;
    cursor: pointer;
}
    ul.user-layout-nav.nav li a {
        color: white;
        font-size: 13px;
        letter-spacing: .5px;
    }
ul.user-layout-nav.nav {
    display: flex;
    justify-content: space-around;
    border: 1px solid grey;
    background: grey;
    margin-top: 12px
}
.col-md-3.width_22.ar-right.user-tab {
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 89px;
    color: white;
    padding-left: 0px;
    padding-right: 0px;
}
user-booking-list li.ar-right a {
    color: white;
    background-color: #817c7c;
    padding: 8px 24px;
    font-size: 15px;
    margin-right: 10px;
    border-radius: 3px 3px 0px 0px;
}
user-booking-list .nav-tabs {
    line-height: 33px;
    border-bottom: 1px solid #dee2e6;
}
div#loginBlock .modal-content {
    background: #ffeaf1;
    border: none !important;
}
#loginBlock .modal-dialog {
    max-width: 60%;
}
div#header_signup_tab {
    padding: 0px 0px 0px 15px;
    border-left: 1px solid gainsboro;
    text-align: left;
}
.loginopens h4, div#header_signup_tab h4, div#header_forgotpassword_tab h3 {
    text-align: left;
    font-size: 17px;
    margin-bottom: 26px;
    color: #db004a;
}
.loginopens {
    text-align: left;
}
.loginopens h5, .loginopens input, div#header_signup_tab h5, div#header_signup_tab input, div#header_signup_tab select {
    font-size: 13px;
    margin-bottom: 0px;
}
.form-group.pswrd_sign p {
    color: black;
}
.travelpoint {
    padding-top: 10px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}
.input-group.full_width.flight-country-flag {
    display: flex;
    width: 100%;
}
select.form-control.ar-right.country-code {
    width: 19% !important;
}
select.form-control.ar-right.country-code {
    width: 18% !important;
    border-left: 0px !important;
}
p.ratemayapply > input {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
}
p.ratemayapply {
    padding: 10px 15px 0px;
    margin-bottom: px;
    font-size: 15px;
    padding-top: 48px;
    font-size: 13px;
    font-weight: 500;
}
input.remcheck {
    width: auto !important;
    height: auto !important;
}
#header_signup_tab > form > div > div:nth-child(5) p {
    font-size: 13px;
    margin-left: 6px;
    font-weight: 500;
}
.form-group.pswrd_sign p {
    font-size: 13px;
    font-weight: 500;
}
.col-md-4.loggedin {
    padding-left: 0px;
}
div#header_forgotpassword_tab i {
    color: #858585 !important;
    font-size: 13px;
    text-align: left !important;
    font-weight: 500;
}
.travelpoint p {
    display: inline-flex;
    align-items: baseline;
}
.travelpoint p span {
    text-align: left;
    margin-right: 10px;
}
.user-profile-form span.fa.fa-fw.fa-eye.toggle-password-icon.toggle-password {
    position: absolute;
    top: 40px;
    text-align: right;
    right: 30px;
}
.wrapper {
    overflow: hidden !important;
    float: left !important;
    width: 100% !important;
    min-height: 100vh !important;
    margin: 0px;
    box-sizing: border-box;
}
section.waiting_page {
    width: 100%;
    /*background-image: url(https://demo.gridgum.com/templates/Travel-agency/images/slider.jpg);*/
    background-image: url(https://mksdmcdn-9b59.kxcdn.com/trawell/wp-content/uploads/2018/03/rawpixel-com-191102-unsplash-1920x1254.jpg);
    background-color: var(--color8);
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.overlay {
    opacity: .3;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--color8);
}

#ForProcess {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

div#center_loader {
    margin-bottom: 20px;
}

#center_loader .loader-box {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
}

#HTLField {
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 40px;
    border-radius: 57px;
    margin-left: 0%;
    border: 1px solid #d5d5d5;
    background: var(--color3);
    box-shadow: 1px 1px 7px 1px #000000;
}

.circular {
    height: 100px;
    width: 100px;
    position: relative;
    transform: scale(0.8);
    margin: auto;
}

    .circular .inner {
        position: absolute;
        z-index: 6;
        top: 50%;
        left: 50%;
        height: 80px;
        width: 80px;
        margin: -40px 0 0 -40px;
        background: var(--color8);
        border-radius: 100%;
    }

    .circular .number {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 22px;
        font-weight: 800;
        color: #3abee7;
    }

    .circular .bar {
        position: absolute;
        height: 100%;
        width: 100%;
        background: var(--color8);
        -webkit-border-radius: 100%;
        clip: rect(0px, 100px, 100px, 50px);
    }

.circle .right {
    transform: rotate(180deg);
    z-index: 3;
}

.waiting_data {
    border-right: 0px solid #3a6da9;
    padding: 5px;
    text-align: center;
}

    .waiting_data i {
        padding-bottom: 11px;
        font-size: 18px;
        padding-top: 10px;
        color: var(--color8);
    }

h3.thumb-title {
    font-size: 16px;
    color: #0c0c0c;
    font-weight: 600;
}

.thumb-title {
    letter-spacing: .5px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #121212;
    line-height: 28px;
}

.circle .bar .progress {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 100%;
    clip: rect(0px, 50px, 100px, 0px);
    background: #3abee7;
}

.circle .left .progress {
    z-index: 1;
    animation: left 4s linear both;
}

@keyframes left {
    100% {
        transform: rotate(180deg);
    }
}

.circle .right {
    transform: rotate(180deg);
    z-index: 3;
}

    .circle .right .progress {
        animation: right 80s linear both;
        animation-delay: 4s;
    }

@keyframes right {
    100% {
        transform: rotate(180deg);
    }
}

@keyframes loaderCircle {
}

@keyframes loaderSize {
    0% {
        transform: scale(1) rotate(0);
    }

    16% {
        transform: scale(0) rotate(0);
    }

    50% {
        transform: scale(1) rotate(0);
    }

    80% {
        transform: scale(1) rotate(360deg);
    }

    100% {
        transform: scale(1) rotate(360deg);
    }
}

@keyframes loaderColor {
    5% {
        color: #9356DC;
    }

    10% {
        color: #FF79DA;
    }

    39% {
        color: #FF79DA;
    }

    40% {
        color: #99E2D0;
    }

    70% {
        color: #99E2D0;
    }

    80% {
        color: #9356DC;
    }

    100% {
        color: #9356DC;
    }
}

hotel-result .container.page-margin .wrapper {
    float: none !important;
}

.musdowncont .col-6.col-md-6.text-right > del {
    width: 100%;
    display: block;
}

checkout .input-group.full_width.flight-country-flag {
    width: 100%;
}

checkout p.ratemayapply {
    padding-top: 0px;
}

checkout .input-group.full_width.flight-country-flag input {
    border-radius: 0px 3px 4px 0px !important;
}

modal-alert a.btn_1.outline.selectRoom {
    BORDER-RADIUS: 4PX;
    color: var(--color8);
    background-color: #dc3545;
    border-color: #dc3545;
    padding: 0.375rem 0.75rem;
}

hotel-result .panel-body > div {
    height: inherit !important;
    overflow-y: inherit !important;
}
p.rstt {
    text-align: right;
    padding-right: 10px;
    font-size: 17px;
    color: #3abee7;
    font-weight: 600;
    margin-bottom: 0px;
}
.hotel-filter i.fa.fa-minus.pull-right {
    display: none;
}
user-profille .user-profile-form.checkout_booking_wizard.panel.travkey-panel {
    padding: 0px 15px;
}
.hotel_info.collapse_click1 span.capcity_item {
    margin-right: 5px;
}
.price-summm {
    color: #565656;
    padding: 0px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 15px;
}
checkout-fare-details .row {
    margin: 0;
}
hotel-search-control .row.searchdns i.fa.fa-spinner.handler-loading {
    top: 8px;
}

user-family-member button.search-btn {
    PADDING: 4PX 10PX;
}

hotel-search-control input.qtyminus {
    color: white !important;
}
flight-modify .col-md-12.gocome {
    margin-bottom: 0px;
    margin-top: 10px;
}
flight-modify .itsflight.rtp-check .gocome > span > input[type="radio"] {
    vertical-align: middle;
    margin-right: 3px;
}
flight-modify .col-md-4.fare_type,
flight-modify .col-md-4.specific {
    padding: 0px 2px;
    display: inline-block;
    flex: 0 0 48.333333%;
    max-width: 48.333333%;
}

flight-result flight-modify .col-md-12.mainsearch > div {
    display: inline-block;
    -ms-flex: 0 0 18.8%;
    flex: 0 0 33.8%;
    max-width: 22.4%;
    margin: 4px 2px;
    padding: 0px; 
}

flight-result .col-md-12.non_stop {
    font-weight: 600 !important;
    color: #3abee7;
}
.col-md-12.col-xs-8.flt-destiantion-bar span {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: black !important;
}
p.flt-loc > img {
    width: 34px;
    background-color: #c5c5c5;
    height: 21px;
    padding: 3px;
    border-radius: 50%;
}
flight-result .col-md-12.non_stop label {
    color: #3abee7 !important;
    font-weight: 600 !important;
}
table.ui-datepicker-calendar a.ui-state-default.ui-state-active {
    border-color: #7e7e7e !important;
    background-color: #7e7e7e !important;
}
filter-template flight-filter-time ul {
    list-style: none;
}
filter-template span.filt-left {
    margin: 17px 0px;
    font-size: 16px;
    color: #2a2a2a;
    font-weight: 600;
    border-bottom: 1px dashed gainsboro;
    padding-bottom: 5px;
    width: 100%;
    display: block;
}
filter-template i.fa.fa-angle-down {
    display: none;
}
flight-filter-time label {
    display: inline-block;
    margin-left: 10px;
}
flight-filter-time label img {
    width: 20px;
    vertical-align: bottom;
    margin: auto;
    display: block;
    margin-bottom: 7px !important;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #c5c5c5;
    max-height: 200px;
}
.waiting_rw > div {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
p.assoct-dtal {
    margin: 0;
}
p.assoct-dtal a {
    font-weight: 500;
    color: #3abee7 !important;
    font-size: 16px;
    cursor: pointer;
}
.row.custtt_row > .col-12.col-sm-4 {
    padding: 0px;
}
.flt_mod {
    padding-top: 0px;
}
.flt_mod a.btn.btn-primary i {
    background-color: white;
    float: right;
    line-height: 21px;
    height: 17px;
    width: 18px;
    text-align: center;
    border-radius: 50%;
    color: #3abee7;
    font-size: 17px;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #ffff;
    background-color: #a1a1a1 !important;
    border-color: #a1a1a1 !important;
}
.btn-danger {
    color: #ffff;
    background-color: #3abee7;
    border-color: #3abee7;
}
.flt_mod .card.card-body {
    margin-bottom: 9px;
    border: 0px;
    padding: 0px;
    box-shadow: 0 0 5px #c1c1c1;
}
user-wallet table thead tr th {
    background: var(--color1);
    color: #ffff;
    font-size: 14px;
}
.flt_mod a.btn.btn-primary {
    width: 100%;
    background-color: var(--color2);
    border-color: var(--color2);
    font-size: 14px;
    text-align: left;
    margin-top: 9px;
}
.flt_mod .card.card-body {
    margin-bottom: 9px;
    border: 0px !important;
    padding: 0px;
    box-shadow: 0 0 5px #c1c1c1;
    border-top: 0px !important;
}
.flt_mod > p {
    margin-bottom: 0px;
}
.flt-results {
    margin-top: 9px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 0%);
}

.loading > img {
    width: 43%;
}
flight-fare-rules table {
    width: 100%;
}

    flight-fare-rules table td {
        color: #242121;
        padding: 5px;
        font-size: 14px !important;
    }

hotel-modify-component input.qtyminus,
hotel-modify-component input.qtyplus {
    font-size: 17px;
    font-weight: 600;
    background: #3abee7 !important;
    color: var(--color8) !important;
}

hotel-modify-component .selected_box_bottom h5 {
    font-size: 14px;
    margin-top: 5px;
}

div#PriceBreakup_AX1\.4 {
    box-shadow: 1px 0px 3px #acafac;
    border: 0px solid gainsboro;
    padding: 7px;
    margin: 5px;
    border-radius: 2px;
}

div#divHotelSearch input#myinput::placeholder {
    color: #959394 !important;
}
hotel-modify-component .selected_box_bottom .plus_minus_box input.qtyminus {
    color: var(--color8) !important;
}

[id*="PriceBreakup_"] {
    /* box-shadow: 1px 1px #3abee7; */
    background-color: #3abee71c;
    padding: 5px;
    border: 1px solid #3abee79c;
    /* margin-right: 12px; */
    width: 100%;
    overflow-x: auto;
    border-radius: 3px;
}
[id*="PriceBreakup_"] table.Table-item.tbl-price-breakup {
    width: 100%;
}

[id*="PriceBreakup_"] > table > tbody > tr:nth-child(1) > td > table > thead > tr:nth-child(1) > td:nth-child(2) {
    text-align: right;
}

    [id*="PriceBreakup_"] > table > tbody > tr:nth-child(1) > td > table > thead > tr:nth-child(1) > td:nth-child(2) p {
        font-size: 11px !important;
    }

[id*="PriceBreakup_"] td.Td-item {
    min-width: 134px !important;
}

[id*="PriceBreakup_"] table.Table-item {
    width: 100%;
}

.full-map {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

    .full-map .toolbar {
        background-color: var(--color8);
        background-color: var(--color8);
        box-shadow: 0px 1px 0px 0px rgb(0 11 38 / 12%);
        height: 3rem;
        -webkit-padding-end: 0.75rem;
        padding-inline-end: 0.75rem;
        position: relative;
        z-index: 200;
        display: flex;
        align-items: center;
        top: 98px;
    }

        .full-map .toolbar .toolbar-button {
            background-color: transparent;
            height: 3rem;
            padding: 0 0.75rem;
            flex-shrink: 0;
            border: 0;
            color: #02609d;
        }

            .full-map .toolbar .toolbar-button svg {
                fill: #3662D8;
                height: 1.5rem;
                width: 1.5rem;
            }

        .full-map .toolbar .toolbar-title {
            color: #141D38;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.25rem;
            -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
            flex-grow: 1;
            margin: 0;
        }

    .full-map .map-content iframe {
        height: calc(100% - 48px) !important;
        position: absolute;
        top: 134px;
    }

flight-search .row.searchdns .col-md-2 > label {
    display: none;
}

flight-search-control .selected_box_top {
    font-size: 15px;
    color: #b9b9b9;
    cursor: pointer;
}

flight-search .selected_box_top {
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 8px 0px 0px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #ffff;
    font-weight: 500;
    font-size: 15px;
    color: var(--color10);
}
.flight_chevron.col-md-3:empty {
    display: none;
}
hotel-modify-component .row.searchdns {
    padding-left: 21px;
    margin-left: -23px;
    width: 100%;
}
.cust_htl-modify input::placeholder {
    color: white;
}
hotel-detail-modify .cust_detail_modify .text_icon.calanderboth {
    height: 37px;
    background-color: var(--color8);
    padding-left: 5px;
    padding-right: 5px;
}
hotel-detail-modify .inputplus, hotel-detail-modify .inputminus {
    background-color: #f5f5f5 !important;
}
hotel-detail-modify .row.col-md-12.adult-child.m-0.p-0 {
    left: 2px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
}
hotel-detail-modify .cust_detail_modify input {
    text-align: center;
}
hotel_detail hotel-detail-modify .headofcheck {
    line-height: 21px;
    width: 81%;
}
.waiting_page footer {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 25px 0;
    background-color: #181818;
    height: 503px !important;
}
/*Shivani*/

i.fa.fa-star.form-control-icon {
    position: absolute;
    top: 20px;
    left: 11px;
    font-size: 18px;
    z-index: 1;
}
div#bodyContent {
    padding-left: 16px;
}
.text_icon.map-marker {
    display: flex;
    background: white;
}
client-app footer {
    height: auto !important;
    margin-top: 10px;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #ffff !important;
    opacity: 1;
}
i.fa.fa-angle-double-left {
    top: 2px;
    position: relative;
}
.ric > div {
    position: relative;
}
.ngerror {
    top: 48px;
    right: 0;
    left: 0;
}
p.ast-ash > div > b {
    font-size: 12px;
    margin-left: 77px;
}
.rtp-check .ngerror {
    position: absolute;
    top: 48px;
    right: 0;
    left: 0;
}
ul.signlogin.hhh {
    display: flex;
}
hotel-detail-modify select {
    border-radius: 5px;
    margin-bottom: 5px;
    height: 36px;
    width: 45px;
    text-align: center;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.htl-item i {
    color: #3abee7;
}
img.menu_ic.hhtl {
    font-size: 10px;
    width: 18px;
}
img.menu_ic.pack {
    width: 22px;
    font-size: 12px;
}
img.menu_ic.buss {
    width: 22px;
}
img.menu_ic {
    width: 27px;
    margin: 0px 5px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #3abee7 !important;
    border-color: #3abee7 !important;
}
span.rs, a.ft_rt {
    color: #3abee7 !important;
}
.origin_destination:after, .origin_destination:before {
    background-color: #3abee7;
}
ul.search_tab li:hover {
    background: #3e3e42b5;
}
.top_nv {
    background-color: #3abee7;
    padding: 5px 40px 13px;
    position: relative;
    border-bottom: 1px solid white;
}
a.free-app {
    position: relative;
    padding-left: 15px;
}
.top-header ul li a i.fa.fa-mobile {
    font-size: 16px;
}
.blink_me {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
marquee {
    display: inline-block;
    width: 100%;
    color: white;
    padding-top: 2px;
    font-weight: 500;
    font-size: 15.6px;
}

a.blink_me {
    font-weight: 600;
}
.top-header marquee b {
    color: white;
}
.top-header marquee {
    color: white;
    font-weight: 500;
    font-size: 15px;
}
top-header marquee b {
    color: white;
}
.text-rgt {
    text-align: center;
    margin-top: 5em;
    font-size: 3.3em;
    line-height: 1.1em;
    font-family: 'Raleway', sans-serif;
    color: var(--color8);
}
    .text-rgt span {
        font-size: 1.4em;
        font-weight: bold;
    }

.text-rgt {
    text-align: center;
    margin-top: 4em;
    font-size: 3.3em;
    line-height: 1.1em;
    font-family: 'Raleway', sans-serif;
    color: var(--color8);
}
.gif-animated img {
    display: block;
    max-width: 100%;
    height: auto;
}

.gif-animated {
    margin: 25px 0;
    padding: 0 15px;
}

.offerslider {
    margin: 50px 0 25px 0;
    padding: 0 15px;
}

.lefttop h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
}

    .lefttop h3 span {
        color: #81bc02;
        font-weight: bold;
    }

.lefttop {
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
    content: "\f104";
    font-family: FontAwesome;
    color: var(--color8);
    font-size: 24px;
}

.owl-controls .owl-buttons .owl-next:after {
    content: "\f105";
}

.owl-buttons {
    position: absolute;
    top: -55px;
    right: 20px;
    display: inline-flex;
}

    .owl-buttons .owl-prev,
    .owl-buttons .owl-next {
        padding: 0px 20px;
        background: #79b400;
        color: var(--color8);
        text-decoration: none;
        margin: -5px 0 0 10px;
    }

.owl-wrapper .post-img img {
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 5px 5px 0 0;
}

.post-content {
    padding: 20px 15px 10px 15px;
    background-color: #ecedef;
    border-radius: 0px 0px 5px 5px;
    margin: 0;
    font-size: 14px;
}

    .post-content h5 {
        font-size: 13px;
        font-weight: 400;
    }

        .post-content h5 span {
            font-weight: 500;
            font-size: 20px;
            color: #79b400;
            float: right;
        }

    .post-content h3 {
        font-size: 15px;
        line-height: 1em;
        margin-bottom: 7px;
        color: #00619c;
        font-weight: 400;
    }

.thumbnail h3 {
    background-color: #3abee7;
    padding: 14px 0 14px 10px;
    color: var(--color8);
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
    margin: 0;
}

.thumbnail img {
    width: 100%;
}

.row.popup_btn span {
    color: #3abee7 !important;
}

.slider-tumb {
    background-color: var(--color8);
    padding: 0px 20px 0px 20px;
}

.thumbnail > img {
    height: 216px;
}
.latest-deals {
    background-color: #fdeef600;
    padding-bottom: 50px;
}
.latest-deals .thumbnail {
    border-bottom: 5px #3abee7 solid;
    border-radius: 8px;
    background: white;
    box-shadow: -1px -3px 7px 3px #d3d0d082;
}
.thumbnail .caption {
    padding: 15px;
    color: #333;
    border-bottom: 1px #e4e4e4 dashed;
    margin-bottom: 10px;
}
span.img-border {
    display: none;
}
.thumbnail h2 {
    color: #3abee7;
    text-align: center;
    font-size: 22px;
}
.thumbnail p {
    text-align: center;
    font-size: 13px;
}
.thumbnail p img {
    width: initial !important;
}
ul.search_tab li a:hover {
    text-decoration: none;
}
.destination-place > input {
    padding-left: 33px !important;
}
.destination-place > i {
    position: absolute;
    left: 10px;
    top: 32%;
    color: #9d9c9c;
}
slide-modal a.closebtn {
    display: none;
}
ul.search_tab li:hover {
    background: #3e3e42b5;
    transition: .35s;
}
.sabdowncont {
    padding: 10px;
}
.sabdowncont h6 {
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: 600;
}
.sabvacation a {
    font-size: 14px;
    font-weight: 500;
    color: #858585;
}
.rightpd input {
    padding-left: 15px !important;
}
.controllerv .control_tab input:focus,
.controllerv .control_tab select:focus {
    outline: none;
    background: #ffff;
}
    .optionv button {
        top: 8px !important;
    }
div#carouselroud .post-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}
div#carouselroud .owl-nav {
    display: none;
}

div#carouselroud button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselroud .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselroud button.owl-dot.active {
    background: #545454;
}

div#carouselroud {
    padding: 20px 15px;
}

div#carouselvish .post-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}

div#carouselvish .owl-nav {
    display: none;
}

div#carouselvish button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselvish .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselvish button.owl-dot.active {
    background: #545454;
}

div#carouselvish {
    padding: 20px 15px;
}

    div#carouselvish .owl-nav {
        display: none;
    }

div#carouselsahen button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselsahen .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselsahen button.owl-dot.active {
    background: #545454;
}

div#carouselsahen .owl-nav {
    display: none;
}

.thumbnail p img {
    margin: auto;
}

.flt_rowt div#nav-tab {
    text-align: center;
    justify-content: flex-end;
    justify-content: center;
    margin-bottom: 37px;
    background-color: white;
}

label.serWD {
    margin: 10px 5px;
    cursor: pointer;
}
.modifysearch .plus_minus_box input {
    border: none;
    text-align: center;
}
.row.economy {
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

.searchdn input::placeholder {
    color: #b1b1b1;
    font-size: 14px;
}
flight-modify .searchdn {
    position: relative;
    margin-top: 0px;
    padding: 0 10px 0 0;
}

.btn-toggle:before,
.btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-toggle > .handle {
    position: absolute;
    top: -2px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 1.125rem;
    background: var(--color8);
    transition: left 0.25s;
}

div#news-slider img {
    width: auto !important;
}

.topdeal {
    padding: 15px;
}

.btn-toggle.active {
    transition: background-color 0.25s;
}

    .btn-toggle.active > .handle {
        left: 10px;
        transition: left 0.25s;
    }

    .btn-toggle.active:before {
        opacity: 0.5;
    }

    .btn-toggle.active:after {
        opacity: 1;
    }

.btn-toggle.actives {
    background-color: #cc0574 !important;
}

.btn-toggle.btn-lg {
    padding: 0;
    position: absolute;
    border: none;
    height: 11px;
    width: 25px;
    border-radius: 4px;
    left: 2px;
    background: var(--color8)61;
    top: 15px;
}

.closev {
    display: none;
}

.LPMcontainer {
    border-radius: 10px;
    width: 130px;
    height: 28px;
    cursor: pointer;
    display: block;
    position: relative;
    background: #030371;
}

.LPMlabel {
    color: rgb(255, 255, 255);
    font-size: 12px;
    z-index: 600;
    font-weight: 600;
    padding: 5px;
}
button.owl-prev {
    width: 40px;
    height: 40px;
    background: var(--color8) !important;
    position: absolute;
    font-size: 38px !important;
    left: -13px;
    transition: .35s;
    top: 155px;
    box-shadow: 0 0 10px 2px #00000017;
    border-radius: 50%;
}
.btnbooknow {
    text-align: center;
}

    .btnbooknow a {
        color: #333;
        font-size: 18px;
        font-weight: 600;
        display: block;
        margin: 10px 0 0 0;
    }

div#carouselsabee .owl-nav button {
    margin-top: -14px;
}

div#carousel > div {
    height: auto !important;
}

.owl-nav button:hover {
    transition: .35s;
    background: #f9f9f9 !important;
}

.findvocation {
    padding: 10px;
    border: 1px solid #ddd;
}

.findcontent {
    text-align: center;
    display: block;
}

    .findcontent label {
        font-size: 12px;
        color: #000;
        font-weight: 700;
    }

    .findcontent h4 {
        font-size: 15px;
        margin: 10px 0 0 0;
    }

    .findcontent p {
        font-size: 15px;
        margin-bottom: 7px;
    }

.row.sliderlr .col-7.col-md-7 {
    padding-right: 0;
    text-align: left;
}

.row.sliderlr p {
    font-size: 13px;
    font-weight: 500;
    color: #777;
    margin: 0;
}

.ratingsv {
    margin: 5px 0;
}

    .ratingsv img {
        width: 35px !important;
    }

.row.sliderlr h5 {
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    display: contents;
}

    .row.sliderlr h5 span {
        font-size: 13px;
        vertical-align: top;
        font-weight: 600;
    }

.ui-datepicker td span,
.ui-datepicker td a:hover {
    background: #747474 !important;
    color: var(--color8) !important;
    transition: .35s;
}

.ratings img {
    width: auto !important;
}

div#carouselvis .owl-nav {
    position: absolute;
    top: -214px;
    right: 21px;
    width: 40px;
}

    div#carouselvis .owl-nav button {
        background: #91bc02 !important;
        border-radius: 0 !important;
    }

.rightmorecon p {
    text-align: right;
}

    .rightmorecon p span select {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 4px;
        margin-left: 5px;
        width: 120px;
    }

.pheading p {
    text-align: center;
    margin-bottom: 30px;
}

.sabcontent {
    padding: 10px;
}

    .sabcontent h4 {
        color: #3abee7;
        margin-bottom: 2px;
        font-size: 20px;
        font-weight: 600;
    }

    .sabcontent p {
        margin: 0;
        font-size: 14px;
    }

.muscontent {
    padding: 10px;
}

    .muscontent h4 {
        font-size: 19px;
        font-weight: 600;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 2px;
    }

    .muscontent p {
        font-size: 15px;
        font-weight: 400;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 0 0 10px 0;
    }

    .muscontent a span {
        font-size: 18px;
        color: #333;
        font-weight: 600;
        vertical-align: middle;
    }

    .muscontent a:hover {
        text-decoration: none;
    }

.musdowncont {
    border-top: 1px solid #ddd;
    padding: 10px;
}

    .musdowncont h5 {
        font-weight: 600 !important;
    }

.offdiv {
    justify-content: end;
    align-items: end;
    text-align: right;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.row.caribbeans {
    padding: 0px 15px 50px 15px;
}

    .row.caribbeans .heading.pheading {
        padding: 8px 0px 16px;
    }

a.freecan {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 500;
}

    a.freecan:hover {
        text-decoration: none;
    }

.muscontent a {
    font-size: 11px;
    font-weight: 500;
}

.btn-toggle.active > .handle {
    left: 10px;
}

.btn-toggle.active {
    background: #3abee7;
}

.best-price {
    background-color: var(--color8);
    padding: 20px;
}

    .best-price h3 {
        float: left;
        padding: 0px !important;
        font-size: 18px;
    }

    .best-price p {
        display: block;
    }

.over {
    background-size: red;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    filter: alpha(opacity=80);
    background-color: #3c3c3c;
}

.best-price h2 {
    float: left;
    margin-top: 0px !important;
    font-size: 25px;
    color: #659503;
}

.control_tab.tab_HTL .row.tripopt {
    display: none;
}

#carouselvish .owl-item {
    width: 4% !important;
}
.sale img.img-responsive {
    width: 100%;
}
.htldtl_ritscsn {
    border: 1px solid #eeeeee;
    padding: 10px 5px 10px 24px;
    margin: 7px 0px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 45%);
}
.disfls {
    display: flex;
}
client-app .loading {
    text-align: center;
    position: absolute;
    height: 100vh;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    background-color: white;
}

.room_2, .room_3, .room_4 {
    border-top: 1px solid #ddd;
    position: relative;
    margin-top: 15px !important;
    padding-top: 10px;
}

.widthv10 {
    flex: 0 0 12.5% !important;
    max-width: 12.5% !important;
}

.scrcontent {
    height: 340px;
    overflow-y: auto;
}

    .scrcontent::-webkit-scrollbar {
        width: 5px;
    }

    .scrcontent::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .scrcontent::-webkit-scrollbar-thumb {
        background: #888;
    }

        .scrcontent::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.panel-body.accomodation-type > div::-webkit-scrollbar {
    width: 5px;
}

.panel-body.accomodation-type > div::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.panel-body.accomodation-type > div::-webkit-scrollbar-thumb {
    background: #888;
}

    .panel-body.accomodation-type > div::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

div#carouselsab button {
    top: 115px !important;
}

.sabcontent h3 {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 600;
}

span.rateofpoint {
    background: #ffba00;
    color: var(--color8);
    padding: 6px;
    border-radius: 5px;
}
.sabcontent span:last-child {
    color: #565656;
}
table.ui-datepicker-calendar tr td {
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}
a.ui-datepicker-prev.ui-corner-all {
    position: absolute;
    left: 0;
}
a.ui-datepicker-next.ui-corner-all {
    position: absolute;
    right: 0;
}
table.ui-datepicker-calendar tr th {
    text-align: center;
}
table.ui-datepicker-calendar tr th span {
    font-weight: 500;
    color: #777;
}
table.ui-datepicker-calendar tr td a {
    color: #777;
    text-decoration: none !important;
}
div#ui-datepicker-div::after {
    position: absolute;
    content: '';
    display: block;
    border-bottom: 15px solid var(--color8);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: -15px;
    left: 20px;
}
.width40 {
    flex: 0 0 22% !important;
    max-width: 22% !important;
}
.control_tab.tab_TRF .width12 {
    flex: 0 0 21.666667% !important;
    max-width: 21.666667% !important;
}
.width12 {
    flex: 0 0 20.666667% !important;
    max-width: 20.666667% !important;
}
.width123 {
    flex: 0 0 12.333333% !important;
    max-width: 12.333333% !important;
    ms-flex: 0 0 12.333333% !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none !important;
}
a.ui-datepicker-prev.ui-corner-all {
    width: 35px;
    height: 35px;
    background-image: url(../img/left_arrow.png) !important;
    background-size: 60%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
}
a.ui-datepicker-prev.ui-corner-all span {
    display: none;
}
a.ui-datepicker-next.ui-corner-all {
    width: 35px;
    height: 35px;
    background-image: url(../img/right_arrow.png) !important;
    background-size: 60%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
}
a.ui-datepicker-next.ui-corner-all span {
    display: none;
}
a.currency img {
    width: 20px;
    padding-bottom: 2px;
}
a.currency {
    border: 1px solid #ddd;
    padding: 3px 11px;
    border-radius: 4px;
    font-weight: 500;
}
#htl_result div#Ratings label {
    padding-left: 0px;
}
.sort p {
    margin: 0;
}
.sort > .row {
    margin: 0;
}
.optns p:hover {
    background: #ececec;
    color: #02609d;
}
.booking-item-address span {
    font-size: 18px;
    font-weight: 600;
}
ul.cust_pro {
    speak: f;
    width: 100%;
    display: flex;
}
.activesort p {
    background: #d1c8cd;
    color: #5c5c5c;         
}
h2.headline a {
    font-size: 15px;
    font-weight: 600;
    color: #3abee7;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
}
.hotel_img a img:hover {
    transform: scale(1.15);
    transition: .35s;
}
ul.cust_pro {
    list-style: none;
}
ul.cust_pro a {
    font-size: 12px;
    color: #818080 !important;
    margin-right: 21px;
    margin-left: 0;
}
.hotel_price h3 del {
    font-size: 18px;
    font-weight: 400;
    color: #989898;
}
section#flt_rslt a.book_now {
    font-size: 14px;
    background-color: #02609d;
    color: var(--color8) !important;
    padding: 7px 15px;
    border-radius: 4px;
    border: 2px solid #02609d;
    margin-top: 8px !important;
}
    section#flt_rslt a.book_now:hover {
        text-decoration: none;
        color: #0a5b98 !important;
        background: #6fa00600;
        cursor: pointer;
        transition: .35s;
    }
.hotel_price.flight sup {
    font-weight: normal;
}
.sections ul li a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    margin: 0 10px 0 0;
    font-weight: 500;
}
    .sections ul li a i {
        font-size: 18px;
    }
.sections p {
    font-size: 13px;
    color: #303030;
    font-weight: 600;
}
.sections ul {
    display: flex;
    list-style: none;
}
.hotel_info.collapse_click1 p {
    margin: 0 0 3px 0;
}
div#divHotelSearch a.book_now {
    margin-top: 10px;
}
.panel-body.rating span {
    margin-left: 5px;
    padding-top: 2px;
}
.optionv label {
    padding-top: 0 !important;
    height: auto !important;
}
span.ui-slider-handle.ui-state-default.ui-corner-all.clickround1,
span.ui-slider-handle.ui-state-default.ui-corner-all.clickround2 {
    background: #d3d3d3 !important;
}
    .protecthotel h3 > i {
    color: #ee1e9c;
    font-size: 24px;
    margin-right: 7px;
    padding-top: 10px;
    vertical-align: text-bottom;
}
.page-title.tophd span {
    font-size: 15px;
}
    h3.namedetail a:hover {
        cursor: pointer;
        text-decoration: none;
    }
.activities-detail {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: 10px;
}
.containerslider .bxslider img {
    max-height: 326px;
    width: 100% !important;
    height: 319px !important;
}

.containerslider #bx-pager {
    width: 50%;
    display: inline-block;
    max-height: 345px;
    margin: 0px;
    padding: 0px;
    overflow-y: auto;
    margin: 0px 5px 0px -5px;
    background: transparent;
}

    .containerslider #bx-pager a {
        display: inline-block;
        width: 25%;
        margin: 0px;
        padding: 0px;
        float: left;
    }

        .containerslider #bx-pager a img {
            height: 110px;
            width: 100%;
            display: inline-block;
        }

        .containerslider #bx-pager a.active img,
        .containerslider #bx-pager a:hover img {
            border: 1px solid var(--color8)f00;
        }

div#bx-pager a img {
    padding: 2px;
    border-radius: 6px;
}
.headofcheck p {
    background: #f7f7f7;
    color: #333;
    padding: 4px;
    font-size: 0.70rem;
    font-weight: 500;
    margin: 0;
    height: 37px;
    padding-top: 8px;
    border-radius: 3px 0 0 3px;
}

.addwidth44 {
    flex: 0 0 44% !important;
    max-width: 44% !important;
}
.modifydetails .col-md-11.col-12 .row div[class*=col-] {
    padding: 0 4px;
}
.modifydetails .col-md-11.col-12 .row span,
.modifydetails .col-md-10.col-12 .row p {
    vertical-align: sub;
    padding-right: 10px;
    font-size: 0.76rem;
}
.cust_detail_modify input:focus {
    background-color: #f4f4f4;
    color: #4a4a4a;
}
a.updatebtn {
    background: #90868a;
    padding: 7px 0;
    display: block;
    border-radius: 5px;
    color: var(--color8);
    font-weight: 500;
    width: 73%;
    font-size: 14px;
    float: right;
}
.headofGuest span {
    vertical-align: sub;
    text-align: right;
}
.headofGuest {
    text-align: right;
}
.hotel_info.collapse_click1 label {
    display: block;
}
label.leftspro {
    font-size: 14px;
    color: #ea0202;
}
button.btn.butnvs {
    padding: 5px 0 !important;
    font-weight: 500;
    color: #ff0e67;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none !important;
}
.collapsesv h4 {
    color: #02609d;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 3px solid;
    display: inline-block;
    margin-top: 5px;
}
.Descriptions .panel-body ul li {
    list-style: none;
}
.panel-body.row {
    margin: 0;
}
    .panel-body.row .col-md-4.col-sm-4.col-12 {
        padding-left: 0;
        margin: 6px 0;
    }
a.updatebtn:hover {
    text-decoration: none;
    color: var(--color8);
    background: #90868a;
    cursor: pointer;
    transition: .35s;
}

p.HotelLink {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7cb600;
}

p.HotelLink i.fa.fa-hotel {
    font-size: 24px;
    margin-top: -2px;
}

ul.icon-group.booking-item-rating-stars {
    display: inline-flex;
    list-style: none;
}
.details p {
    margin-bottom: 1px;
}

.details {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 2px 8px 0px 25px;
    position: relative;
    font-size: 12px;
    margin: 11px 3px;
}
.lowest-price-grn b.fa.fa-phone-square {
    position: absolute;
    left: 8px;
    top: 18px;
}
.activities {
    background-color: var(--color8);
    /* border: 1px #e2e3dd solid; */
    padding: 10px;
}

    .activities h4 {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: #3abee7;
    }

        .activities h4 small {
            color: #959090;
            padding-top: 15px;
        }

.col-md-3.col-sm-6.col-xs-12.width12 select {
    width: 76%;
}

.pay_mod {
    padding: 9px 15px 5px;
    font-size: 19px;
    display: block;
    background: #eeeeee;
    width: 100%;
}

#checkout_pag .activities img {
    width: 40px;
    display: none;
}
.footer-middel img {
    height: 50px;
}
.page-title-wht {
    background-color: var(--color8);
    border: 1px #e9e9e9 solid;
    border-radius: 7px;
    font-family: poppins;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
}
.hotel-filter i.fa.fa-minus.pull-right {
    color: #ddd;
}
.trip-summary {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 6px;
    padding-bottom: 8px;
}

.hotel_detail {
    padding-top: 40px;
}
.showmorediv {
    text-align: center;
}
.row.childs-row {
    width: 100%;
}
.ngerror {
    font-size: 12px;
    color: white;
    padding-top: 4px;
    text-transform: capitalize;
}
#htl_result {
    padding-top: 40px;
    padding-bottom: 80px;
}

.htl-item {
    font-size: 15px;
    color: #686a81;
    margin-top: 5px;
}

    .htl-item span {
        margin-right: 8px;
    }

    .htl-item i {
        color: #3abee7;
    }

.booking_panel {
    background: white;
    border: 1px solid #ddd;
    margin-top: 15px;
    border-radius: 5px;
}

    .booking_panel .booking_body {
        padding: 10px;
    }

h4.booking_heading {
    padding: 15px;
    background: #e7f0f7;
    border-radius: 5px 5px 0 0;
    font-size: 22px;
    font-weight: 500;
    color: #444;
}

h1.Headingtxt {
    font-size: 20px;
    font-weight: 600;
}
.hotel_description p {
    margin-bottom: 8px;
}
.hotel_img img:hover {
    transform: scale(1.1);
    transition: .3s;
    cursor: pointer;
}
.protecthotel p {
    font-size: 12px !important;
    margin-bottom: 7px;
}
.protecthotel h3 {
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 3px;
    color: #3abee7;
}
.cust_name {
    margin-top: 5px !important;
    margin-bottom: 3px !important;
}
.protecthotel {
    margin: 13px 0;
    margin-bottom: 13px;
    border-radius: 5px;
    margin-bottom: 10px;
    /* box-shadow: 0 0 5px #96989b; */
    padding: 12px 15px 6px 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.check_point p {
    font-size: 12px !important;
}

.check_point i {
    margin-right: 8px;
}

.check_input_box span {
    color: #007bff;
    font-weight: 500;
}

.check_point {
    padding-left: 29px;
    font-size: 13px;
}
.check_input_box {
    padding: 10px 0px;
    font-size: 14px;
}
.protecthotel h3 > i {
    color: #ee1e9c;
    font-size: 21px;
    margin-right: 7px;
    padding-top: 9px;
    vertical-align: text-bottom;
}
.protecthotel h3 span {
    font-size: 16px;
    background: #6fb308;
    padding: 4px 10px;
    font-weight: 500;
    border-radius: 5px;
    color: var(--color8);
}
p.impotantcovid {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.coverstay b {
    margin: 10px 0;
    display: block;
}

.coverstay p {
    margin: 10px 0;
}

.coverstay {
    margin-left: 35px;
}

.rightamount {
    text-align: right;
}

    .rightamount p {
        margin: 0;
    }

    .rightamount h3 {
        margin: 0;
    }

.yesno {
    background: #edfae6;
    padding: 15px;
    border-radius: 5px;
}

.noyes {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
}

.paymentsec {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 12px;
}

    .paymentsec > .row {
        margin: 0;
    }

.widthcheck70 {
    width: 70% !important;
}

.widthcheck30 {
    width: 30% !important;
    margin-left: 10px;
}

.crdnmbcvc {
    display: flex;
}
.imgpay {
    margin: 5px 0px;
}
.width20_3 {
    flex: 0 0 20.333333% !important;
    max-width: 20.333333% !important;
    ms-flex: 0 0 20.333333% !important;
}
.payterm {
    margin: 15px 0;
}
    .payterm p span {
        color: #6fb308;
        font-weight: 600;
    }

    .payterm p {
        font-size: 15px;
    }

.paymenttbn input {
    border: none;
    background: #79b808;
    color: var(--color8);
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500;
}

a.lastarr::after {
    display: none;
}
    .lftdetal p a {
        font-size: 13px;
        color: #ff003b;
    }

p.ratemayapply {
    padding: 10px 15px 0px;
    margin-bottom: px;
    font-size: 15px;
}
ul.hotelcheck li {
    color: #666;
}

.cancellationblock strong {
    color: #666;
}

.cancellationblock,
ul.hotelcheck {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

    ul.hotelcheck li span {
        color: #ed1145;
    }
        ul.amenitiesvs li i,
        ul.amenitiesvs li img {
            display: block;
            margin: auto;
            margin-bottom: 10px;
        }

        ul.amenitiesvs li a {
            color: #000;
            opacity: .8;
            letter-spacing: .2px;
            font-weight: 500;
            font-size: 14px;
        }

        ul.amenitiesvs li img {
            height: 18px;
        }

        ul.amenitiesvs li i {
            font-size: 16px;
        }

.Mapviewv {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 349px;
}

.whatrestget h3 {
    font-size: 19px;
    font-weight: 600;
}
    .whatrestget h3 {
        font-size: 23px;
        font-weight: 600;
    }

    .whatrestget i {
        padding-right: 3px;
    }

.paradeil {
    padding: 0px 0 0 0
}

    .paradeil p {
        margin: 0 0 10px 0;
    }

.whatrestget img {
    width: 24px;
}
.hedpara {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    font-size: 14px;
}

#htl_index {
    padding-top: 40px;
    padding-bottom: 80px;
}

.reviesexcel p {
    margin: 0;
    font-size: 20px;
}

.fourrating h2 {
    font-size: 50px;
    font-weight: normal;
}

.reviesexcel {
    position: absolute;
    left: 80px;
    top: 5px;
}

.fourrating {
    position: relative;
}

.rangeback {
    height: 12px;
    background: #d4d4d4;
    width: 100%;
    border-radius: 5px;
}

.rangetop {
    background: #90868a;
    width: 50%;
    height: 12px;
    border-radius: 5px;
}

.slidecontainer p span {
    width: 100%;
    text-align: right;
    float: right;
    margin-top: -1.4rem;
}

.slidecontainer p {
    margin-top: 15px;
}

    .slidecontainer p span {
        width: 100%;
        text-align: right;
        float: right;
        margin-top: -1.4rem;
        font-weight: 600;
    }

.rangetop40 {
    background: #90868a;
    width: 40%;
    height: 12px;
    border-radius: 5px;
}

.rangetop30 {
    background: #90868a;
    width: 30%;
    height: 12px;
    border-radius: 5px;
}

.rangetop20 {
    background: #90868a;
    width: 20%;
    height: 12px;
    border-radius: 5px;
}

.rangetop10 {
    background: #90868a;
    width: 10%;
    height: 12px;
    border-radius: 5px;
}

.ratingdwn {
    margin: 30px 0 20px 0;
}

.ratingdetail {
    padding: 10px;
}

.addrevies a {
    font-size: 18px;
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none !important;
    color: #3abee7;
}

    .addrevies a:hover {
        color: #3abee7;
    }

.rightreting {
    padding: 10px;
}

    .rightreting p {
        margin-bottom: 10px;
    }

        .rightreting p a {
            font-size: 20px;
        }
.activeover {
    text-decoration: none;
    transition: .3s;
    border-bottom: 3px solid #3abee7 color: #3abee7 !important;
}

.four-boxes {
    border: 1px solid #ddd !important;
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    min-height: 200px;
    margin-bottom: 30px;
}

    .four-boxes h3 {
        font-size: 16px;
        font-weight: 600;
    }

.saveoff input {
    width: 65%;
    height: 40px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f5f5f5;
}

.saveoff a {
    background: #3abee7;
    padding: 11px 17px;
    border-radius: 4px;
    color: var(--color8) !important;
    font-weight: 500;
    text-decoration: none !important;
    font-size: 13px;
}

.saveoff input:focus {
    outline: none;
}

.saveoff {
    margin: 5px 0;
}

    .saveoff p {
        font-size: 13px;
        margin: 6px 0;
    }

        .saveoff p span {
            text-decoration: underline;
            cursor: pointer;
        }

a.Learn_more {
    border: 1px solid #ddd;
    padding: 6px 10px;
    border-radius: 4px;
    color: #3abee7;
    font-size: 16px;
    text-decoration: none !important;
}

.row.paddingmansg .col-md-3 {
    padding: 0 4px;
}

.row.paddingmansg {
    margin: 0;
}

.modifysearch.flt_modify .text_icon input {
    height: 41px;
}

.modifysearch.flt_modify .reverse {
    position: absolute;
    top: 7px;
}

.modifysearch .text_icon input {
    width: 100%;
    height: 50px;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #3abee754;
    cursor: pointer;
}

.modifysearch > .row div[class*=col-] {
    padding: 0 4px;
}

p.ft_text > img {
    transform: rotate(270deg);
    margin-bottom: 2px;
    margin-right: 10px;
}

.modifysearch > .row {
    margin: 0;
}

.text_icon.calanderboth_modify {
    display: flex;
}

p.ft_text {
    font-weight: 600;
    color: #7c7979;
    font-size: 21px;
    padding: 16px 0 16px;
    margin: 0;
}

    p.ft_text i {
        transform: rotate(317deg);
        margin-bottom: 2px;
        margin-right: 10px;
    }

.modifysearch .selected_box_top {
    width: 100%;
    height: 50px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 12px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #ccc;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    color: #a9a9a9;
    background: var(--color8);
}

.modifysearch .optionv input[type=radio] {
    border: 2px solid #8f8787 !important
}

.modifysearch .text_icon input:focus {
    outline: none;
}

.modifysearch button.search_2v {
    width: 100%;
    height: 50px;
    border: 1px solid #3abee7;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #3abee7;
    font-weight: 600;
    font-size: 11px;
    color: #02609d;
    cursor: pointer;
}

section.bgtheme {
    background: #f5f5f5;
}

.getfare h4 {
    background: var(--color8);
    padding: 10px;
    color: #02609d;
    font-size: 20px;
    border: 1px solid #02609d;
    width: 200px;
    text-align: center;
    border-radius: 5px;
}


/* .modifysearch {
        margin: 25px 0;
    } */

.leftsec_filter-flight .panel-heading h3.panel-title {
    font-size: 20px;
    padding: 10px 10px 0px 10px !important;
    border-bottom: none !important;
}

.leftsec_filter-flight {
    margin-top: 20px;
}

    .leftsec_filter-flight .panel-heading p {
        padding: 0 10px;
    }

    .leftsec_filter-flight .hotel-filter h4 {
        font-size: 16px;
        color: #383838;
        font-weight: 600;
        margin: 15px 0 0 0;
    }

    .leftsec_filter-flight .checkbox p span {
        font-size: 12px;
        vertical-align: text-top;
        margin: 0;
    }

.post-img_flight {
    background: var(--color8);
    width: 100%;
    display: inline-block;
}

.imgsliderflight {
    display: block;
    font-size: 0.75rem;
    height: 5rem;
    line-height: normal;
    position: relative;
    text-align: center;
    width: 100%;
    cursor: pointer;
    border-width: 0.0625rem 0.0625rem 0.0625rem 0px;
    border-style: solid solid solid;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221);
    border-image: initial;
    border-left: 0px;
    padding: 6px;
}

#cust_flt_fltr .panel-title {
    font-size: 16px;
}

#cust_flt_fltr .hotel-filter h4 {
    margin: 22px 0px;
    font-size: 15px;
    color: #3abee7;
    font-weight: 600;
}


.flightslider .owl-stage-outer.owl-height {
    border-right: 1px solid #a9d6f7;
}

.imgsliderflight_2 {
    height: 3rem;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    cursor: pointer;
    line-height: 41px;
    font-size: 11px;
    padding: 3px;
    border-width: 1px 1px 1px;
    border-left-width: 1px;
    border-style: solid solid solid none;
    border-left-style: none;
    border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217);
    border-image: initial;
    border-left: none;
    border-left-color: currentcolor;
}

.imgsliderflight_3 {
    height: 3rem;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    cursor: pointer;
    line-height: 41px;
    font-size: 11px;
    padding: 3px;
    border-width: 1px 1px 1px;
    border-style: solid solid solid none;
    border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217);
    border-image: initial;
    border-left: none;
}

.imgsliderflight img {
    width: 44px !important;
    height: 26px;
    position: relative;
    right: auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 4px;
    margin: 0px auto 5px;
}

.imgsliderflight h5 {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 10px;
    overflow: hidden;
    margin: 0;
    font-weight: 500;
    color: #494a4b;
}

.head_flight p {
    font-size: 11px;
}

.imgsliderflight_2 sup,
.imgsliderflight_3 sup {
    color: #b4b6b0;
}

.imgsliderflight_3 h4 {
    font-size: 16px;
    padding: 2px;
    font-weight: 600;
}

div#carouselnand .owl-item {
    margin-right: 0 !important;
}

div#carouselnand .owl-nav {
    position: absolute;
    top: -165px;
    right: 0;
}

div#carouselnand > div {
    margin-left: 135px;
    width: 87%;
}

div#carouselnand .owl-nav button.owl-prev {
    margin-left: 93%;
}

#flt_rslt {
    padding-top: 40px;
    padding-bottom: 80px;
}

.head_flight {
    position: absolute;
    width: 135px;
}

    .head_flight p {
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        padding: 0 10px;
    }

    .head_flight .imgsliderflight p {
        margin-top: 28px;
        padding: 0 4px;
    }

.imgsliderflight,
.imgsliderflight_2,
.imgsliderflight_3 {
    border-color: #1d94eb61;
    background: #2d92dd17;
}

.imgsliderflight {
    background-color: var(--color8);
}

    .imgsliderflight > img {
        margin-top: 7px;
    }

.temrconpricy {
    font-size: 13px;
    font-weight: 500;
    color: #3abee7;
    margin-top: 12px;
}

#flt_result_page .right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 12px;
}

.shortsv p {
    color: #a6a6a6;
}

.shortsv b {
    color: #007bff;
}

.shortsv svg {
    color: #a6a6a6;
}

ul.sort-tab li:last-child {
    border-right: 0px;
}

.right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 20px;
    box-shadow: 0 0 5px #bbc2ccb5;
}

ul.sort-tab {
    margin: 26px 0px;
    list-style: none;
    margin: 0;
}

    ul.sort-tab li {
        padding: 0px 2px;
        flex: 0 0 20%;
        max-width: 19.8%;
        border-right: 1px solid #c4c1c178;
        margin-right: 0px;
    }

.shortsv {
    background: var(--color8);
    padding: 10px 10px 10px 35px;
    border-radius: 4px;
    border-bottom: 3px solid var(--color8);
}

    .shortsv p {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
    }

.tabactive {
    border-bottom: 3px solid #007bff;
    color: var(--color8);
}


/* 
    .shortsv:hover {
        background: #fcfeff;
        transition: .35s;
        cursor: pointer;
    } */

ul.sort-tab li svg {
    position: absolute;
    left: 15px;
}

.hotel_logo img {
    height: 40px;
    width: 100px;
    object-fit: contain;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
}

.hotel_logo h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.hotel_logo p {
    font-size: 14px;
    margin-bottom: 5px;
}

.hotel_logo a h3 {
    font-size: 17px;
    font-weight: 500;
    color: #015f9c;
    margin: 0;
}

.hotel_logo a {
    text-decoration: none !important;
}

p.promoc {
    font-weight: 400 !important;
    margin-top: 10px;
    font-size: 12px !important;
    text-align: center;
}

.sm_bt {
    text-align: right !important;
}

.flights {
    background: var(--color8);
    border: 0px solid #88888a;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #c1c1c1;
    margin-bottom: 15px;
}

#flt_rest_tab .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.flight_popup_body.flight_fare_details label {
    font-size: 12px;
}

.img_section,
.img_section span {
    float: left;
}

.hotel_price.flight {
    padding: 10px;
    height: 100%;
    /* border-left: 1px solid gainsboro; */
    text-align: center;
    margin-top: 5px;
}

.hotel_logo {
    background: #f7f7f7;
    height: 100%;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 0 0 0;
}

.contentflight {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    height: 100%;
    display: flex;
}

.hotel_center h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 5px;
}

.hotel_center h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
    font-weight: 600;
}

.hotel_center b a {
    color: #02609d;
    text-decoration: none !important;
    margin-bottom: 4px;
    display: block;
}

.iconsarrow {
    height: 100%;
    padding: 15px;
    line-height: 79px;
}

.contentflight .hotel_center,
.contentflight .nonstopcoad {
    width: 30%;
}

.iconsarrow {
    width: 10%;
}

section#htl_result .container {
    width: 82% !important;
}

.iconsarrow img {
    width: 24px;
}

.sections p img {
    width: 30px;
}

.sections ul li a img {
    width: 22px;
}

.sections p img {
    width: 25px;
}

.panel-body.rating .checkbox i.fa.fa-star-o {
    color: var(--color8) !important;
}

p.reviewsstyle {
    font-size: 13px;
    color: #777;
    margin-top: 5px;
}

.hotel_info.collapse_click1 p a {
    color: #3abee7;
}

.iti__hide {
    display: none;
}

pre {
    margin: 0 !important;
    display: inline-block;
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {
    background: none;
}

::-webkit-input-placeholder {
    color: #BBB;
}

::-moz-placeholder {
    color: #9f9f9f;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #BBB;
}

#result {
    margin-bottom: 100px;
}

.iti.iti--allow-dropdown {
    width: 100%;
}

.bookingrefence {
    background: #005f9b;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    color: var(--color8);
}

    .bookingrefence h3 {
        font-size: 20px;
    }

    .bookingrefence p {
        font-size: 20px;
        color: #7ab800;
        margin-bottom: 6px;
    }

    .bookingrefence h2 {
        font-size: 28px;
        font-weight: 600;
    }

.confirmboder {
    border: 1px solid #ccc;
    padding: 15px;
}

.pricesummmeryconfirm {
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .pricesummmeryconfirm h5 {
        background: #f2f6e7;
        padding: 15px;
        font-size: 20px;
        border-radius: 8px 8px 0 0;
        font-weight: 500;
    }

span.stopsLoader1 {
    vertical-align: middle;
    display: inline-block;
}

.stopsLoader1 {
    width: 100%;
    height: 30px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: slAnim 1s infinite;
}

@keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@keyframes airLgolist {
    to {
        background-position: 100% 10px, 10px 10px, 42% 10px, 96% 10px
    }
}

@keyframes normlist {
    to {
        background-position: 100% 10px, 10px 10px, 95% 10px
    }
}

@keyframes fltDtLoader {
    to {
        background-position: 100% 10px, 0 10px
    }
}

@keyframes depArvLoader {
    to {
        background-position: 100% 10px, 0 10px, 0 35px
    }
}

@keyframes fltLegLoad {
    to {
        background-position: 100% 0, 10px 15px, 5% 10px, 15% 10px, 15% 35px, 30% 8px, 80% 10px, 98% 10px, 55% 22px, 55% 8px, 55% 33px, 2% 60px, 20% 60px, 38% 60px, 56% 60px, 74% 60px, 94% 60px
    }
}

@keyframes fltPrceLoader {
    to {
        background-position: 100% 0, 5% 0, 5% 25px, 5% 50px, 5% 105px
    }
}

p.reservatinneed {
    background: #f2f6e7;
    padding: 15px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #628c02;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.confirmdetails {
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .confirmdetails .row {
        margin: 0;
    }

p.referencenumber {
    padding: 15px 15px 0 15px;
}

    p.referencenumber span {
        color: #74b907;
        font-size: 16px;
        font-weight: 600;
    }

/*--------------Flight-filter--------*/

.leftsec_filter-flight {
    margin-top: 20px;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.trip_detail > img,
.trip_detail > p {
    display: inline-block;
}

.trip_detail > img {
    max-width: 45px;
    border: 1px solid #f4f0f0;
    color: var(--color8);
    display: inline-block;
    line-height: 17px;
    padding: 5px 10px 6px 10px;
    vertical-align: text-top;
    min-width: 10px;
    position: relative;
    font-size: 12px;
    background-color: #3abee7;
    margin-bottom: 0px;
}

    .trip_detail > img:after {
        position: absolute;
        content: '';
        border-left: 19px solid #00abe4;
        border-top: 31px solid #00abe4;
        border-right: 18px solid transparent;
        height: 0px;
        width: 0px;
        right: -24px;
        top: 0px;
    }


/* .row.m-0.Departure {
        padding-left: 3px;
    } */

.row.m-0.Departure > div {
    padding: 6px 0px;
}

.m- .row.m-0.Departure > div {
    padding: 3px 0px !important;
}


/* .row.m-0.Departure .col-sm-12 >div {
        DISPLAY: FLEX;
        PADDING: 4px 0px 0px 0px;
        
        JUSTIFY-CONTENT: CENTER;
        ALIGN-ITEMS: CENTER;
    } */

flight-details-pane .ft_tim {
    color: #7d7883;
    font-size: 14px !important;
}

.row.bottom_flt_btn nav {
    background-color: white;
}

flight-details-pane a.nav-item.nav-link {
    color: white;
    font-size: 11px;
    font-weight: 500;
}

.Departure div.col-sm-12 {
    border-bottom: 1px solid #cccccc
}

.sm_bt button {
    color: #3abee7;
    font-size: 14px;
    border-radius: 5px;
    background-color: var(--color8);
    border: 0px;
    padding: 8px;
    min-width: 78px;
    font-weight: 500;
    text-decoration: underline;
}


/* .Departure>div:first-child {
        padding-top: 25px!important;
        padding-bottom: 10px!important;
    } */

.trip_detail p {
    font-family: 'Poppins';
    font-size: 12px;
    padding-left: 15px;
    color: var(--color8);
}


/* .Departure_second_row.m-0 {
        padding-top: 6px!important;
    } */

.trip_from p {
    font-size: 14px;
    color: #000;
}

span.dep_img img {
    width: 20px;
    height: 20px;
    margin-right: 2px;
}

.trip_from span {
    padding: 0px;
    margin: 0;
    color: gray;
    font-size: 12px;
}

.trip_detail:after {
    z-index: 2;
    position: absolute;
    content: '';
    border-left: 2px solid #02609d;
    border-top: 31px solid #02609d;
    border-right: 18px solid transparent;
    height: 0px;
    width: 0px;
    right: 135px;
    top: 0px;
}

.dep_img {
    color: var(--color8);
    display: inline-block;
    line-height: 17px;
    padding: 5px 6px 6px 9px;
    vertical-align: text-top;
    background: #3abee7;
    min-width: 95px;
    position: relative;
    font-size: 12px;
    margin-bottom: 0px;
}

.select_flt {
    padding-top: 8px;
}

.ft_tim {
    padding-top: 10px;
    text-align: left !important;
    text-transform: lowercase;
    font-weight: 500;
    font-size: 13px !important;
}

    .ft_tim.ft-to {
        padding-left: 0px;
    }

.row.Departure_second_row.m-0 {
    padding-top: 6px;
}

.row.m-0.Departure > div:first-child {
    padding: 10px 0px 6px 0px;
}

.flt_logo_img p,
.flt_logo_img span {
    margin-bottom: 0;
    font-size: 13px;
    color: #858585;
}

.img_section span:last-child {
    padding-left: 8px;
}

.flt_layover.col-md-4.col-sm-4.col-xs-4 {
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #797b7d;
    padding: 0px;
}

button.showmore_click:hover {
    background-color: #024976;
}

.underline {
    height: 1px;
    background-color: #3abee7;
    position: relative;
    width: 97%;
    margin: 4px 0;
}

    .underline:before {
        background: #3abee7;
        border-radius: 50%;
        content: "";
        display: block;
        height: 7px;
        margin-top: 0px;
        position: absolute;
        top: -3px;
        width: 7px;
    }

.flt_stp {
    color: #656565;
    font-size: 11px;
}

.Trip_duration {
    font-size: 11px;
    color: #656565;
}

.crd {
    margin-right: 0;
    border-right: 0 !important;
    border-radius: 0.25rem 0 0 !important;
}

.crd_no {
    margin-left: 0;
    border-left: 0 !important;
    border-radius: 0 .25rem .25rem 0 !important;
    text-align: right;
}

/* Richa */
.rightdetail.map {
    border: 1px solid #e3e1e1;
    padding: 8px;
}
.location p {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
}
.flt_ru {
    width: 5px !important;
    border: none !important;
    height: 34px !important;
}

.flt_modify {
    padding: 8px 8px 0px 8px;
    background-color: rgb(241 241 241 / 77%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
}

    .flt_modify button.search_2v {
        background-color: #90d900;
        color: white;
    }
.top_flt {
    float: left;
}
.trip_detail {
    float: left;
}
.d {
    float: left;
    margin-left: 29px;
    color: gray;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
.trip_to, .ft-to {
    text-align: left;
}
.booking-item-address span {
    font-size: 15px;
}
#flt_rslt .panel-title h4 {
    margin: 32px 0;
}
#flt_rslt .checkbox {
    font-weight: 500;
    font-size: 15px;
}
.booking-item-address > span {
    color: #626262;
    font-size: 11px;
}
#flt_rslt .panel.panel-default.filter-panel .panel-heading h3.panel-title {
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px solid #f4e6e6;
    text-align: center;
    border-bottom: 1px solid #b9c2c9;
    background-color: #e7f0f7;
    border: 1px solid #cfeaff;
}

#flt_rslt .whatrestget > h3 {
    color: #3abee7;
}

.whatrestget > h3 {
    color: #3abee7;
}

.paradeil p {
    color: #3d3d3d;
    line-height: 23px;
    font-size: 14px;
}

div#Location {
    padding-top: 0px;
}

.row.m-0.Departure.return_row {
    display: none;
}

.bg_clr {
    background-color: var(--color8)0f;
}

.bottom_flt_btn {
    background-color: var(--color8);
    margin: 0 !important;
    border-radius: 0px 0px 15px 15px;
    overflow: hidden;
    padding: 4px;
}

div#flt_rest_tab div#nav-tab {
    margin-bottom: 10px;
}

div#flt_rest_tab a {
    border-radius: 0;
    font-size: 13px;
    color: var(--color8);
    margin-right: 8px;
    background-color: #3abee7;
}

div#flt_rest_tab nav {
    background-color: white;
}

.departure_hover {
    -webkit-transition: all linear 0.2s;
}

    .departure_hover:hover {
        background-color: #f2f0f061;
    }

.hotel_price.flight > span {
    color: #000000;
    font-size: 12px;
    display: block;
}

.bottom_flt_btn > div {
    text-align: center;
}

.bottom_flt_btn button {
    font-size: 14px;
    color: white;
    background-color: #03548700;
    font-weight: bold;
    border: 0px;
    letter-spacing: .2px;
}

.Hotelsresult .flights .row .col-sm-2.pl-md-2.pl-sm-0.col-12 {
    border-left: 1px solid #ccc !important;
    padding-left: 0px !important;
}


/* .shortsv:hover p {
        color: white; */


}

/* .shortsv:hover {
        background: #02609d;
        transition: .35s;
        cursor: pointer;
        color: white!important; */

/* }
    .shortsv:hover b {
        color: white;
    } */
.flt_dtime.col-md-2.col-sm-2.col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 8.666667%;
    max-width: 9.666667%;
}

.flt_layover.col-md-4.col-sm-4.col-xs-4 {
    flex: 0 0 35.333333%;
    max-width: 35.333333%;
}

.flt_atime.col-md-2.col-sm-2.col-xs-2 {
    padding-left: 0;
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
}

.block_show {
    display: none;
}

.pickup {
    flex: 0 0 19.666667% !important;
    max-width: 19.666667% !important;
}

.travl_rw {
    flex: 0 0 10.666667% !important;
    max-width: 10.666667% !important;
}

    .travl_rw .selected_box_bottom label {
        color: #555555;
        font-weight: 600;
    }
.flightslider button.owl-prev.disabled,
.flightslider button.owl-next {
    display: none;
}

.xx {
    display: flex;
    flex-direction: row-reverse;
}
    .xx .book_now.htl_bk {
        width: 100px;
        border-radius: 0px;
    }
    p.good i {
        margin-right: 7px;
    }
.info_lft {
    display: inline-block;
    width: 100%;
}

ul.cust_pro {
    padding-top: 20px;
    margin-bottom: 0px;
}
.btncheck a.book_now {
    font-size: 14px;
}
input.cust-crd_no:focus {
    outline: 0px;
}
input.cust-crd:focus {
    outline: 0px;
}
.cust-crd_no, .cust-crd {
    border: none;
}
.crdnmbcvc.mb-2.form-control:focus {
    color: #495057 !important;
    background-color: var(--color8) !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}
input.cust-crd_no {
    float: right;
    text-align: right;
}
input.cust-crd::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}
input.cust-crd_no::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}
.rewrd_box {
    display: flex;
}
.rewrd_box select#state {
    margin-right: 5px;
    width: 45%;
}
span.ht_log {
    border: 1px solid gainsboro;
    border-radius: 6px;
    display: initial;
    width: 37%;
    height: 37px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-right: 6px;
}
span.htl_logo_name {
    border: 1px solid gainsboro;
    border-radius: 6px;
    display: initial;
    width: 100%;
    height: 37px;
    padding: 0.275rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
    span.htl_logo_name > span {
        color: #005085d4;
        font-size: 12px;
        display: block;
        letter-spacing: .3px;
        font-weight: 600;
    }
span.ht_log > i {
    font-weight: 600;
    float: right;
    line-height: 26px;
}
span.htl_logo_name > span:last-child {
    font-size: 19px;
    font-weight: normal;
    padding-top: -20px;
    margin-top: -7px;
}
.fare_alert p {
    letter-spacing: .3px;
    color: #8b8a8a;
    padding: 9px;
    background-color: white;
    border: 2px solid #7a7979;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

.fare_alert {
    margin-top: 0px;
}

#cust_flt_fltr .ui-slider-range.ui-widget-header.ui-corner-all {
    background-color: #d5d5d5 !important;
}

#cust_flt_fltr .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    border: none;
    height: 7px !important;
}

#cust_flt_fltr .ui-slider-handle.ui-state-default.ui-corner-all.clickround2 {
    border-radius: 50%;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem;
    width: 1.0rem;
}

#cust_flt_fltr .ui-slider-handle.ui-state-default.ui-corner-all.clickround1 {
    border-radius: 50%;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem;
    width: 1.0rem;
}

#cust_flt_fltr .ui-slider-horizontal .ui-slider-range {
    top: -0.5px;
    height: 100%;
}

#cust_flt_fltr p {
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #585858;
}

#cust_flt_fltr hr {
    margin-bottom: .5rem;
}

/* div#cust_flt_fltr #Range {
        margin-bottom: 42px;
        margin-top: -5px !important;
    } */
.flr_slidr_border div#carouselnand .owl-nav button.owl-prev {
    margin-left: 93%;
    display: none;
}

.flr_slidr_border {
    /* border-right: 1px solid #a9d6f7;
        overflow: hidden; */
    margin-bottom: 7px;
}

.flightslider .owl-dots {
    display: none;
}

.right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 20px;
}

.crdnmbcvc.mb-4.form-control:focus {
    color: #495057;
    background-color: var(--color8);
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

#checkout_pag .cutomerheading hr {
    margin-top: .6rem;
    margin-bottom: .5rem;
}

#checkout_pag .trip-summary hr {
    margin-top: .7rem;
    margin-bottom: .5rem;
}
span.ht_log img {
    margin-left: 19px !important;
    width: 22px !important;
    vertical-align: top;
}
.flr_slidr_border {
    overflow: hidden;
    border-right: 1px solid #a9d6f7;
    border-left: 1px solid #1d94eb61;
}
.hotelcheck li::before {
    content: "\2022";
    width: 14px !important;
    color: #3abee7;
    margin-left: -1rem !important;
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
}
.hotelcheck {
    list-style: none;
}
#flt_result_page .hotel_price.flight p {
    font-size: 19px;
    color: #818385;
    font-weight: 600;
}
.col-md-3.col-sm-6.col-xs-12.cust_modify_calender > div > input {
    background-color: transparent;
    border: none;
}
.col-md-4.col-sm-6.col-xs-12.cust_modify_calender input {
    background-color: transparent;
}
.modifysearch.flt_modify .selected_box_top {
    padding: 9px 11px;
    height: 41px;
    border: 1px solid #3abee754;
}
    .modifysearch.flt_modify .selected_box_top i {
        padding-right: 9px;
    }
.cust_modify_calender .text_icon.calanderboth {
    background-color: var(--color8);
    height: 41px;
    border: 1px solid #3abee754;
}
.modifysearch.flt_modify button.search_2v {
    background-color: var(--color8);
    color: #3abee7;
    height: 41px;
    font-size: 15px;
}

.cust_modify_calender input#checkin {
    border-right: 0px;
    border-radius: 5px 0px 0px 5px;
    border: none;
}

.cust_modify_calender input#checkout {
    border-left: 0px;
    border-radius: 0px 5px 5px 0px;
    border: none;
}

.flt_tab table {
    width: 100%;
}

.flt_tab tr td {
    text-align: center;
    padding: 10px;
    border: 1px solid gainsboro;
}

.imgsliderflight.cust_img_tabl {
    border: 0;
    cursor: inherit;
    /* display: inherit; */
    font-size: inherit;
    /* line-height: inherit; */
    position: inherit;
    /* text-align: inherit; */
    height: inherit;
    position: inherit;
    width: inherit;
    padding: inherit;
}

/* .select_flt input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: var(--color8);
        content: '';
        display: inline-block;
        visibility: visible;
        border: 3px solid #959090;
        appearance: auto;
        -moz-appearance: auto;
    -webkit-appearance: auto;
    }
    .select_flt input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 7px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #3abee7;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 4px solid #3abee7;
    } */
.mob_div > div {
    color: #6c7592;
    padding: 0.475rem 0.75rem;
    font-size: 12px;
}

    .mob_div > div:first-child {
        border-right: 1px solid #ced4da;
    }

.mob_div img {
    margin-right: 10px;
}

.mob_div i {
    font-size: 10;
    margin-left: 10px;
}

.mob_div {
    display: flex;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
section#htl_result .htl_modi {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

    section#htl_result .htl_modi > div {
        display: inline-block;
    }

section#htl_result .htl_rslt {
    width: 84%;
}

section#htl_result .page-title-wht {
    background-color: var(--color8);
    border: 1px #e9e9e9 solid;
    border-radius: 7px;
    font-family: poppins;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 8px;
}

section#htl_result .row.trip-padding {
    padding-right: 12px;
    font-size: 13px;
    font-weight: 600;
}

.htl_modi > div {
    display: inline-block;
}

.modi_htl-btn {
    width: 15%;
}

    .modi_htl-btn > a {
        border-radius: 7px !important;
        padding: 14px 10px;
        margin-top: 0px;
        width: 100% !important;
    }

#htl_result .modi_htl-btn > a {
    border-radius: 7px !important;
    padding: 13px 5px;
    margin-top: 0px;
    width: 100% !important;
}

section#htl_result .row.trip-padding small {
    font-size: 13px !important;
}

.trip_detail::after {
    z-index: 2;
    position: absolute;
    content: '';
    border-left: 2px solid #3abee7;
    border-top: 29px solid #3abee7;
    border-right: 18px solid transparent;
    height: 0px;
    width: 0px;
    right: -18px;
    top: 2px;
}

.headofcheck.cust-headofcheck > p {
    padding: 10px 5px;
    color: #7f7f7f;
}

.regular-radio:checked + label:before {
    background-color: #3abee7 !important;
}

.regular-radio:checked + label:after {
    background: none repeat scroll 0 0 #3abee7 !important;
}

.headofcheck.cust-headofcheck {
    text-align: center !important;
    width: 55% !important;
    /* padding-left: 5px; */
}

    .headofcheck.cust-headofcheck i {
        font-size: 10px !important;
    }
.lowest-price-grn a:hover {
    text-decoration: none;
}

.trip_detail {
    position: relative;
}

#flt_result_page #cust_flt_fltr {
    margin-top: -7px;
}

section#flt_result_page .owl-item.active {
    width: 134px !important;
}

#htl_result .htl_rslt input {
    border: none;
    display: inline-block;
    width: auto;
    font-size: 11px;
}

#htl_result .sections ul li a img {
    width: 18px;
}

#htl_result .sections ul li a {
    color: #333;
    text-decoration: none;
    font-size: 11px;
    margin: 0 10px 0 0;
    font-weight: 500;
}

.fa.fa-angle-down.dn_arrow {
    position: absolute;
    right: 31px;
    top: 10px;
    font-weight: 600;
}

.dob {
    width: 100%;
    padding-top:;
    border: 1px solid #eeeeee;
    padding: 5px inherit;
    border-radius: 5px;
    font-size: 12px;
    background-color: #f0f0f0ad;
    padding: 0.375rem 0.75rem;
}

    .dob::placeholder {
        color: #000000;
    }

#txtAgentID input::placeholder {
    font-size: 12px !important;
    color: #495057
}

.inputs.checkin_input > input {
    border-radius: 3px 0px 0px 3px;
}

.cust_detail_modify span {
    color: #9f9f9f;
    line-height: 37px;
    width: 10%;
    text-align: center;
}

.cust_modify_calender .calanderboth input {
    border: none !important;
}

.detail_row .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 18.666667%;
    max-width: 18.667%;
}
.col-md-12.trip-padding.cust_flt_trip strong {
    font-size: 14px;
    color: #015f9c;
}
.col-md-12.trip-padding.cust_flt_trip p {
    font-weight: 600;
    color: #6e6e6e !important;
    font-size: 11px;
    white-space: nowrap;
}

.mid-col {
    display: flex;
    align-items: center;
}
#flt_htl_result {
    padding-top: 40px;
    padding-bottom: 40px;
}

p.no_result {
    margin-bottom: 0px;
    font-size: 15px;
    color: #007bff;
    font-weight: 600;
    letter-spacing: .1px;
}

p.resut_text {
    color: #686565;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
}

div#flt_htl_result .hotel_price.flight > span {
    color: #000000;
    font-size: 10px;
    display: block;
    text-align: center;
}

h3.step_one {
    color: #02609d;
    font-size: 22px;
    font-weight: 600;
    margin-top: 18px;
    padding-bottom: 4px;
}

div#flt_htl_result .hotel_price.flight {
    padding: 5px;
}

    div#flt_htl_result .hotel_price.flight p {
        font-size: 19px;
        color: #02609d;
        font-weight: 600;
        padding-left: 17px;
    }

div#flt_htl_result .sort .optns p {
    padding: 10px;
    font-size: 12px;
}

div#flt_htl_result .sort .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
}

div#flt_htl_result .sort h6 {
    margin-top: 9px;
    margin-left: 16px;
    font-size: 15px;
}

div#flt_htl_result .sort {
    padding: 6px;
}

#flt_htl_result .flthtl_sid_img {
    width: 100%;
    float: right;
}

    #flt_htl_result .flthtl_sid_img > span {
        color: #007bff;
        font-size: 16px;
        font-weight: 600;
    }

#flt_htl_result .flthtl_sid {
    font-size: 12px;
    font-weight: 600;
    color: #222222;
    width: 100%;
}

#flt_htl_result .side_depart {
    /* float: left; */
    display: flex;
}

    #flt_htl_result .side_depart .depart_detail p {
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 500;
        color: #919191;
        padding-left: 10px;
    }

#flt_htl_result .arrow_img > img {
    width: 24px;
}

.flthtl_sid p:last-child {
    margin-bottom: 4px;
}

.flthtl_sid p:first-child {
    margin-bottom: 8px;
}

.flthtl_sid_img img {
    border: 1px solid #e5e3e3;
}

.row.flthtl_modify {
    padding-top: 4px;
    padding-bottom: 6px;
    background-color: #02609d;
    margin: 0;
    margin-top: 0px;
    margin-top: 10px;
}

    .row.flthtl_modify .fa.fa-calendar {
        font-size: 13px !important;
        font-weight: bold;
    }

.row.flthtl_modify input:focus-visible {
    outline: none;
}

/* -----Edge--------- */
.fold_section .btn-primary {
    border: 0px;
    font-size: 13px;
    color: #156ba4;
    background-color: #e7f0f7;
    border-color: var(--color8);
    text-align: left;
    font-weight: 500;
    padding: 10px 15px;
}

    .fold_section .btn-primary:hover {
        color: #156ba4;
        background-color: #e7f0f7;
    }

.serv_choice {
    height: 46px;
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.cust_name {
    font-size: 13px;
    font-weight: 500;
    color: #191919;
}

.rewrd_box.ht_rewrd_box span.htl_logo_name,
.rewrd_box.ht_rewrd_box span.ht_log {
    height: 33px;
}

.rewrd_box.ht_rewrd_box .htl_logo_name span {
    font-size: 11px;
    padding: 0px !;
}

.rewrd_box.ht_rewrd_box .htl_logo_name {
    padding: 0;
    padding-left: 11px;
}

.row.flr_htl_modify input {
    position: relative;
    padding: 8px 10px 8px 31px;
    width: 100%;
    border: 1px solid #02609d;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 11px;
}

.row.flr_htl_modify > div {
    padding: 0;
}

.row.flr_htl_modify i {
    position: absolute;
    top: 36p;
    left: 0;
    top: 45px;
    z-index: 100;
    left: 11px;
    color: #02609d;
}

.col-sm-2.cust_nw i {
    left: 28px;
}

.cust_de .book_now.htl_bk {
    width: 100%;
    border-radius: 0px;
    height: 37px;
}

.row.flr_htl_modify label {
    color: var(--color8)dfd;
    font-size: 12px;
}

.row.flthtl_modify .cust_de .book_now.htl_bk {
    width: 100%;
    border-radius: 0px;
    height: 34px;
    font-size: 12px;
}

.row.flthtl_modify .col-sm-2.cust_de {
    padding-left: 8px;
}

.row.flr_htl_modify #checkin2 {
    color: #acacac;
}

.row.flr_htl_modify #checkin1 {
    color: #acacac;
}

table.flt_slid tr td {
    border: 1px solid #ededed;
    padding: 0 4px;
    /* background: #fde9f4; */
}

table.flt_slid img {
    width: 44px !important;
    height: 26px;
    position: relative;
    right: auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 4px;
    margin: 0px auto 5px;
    font-size: 4px;
}

.flt_tabl {
    margin-bottom: 10px;
    box-shadow: 0 0 5px #c1c1c1;
}

td.fltprice_tab.cst_flt_pric p {
    margin-bottom: 0;
    text-align: center;
    color: #007bff;
    padding: 6px;
}

td.fltprice_tab.cst_flt_pric {
    display: none;
}

td.fltprice_tab.cst_flt_pric {
    font-weight: 500;
    text-align: center;
    color: #007bff;
    font-size: 11px;
    height: 3rem;
    width: 8.5rem;
}

.tabl_img {
    padding: 7px;
}

.fltprice_tab span i {
    padding-right: 6px;
    font-size: 19px;
    color: #000;
}

.tabl_img b {
    font-size: 11px;
}

.fltprice_tab span {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #343030;
    display: block;
    padding-bottom: 10px;
}

.fltprice_tab sup {
    color: #9d9d9d !important;
}

.tabl_img h5 {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 10px;
    overflow: hidden;
    margin: 0;
    font-weight: 600;
    color: #494a4b;
}

.descrip .form-control, .descrip .serv_choice, .descrip span.htl_logo_name, .descrip span.ht_log {
    height: 33px;
    font-size: 12px;
}
.lap_box span {
    font-size: 13px;
    vertical-align: text-top;
    font-weight: 500;
}

.modifysearch.flt_modify .calanderboth span {
    line-height: 45px;
}

.lap_box input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
    padding: 0 7px !important;
}
.activities.cust_price_guarante h4 small {
    font-size: 15px;
    font-weight: 600;
    color: #a5a6a2;
}
.activities.cust_price_guarante {
    border: 0px solid #3abee729;
}

    .activities.cust_price_guarante i {
        margin-right: 8px;
        color: #3abee7;
        vertical-align: middle;
        font-size: 15px;
    }

section#htl_result .cust_htl-modify .calanderboth span {
    line-height: 46px;
}
#checkout_pag .btn-primary:focus,
#checkout_pag .btn-primary.focus {
    color: #156ba4;
    background-color: #e7f0f7;
    border-color: #e7f0f7;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.name_flt_check {
    font-size: 9px !important;
}
#thank_you .leftchecktop .book_now {
    font-size: 15px;
}
.yes span {
    color: #707070;
    font-weight: 500;
}
#checkout_pag .cust_text {
    padding-right: 0px;
}
section#flt_result_page .sort h6 {
    margin-top: 5px;
}
.top-header select,
#flt_check_out select,
#flt_check_out input.flt_calen {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 12px;
}

input.calender.Datepicker.flt_calen::placeholder {
    color: #495057;
}

/*--------------- Model------- */
table.table.table-bordered.text-center.pop_table {
    font-size: 12px;
}
#flt_result_page .close {
    opacity: 1 !important;
}
.bottom_flt_btn button {
    font-weight: normal !important;
}
.flt_fare_title {
    background-color: #ffd5eba1;
    padding: 4px;
    color: #3abee7;
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
}

.flight_fare_details .tblbreakup {
    width: 100%;
}

    .flight_fare_details .tblbreakup tr {
        border: 1px solid #eee;
    }

        .flight_fare_details .tblbreakup tr td:nth-child(1) {
            font-weight: 600;
            font-size: 13px;
        }

        .flight_fare_details .tblbreakup tr td {
            padding: 8px 8px;
            font-size: 13px;
            width: 50%;
            text-transform: uppercase;
            text-align: left;
        }

            .flight_fare_details .tblbreakup tr td[colspan='2'] {
                padding: 0;
            }

div#flt_fare_desc {
    line-height: 25px;
    padding: 10px;
    border: 1px solid #eee;
    max-height: 300px;
    overflow: auto;
    font-size: 13px;
    text-align: left;
}

    div#flt_fare_desc > h4 {
        line-height: 30px;
        padding-bottom: 5px;
        text-align: left;
        font-size: 17px;
        font-weight: 500;
        border-bottom: 1px solid gainsboro;
        margin-bottom: 16px;
    }

.flight_popup .departure {
    display: inline-block;
    width: 100%;
    background: #002e6e;
    padding: 5px 5px;
    margin-bottom: 5px;
}

    .flight_popup .departure span {
        display: inline-block;
        font-size: 16px;
        color: var(--color8);
    }

        .flight_popup .departure span strong {
            display: inline-block;
            font-weight: 700;
            color: var(--color8);
        }

.flight_popup_body.flight_fare_details .departure {
    color: #3c3c3c;
    font-size: 15px;
    /* margin-bottom: 6px; */
    /* padding-top: 4px; */
    line-height: 27px;
}

    .flight_popup_body.flight_fare_details .departure > span strong {
        font-weight: 600;
    }

.flight_img figure img {
    width: 40px;
    height: 40px;
}
.flight_popup_body.flight_fare_details .departure span:first-child {
    float: left;
}
.flight_popup_body.flight_fare_details .departure span:last-child {
    float: right;
}
.flight_popup_body.flight_fare_details .departure > span {
    padding: 5px;
    font-weight: 600;
}
.flight_popup .flight_img figure {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.flight_departing {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-top: 9px;
}
.flight_popup .flight_departing .city {
    display: inline-block;
    width: 100%;
    color: #545556;
    font-size: 14px;
    margin: 0px;
    font-weight: 500;
}
.flight_popup .flight_departing .time {
    display: inline-block;
    width: 100%;
    margin: 0px;
    font-weight: 600;
    font-size: 14px;
}

.flight_popup .flight_departing .terminal {
    display: inline-block;
    width: 100%;
    color: #4e4e4e;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 500;
}

.flight_img {
    text-align: left;
    font-size: 14px;
}

#flt_result_page p.baggage {
    text-align: right;
    display: inline;
    width: 100%;
    padding: 5px 17px;
    color: #3abee7;
    font-size: 13px;
    margin: 0;
}

#exampleModal_fltdtl,
div#exampleModal_fare,
div#exampleModal_baggage {
    padding-left: inherit !important
}

#flt_result_page .optns p {
    padding: 9px;
    font-size: 12px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100% !important;
    height: 100% !important;
    background-color: #000;
}

#cust_multi .calanderboth input:first-child {
    text-align: left;
}

.multi_text {
    padding-left: 8px;
    color: var(--color8);
    letter-spacing: .5px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ff000000;
    padding: 5px;
}


.flt_add {
    margin-top: 7px;
}

#cust_multi {
    margin-top: 4px;
}

.modifysearch.flt_modify .row.tripopt {
    padding-left: 12px;
    padding-bottom: 5px;
}

a.activebeard:hover {
    color: var(--color8);
    cursor: pointer;
}

.doflex {
    display: flex;
    width: 100%;
}

.totaltripamt {
    margin-top: 0px !important;
    width: 20%;
    background: #dbe6ec;
    margin-left: 3px;
    border-radius: 5px;
}

.size-fnt {
    font-size: 16px !important;
    color: #02609d !important;
    font-weight: bold !important;
    margin: 0 !important;
}
.auto-resp {
    width: 100% !important;
    height: auto;
}

ul.cust_pro,
.htl-item {
    width: 120%;
}

select#classecc,
select#addrooms {
    position: relative;
    padding: 8px 10px 8px 31px;
    width: 100%;
    border: 1px solid #02609d;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 11px;
    color: #979797;
}

.calandersearch {
    display: flex;
    border-radius: 5px;
    margin: 1px 1px;
}

.text_icon.calandersearch input {
    border: none;
}

.row.flr_htl_modify {
    padding-left: 14px;
}

.chooseroom-head {
    background: #02609d;
    color: var(--color8);
    border-radius: 6px 6px 0 0;
    padding: 7px 10px;
}

.row.detail-room-sec {
    margin-top: 20px;
}

.chooseroom-bledet {
    border: 5px solid #02609d;
    border-radius: 0px 0px 6px 6px;
}

.col-md-4.tripfli-htl-price {
    text-align: right;
}

.row.room-sec-pad {
    padding: 10px;
}

.tripdet {
    padding: 7px 10px;
    background: #dfdfdf;
    color: #000;
    margin: -1px;
    font-weight: 600;
    font-size: 14px;
}

.col-md-4.tripfli-htl-price p {
    margin: 0;
}

    .col-md-4.tripfli-htl-price p:nth-child(1) {
        font-weight: 600;
    }

    .col-md-4.tripfli-htl-price p:nth-child(2) {
        font-size: 11px;
        color: #858585;
    }

.col-md-8.tripfli-htl {
    font-size: 13px;
    color: #8f8f8f;
}

.selec-htl-head {
    font-size: 12px;
    font-weight: 600;
}

.selec-hotel {
    font-size: 17px;
}

.incalen {
    color: #03619e;
    font-weight: bold;
}

a.book_now.htlsaving {
    font-size: 13px;
    width: 73%;
    border-radius: 29px;
    background: #f18500;
    padding: 5px 0px;
}

.cent-room {
    display: grid;
    align-items: center;
}

.chnge-htl {
    position: relative;
    top: -17px;
    text-decoration: underline;
}

.pkg-heading {
    border-bottom: 1px solid #c2def4;
    background-color: #e7f0f7;
    padding: 10px;
    font-size: 16px;
}

.where-to-where,
.pkg-summ-details,
.tot-pkg-pr,
.allcost,
.noteit {
    padding: 0px 11px;
}

.noteit {
    color: #847c85;
    font-weight: 500;
    font-size: 14px;
}

.where-to-where p {
    margin-top: 10px;
    color: #7c7c85;
    font-weight: bold;
    font-size: 14px;
}

.pkg-summ-details {
    font-weight: 500;
    line-height: 29px;
    color: #7c7c85;
}

#checkout_pag > div > div:nth-child(3) > div.col-md-4.col-sm-6 > div > div.pkg-summ > div.tot-pkg-pr > div:nth-child(2) {
    color: #3abee7;
    font-weight: bold;
}

.reviewhtll {
    font-size: 13px;
}

button.reviewhtll {
    border: 2px solid #03619e;
    background: var(--color8);
    color: #03619e;
    padding: 7px 11px;
    border-radius: 6px;
    font-weight: bold;
}

.flights.review-flt {
    box-shadow: none !important;
    border-color: #dfdfdf;
    border-radius: 6px !important;
    margin-top: 17px;
}

div#flt_rest_tab {
    padding-bottom: 13px;
    padding-right: 15px;
    padding-left: 15px;
    /* border: 1px solid gainsboro; */
}

p.nt {
    color: green;
    font-size: 12px;
    margin-top: 12px;
}

.rev-fli {
    padding-top: 19px;
}

.nearby {
    background: #6fa006;
    color: var(--color8);
    padding: 6px 15px;
    margin-top: 15px;
}

.pkg-summ.rev-summ {
    margin-top: 21px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

p.rev-pack-right {
    background: #f190183d;
    padding: 10px;
    border: 3px solid #ffbe4696;
    border-radius: 7px;
    border-left: 7px solid #00000096;
}

button.check-btnn {
    width: 91%;
    margin: 0px 14px;
    background: #6fa006;
    border: none;
    padding: 10px 10px;
    margin-bottom: 17px;
}

#hotel_detail > div > div > div.row > div.col-md-4 > div > div.tot-pkg-pr > div:nth-child(2) {
    color: #3abee7;
    font-weight: bold;
}

.rest-notice {
    font-size: 12px;
    line-height: 3px;
    margin-top: 16px;
    color: #898989;
}

.trans-head {
    margin-top: 40px;
}

    .trans-head h5 {
        margin-bottom: 23px;
    }

.hei-line {
    line-height: 29px;
    border-right: 1px solid #e5e5e5;
}

.add-ride-amt {
    font-size: 24px;
    font-weight: 600;
    color: #3abee7;
}

.ride-amt2 {
    font-weight: 600;
    font-size: 14px;
}

.transfer-note {
    box-shadow: 0px 2px 8px #b3b3b3;
    margin-top: 13px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

    .transfer-note p {
        padding: 11px 14px;
        font-weight: 600;
        color: #005f9b;
        margin: 0;
        display: flex;
    }

    .transfer-note a {
        width: 100%;
        margin-left: 12px;
    }

.all-veh {
    padding: 10px 14px;
    margin-bottom: 20px;
}

select.vehicle-des {
    border: 1px solid #e5e5e5;
    padding: 4px 10px;
    color: #005f9b;
    font-weight: 500;
    font-size: 14px;
    box-shadow: 0px 0px 6px #dfdfdf;
}

.cent-lne {
    border-right: 1px solid #dfdfdf;
}

.pick-drop {
    font-weight: 600;
    font-size: 14px;
}

.whch-airport {
    font-size: 13px;
}

.on-air {
    font-size: 14px;
    margin-top: 10px;
}

.on-milage {
    font-size: 14px;
}

.sec-1 {
    border: 1px solid #ddd;
    margin: 0px 16px;
    padding: 13px 10px;
    margin-left: 0px;
}

.review-carousel {
    max-width: 955px;
}

.sight-btn {
    padding: 9px 5px;
    background: var(--color8);
    color: #005f9b;
    border: 1px solid #bfbfbf;
    box-shadow: 0px 0px 5px #cbcbcb;
    border-radius: 6px;
    margin-left: 17px;
}

.acti-area {
    justify-content: right;
    place-items: center;
    display: flex;
    font-size: 13px;
}

.bottom_flt_btn1 {
    background-color: #d9d9d9;
    margin: 0 !important;
    overflow: hidden;
    padding: 4px;
    border-radius: 0px 0px 5px 5px;
}
    .bottom_flt_btn1 button {
        background: #d9d9d9;
        border: none;
        color: #005f9b;
        text-decoration: underline;
        font-weight: 600;
    }
.modify-trav-box {
    height: 32px;
    padding: 5px 0px 0 32px;
    border-radius: 0px;
    background: var(--color8);
    margin-left: 2px;
    color: #a7a7a7;
    font-weight: normal;
}
.modify-travbx {
    margin-top: 11px;
}
.row.trav-pop-up label {
    color: #6a6a6a;
}
.trav-pop-up > div[class*=col-] {
    padding: 0px 3px;
}

.trav-pop-up > div[class*=col-md-5] {
    margin-top: -18px;
    margin-bottom: 15px;
}

.sel select {
    width: 100%;
}

.row.economy.eco-mod div {
    padding: 0;
}

.mod-submit {
    padding: 0 !important;
}

.eco-mod input[type="radio"] {
    top: -5px;
}

.det-room-amt {
    position: relative;
    right: 3px;
}

.doit-cent {
    display: grid;
    align-content: center;
}
.review-date {
    font-size: 13px;
    font-weight: 500;
    display: grid;
    align-content: center;
}

.do-rig {
    text-align: right;
}

.departure {
    color: var(--color8);
    float: left;
    padding: 0px;
    width: 100%;
}

    .departure span:nth-child(2) {
        float: right;
    }

#exampleModal_fltdtl p.baggage {
    text-align: left;
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
    color: #3abee7;
    font-size: 13px;
    margin: 0;
}

.fli-left-al {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
}

.thankdet1 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 600;
}
.col-md-12.htl-det-all .row {
    margin: 9px 0px;
}
.fli-mar-bot {
    margin-bottom: 35px !important;
}

.categ {
    font-size: 15px;
    color: #3abee7;
    font-weight: 600;
}

.statusav {
    margin-top: 15px;
    ;
}

span.bed_type {
    color: #02609d;
}

.col-md-6.rec-acc {
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    display: flex;
}

.booking-si {
    color: var(--color8);
    font-weight: 600;
    background-color: #005f9b;
    width: 100%;
    padding: 10px 15px;
    font-size: 15px;
    border-radius: 4px 4px 0 0;
}

.hotel_description h1 {
    font-size: 19px;
}

span.paxreq1 {
    position: relative;
    top: -38px;
    left: 3px;
    color: red;
}

.review_ur_hotel {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

    .review_ur_hotel h2 {
        width: 100%;
        margin: 0px;
        font-size: 20px;
        border-bottom: 1px solid #005f9b;
        font-weight: 600;
        background: #005f9b;
        color: var(--color8);
        padding: 10px 15px;
    }
.continue_payment, .fcpayment, .hcpayment, .tgcpayment, .ttcpayment, .trcpayment, .ocpayment {
    display: inline-block;
    font-weight: 500;
    color: var(--color8);
    background: #3abee7;
    border-radius: 5px;
    border: none;
    padding: 10px 20px;
}
.summary_detail.review_fix_pacakge.sight {
    border: 1px solid #ddd;
    border-radius: 6px;
}
.total {
    display: flex;
    margin-left: -4px;
}
div#sidebar {
    margin-top: 14px;
}
.back-blue {
    background-color: #f7f8f7;
    padding: 19px 9px;
}

.row.back-grey {
    background: #f7f8f7;
    padding: 14px 1px;
    margin-top: 6px;
}

.recom-green {
    position: absolute !important;
    top: -17px;
    background: #3abee7;
    color: white;
    border-radius: 6px;
    text-align: center;
    font-size: 13px;
    padding: 3px 0px;
    right: 0px;
}

.back-grey input,
.back-blue input {
    margin-right: 10px;
}

.trip-cent {
    align-items: center;
    display: flex;
}

.back-grey span,
.back-blue span {
    font-size: 12px;
}

.protect-trip {
    margin-top: 30px;
}

.pri-hei {
    margin-top: 17px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
}

.sightseeing {
    padding: 0px;
}

.sightseeing-descrip {
    padding: 10px 0px;
}

.sight_img img {
    width: 213px;
    height: 230px;
}

.sightseeing_p {
    font-size: 13px;
    margin-top: 14px;
}

.sight-info {
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}

.sight-price {
    padding-right: 28px !important;
}

.category span,
.statusav span,
.act span,
.serve span {
    font-size: 14px;
}

.clickround12 {
    border-radius: 50% !important;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem !important;
    width: 1.0rem !important;
}

.slider-line {
    background-color: #cc0574 !important;
}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all.slider-line {
    height: 9px;
    background: #3abee7;
}

.act,
.serve {
    margin-top: 15px;
}

.travelcarousel {
    height: 433px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 433px;
}

    .travelcarousel img {
        width: 100%;
    }

.images {
    margin-bottom: 10px;
}

    .images img {
        object-fit: contain;
        width: 99%;
        margin-bottom: 3px;
    }

.prevv {
    position: absolute;
    left: 243px;
    top: 212px;
    color: var(--color8);
}

    .prevv::before {
        content: '';
        width: 40px;
        height: 40px;
        background: #a7a7a7;
        position: absolute;
        border-radius: 50px;
    }

.next::before {
    content: '';
    width: 40px;
    height: 40px;
    background: #a7a7a7;
    position: absolute;
    border-radius: 50px;
}

.next {
    position: absolute;
    right: 28px;
    top: 212px;
    color: var(--color8);
}

.prevv,
.next {
    display: grid;
    align-items: center;
    cursor: pointer;
}

    .prevv i,
    .next i {
        position: relative;
        width: 100%;
        left: 11px;
        ;
    }

.slideel {
    transition: 1s;
}

.select-category-block {
    width: 100%;
}

.category-outer-box {
    border: 1px solid #ddd;
}

.blue-blockk {
    padding: 9px 26px;
}

.white-block {
    padding: 15px 38px;
}

.blue-blockk {
    background: #daf1ff;
}

.cat-cent {
    display: flex;
    align-items: center;
}

    .cat-cent input {
        margin-right: 10px;
    }

.lan-tex {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 14px 0px;
}

.mar-rightt {
    margin-right: 10px;
    ;
}

.gr div {
    margin-bottom: 6px;
}

.depretdet {
    font-size: 14px;
    line-height: 13px;
}

.pointb {
    font-weight: 600;
    font-size: 16px;
    margin-top: 26px;
    color: #3abee7;
    text-decoration: underline;
}

.checkinn {
    margin: 32px 0px;
    font-size: 14px;
    font-weight: 600;
}

.itineryy {
    position: relative;
}

    .itineryy::before {
        content: '';
        position: absolute;
        height: 290px;
        border: 1px dotted #3abee7;
        left: -17px;
        margin-top: 9px;
    }

.itineryy {
    margin-left: 20px;
}

p.icon-itinerary i {
    position: absolute;
    left: -21px;
    font-size: 17px;
    color: #3abee7;
}

.info-acti {
    margin-left: 20px;
    font-size: 14px;
    line-height: 25px;
}

.ques-asked {
    font-size: 14px;
    margin-top: 25px;
}

.questions-block {
    background: #daf1ff;
    padding: 20px 30px;
    font-size: 14px;
}

.review-load::before,
.review-load1::before,
.review-load2::before,
.review-load3::before,
.review-load4::before {
    content: '';
    width: 352px;
    background-color: #d5d5d5;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load::after {
    content: '';
    width: 140px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load1::after {
    content: '';
    width: 100px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load2::after {
    content: '';
    width: 80px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load3::after {
    content: '';
    width: 180px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load4::after {
    content: '';
    width: 160px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-des {
    font-size: 14px;
    margin-left: 110px;
}

.stars-review {
    margin-top: 9px;
}

.review-by {
    margin: 40px 0 8px 0;
}

.alreview {
    font-size: 14px;
}

.allreviews {
    margin-bottom: 40px;
}

p.category-text {
    background: #005f9b;
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--color8);
    font-size: 17px;
    font-weight: 600;
}

.acti-border {
    border: 1px solid #dddddd;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0px 0px 5px #d3d3d3;
}

.sight-hed a {
    width: 33%;
}

    .sight-hed a:nth-child(3):after {
        display: none;
    }

.review-77 {
    font-size: 24px;
    font-weight: bold;
    color: #005f9b;
    margin-top: -10px;
}

/* .row.col-md-12.social-iconn {
        background: #02609d;
        width: 75.8%;
        padding: 7px 7px 7px 20px;
        position: relative;
        top: -9px;
        left: 14px;
        text-align: center;
        justify-content: center;
    } */

/* .share-sight {
        display: grid;
        align-items: center;
        color: var(--color8);
    }
    .icons-sec {
        background: #daf1ff;
        padding: 0px 135px 0px 0px;
        border-radius: 7px;
        justify-content: space-between;
    }
    .icons-sec div {
        border-right: 3px solid #02609d;
        padding: 0 0 4px 0;
        max-width: 12%;
    } */
p.sightseeing_p {
    overflow: hidden;
}

.sight-price,
.trans-price {
    display: grid;
    align-content: center;
}

.transfersss input,
.transfersss select {
    font-size: 11px;
    border: none;
    outline: none;
}

.trans-hed a {
    width: 50%;
}

.breadcrumb.flat.trans-hed a:nth-child(2)::after {
    display: none;
    ;
}

.transfer-textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    outline: none;
    padding: 10px;
    font-size: 13px;
}

.sight-thank {
    margin: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .sight-thank h5 {
        background: #f2f6e7;
        padding: 15px;
        font-size: 20px;
        border-radius: 8px 8px 0 0;
        font-weight: 500;
    }

.select-style {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 7px;
    font-size: 14px;
}

.inputplus {
    position: absolute;
}
.inputplus {
    position: absolute;
    top: 0px;
    width: 12% !important;
    right: 0px;
    height: 37px !important;
    background-color: var(--color8) !important;
}

button.btn-back {
    padding: 1px 15px;
    border-radius: 5px;
    border: none;
}

button.btn-back.btn-white {
    background: #f1f1f1;
    color: #000;
    font-size: 15px;
    border: 1px solid #d9d9d9;
}

button.btn-back.btn-black {
    border-radius: 100px !important;
    padding: 0px !important;
    padding-left: 6px !important;
    background: #484848 !important;
}

.sightsee a {
    margin-right: 5px !important;
}

/*flight review css starts*/
.baggage-border,
.upgrade-border {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.all-bagg {
    line-height: 34px;
    padding: 0 0 13px 0;
    font-size: 14px;
}

.bagg-belinfo {
    font-size: 13px;
    padding: 11px 17px;
}

    .bagg-belinfo p {
        margin: 0;
    }

.bag-image {
    width: 149px;
    position: absolute;
    top: -50px;
    right: 110px;
}

.golicon::before {
    content: '';
    padding: 4px 5px;
    background-color: #878787;
    border-radius: 100px;
}

.golicon {
    color: white;
}

.golicon1:nth-child(1)::before {
    background-color: #6fa006;
}

.row.back-upblue {
    background: #009cff26;
    padding-top: 33px;
    font-size: 14px;
    color: #000;
    line-height: 24px;
    padding-bottom: 12px;
    border-radius: 7px;
}

.row.canall {
    padding: 19px 0px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
}

    .row.canall i {
        margin-right: 8px;
    }

button.upbutton {
    width: 100%;
    margin: 13px;
    background: #6fa006;
    border: none;
    padding: 6px 0px;
}

.right-upborder {
    border-right: 1px solid #ddd;
}

.right-upborder {
    border-right: 1px solid #ddd;
    padding: 12px 27px !important;
}

.row.col-md-12.upgrade-border {
    padding: 0px;
}

.multi-fli {
    margin: 41px 0px 20px 0px;
}

.multi-fl {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 7px 7px;
    width: 167px !important;
    border-color: #6fa006;
    cursor: pointer;
    margin-right: 10px;
}

/*hotel detail properties*/
.inner-info-rev {
    font-size: 13px;
    line-height: 22px;
    margin-top: 6px;
}

/*cars starts----------------*/
.availablecars {
    margin: 21px 0px;
    border: 1px solid #3abee7;
    border-radius: 6px;
    padding: 13px 20px;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .availablecars h4 {
        font-size: 23px;
        color: #3abee7;
        font-weight: 500;
        margin: 0;
    }

.row.col-md-12.car-jus {
    margin-top: 6px;
    position: relative;
    top: 12px;
}

.carsi div {
    font-size: 13px !important;
    font-size: 13px !important;
    margin-top: 4px;
}

.impinfocar {
    margin-top: 12px;
    margin-left: 4px;
    cursor: pointer;
}

    .impinfocar i {
        color: #747678;
        font-size: 18px;
    }

.carinfoimp {
    position: fixed;
    background: #6e6e6e;
    box-shadow: 0px 0px 10px #c5c5c5;
    left: 0px;
    top: 25px;
    width: 90%;
    height: calc(100vh - 91px);
    z-index: 100;
    margin: 84px;
    border-radius: 3px;
    padding: 20px;
}

.carheading {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 9px;
    margin-top: 30px;
    position: relative;
    color: var(--color8);
}

.carcontent {
    font-weight: 500;
    color: #000000;
    font-size: 15px;
    margin-bottom: 10px;
}

.carpara {
    font-size: 14px;
    color: #d3cccc;
    font-weight: 400;
}

.carclose {
    cursor: pointer;
}

.carinfoimp {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}

.maincarcontent {
    position: relative;
    top: -36px;
}

/*support starts-----------*/
.supporthead {
    font-size: 21px;
    font-weight: 600;
    margin: 60px 0px 20px 0px;
}

.row.col-md-12.supportinfo {
    background: #dff1ff;
    padding: 24px 5px;
}

.row.col-md-12.assistance {
    border: 1px solid #d9d9d9;
    margin-top: 30px;
}

.ass {
    background: #0f314c;
    color: var(--color8);
    padding: 14px;
    border-radius: 5px;
}

.col-md-6.inpuut {
    text-align: center;
}

.inpuut div {
    position: relative;
    top: 17px;
    left: 100px;
}

.inpuut i.fa.fa-search {
    font-size: 18px;
    margin-right: 7px;
    color: #70b400;
    position: relative;
    top: 3px;
    border-radius: 8px;
    border: 3px solid #89ba17;
    padding: 7px;
}

.inpuut input {
    width: 60%;
    outline: none;
    border: 3px solid #81ba05;
    padding: 4px 13px;
    border-radius: 5px
}

.supportm .col-md-3 {
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 20px 20px;
}

.col-md-12.optionsssupp {
    border-bottom: 1px solid #c9c9c9;
    padding: 15px 10px;
    display: flex;
    cursor: pointer;
}

    .col-md-12.optionsssupp:hover {
        background: #dff1ff;
    }

.browse {
    margin: 30px 0px;
    font-weight: 600;
    font-size: 16px;
}

.optionsssupp i {
    position: relative;
    top: 3px;
    margin-right: 9px;
}

.supportm .col-md-8 {
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-left: 36px;
    flex: 100%;
    max-width: 72%;
}

.chips .col-md-4 {
    box-shadow: 0px 0px 10px #e5e5e5;
    border-radius: 5px;
}

.suphe {
    margin: 37px 16px;
    font-weight: 600;
}

.chipscontent {
    margin: 19px 0px;
}

    .chipscontent div {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
    }

.inh {
    font-size: 12px !important;
    font-weight: 500;
}

.chips .col-md-3 {
    flex: 100%;
    max-width: 31%;
    cursor: pointer;
}

.row.col-md-12.chips {
    justify-content: space-between;
    margin: 0;
    margin-bottom: 24px;
}

.row.col-md-12.supportm {
    margin-bottom: 20px;
}

.nchip {
    border-radius: 5px;
    flex: 30% !important;
    max-width: 32% !important;
    padding: 30px 7px;
    border: 1px solid #e9e9e9;
}

.row.col-md-12.supportnchips {
    justify-content: space-between;
    margin: 20px 0px;
    padding: 0;
}

.col-md-12.shead {
    font-size: 11px;
    text-transform: uppercase;
}

.col-md-12.mhead {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0px;
}

.col-md-12.lhead {
    font-size: 11px;
    color: #81b902;
    font-weight: bold;
}

.row.col-md-12.qrcode {
    border: 1px solid #83be05;
    border-radius: 5px;
    margin-bottom: 29px;
    margin-left: 1px;
}

.download div {
    font-weight: 600;
    font-size: 19px;
    margin: 0px 0px 15px 0;
}

.sendm button {
    padding: 5px 21px;
    border-radius: 6px;
    background: #83be05;
    border: none;
}

.sendm input {
    padding: 4px 19px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    outline: none;
}

.col-md-12.addinf {
    font-size: 12px;
    margin: 19px 0px;
}

.row.col-md-8.supportmail {
    border-right: 1px solid #83be05 !important;
    margin: 10px 0px;
}

.coode div {
    font-weight: 600;
    text-align: center;
}

.coode {
    padding: 40px;
}

.chips .col-md-3 {
    padding: 0px 16px !important;
    box-shadow: 0px 0px 10px #d7d7d7;
}

.col-md-12.lhead {
    cursor: pointer;
}

span.img-border:after {
    /* padding-bottom: 84px; */
    content: "";
    background: url(http://zone.qtcmedia.com/html/images/shape.png) no-repeat center center;
    height: 15px;
    width: 100px;
    display: block;
    margin: 15px auto 25px;
}

.heading.pheading {
    padding: 40px 0px 16px;
}

.heading {
    padding: 16px 0px;
}

a.ft_rt {
    background-repeat: no-repeat;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    background: var(--color8);
    box-shadow: 0 3px 6px rgb(211 211 211 / 52%);
    border-radius: 6px;
    padding: 20px;
    justify-content: space-between;
    border: 1px dashed #eae8e8;
    margin: 5px 5px 5px;
    cursor: pointer;
    transition: all .5s ease;
    float: left;
    width: 21.3%;
    flex-grow: 0;
    flex-shrink: 0;
    user-select: none;
    float: left;
    list-style: none;
    position: relative;
    /* width: 295px; */
    width: 18.5%;
    margin-right: 10px;
    color: #3abee7;
    background-image: url(https://trendytraveldv.wpengine.com/wp-content/uploads/2014/06/ser-icon2.png);
    background-repeat: no-repeat;
    background-position: right;
    /* width: 10px; */
}

    a.ft_rt:hover {
        box-shadow: 0 3px 6px rgb(151 151 151 / 94%);
    }

    .origin_destination:before {
        content: " ";
        position: absolute;
        background-color: #3abee7;
        padding: 3px;
        border-radius: 50%;
        top: 0;
        left: -4px;
    }

.elip {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #333;
    height: 16px;
    font-weight: 700;
    vertical-align: top;
}


.origin_destination:after {
    content: " ";
    background-color: #3abee7;
    padding: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: -4px;
}

.price_go.dest {
    display: flex;
    flex-direction: row;
    padding-top: 30px;
    align-items: flex-end;
}

a.ft_rt:hover {
    color: #0056b3;
    text-decoration: none;
    color: unset;
}

p.low_price {
    font-weight: 700;
    font-size: 18px;
    display: flex;
    width: 100%;
    margin-bottom: 0px;
}

    p.low_price span {
        width: auto;
        font-weight: 500;
        display: block;
        color: #8f8c8c;
        font-size: 14px;
    }

.flt_rowt div#nav-tab {
    text-align: center;
    justify-content: flex-end;
    justify-content: center;
    margin-bottom: 37px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--color8) !important;
    background-color: #3abee7 !important;
    border-color: #3abee7 #3abee7 #3abee7 !important;
}


.container.flt_rowt .nav-item {
    padding: 5px;
    color: white;
    border-radius: 24px;
    text-align: center;
    width: 117px;
    border: 1px solid #555555;
    margin: 0px 10px;
    background-color: #5e5e5e;
    font-size: 14px;
}

.container.flt_rowt .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.over {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
}

.container.containr {
    padding: 50px 34px;
}

img.point {
    vertical-align: inherit;
    width: 18px;
    margin-right: 10px;
}

.mid_nc {
    background-color: var(--color8);
    width: 74%;
    position: absolute;
    top: 31px;
    z-index: 10000;
    margin: auto;
    text-align: center;
    border-radius: 0px;
    width: 80%;
    margin: auto;
    background-color: white;
    box-shadow: 1px 1px 3px var(--color8);
    margin-bottom: 8px;
    box-shadow: 0 1px 7px 0 rgb(0 0 0 / 40%);
}

.bottm_nv {
    margin: auto;
    display: flex;
    justify-content: center;
}

#flt_result_pag .container {
    width: 100% !important;
    max-width: 1355px !important;
}

#flt_rest_tab .nav-tabs .nav-link.active,
#flt_rest_tab .nav-tabs .nav-item.show .nav-link {
    color: var(--color8) !important;
    background-color: #898587 !important;
    border-color: #898587 #898587 #898587 !important;
}

#htl_result .panel-body label {
    display: flex;
    padding-left: 0px;
    font-size: 12px;
}

#htl_result .panel-body.rating i.fa.fa-star {
    font-size: 11px !important;
}

#htl_result .panel-body.rating span {
    font-size: 12px;
}
#htl_result div#Ratings label {
    padding-left: 0px;
    display: inline-block;
}
div#divHotelSearch a.book_now {
    width: auto;
    display: inline-block;
    margin-top: 0px;
}

p#btn_City {
    color: #7e7e7e !important;
    margin-top: 0px !important;
}

.hotel_img p span {
    color: #727272;
    font-size: 12px;
    display: block;
    font-weight: 600;
    line-height: 17px;
}

.imoap input {
    font-size: 13px;
    border-color: #f5eded;
    padding: 5px;
    margin-top: 10px;
    box-shadow: none;
    background-color: #3abee71c;
    border: 1px solid #3abee752;
}

ul.cust_pro {
    padding-left: 4px;
    line-height: normal;
    padding-top: 4px;
    margin-bottom: 0px;
    color: red;
}

a.log,
a.sig {
    border: 2px solid white !important;
    font-weight: 600;
    background-color: #6a565600;
    color: var(--color8) !important;
    /* box-shadow: 1px 1px 11px 1px var(--color8)78; */
    border-radius: 19px !important;
    padding: 1px 10px !important;
}

a.free-app.wllet {
    border-radius: 3px !important;
}

a.india img {
    border: 0px solid white;
    border-radius: 50%;
    width: 25px;
}

img.rss {
    margin-left: 7px;
}
.navigation-box {
    top: .4rem;
    right: .8rem;
    width: 2rem;
    position: absolute;
}

.with_color {
    background-color: #898587 !important;
}

.badge-primary {
    color: var(--color8);
    background-color: #e91e63;
}

.badge-bg {
    color: var(--color8);
    background-color: #e91e63;
}

.breaking-caret:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #898587;
    border-bottom: 20px solid transparent;
    position: absolute;
    right: -15px;
    top: 0;
}

span#btn_checkin,
span#btn_checkout {
    color: #a5a0a0;
    font-size: 12px;
}
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
.login-block {
    width: 100%;
}
.banner-sec {
    no-repeat left bottom;
    background-size: cover;
    min-height: 460px;
    border-radius: 0 10px 10px 0;
    padding: 0;
}
.carousel-caption {
    text-align: left;
    left: 5%;
}

.login-sec {
    position: relative;
    height: 450px;
    position: relative;
    box-shadow: 0 0 5px #c1c1c1;
}

    .login-sec .copy-text {
        position: absolute;
        width: 80%;
        bottom: 20px;
        font-size: 13px;
        text-align: center;
    }

        .login-sec .copy-text i {
            color: #FEB58A;
        }

    .login-sec img {
        width: 420px;
        height: 166px;
        margin: 12px 0px;
        border-radius: 11px
    }

    .login-sec .copy-text a {
        color: #E36262;
    }

    .login-sec h4 {
        font-size: 22px;
        color: #f20b4b;
    }

.btn-login {
    background: #DE6262;
    color: var(--color8);
    font-weight: 600;
}

.banner-text {
    width: 70%;
    position: absolute;
    bottom: 40px;
    padding-left: 20px;
}

    .banner-text h2 {
        color: var(--color8);
        font-weight: 600;
    }

        .banner-text h2:after {
            content: " ";
            width: 100px;
            height: 5px;
            background: var(--color8);
            display: block;
            margin-top: 20px;
            border-radius: 3px;
        }

    .banner-text p {
        color: var(--color8);
    }

.rooms_details2 {
    float: right;
}

.rooms_details1 .list {
    list-style: none;
    color: #7c7878;
    font-size: 15px;
}

.rooms_details2 .list {
    list-style: none;
    color: #7c7878;
    font-size: 15px;
}

    .rooms_details2 .list span {
        color: #ff196e;
    }

.galary_image {
    padding: 0 20px;
}

    .galary_image img {
        width: 115px;
        border-radius: 5px;
        margin-bottom: 22px;
    }

.refund {
    margin: 20px 17px;
}

    .refund p {
        font-size: 18px !important;
        font-size: 18px !important;
        color: #9f9f9f;
        font-weight: 600;
    }

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 14px;
    height: 0px
}

.blog .carousel-indicators .active {
    background: #707070;
}

.insurance {
    box-shadow: 0 0 5px #96989b;
    padding: 16px 18px;
    width: 257px;
    height: 73px;
    margin: 14px 0;
}

    .insurance p {
        display: block;
        padding-left: 20px;
        color: #747070;
    }

    .insurance i {
        color: #3abee7;
        padding-right: 10px;
        font-size: 15px;
    }
section#checkout_pag ol.carousel-indicators {
    display: none;
}
section.breadcrumb-outer {
    background: url(http://wordpressboss.com/wb/travas-demo/assets/images/bg/video.jpg) no-repeat;
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 50px 0 0;
    height: 207px;
}

.section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}

.breadcrumb-content {
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

    .breadcrumb-content:before {
        position: absolute;
        content: '';
        height: 2px;
        background: var(--color8);
        width: 50px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.breadcrumb-outer h2 {
    color: var(--color8);
    margin: 0;
    font-size: 36px;
    padding: 10px 0 5px;
}
.breadcrumb-outer h4 {
    margin-bottom: 10px;
    color: white;
    font-size: 19px;
}
.breadcrumb-content nav {
    display: inline-block;
}
.car_result .hotel {
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 20px #cccccc57;
    margin-bottom: 30px;
    padding: 0px;
    display: inline-block;
    width: 100%;
    border-radius: 0px;
}
.car-resu .hotel_img {
    border-radius: 0px;
}
.car-resu .hotel_img a img {
    height: auto;
}
.car-resu .destination-content {
    padding: 25px 20px 0px;
    position: relative;
    overflow: hidden;
}
.car-resu .destination-content h5, .car-resu .detail-content .destination-content h3 {
    color: #d60d45;
    margin-bottom: 0px;
}
    .car-resu .destination-content h6 {
        font-weight: 300;
        color: #666;
        display: inline;
        font-size: 12px;
    }

    .car-resu .destination-content h3 {
        margin-bottom: 10px;
        border-bottom: 1px dashed #f1f1f1;
        padding-bottom: 10px;
    }

.car-resu ul.list li {
    display: inline-block;
    padding-right: 10px;
    width: 49%;
    font-size: 13px;
    color: #818181;
}

    .car-resu ul.list li:before {
        content: '\f00c';
        font-family: fontawesome;
        padding-right: 3px;
    }

.car-resu p.package-days span {
    color: #d81e47;
}

.car-resu .destination-content .deal-rating {
    margin-bottom: 0;
}

.car-resu .hotel_price.cust_price_htl {
    padding: 0px 20px 25px;
}

.destination-content a {
    color: #d60d45;
    font-size: 17px;
    text-align: left;
    /* float: right; */
    width: 100%;
    display: block;
}

.car-resu p.package-days {
    font-size: 15px;
    margin-bottom: 0px;
    color: #565858;
}

.car-resu i.fa.fa-close {
    color: white;
}

.car-resu .hotel_price.cust_price_htl h3 {
    text-align: right;
    color: #4a4d4e;
    font-size: 25px;
    /* float: right; */
}


.row.k > div {
    -ms-flex: 0 0 25%;
    flex: 0 0 16.5% !important;
    max-width: 25%;
}

.row.k .travl_rw {
    flex: 0 0 16.666667% !important;
    max-width: 15.666667% !important;
}

.modifysearch.flt_modify .text_icon input,
.modifysearch.flt_modify .text_icon select {
    border: 1px solid #a79fa154;
    color: darkgrey;
}

.cust_modify_calender .text_icon.calanderboth {
    border: 1px solid #a79fa154;
}

.modifysearch.flt_modify .selected_box_top {
    border: 1px solid #a79fa154;
    font-size: 12px;
}

.breaking-box .carousel-item {
    line-height: 32px;
}

.breaking-box a.carousel-control-prev.text-primary,
.breaking-box a.carousel-control-next.text-primary {
    display: none;
}

input[type=text] + input[type=hidden] + .sugg-close {
    display: none;
}

input[type=text].sugg-x + input[type=hidden] + .sugg-close {
    display: inline;
    position: absolute;
    right: 18px;
    top: 15px;
    color: #333;
    cursor: pointer;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 0;
        top: -2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider {
    background-color: #3abee7;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.waiting:empty {
    width: 100%;
    height: 20px;
    margin-bottom: 2px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: waiting 1s infinite;
}

span.waiting {
    vertical-align: middle;
    display: inline-block;
}

.invalid-feedback {
    display: block;
}

@keyframes waiting {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}
div#cust_one_round .calanderboth input:first-child {
    text-align: left;
}

.modifysearch > .row .col-md-4.col-sm-12.col-xs-12 .col-md-6.col-sm-6.col-xs-12.resp_full {
    padding-left: 0px;
}

.modifysearch > .row .col-md-4.col-sm-12.col-xs-12 {
    padding: 0px;
}

.modifysearch .searchdn i {
    top: 18px;
    color: #b1b0b0;
    left: 5px;
}

.modifysearch .searchdn.select-airline select {
    color: #7c7979;
    top: 0px;
}

.modifysearch .slider:before {
    background-color: #7c7979;
}

.modifysearch .slider {
    background-color: #7c797994;
}

.modifysearch .searchdn.direct-fliser {
    padding-top: 16px;
}

.modifysearch .searchdn .switch-text {
    top: 17px;
    color: #7c7979;
    font-size: 12px;
    padding: 0 !important;
    margin-left: 15px;
}
.country-code {
    text-align: left;
    padding: 0;
    padding-left: 15px;
    border-left: none;
    outline: none;
}
/*---thank u page*/
.thank_tabl_rw {
    display: flex;
}
    .pink-strip > span {
        font-size: 17px;
        text-align: center;
        border-radius: 2pt;
        font-size: 9pt;
        color: var(--color8);
        border: 1pt solid #90868a;
        background-color: #90868a;
        margin-right: 6px;
    }

.ticket_inf li {
    font-size: 13px;
    color: #837e80;
    line-height: 31px;
}
ul.ticket_inf {
    padding-left: 20px;
}
p.booking-fee {
    font-size: 15px;
    font-weight: 600;
}
hotel-thankyou .totl {
    padding-right: 0 !important;
}
section.thank_u_ {
    position: relative;
    margin-bottom: 30px;
}
#cab-thanku .flt-ic {
    margin-top: 10px;
    margin-right: 10px;
    width: 100px;
    height: 80px;
}
section#htl_thanku .thank_tabl_rw p {
    border: 0px;
    padding: 4px 0px;
    font-size: 15px;
}
.thank_u_ hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgb(191 191 191 / 99%);
}

.top-header > p {
    margin-right: 0px !important;
    font-size: 16px !important;
}

.top-header ul li:last-child {
    margin-right: 0px;
}
.row.childs-row select {
    border: 1px solid gainsboro;
    height: 31px;
    border-radius: 3px;
}
.panel-body.rating i.fa.fa-star {
    font-size: 11px !important;
}
.panel-body.rating span {
    float: right;
    text-align: right;
    margin-left: 5px;
    font-size: 11px;
    color: #403e3e;
    font-weight: 500;
}
hotel-filter, flight-filter {
    font-size: 14px;
}
.checkbox input {
    border-radius: 0px;
    width: 13px;
    vertical-align: baseline;
}
flight-result .checkbox input {
    border-radius: 0px;
    width: 11px;
    vertical-align: middle;
}
h2.headline a > span {
    margin-left: 10px;
}

hotel-temp h2.headline a > span {
    text-align: right;
    margin-left: 10px;
    width: 31%;
}
    h3.namedetail a i {
        color: #ffe31a;
        font-size: 13px;
        vertical-align: super;
    }

.img_section {
    display: flex;
}
    .img_section img {
        width: 37px;
    }

a.nav-item.nav-link {
    color: white;
    font-size: 12px;
    font-weight: 500;
    background-color: #8b8a8a;
    margin-right: 3px;
}

.row.flight_popup {
    margin-top: 7px;
}

.baggage-style {
    font-size: 14px;
    padding: 6px 18px;
    border-radius: 27px;
    margin-bottom: 10px;
    border: 1px solid #ff9fc0;
    display: inline-block;
    background-color: #3abee7;
    font-weight: 700;
    color: var(--color8);
}

    .baggage-style i {
        color: var(--color8) !important;
        margin: 0px 8px;
    }

section#hotel_detail.baggage-style i.fa.fa-arrow-right {
    font-size: 12px;
    color: #8b8a8a !important;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

section#hotel_detail .next::before {
    content: '';
    width: 25px;
    height: 25px;
    background: #a7a7a700;
    position: absolute;
    border-radius: 50px;
}

section#hotel_detail span.pre.ar-right {
    z-index: 100000;
    display: inline-block;
    /* align-items: center; */
    /* cursor: pointer; */
    position: absolute;
    top: 50%;
    color: white;
    left: 4%;
}

section#hotel_detail .next {
    position: absolute;
    right: 8%;
    top: 50%;
    color: var(--color8);
}

.alert-info {
    color: #3abee7 !important;
    background-color: #3abee726 !important;
    border-color: #3abee782 !important;
}

.leftabout.area_detail {
    overflow: hidden;
    height: 360px;
}

.Mapviewv p {
    padding: 8px;
    background-color: #f1f1f1;
    font-weight: 500;
    text-transform: capitalize;
}

div#Policies .panel-body {
    font-size: 14px;
    line-height: 33px;
    color: #706f6f;
}

div#Policies .panel-body {
    font-size: 14px;
    line-height: 33px;
    color: #706f6f;
}
.panel-body.rating span i {
    margin-top: 2px;
}
.panel-body.rating span {
    margin-left: 5px;
    padding-top: 0px;
}
.modifysearch.flt_modify .text_icon input {
    font-weight: 200 !important;
    font-size: 13px !important;
}
.depretur {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 14px;
    color: #3abee7;
}
input#adt_exp_0_0 {
    background-color: white;
}
hotel-details .Hotelsresult.htl_detail_rslt button.showmrebtn {
    background-color: #90868a;
    margin-bottom: 9px;
    border-color: #a9b0a8;
    padding: 3px 10px;
}
hotel-details .row.col-md-10.icons-sec {
    margin-top: 10px;
    margin-bottom: 10px;
}
.paradeil p {
    color: #9f9d9d;
    line-height: 23px;
    font-size: 15px;
}
span.amenty_item {
    line-height: 31px;
}
checkout .hedpara h4 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
    color: black;
}
checkout .col-sm-4.from_col p,
checkout .col-sm-4.to_col p {
    font-size: 12px !important;
}
.ui-menu .ui-menu-item li:hover {
    border-color: #7e7e7e !important;
    background-color: #7e7e7e !important;
}
flight-result section#flt_result_page .sort > div > div {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 19%;
    max-width: 25%;
}
flight-result section#flt_result_page .sort > div > div:first-child {
    text-align: center;
    flex: 0 0 15%;
}
.flt_tabl {
    overflow-x: auto;
    overflow-y: hidden;
}
#checkout_pag > div > div:nth-child(2) > div.col-md-4.col-sm-6 > div > div.col-md-12.FaredDetails_row > checkout-fare-details > div:nth-child(4) > div:nth-child(1) > p > span:nth-child(1) {
    font-size: 18px !important;
}
.hedpara > .row > .col-md-10 > .row > .col-md-4.col-sm-6.col-xs-12 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}
.right_result .sort a {
    margin-right: 7px;
    font-size: 14px;
    color: white !important;
    font-weight: 500;
}
hotel-result .panel-body.rating span {
    margin-left: 5px;
    padding-top: 0px;
}
hotel-result .panel-body.rating span {
    font-size: 13px;
}
hotel-result .sort a i {
    margin-left: 6px;
}
flight-result .checkbox label {
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: 500;
    color: #585858;
    margin-left: 12px;
}

flight-result .booking-item-address > span {
    color: #626262;
    font-size: 13px;
}

flight-result .loop1 > .col-md-12 > .col-md-12 {
    padding: 0px;
}

.col-md-12.flt-top-toolbar > div {
    padding: 0px;
    flex: 0 0 50%;
    max-width: 50%;
}

flight-result .col-md-12.flt-top-toolbar {
    margin-bottom: 10px;
    justify-content: space-between;
    display: flex;
    padding: 8px 12px 7px 12px;
    background-color: rgb(255 255 255);
    box-shadow: 0 2px 9px 0 rgb(0 0 0 / 15%);
    margin-top: 20px;
}

flight-result span.seconds_new {
    display: block;
}

flight-result .col-md-2.found {
    font-weight: 500;
    font-size: 17px;
    color: #808090;
}

    flight-result .col-md-2.found span {
        /* color: #3abee7 !important; */
        font-weight: 500;
        font-size: 16px !important;
        color: #3abee7;
    }

flight-result button.myBtnn {
    font-size: 15px;
    border-color: #979797;
    padding: 7px 11px;
    background-color: #979797;
    margin-bottom: 10px;
    margin-right: 0px !important;
    margin-top: 0px !important;
}
.col-md-2.col-xs-2.sort_by {
    padding: 0px;
    background-color: transparent;
    color: white;
    font-size: 17px;
    border-left: 0px;
    vertical-align: unset;
    line-height: 32px;
}
span.fli-trvlDays {
    font-size: 10px;
    display: none;
}
flight-result flight-modify .itsflight.row > div {
    width: 50%;
    -ms-flex: 0 0 100%;
    flex: 0 0 18%;
    max-width: 25%;
}
flight-result .row.back_new1 {
    width: 100%;
}
flight-result .full_new1 {
    background-color: #7c7c7c;
    width: 100%;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) {
    -ms-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 20%;
    max-width: 30%;
    display: inline-block;
    padding: 5px;
    padding: 5px 2px;
}

    flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
        display: inline-block;
        /* width: 49%; */
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 5px;
    }

flight-result .col-md-4.specific > select {
    height: 47px;
    background-color: white;
    /* padding: 10px; */
    font-size: 14px !important;
    color: #9f9f9f;
    width: 100%;
}

flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    width: 49%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}

flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    width: 49%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}
flight-result #flt_modify .col-md-4.specific {
    padding: 0px !important;
    margin: 0px !important;
}
flight-result .col-md-4.specific > select {
    height: 47px;
    background-color: white;
    font-size: 14px !important;
    color: #9f9f9f;
    border-color: #a7a7a7;
    width: 100%;
}
flight-result button.modalclose {
    padding: 0px 5px;
    font-size: 21px;
    background-color: var(--color8)00;
    border-color: var(--color8);
    color: var(--color8);
    border-radius: 50%;
    border: 0px;
}
flight-result .row.back_new1 {
    border: 2px solid white;
    width: 100%;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px 1px #a5a5a5;
}
flight-result .col-md-12.non_stop label {
    color: white;
}
flight-result .col-md-12.non_stop {
    margin-top: 0px !important;
}
flight-result .full_new1 > div {
    padding: 0px;
}
button.flt_dtl i {
    margin-right: 2px;
}
.flight_popup_body.flight_fare_details > div:first-child {
    background-color: #3abee7 !important;
    color: white;
}
flight-detail-info .departure span {
    color: white;
}

flight-modify .selected_box_bottom > div > .col-5.col-md-5 {
    padding: 0px;
}

flight-modify .selected_box_bottom > div > .col-7.col-md-7 {
    padding-right: 0px;
}
.waiting {
    font-weight: 500;
    text-align: center;
    margin-bottom: 18px;
}
flight-result .col-md-12.new > div {
    padding: 8px 0px;
}
#fli-duration {
    text-align: center;
}
div#dvInbound > div:last-child p {
    font-size: 13px !important;
    text-align: left !important;
    font-weight: 600;
}

/*sign css*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.htl-item i {
    color: #3abee7;
}
img.menu_ic.hhtl {
    font-size: 10px;
    width: 18px;
}
img.menu_ic.pack {
    width: 22px;
    font-size: 12px;
}
img.menu_ic.buss {
    width: 22px;
}
img.menu_ic {
    width: 27px;
    margin: 0px 5px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: #3abee7 !important;
    border-color: #3abee7 !important;
}
span.rs, a.ft_rt {
    color: var(--color2)!important;
}
.origin_destination:after,
.origin_destination:before {
    background-color: #3abee7;
}
    ul.search_tab li:hover {
        background: #3e3e42b5;
    }
.top_nv {
    background-color: #3abee7;
    padding: 5px 40px 13px;
    position: relative;
    border-bottom: 1px solid white;
}
a.free-app {
    position: relative;
    padding-left: 15px;
}
.top-header ul li a i.fa.fa-mobile {
    font-size: 16px;
}
.blink_me {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.bottom-header ul li a:hover {
    color: #1A1B1E !important;
    border: 3px var(--color3) solid;
    background-color: transparent;
    text-decoration: none;
}

a.blink_me {
    font-weight: 600;
}

.top-header marquee b {
    color: white;
}

.top-header marquee {
    color: white;
    font-weight: 500;
    font-size: 15px;
}

top-header marquee b {
    color: white;
}

.text-rgt {
    text-align: center;
    margin-top: 5em;
    font-size: 3.3em;
    line-height: 1.1em;
    font-family: 'Raleway', sans-serif;
    color: var(--color8);
}

    .text-rgt span {
        font-size: 1.4em;
        font-weight: bold;
    }

.text-rgt {
    text-align: center;
    margin-top: 4em;
    font-size: 3.3em;
    line-height: 1.1em;
    font-family: 'Raleway', sans-serif;
    color: var(--color8);
}

.gif-animated img {
    display: block;
    max-width: 100%;
    height: auto;
}

.gif-animated {
    margin: 25px 0;
    padding: 0 15px;
}

.offerslider {
    margin: 50px 0 25px 0;
    padding: 0 15px;
}

.lefttop h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
}

    .lefttop h3 span {
        color: #81bc02;
        font-weight: bold;
    }

.lefttop {
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
    content: "\f104";
    font-family: FontAwesome;
    color: var(--color8);
    font-size: 24px;
}

.owl-controls .owl-buttons .owl-next:after {
    content: "\f105";
}

.owl-buttons {
    position: absolute;
    top: -55px;
    right: 20px;
    display: inline-flex;
}

    .owl-buttons .owl-prev,
    .owl-buttons .owl-next {
        padding: 0px 20px;
        background: #79b400;
        color: var(--color8);
        text-decoration: none;
        margin: -5px 0 0 10px;
    }

.owl-wrapper .post-img img {
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 5px 5px 0 0;
}

.post-content {
    padding: 20px 15px 10px 15px;
    background-color: #ecedef;
    border-radius: 0px 0px 5px 5px;
    margin: 0;
    font-size: 14px;
}

    .post-content h5 {
        font-size: 13px;
        font-weight: 400;
    }

        .post-content h5 span {
            font-weight: 500;
            font-size: 20px;
            color: #79b400;
            float: right;
        }

    .post-content h3 {
        font-size: 15px;
        line-height: 1em;
        margin-bottom: 7px;
        color: #00619c;
        font-weight: 400;
    }

.thumbnail h3 {
    background-color: #3abee7;
    padding: 14px 0 14px 10px;
    color: var(--color8);
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
    margin: 0;
}

.thumbnail img {
    width: 100%;
}

.row.popup_btn span {
    color: #3abee7 !important;
}

.slider-tumb {
    background-color: var(--color8);
    padding: 0px 20px 0px 20px;
}

.thumbnail > img {
    height: 216px;
}

.latest-deals {
    background-color: #fdeef600;
    padding-bottom: 50px;
}

    .latest-deals .thumbnail {
        border-bottom: 5px #3abee7 solid;
        border-radius: 8px;
        background: white;
        box-shadow: -1px -3px 7px 3px #d3d0d082;
    }

.thumbnail .caption {
    padding: 15px;
    color: #333;
    border-bottom: 1px #e4e4e4 dashed;
    margin-bottom: 10px;
}

span.img-border {
    display: none;
}

.thumbnail h2 {
    color: #3abee7;
    text-align: center;
    font-size: 22px;
}
.thumbnail p {
    text-align: center;
    font-size: 13px;
}
.thumbnail p img {
    width: initial !important;
}
ul.search_tab li a:hover {
    text-decoration: none;
}
.destination-place > input {
    padding-left: 33px !important;
}
.destination-place > i {
    position: absolute;
    left: 10px;
    top: 32%;
    color: #9d9c9c;
}
slide-modal a.closebtn {
    display: none;
}

ul.search_tab li:hover {
    background: #3e3e42b5;
    transition: .35s;
}

.row.menusoption {
    padding-top: 15px;
}

.sabdowncont {
    padding: 10px;
}
.sabdowncont h6 {
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: 600;
}

.sabvacation a {
    font-size: 14px;
    font-weight: 500;
    color: #858585;
}

cab-search button#otsearch, cab-search button#lcsearch, cab-search button#tsSearch {
    height: 43.99px;
    width: 14%;
    border: 1px solid var(--color1) !important;
    /* background: transparent !important; */
    background: #173b9da8 !important;
    padding: 0px;
    height: 36px !important;
    transition: 0.6s;
    margin: 0px 4px;
}
    cab-search button#otsearch:hover, cab-search button#lcsearch:hover, cab-search button#tsSearch:hover {
        background-color: var(--color2)!important;
    }
.rightpd input {
    padding-left: 15px !important;
}
.optionv button {
        top: 8px !important;
    }
div#carouselroud .post-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}

div#carouselroud .owl-nav {
    display: none;
}

div#carouselroud button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselroud .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselroud button.owl-dot.active {
    background: #545454;
}

div#carouselroud {
    padding: 20px 15px;
}

div#carouselvish .post-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}

div#carouselvish .owl-nav {
    display: none;
}

div#carouselvish button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselvish .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselvish button.owl-dot.active {
    background: #545454;
}

div#carouselvish {
    padding: 20px 15px;
}

    div#carouselvish .owl-nav {
        display: none;
    }

div#carouselsahen button {
    background: #d2d2d2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
}

div#carouselsahen .owl-dots {
    margin: auto;
    width: 100%;
    text-align: center;
}

div#carouselsahen button.owl-dot.active {
    background: #545454;
}

div#carouselsahen .owl-nav {
    display: none;
}

.thumbnail p img {
    margin: auto;
}
.flt_rowt div#nav-tab {
    text-align: center;
    justify-content: flex-end;
    justify-content: center;
    margin-bottom: 37px;
    background-color: white;
}

label.serWD {
    margin: 10px 5px;
    cursor: pointer;
}

.modifysearch .plus_minus_box input {
    border: none;
    text-align: center;
}

flight-search button.btn_done.submitv {
    height: auto !important;
    float: right;
    margin: 10px 0;
    width: 100%;
    background: #3abee7;
    border: none;
    padding: 6px;
    border-radius: 5px;
    color: #f5f5f5;
    display: inline-block;
}

.row.economy {
    border-top: 1px solid #ddd;
    margin-top: 10px;
}
.searchdn input::placeholder {
    color: var(--color10);
    font-size: 13px;
}
flight-modify .searchdn {
    position: relative;
    margin-top: 0px;
    padding: 0 10px 0 0;
}

.btn-toggle:before,
.btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-toggle > .handle {
    position: absolute;
    top: -2px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 1.125rem;
    background: var(--color8);
    transition: left 0.25s;
}

div#news-slider img {
    width: auto !important;
}

.topdeal {
    padding: 15px;
}

.btn-toggle.active {
    transition: background-color 0.25s;
}

    .btn-toggle.active > .handle {
        left: 10px;
        transition: left 0.25s;
    }

    .btn-toggle.active:before {
        opacity: 0.5;
    }

    .btn-toggle.active:after {
        opacity: 1;
    }

.btn-toggle.actives {
    background-color: #cc0574 !important;
}

.btn-toggle.btn-lg {
    padding: 0;
    position: absolute;
    border: none;
    height: 11px;
    width: 25px;
    border-radius: 4px;
    left: 2px;
    background: var(--color8)61;
    top: 15px;
}

.closev {
    display: none;
}

.LPMcontainer {
    border-radius: 10px;
    width: 130px;
    height: 28px;
    cursor: pointer;
    display: block;
    position: relative;
    background: #030371;
}

.LPMlabel {
    color: rgb(255, 255, 255);
    font-size: 12px;
    z-index: 600;
    font-weight: 600;
    padding: 5px;
}
button.owl-prev {
    width: 40px;
    height: 40px;
    background: var(--color8) !important;
    position: absolute;
    font-size: 38px !important;
    left: -13px;
    transition: .35s;
    top: 155px;
    box-shadow: 0 0 10px 2px #00000017;
    border-radius: 50%;
}
.btnbooknow {
    text-align: center;
}

    .btnbooknow a {
        color: #333;
        font-size: 18px;
        font-weight: 600;
        display: block;
        margin: 10px 0 0 0;
    }

div#carouselsabee .owl-nav button {
    margin-top: -14px;
}

div#carousel > div {
    height: auto !important;
}

.owl-nav button:hover {
    transition: .35s;
    background: #f9f9f9 !important;
}

.findimg img {
    height: 160px;
    width: 100% !important;
}

.findvocation {
    padding: 10px;
    border: 1px solid #ddd;
}

.findcontent {
    text-align: center;
    display: block;
}

    .findcontent label {
        font-size: 12px;
        color: #000;
        font-weight: 700;
    }

    .findcontent h4 {
        font-size: 15px;
        margin: 10px 0 0 0;
    }

    .findcontent p {
        font-size: 15px;
        margin-bottom: 7px;
    }

.row.sliderlr .col-7.col-md-7 {
    padding-right: 0;
    text-align: left;
}

.row.sliderlr p {
    font-size: 13px;
    font-weight: 500;
    color: #777;
    margin: 0;
}

.ratingsv {
    margin: 5px 0;
}

    .ratingsv img {
        width: 35px !important;
    }

.row.sliderlr h5 {
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    display: contents;
}

    .row.sliderlr h5 span {
        font-size: 13px;
        vertical-align: top;
        font-weight: 600;
    }

.ui-datepicker td span,
.ui-datepicker td a:hover {
    background: #747474 !important;
    color: var(--color8) !important;
    transition: .35s;
}

.ratings img {
    width: auto !important;
}

div#carouselvis .owl-nav {
    position: absolute;
    top: -214px;
    right: 21px;
    width: 40px;
}

    div#carouselvis .owl-nav button {
        background: #91bc02 !important;
        border-radius: 0 !important;
    }

.rightmorecon p {
    text-align: right;
}

    .rightmorecon p span select {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 4px;
        margin-left: 5px;
        width: 120px;
    }

.pheading p {
    text-align: center;
    margin-bottom: 30px;
}

.sabcontent {
    padding: 10px;
}

    .sabcontent h4 {
        color: #3abee7;
        margin-bottom: 2px;
        font-size: 20px;
        font-weight: 600;
    }

    .sabcontent p {
        margin: 0;
        font-size: 14px;
    }

.muscontent {
    padding: 10px;
}

    .muscontent h4 {
        font-size: 19px;
        font-weight: 600;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 2px;
    }

    .muscontent p {
        font-size: 15px;
        font-weight: 400;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 0 0 10px 0;
    }

    .muscontent a span {
        font-size: 18px;
        color: #333;
        font-weight: 600;
        vertical-align: middle;
    }

    .muscontent a:hover {
        text-decoration: none;
    }

    .sabvacation .findimg img {
        border-radius: 5px 5px 0 0;
        cursor: pointer;
    }

.musdowncont {
    border-top: 1px solid #ddd;
    padding: 10px;
}

    .musdowncont h5 {
        font-weight: 600 !important;
    }

.offdiv {
    justify-content: end;
    align-items: end;
    text-align: right;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.row.caribbeans {
    padding: 0px 15px 50px 15px;
}

    .row.caribbeans .heading.pheading {
        padding: 8px 0px 16px;
    }

a.freecan {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 500;
}

    a.freecan:hover {
        text-decoration: none;
    }

.muscontent a {
    font-size: 11px;
    font-weight: 500;
}

.btn-toggle.active > .handle {
    left: 10px;
}

.btn-toggle.active {
    background: #3abee7;
}

.best-price {
    background-color: var(--color8);
    padding: 20px;
}

    .best-price h3 {
        float: left;
        padding: 0px !important;
        font-size: 18px;
    }

    .best-price p {
        display: block;
    }

.over {
    background-size: red;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    filter: alpha(opacity=80);
    background-color: #3c3c3c;
}
.best-price h2 {
    float: left;
    margin-top: 0px !important;
    font-size: 25px;
    color: #659503;
}
.control_tab.tab_HTL .row.tripopt {
    display: none;
}
.form-group.col-md-12.disfls {
    padding: 0px;
    margin-top: 24px;
}
#carouselvish .owl-item {
    width: 4% !important;
}
.sale img.img-responsive {
    width: 100%;
}
.htldtl_ritscsn {
    border: 1px solid #eeeeee;
    padding: 10px 5px 10px 24px;
    margin: 7px 0px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 45%);
}
    .row.searchdns select option {
        background: #7e7e7e !important;
        color: var(--color8);
    }

client-app .loading {
    text-align: center;
    position: absolute;
    height: 100vh;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    background-color: white;
}
.room_2, .room_3, .room_4 {
    border-top: 1px solid #ddd;
    position: relative;
    margin-top: 15px !important;
    padding-top: 10px;
}

.widthv10 {
    flex: 0 0 12.5% !important;
    max-width: 12.5% !important;
}
.scrcontent {
    height: 340px;
    overflow-y: auto;
}
.scrcontent::-webkit-scrollbar {
    width: 5px;
}
.scrcontent::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.scrcontent::-webkit-scrollbar-thumb {
   background: #888;
}
.scrcontent::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.panel-body.accomodation-type > div::-webkit-scrollbar {
    width: 5px;
}
.panel-body.accomodation-type > div::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.panel-body.accomodation-type > div::-webkit-scrollbar-thumb {
    background: #888;
}
.panel-body.accomodation-type > div::-webkit-scrollbar-thumb:hover {
    background: #555;
}
div#carouselsab button {
    top: 115px !important;
}
.sabcontent h3 {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 600;
}
span.rateofpoint {
    background: #ffba00;
    color: var(--color8);
    padding: 6px;
    border-radius: 5px;
}
.sabcontent span:last-child {
    color: #565656;
}
table.ui-datepicker-calendar tr td {
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}
a.ui-datepicker-prev.ui-corner-all {
    position: absolute;
    left: 0;
}
a.ui-datepicker-next.ui-corner-all {
    position: absolute;
    right: 0;
}
table.ui-datepicker-calendar tr th {
    text-align: center;
}
table.ui-datepicker-calendar tr th span {
    font-weight: 500;
    color: #777;
}
table.ui-datepicker-calendar tr td a {
    color: #777;
    text-decoration: none !important;
}
div#ui-datepicker-div::after {
    position: absolute;
    content: '';
    display: block;
    border-bottom: 15px solid var(--color8);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: -15px;
    left: 20px;
}
.width40 {
    flex: 0 0 22% !important;
    max-width: 22% !important;
}
.control_tab.tab_TRF .width12 {
    flex: 0 0 21.666667% !important;
    max-width: 21.666667% !important;
}
.width12 {
    flex: 0 0 20.666667% !important;
    max-width: 20.666667% !important;
}

.width123 {
    flex: 0 0 12.333333% !important;
    max-width: 12.333333% !important;
    ms-flex: 0 0 12.333333% !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none !important;
}

a.ui-datepicker-prev.ui-corner-all {
    width: 25px;
    height: 25px;
    background-image: url(../img/left_arrow.png) !important;
    background-size: 60%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
}

    a.ui-datepicker-prev.ui-corner-all span {
        display: none;
    }

a.ui-datepicker-next.ui-corner-all {
    width: 25px;
    height: 25px;
    background-image: url(../img/right_arrow.png) !important;
    background-size: 60%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
}

    a.ui-datepicker-next.ui-corner-all span {
        display: none;
    }
a.currency img {
    width: 20px;
    padding-bottom: 2px;
}
a.currency {
    border: 1px solid #ddd;
    padding: 3px 11px;
    border-radius: 4px;
    font-weight: 500;
}
#htl_result div#Ratings label {
    padding-left: 0px;
}
.optns p:hover {
    background: #ececec;
    color: #02609d;
}
.booking-item-address span {
    font-size: 18px;
    font-weight: 600;
}
ul.cust_pro {
    speak: f;
    width: 100%;
    display: flex;
}
.activesort p {
    background: #d1c8cd;
    color: #5c5c5c;
}
h2.headline a {
    font-size: 18px;
    font-weight: 600;
    color: #3abee7;
    text-decoration: none;
    display: flex;
}
    .hotel_img a img:hover {
        transform: scale(1.15);
        transition: .35s;
    }
package-result-temp .hotel_info.collapse_click1 {
    margin-top: 0px;
}
ul.cust_pro {
    list-style: none;
}
ul.cust_pro a {
    font-size: 12px;
    color: #818080 !important;
    margin-right: 21px;
    margin-left: 0;
}
.hotel_price h3 del {
    font-size: 18px;
    font-weight: 400;
    color: #989898;
}
section#flt_rslt a.book_now {
    font-size: 14px;
    background-color: #02609d;
    color: var(--color8) !important;
    padding: 7px 15px;
    border-radius: 4px;
    border: 2px solid #02609d;
    margin-top: 8px !important;
}
    section#flt_rslt a.book_now:hover {
        text-decoration: none;
        color: #0a5b98 !important;
        background: #6fa00600;
        cursor: pointer;
        transition: .35s;
    }
.hotel_price.flight sup {
    font-weight: normal;
}
.sections ul li a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    margin: 0 10px 0 0;
    font-weight: 500;
}
.sections ul li a i {
    font-size: 18px;
}
.sections p {
    font-size: 13px;
    color: #303030;
    font-weight: 600;
}
.sections ul {
    display: flex;
    list-style: none;
}
.hotel_info.collapse_click1 p {
    margin: 0 0 3px 0;
}

div#divHotelSearch a.book_now {
    margin-top: 10px;
}
.panel-body.rating span {
    margin-left: 5px;
    padding-top: 2px;
}
.optionv label {
    padding-top: 0 !important;
    height: auto !important;
}
span.ui-slider-handle.ui-state-default.ui-corner-all.clickround1,
span.ui-slider-handle.ui-state-default.ui-corner-all.clickround2 {
    background: #d3d3d3 !important;
}
.protecthotel h3 > i {
    color: #ee1e9c;
    font-size: 24px;
    margin-right: 7px;
    padding-top: 10px;
    vertical-align: text-bottom;
}
.page-title.tophd span {
    font-size: 15px;
}

h3.namedetail a:hover {
    cursor: pointer;
    text-decoration: none;
}
.activities-detail {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: 10px;
}
.containerslider .bxslider img {
    max-height: 326px;
    width: 100% !important;
    height: 319px !important;
}
.containerslider #bx-pager {
    width: 50%;
    display: inline-block;
    max-height: 345px;
    margin: 0px;
    padding: 0px;
    overflow-y: auto;
    margin: 0px 5px 0px -5px;
    background: transparent;
}

    .containerslider #bx-pager a {
        display: inline-block;
        width: 25%;
        margin: 0px;
        padding: 0px;
        float: left;
    }

        .containerslider #bx-pager a img {
            height: 110px;
            width: 100%;
            display: inline-block;
        }

        .containerslider #bx-pager a.active img,
        .containerslider #bx-pager a:hover img {
            border: 1px solid var(--color8)f00;
        }

div#bx-pager a img {
    padding: 2px;
    border-radius: 6px;
}
hotel-details .modifydetails {
    background: var(--color1);
    padding: 10px;
    margin: 10px 6px;
    border-radius: 5px;
    color: var(--color8);
}
.headofcheck p {
    background: #f7f7f7;
    color: #333;
    padding: 4px;
    font-size: 0.70rem;
    font-weight: 500;
    margin: 0;
    height: 37px;
    padding-top: 8px;
    border-radius: 3px 0 0 3px;
}

.addwidth44 {
    flex: 0 0 44% !important;
    max-width: 44% !important;
}
.modifydetails .col-md-11.col-12 .row div[class*=col-] {
    padding: 0 4px;
}
.modifydetails .col-md-11.col-12 .row span,
.modifydetails .col-md-10.col-12 .row p {
    vertical-align: sub;
    padding-right: 10px;
    font-size: 0.76rem;
}
.cust_detail_modify input:focus {
    background-color: #f4f4f4;
    color: #4a4a4a;
}
a.updatebtn {
    background: #90868a;
    padding: 7px 0;
    display: block;
    border-radius: 5px;
    color: var(--color8);
    font-weight: 500;
    width: 73%;
    font-size: 14px;
    float: right;
}
.headofGuest span {
    vertical-align: sub;
    text-align: right;
}
.headofGuest {
    text-align: right;
}
.hotel_info.collapse_click1 label {
    display: block;
}
label.leftspro {
    font-size: 14px;
    color: #ea0202;
}
button.btn.butnvs {
    padding: 5px 0 !important;
    font-weight: 500;
    color: #ff0e67;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none !important;
}
.collapsesv h4 {
    color: #02609d;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 3px solid;
    display: inline-block;
    margin-top: 5px;
}

.Descriptions .panel-body ul li {
    list-style: none;
}

.panel-body.row {
    margin: 0;
}

    .panel-body.row .col-md-4.col-sm-4.col-12 {
        padding-left: 0;
        margin: 6px 0;
    }

a.updatebtn:hover {
    text-decoration: none;
    color: var(--color8);
    background: #90868a;
    cursor: pointer;
    transition: .35s;
}

p.HotelLink {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #7cb600;
}

p.HotelLink i.fa.fa-hotel {
    font-size: 24px;
    margin-top: -2px;
}

ul.icon-group.booking-item-rating-stars {
    display: inline-flex;
    list-style: none;
}


.details p {
    margin-bottom: 1px;
}

.details {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 2px 8px 0px 25px;
    position: relative;
    font-size: 12px;
    margin: 11px 3px;
}
.lowest-price-grn b.fa.fa-phone-square {
    position: absolute;
    left: 8px;
    top: 18px;
}
.activities {
    background-color: var(--color8);
    /* border: 1px #e2e3dd solid; */
    padding: 10px;
}

    .activities h4 {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: #3abee7;
    }

        .activities h4 small {
            color: #959090;
            padding-top: 15px;
        }
.trmcond > input[type="checkbox"] {
    margin-right: 0px;
    height: 10px;
}

.col-md-3.col-sm-6.col-xs-12.width12 select {
    width: 76%;
}
.pay_mod {
    padding: 9px 15px 5px;
    font-size: 19px;
    display: block;
    background: #eeeeee;
    width: 100%;
}
#checkout_pag .activities img {
    width: 40px;
    display: none;
}
.footer-middel img {
    height: 50px;
}
.page-title-wht {
    background-color: var(--color8);
    border: 1px #e9e9e9 solid;
    border-radius: 7px;
    font-family: poppins;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
}
.hotel-filter i.fa.fa-minus.pull-right {
    color: #ddd;
}
.trip-summary {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 6px;
    padding-bottom: 8px;
}

.hotel_detail {
    padding-top: 40px;
}
.showmorediv {
    text-align: center;
}
.row.childs-row {
    width: 100%;
}
.ngerror {
    font-size: 12px;
    color: white;
    padding-top: 4px;
    text-transform: capitalize;
}
#htl_result {
    padding-top: 40px;
    padding-bottom: 80px;
}
.htl-item {
    font-size: 15px;
    color: #686a81;
    margin-top: 5px;
}

    .htl-item span {
        margin-right: 8px;
    }

    .htl-item i {
        color: #3abee7;
    }

img.img-itnry {
    width: 100%;
    border-radius: 0 0.25rem 0.25rem 0 !important;
}
.booking_panel {
    background: white;
    border: 1px solid #ddd;
    margin-top: 15px;
    border-radius: 5px;
}

    .booking_panel .booking_body {
        padding: 10px;
    }

h4.booking_heading {
    padding: 15px;
    background: #e7f0f7;
    border-radius: 5px 5px 0 0;
    font-size: 22px;
    font-weight: 500;
    color: #444;
}

h1.Headingtxt {
    font-size: 20px;
    font-weight: 600;
}
.hotel_description p {
    margin-bottom: 8px;
}
.hotel_img img:hover {
    transform: scale(1.1);
    transition: .3s;
    cursor: pointer;
}
.protecthotel p {
    font-size: 12px !important;
    margin-bottom: 7px;
}
.protecthotel h3 {
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 3px;
    color: #3abee7;
}
.cust_name {
    margin-top: 5px !important;
    margin-bottom: 3px !important;
}
.protecthotel {
    margin: 13px 0;
    margin-bottom: 13px;
    border-radius: 5px;
    margin-bottom: 10px;
    /* box-shadow: 0 0 5px #96989b; */
    padding: 12px 15px 6px 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.check_point p {
    font-size: 12px !important;
}

.check_point i {
    margin-right: 8px;
}

.check_input_box span {
    color: #007bff;
    font-weight: 500;
}

.check_point {
    padding-left: 29px;
    font-size: 13px;
}
.check_input_box {
    padding: 10px 0px;
    font-size: 14px;
}
.protecthotel h3 > i {
    color: #ee1e9c;
    font-size: 21px;
    margin-right: 7px;
    padding-top: 9px;
    vertical-align: text-bottom;
}
.protecthotel h3 span {
    font-size: 16px;
    background: #6fb308;
    padding: 4px 10px;
    font-weight: 500;
    border-radius: 5px;
    color: var(--color8);
}
p.impotantcovid {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.coverstay b {
    margin: 10px 0;
    display: block;
}
.coverstay p {
    margin: 10px 0;
}

.coverstay {
    margin-left: 35px;
}

.rightamount {
    text-align: right;
}

    .rightamount p {
        margin: 0;
    }

    .rightamount h3 {
        margin: 0;
    }

.yesno {
    background: #edfae6;
    padding: 15px;
    border-radius: 5px;
}

.noyes {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
}

.paymentsec {
    border: 1px solid #ddd;
    border-radius: 5px;
}

    .paymentsec > .row {
        margin: 0;
    }

.widthcheck70 {
    width: 70% !important;
}

.widthcheck30 {
    width: 30% !important;
    margin-left: 10px;
}
.crdnmbcvc {
    display: flex;
}
.imgpay {
    margin: 5px 0px;
}

.width20_3 {
    flex: 0 0 20.333333% !important;
    max-width: 20.333333% !important;
    ms-flex: 0 0 20.333333% !important;
}
.payterm {
    margin: 15px 0;
}
    .payterm p span {
        color: #6fb308;
        font-weight: 600;
    }
    .payterm p {
        font-size: 15px;
    }
.paymenttbn input {
    border: none;
    background: #79b808;
    color: var(--color8);
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500;
}

hotel-result .rr {
    margin-bottom: 13px;
    display: inline-block;
    justify-content: space-between;
    width: 86%;
}
hotel-result a.btn.btn-primary.collapsed {
    display: inline-block;
   /* width: 14%;*/
}
a.lastarr::after {
    display: none;
}
    .lftdetal p a {
        font-size: 13px;
        color: #ff003b;
    }
ul.hotelcheck li {
    color: #666;
}
.cancellationblock strong {
    color: #666;
}
ul.hotelcheck li span {
    color: #ed1145;
}
        ul.amenitiesvs li i,
        ul.amenitiesvs li img {
            display: block;
            margin: auto;
            margin-bottom: 10px;
        }

        ul.amenitiesvs li a {
            color: #000;
            opacity: .8;
            letter-spacing: .2px;
            font-weight: 500;
            font-size: 14px;
        }

        ul.amenitiesvs li img {
            height: 18px;
        }

        ul.amenitiesvs li i {
            font-size: 16px;
        }

.Mapviewv {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 349px;
}

.whatrestget h3 {
    font-size: 19px;
    font-weight: 600;
}
    .whatrestget h3 {
        font-size: 23px;
        font-weight: 600;
    }

    .whatrestget i {
        padding-right: 3px;
    }

.paradeil {
    padding: 0px 0 0 0
}

    .paradeil p {
        margin: 0 0 10px 0;
    }

.whatrestget img {
    width: 24px;
}
.hedpara {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#htl_index {
    padding-top: 40px;
    padding-bottom: 80px;
}

.reviesexcel p {
    margin: 0;
    font-size: 20px;
}

.fourrating h2 {
    font-size: 50px;
    font-weight: normal;
}

.reviesexcel {
    position: absolute;
    left: 80px;
    top: 5px;
}

.fourrating {
    position: relative;
}

.rangeback {
    height: 12px;
    background: #d4d4d4;
    width: 100%;
    border-radius: 5px;
}

.rangetop {
    background: #90868a;
    width: 50%;
    height: 12px;
    border-radius: 5px;
}

.slidecontainer p span {
    width: 100%;
    text-align: right;
    float: right;
    margin-top: -1.4rem;
}

.slidecontainer p {
    margin-top: 15px;
}

    .slidecontainer p span {
        width: 100%;
        text-align: right;
        float: right;
        margin-top: -1.4rem;
        font-weight: 600;
    }

.rangetop40 {
    background: #90868a;
    width: 40%;
    height: 12px;
    border-radius: 5px;
}

.rangetop30 {
    background: #90868a;
    width: 30%;
    height: 12px;
    border-radius: 5px;
}

.rangetop20 {
    background: #90868a;
    width: 20%;
    height: 12px;
    border-radius: 5px;
}

.rangetop10 {
    background: #90868a;
    width: 10%;
    height: 12px;
    border-radius: 5px;
}

.ratingdwn {
    margin: 30px 0 20px 0;
}

.ratingdetail {
    padding: 10px;
}

.addrevies a {
    font-size: 18px;
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none !important;
    color: #3abee7;
}

    .addrevies a:hover {
        color: #3abee7;
    }

.rightreting {
    padding: 10px;
}

    .rightreting p {
        margin-bottom: 10px;
    }

        .rightreting p a {
            font-size: 20px;
        }
.activeover {
    text-decoration: none;
    transition: .3s;
    border-bottom: 3px solid #3abee7 color: #3abee7 !important;
}

.four-boxes {
    border: 1px solid #ddd !important;
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    min-height: 200px;
    margin-bottom: 30px;
}

    .four-boxes h3 {
        font-size: 16px;
        font-weight: 600;
    }

.saveoff input {
    width: 65%;
    height: 40px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f5f5f5;
}

.saveoff a {
    background: #3abee7;
    padding: 11px 17px;
    border-radius: 4px;
    color: var(--color8) !important;
    font-weight: 500;
    text-decoration: none !important;
    font-size: 13px;
}

.saveoff input:focus {
    outline: none;
}

.saveoff {
    margin: 5px 0;
}

    .saveoff p {
        font-size: 13px;
        margin: 6px 0;
    }

        .saveoff p span {
            text-decoration: underline;
            cursor: pointer;
        }

a.Learn_more {
    border: 1px solid #ddd;
    padding: 6px 10px;
    border-radius: 4px;
    color: #3abee7;
    font-size: 16px;
    text-decoration: none !important;
}

.row.paddingmansg .col-md-3 {
    padding: 0 4px;
}

.row.paddingmansg {
    margin: 0;
}

.modifysearch.flt_modify .text_icon input {
    height: 41px;
}

.modifysearch.flt_modify .reverse {
    position: absolute;
    top: 7px;
}

.modifysearch .text_icon input {
    width: 100%;
    height: 50px;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #3abee754;
    cursor: pointer;
}

.modifysearch > .row div[class*=col-] {
    padding: 0 4px;
}

p.ft_text > img {
    transform: rotate(270deg);
    margin-bottom: 2px;
    margin-right: 10px;
}

.modifysearch > .row {
    margin: 0;
}

.text_icon.calanderboth_modify {
    display: flex;
}

p.ft_text {
    font-weight: 600;
    color: #7c7979;
    font-size: 21px;
    padding: 16px 0 16px;
    margin: 0;
}

    p.ft_text i {
        transform: rotate(317deg);
        margin-bottom: 2px;
        margin-right: 10px;
    }

.modifysearch .selected_box_top {
    width: 100%;
    height: 50px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 12px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #ccc;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    color: #a9a9a9;
    background: var(--color8);
}

.modifysearch .optionv input[type=radio] {
    border: 2px solid #8f8787 !important
}

.modifysearch .text_icon input:focus {
    outline: none;
}

.modifysearch button.search_2v {
    width: 100%;
    height: 50px;
    border: 1px solid #3abee7;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #3abee7;
    font-weight: 600;
    font-size: 11px;
    color: #02609d;
    cursor: pointer;
}

section.bgtheme {
    background: #f5f5f5;
}

.getfare h4 {
    background: var(--color8);
    padding: 10px;
    color: #02609d;
    font-size: 20px;
    border: 1px solid #02609d;
    width: 200px;
    text-align: center;
    border-radius: 5px;
}


/* .modifysearch {
        margin: 25px 0;
    } */

.leftsec_filter-flight .panel-heading h3.panel-title {
    font-size: 20px;
    padding: 10px 10px 0px 10px !important;
    border-bottom: none !important;
}

.leftsec_filter-flight {
    margin-top: 20px;
}

    .leftsec_filter-flight .panel-heading p {
        padding: 0 10px;
    }

    .leftsec_filter-flight .hotel-filter h4 {
        font-size: 16px;
        color: #383838;
        font-weight: 600;
        margin: 15px 0 0 0;
    }

    .leftsec_filter-flight .checkbox p span {
        font-size: 12px;
        vertical-align: text-top;
        margin: 0;
    }

.post-img_flight {
    background: var(--color8);
    width: 100%;
    display: inline-block;
}

.imgsliderflight {
    display: block;
    font-size: 0.75rem;
    height: 5rem;
    line-height: normal;
    position: relative;
    text-align: center;
    width: 100%;
    cursor: pointer;
    border-width: 0.0625rem 0.0625rem 0.0625rem 0px;
    border-style: solid solid solid;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221);
    border-image: initial;
    border-left: 0px;
    padding: 6px;
}

#cust_flt_fltr .panel-title {
    font-size: 16px;
}

#cust_flt_fltr .hotel-filter h4 {
    margin: 22px 0px;
    font-size: 15px;
    color: #3abee7;
    font-weight: 600;
}


.flightslider .owl-stage-outer.owl-height {
    border-right: 1px solid #a9d6f7;
}

.imgsliderflight_2 {
    height: 3rem;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    cursor: pointer;
    line-height: 41px;
    font-size: 11px;
    padding: 3px;
    border-width: 1px 1px 1px;
    border-left-width: 1px;
    border-style: solid solid solid none;
    border-left-style: none;
    border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217);
    border-image: initial;
    border-left: none;
    border-left-color: currentcolor;
}

.imgsliderflight_3 {
    height: 3rem;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    cursor: pointer;
    line-height: 41px;
    font-size: 11px;
    padding: 3px;
    border-width: 1px 1px 1px;
    border-style: solid solid solid none;
    border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217);
    border-image: initial;
    border-left: none;
}

.imgsliderflight img {
    width: 44px !important;
    height: 26px;
    position: relative;
    right: auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 4px;
    margin: 0px auto 5px;
}

.imgsliderflight h5 {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 10px;
    overflow: hidden;
    margin: 0;
    font-weight: 500;
    color: #494a4b;
}

.head_flight p {
    font-size: 11px;
}

.imgsliderflight_2 sup,
.imgsliderflight_3 sup {
    color: #b4b6b0;
}

.imgsliderflight_3 h4 {
    font-size: 16px;
    padding: 2px;
    font-weight: 600;
}

div#carouselnand .owl-item {
    margin-right: 0 !important;
}

div#carouselnand .owl-nav {
    position: absolute;
    top: -165px;
    right: 0;
}

div#carouselnand > div {
    margin-left: 135px;
    width: 87%;
}

div#carouselnand .owl-nav button.owl-prev {
    margin-left: 93%;
}

#flt_rslt {
    padding-top: 40px;
    padding-bottom: 80px;
}

.head_flight {
    position: absolute;
    width: 135px;
}

    .head_flight p {
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        padding: 0 10px;
    }

    .head_flight .imgsliderflight p {
        margin-top: 28px;
        padding: 0 4px;
    }

.imgsliderflight,
.imgsliderflight_2,
.imgsliderflight_3 {
    border-color: #1d94eb61;
    background: #2d92dd17;
}

.imgsliderflight {
    background-color: var(--color8);
}

    .imgsliderflight > img {
        margin-top: 7px;
    }

.temrconpricy {
    font-size: 13px;
    font-weight: 500;
    color: #3abee7;
    margin-top: 12px;
}

#flt_result_page .right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 12px;
}

.shortsv p {
    color: #a6a6a6;
}

.shortsv b {
    color: #007bff;
}

.shortsv svg {
    color: #a6a6a6;
}

ul.sort-tab li:last-child {
    border-right: 0px;
}

.right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 20px;
    box-shadow: 0 0 5px #bbc2ccb5;
}

ul.sort-tab {
    margin: 26px 0px;
    list-style: none;
    margin: 0;
}

    ul.sort-tab li {
        padding: 0px 2px;
        flex: 0 0 20%;
        max-width: 19.8%;
        border-right: 1px solid #c4c1c178;
        margin-right: 0px;
    }

.shortsv {
    background: var(--color8);
    padding: 10px 10px 10px 35px;
    border-radius: 4px;
    border-bottom: 3px solid var(--color8);
}

    .shortsv p {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
    }

.tabactive {
    border-bottom: 3px solid #007bff;
    color: var(--color8);
}


/* 
    .shortsv:hover {
        background: #fcfeff;
        transition: .35s;
        cursor: pointer;
    } */

ul.sort-tab li svg {
    position: absolute;
    left: 15px;
}

.hotel_logo img {
    height: 40px;
    width: 100px;
    object-fit: contain;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
}

.hotel_logo h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.hotel_logo p {
    font-size: 14px;
    margin-bottom: 5px;
}

.hotel_logo a h3 {
    font-size: 17px;
    font-weight: 500;
    color: #015f9c;
    margin: 0;
}

.hotel_logo a {
    text-decoration: none !important;
}

p.promoc {
    font-weight: 400 !important;
    margin-top: 10px;
    font-size: 12px !important;
    text-align: center;
}

.sm_bt {
    text-align: right !important;
}

.flights {
    background: var(--color8);
    border: 0px solid #88888a;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #c1c1c1;
    margin-bottom: 15px;
}

#flt_rest_tab .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.flight_popup_body.flight_fare_details label {
    font-size: 12px;
}

.img_section,
.img_section span {
    float: left;
}

.hotel_price.flight {
    padding: 10px;
    height: 100%;
    /* border-left: 1px solid gainsboro; */
    text-align: center;
    margin-top: 5px;
}

.hotel_logo {
    background: #f7f7f7;
    height: 100%;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 0 0 0;
}

.contentflight {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    height: 100%;
    display: flex;
}

.hotel_center h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 5px;
}

.hotel_center h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
    font-weight: 600;
}

.hotel_center b a {
    color: #02609d;
    text-decoration: none !important;
    margin-bottom: 4px;
    display: block;
}

.iconsarrow {
    height: 100%;
    padding: 15px;
    line-height: 79px;
}

.contentflight .hotel_center,
.contentflight .nonstopcoad {
    width: 30%;
}

.iconsarrow {
    width: 10%;
}

section#htl_result .container {
    width: 82% !important;
}

.iconsarrow img {
    width: 24px;
}

.sections p img {
    width: 30px;
}

.sections ul li a img {
    width: 22px;
}

.sections p img {
    width: 25px;
}

.panel-body.rating .checkbox i.fa.fa-star-o {
    color: var(--color8) !important;
}

p.reviewsstyle {
    font-size: 13px;
    color: #777;
    margin-top: 5px;
}

.hotel_info.collapse_click1 p a {
    color: #3abee7;
}

.iti__hide {
    display: none;
}

pre {
    margin: 0 !important;
    display: inline-block;
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {
    background: none;
}

::-webkit-input-placeholder {
    color: #BBB;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #9f9f9f;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #BBB;
}

#result {
    margin-bottom: 100px;
}

.iti.iti--allow-dropdown {
    width: 100%;
}

.bookingrefence {
    background: #005f9b;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    color: var(--color8);
}

    .bookingrefence h3 {
        font-size: 20px;
    }

    .bookingrefence p {
        font-size: 20px;
        color: #7ab800;
        margin-bottom: 6px;
    }

    .bookingrefence h2 {
        font-size: 28px;
        font-weight: 600;
    }

.confirmboder {
    border: 1px solid #ccc;
    padding: 15px;
}

.pricesummmeryconfirm {
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .pricesummmeryconfirm h5 {
        background: #f2f6e7;
        padding: 15px;
        font-size: 20px;
        border-radius: 8px 8px 0 0;
        font-weight: 500;
    }

span.stopsLoader1 {
    vertical-align: middle;
    display: inline-block;
}

.stopsLoader1 {
    width: 100%;
    height: 30px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: slAnim 1s infinite;
}

@keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@keyframes airLgolist {
    to {
        background-position: 100% 10px, 10px 10px, 42% 10px, 96% 10px
    }
}

@keyframes normlist {
    to {
        background-position: 100% 10px, 10px 10px, 95% 10px
    }
}

@keyframes fltDtLoader {
    to {
        background-position: 100% 10px, 0 10px
    }
}

@keyframes depArvLoader {
    to {
        background-position: 100% 10px, 0 10px, 0 35px
    }
}

@keyframes fltLegLoad {
    to {
        background-position: 100% 0, 10px 15px, 5% 10px, 15% 10px, 15% 35px, 30% 8px, 80% 10px, 98% 10px, 55% 22px, 55% 8px, 55% 33px, 2% 60px, 20% 60px, 38% 60px, 56% 60px, 74% 60px, 94% 60px
    }
}

@keyframes fltPrceLoader {
    to {
        background-position: 100% 0, 5% 0, 5% 25px, 5% 50px, 5% 105px
    }
}

p.reservatinneed {
    background: #f2f6e7;
    padding: 15px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #628c02;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.confirmdetails {
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .confirmdetails .row {
        margin: 0;
    }

p.referencenumber {
    padding: 15px 15px 0 15px;
}

    p.referencenumber span {
        color: #74b907;
        font-size: 16px;
        font-weight: 600;
    }

/*--------------Flight-filter--------*/

.leftsec_filter-flight {
    margin-top: 20px;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.trip_detail > img,
.trip_detail > p {
    display: inline-block;
}

.trip_detail > img {
    max-width: 45px;
    border: 1px solid #f4f0f0;
    color: var(--color8);
    display: inline-block;
    line-height: 17px;
    padding: 5px 10px 6px 10px;
    vertical-align: text-top;
    min-width: 10px;
    position: relative;
    font-size: 12px;
    background-color: #3abee7;
    margin-bottom: 0px;
}

    .trip_detail > img:after {
        position: absolute;
        content: '';
        border-left: 19px solid #00abe4;
        border-top: 31px solid #00abe4;
        border-right: 18px solid transparent;
        height: 0px;
        width: 0px;
        right: -24px;
        top: 0px;
    }


/* .row.m-0.Departure {
        padding-left: 3px;
    } */

.row.m-0.Departure > div {
    padding: 6px 0px;
}

.m- .row.m-0.Departure > div {
    padding: 3px 0px !important;
}


/* .row.m-0.Departure .col-sm-12 >div {
        DISPLAY: FLEX;
        PADDING: 4px 0px 0px 0px;
        
        JUSTIFY-CONTENT: CENTER;
        ALIGN-ITEMS: CENTER;
    } */

flight-details-pane .ft_tim {
    color: #7d7883;
    font-size: 14px !important;
}

.row.bottom_flt_btn nav {
    background-color: white;
}

flight-details-pane a.nav-item.nav-link {
    color: white;
    font-size: 11px;
    font-weight: 500;
}

.Departure div.col-sm-12 {
    border-bottom: 1px solid #cccccc
}

.sm_bt button {
    color: #3abee7;
    font-size: 14px;
    border-radius: 5px;
    background-color: var(--color8);
    border: 0px;
    padding: 8px;
    min-width: 78px;
    font-weight: 500;
    text-decoration: underline;
}


/* .Departure>div:first-child {
        padding-top: 25px!important;
        padding-bottom: 10px!important;
    } */

.trip_detail p {
    font-family: 'Poppins';
    font-size: 12px;
    padding-left: 15px;
    color: var(--color8);
}


/* .Departure_second_row.m-0 {
        padding-top: 6px!important;
    } */

.trip_from p {
    font-size: 14px;
    color: #000;
}

span.dep_img img {
    width: 20px;
    height: 20px;
    margin-right: 2px;
}

.trip_from span {
    padding: 0px;
    margin: 0;
    color: gray;
    font-size: 12px;
}

.trip_detail:after {
    z-index: 2;
    position: absolute;
    content: '';
    border-left: 2px solid #02609d;
    border-top: 31px solid #02609d;
    border-right: 18px solid transparent;
    height: 0px;
    width: 0px;
    right: 135px;
    top: 0px;
}

.dep_img {
    color: var(--color8);
    display: inline-block;
    line-height: 17px;
    padding: 5px 6px 6px 9px;
    vertical-align: text-top;
    background: #3abee7;
    min-width: 95px;
    position: relative;
    font-size: 12px;
    margin-bottom: 0px;
}

.select_flt {
    padding-top: 8px;
}

.ft_tim {
    padding-top: 10px;
    text-align: left !important;
    text-transform: lowercase;
    font-weight: 500;
    font-size: 13px !important;
}

    .ft_tim.ft-to {
        padding-left: 0px;
    }

.row.Departure_second_row.m-0 {
    padding-top: 6px;
}

.row.m-0.Departure > div:first-child {
    padding: 10px 0px 6px 0px;
}

.flt_logo_img p,
.flt_logo_img span {
    margin-bottom: 0;
    font-size: 13px;
    color: #858585;
}

.img_section span:last-child {
    padding-left: 8px;
}

.flt_layover.col-md-4.col-sm-4.col-xs-4 {
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #797b7d;
    padding: 0px;
}

button.showmore_click:hover {
    background-color: #024976;
}

.underline {
    height: 1px;
    background-color: #3abee7;
    position: relative;
    width: 97%;
    margin: 4px 0;
}

    .underline:before {
        background: #3abee7;
        border-radius: 50%;
        content: "";
        display: block;
        height: 7px;
        margin-top: 0px;
        position: absolute;
        top: -3px;
        width: 7px;
    }

.flt_stp {
    color: #656565;
    font-size: 11px;
}

.Trip_duration {
    font-size: 11px;
    color: #656565;
}

.crd {
    margin-right: 0;
    border-right: 0 !important;
    border-radius: 0.25rem 0 0 !important;
}

.crd_no {
    margin-left: 0;
    border-left: 0 !important;
    border-radius: 0 .25rem .25rem 0 !important;
    text-align: right;
}

/* Richa */
.rightdetail.map {
    border: 1px solid #e3e1e1;
    padding: 8px;
}

.location p {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
}

.flt_ru {
    width: 5px !important;
    border: none !important;
    height: 34px !important;
}

.flt_modify {
    padding: 8px 8px 0px 8px;
    background-color: rgb(241 241 241 / 77%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
}

    .flt_modify button.search_2v {
        background-color: #90d900;
        color: white;
    }

.top_flt {
    float: left;
}

.trip_detail {
    float: left;
}

.d {
    float: left;
    margin-left: 29px;
    color: gray;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
.trip_to, .ft-to {
    text-align: left;
}
.booking-item-address span {
    font-size: 15px;
}
#flt_rslt .panel-title h4 {
    margin: 32px 0;
}
#flt_rslt .checkbox {
    font-weight: 500;
    font-size: 15px;
}
.booking-item-address > span {
    color: #1c1c1c;
    font-size: 12px;
}
#flt_rslt .panel.panel-default.filter-panel .panel-heading h3.panel-title {
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px solid #f4e6e6;
    text-align: center;
    border-bottom: 1px solid #b9c2c9;
    background-color: #e7f0f7;
    border: 1px solid #cfeaff;
}

#flt_rslt .whatrestget > h3 {
    color: #3abee7;
}
.whatrestget > h3 {
    color: var(--color1);
}
.paradeil p {
    color: #3d3d3d;
    line-height: 23px;
    font-size: 14px;
}
div#Location {
    padding-top: 0px;
}
.row.m-0.Departure.return_row {
    display: none;
}
.bg_clr {
    background-color: var(--color8)0f;
}
.bottom_flt_btn {
    background-color: var(--color8);
    margin: 0 !important;
    border-radius: 0px 0px 15px 15px;
    overflow: hidden;
    padding: 4px;
}
div#flt_rest_tab div#nav-tab {
    margin-bottom: 10px;
}
div#flt_rest_tab a {
    border-radius: 0;
    font-size: 13px;
    color: var(--color8);
    margin-right: 8px;
    background-color: #3abee7;
}
div#flt_rest_tab nav {
    background-color: white;
}
.departure_hover {
    -webkit-transition: all linear 0.2s;
}
.departure_hover:hover {
    background-color: #f2f0f061;
}
.hotel_price.flight > span {
    color: #000000;
    font-size: 12px;
    display: block;
}

.bottom_flt_btn > div {
    text-align: center;
}

.bottom_flt_btn button {
    font-size: 14px;
    color: white;
    background-color: #03548700;
    font-weight: bold;
    border: 0px;
    letter-spacing: .2px;
}

.Hotelsresult .flights .row .col-sm-2.pl-md-2.pl-sm-0.col-12 {
    border-left: 1px solid #ccc !important;
    padding-left: 0px !important;
}


/* .shortsv:hover p {
        color: white; */


}

/* .shortsv:hover {
        background: #02609d;
        transition: .35s;
        cursor: pointer;
        color: white!important; */

/* }
    .shortsv:hover b {
        color: white;
    } */
.flt_dtime.col-md-2.col-sm-2.col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 8.666667%;
    max-width: 9.666667%;
}

.flt_layover.col-md-4.col-sm-4.col-xs-4 {
    flex: 0 0 35.333333%;
    max-width: 35.333333%;
}

.flt_atime.col-md-2.col-sm-2.col-xs-2 {
    padding-left: 0;
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
}

.block_show {
    display: none;
}

.pickup {
    flex: 0 0 19.666667% !important;
    max-width: 19.666667% !important;
}

.travl_rw {
    flex: 0 0 10.666667% !important;
    max-width: 10.666667% !important;
}

.travl_rw .selected_box_bottom label {
    color: #555555;
    font-weight: 600;
}
.flightslider button.owl-prev.disabled,
.flightslider button.owl-next {
    display: none;
}
.xx {
    display: flex;
    flex-direction: row-reverse;
}
.xx .book_now.htl_bk {
    width: 100px;
    border-radius: 0px;
}
p.good i {
    margin-right: 7px;
}
.info_lft {
    display: inline-block;
    width: 100%;
}
p.reviewsstyle.cust_review {
    padding-top: -12px;
    padding: 0px;
    margin: 0px;
    margin-top: -5px;
    color: #c0bbbb;
}
ul.cust_pro {
    padding-top: 20px;
    margin-bottom: 0px;
}
hotel-temp h2.headline a {
    font-size: 15px;
    font-weight: 600;
    color: #212529 !important;
    text-decoration: none;
    display: flex;
}
.btncheck a.book_now {
    font-size: 14px;
}
input.cust-crd_no:focus {
    outline: 0px;
}
input.cust-crd:focus {
    outline: 0px;
}
.cust-crd_no, .cust-crd {
    border: none;
}
.crdnmbcvc.mb-2.form-control:focus {
    color: #495057 !important;
    background-color: var(--color8) !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}
input.cust-crd_no {
    float: right;
    text-align: right;
}
input.cust-crd::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}
input.cust-crd_no::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}
.rewrd_box {
    display: flex;
}
    .rewrd_box select#state {
        margin-right: 5px;
        width: 45%;
    }
span.ht_log {
    border: 1px solid gainsboro;
    border-radius: 6px;
    display: initial;
    width: 37%;
    height: 37px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-right: 6px;
}

/* input.form-control.cupn {
        height: 46px;
    } */
span.htl_logo_name {
    border: 1px solid gainsboro;
    border-radius: 6px;
    display: initial;
    width: 100%;
    height: 37px;
    padding: 0.275rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    span.htl_logo_name > span {
        color: #005085d4;
        font-size: 12px;
        display: block;
        letter-spacing: .3px;
        font-weight: 600;
    }

span.ht_log > i {
    font-weight: 600;
    float: right;
    line-height: 26px;
}

span.htl_logo_name > span:last-child {
    font-size: 19px;
    font-weight: normal;
    padding-top: -20px;
    margin-top: -7px;
}

.fare_alert p {
    letter-spacing: .3px;
    color: #8b8a8a;
    padding: 9px;
    background-color: white;
    border: 2px solid #7a7979;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

.fare_alert {
    margin-top: 0px;
}

#cust_flt_fltr .ui-slider-range.ui-widget-header.ui-corner-all {
    background-color: #d5d5d5 !important;
}

#cust_flt_fltr .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    border: none;
    height: 7px !important;
}

#cust_flt_fltr .ui-slider-handle.ui-state-default.ui-corner-all.clickround2 {
    border-radius: 50%;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem;
    width: 1.0rem;
}

#cust_flt_fltr .ui-slider-handle.ui-state-default.ui-corner-all.clickround1 {
    border-radius: 50%;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem;
    width: 1.0rem;
}

#cust_flt_fltr .ui-slider-horizontal .ui-slider-range {
    top: -0.5px;
    height: 100%;
}

#cust_flt_fltr p {
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #585858;
}

#cust_flt_fltr hr {
    margin-bottom: .5rem;
}

/* div#cust_flt_fltr #Range {
        margin-bottom: 42px;
        margin-top: -5px !important;
    } */
.flr_slidr_border div#carouselnand .owl-nav button.owl-prev {
    margin-left: 93%;
    display: none;
}

.flr_slidr_border {
    /* border-right: 1px solid #a9d6f7;
        overflow: hidden; */
    margin-bottom: 7px;
}

.flightslider .owl-dots {
    display: none;
}

.right_result ul.sort-tab.box-outer-skin.text-left.row {
    margin-bottom: 20px;
}

.crdnmbcvc.mb-4.form-control:focus {
    color: #495057;
    background-color: var(--color8);
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

#checkout_pag .cutomerheading hr {
    margin-top: .6rem;
    margin-bottom: .5rem;
}

#checkout_pag .trip-summary hr {
    margin-top: .7rem;
    margin-bottom: .5rem;
}
.trmcond br {
    display: none;
}
span.ht_log img {
    margin-left: 19px !important;
    width: 22px !important;
    vertical-align: top;
}
.flr_slidr_border {
    overflow: hidden;
    border-right: 1px solid #a9d6f7;
    border-left: 1px solid #1d94eb61;
}
.hotelcheck li::before {
    content: "\2022";
    width: 14px !important;
    color: #3abee7;
    margin-left: -1rem !important;
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
}
.hotelcheck {
    list-style: none;
}
#flt_result_page .hotel_price.flight p {
    font-size: 19px;
    color: #818385;
    font-weight: 600;
}
.col-md-3.col-sm-6.col-xs-12.cust_modify_calender > div > input {
    background-color: transparent;
    border: none;
}
.col-md-4.col-sm-6.col-xs-12.cust_modify_calender input {
    background-color: transparent;
}
.modifysearch.flt_modify .selected_box_top {
    padding: 9px 11px;
    height: 41px;
    border: 1px solid #3abee754;
}
.modifysearch.flt_modify .selected_box_top i {
    padding-right: 9px;
}
.cust_modify_calender .text_icon.calanderboth {
    background-color: var(--color8);
    height: 41px;
    border: 1px solid #3abee754;
}
.modifysearch.flt_modify button.search_2v {
    background-color: var(--color8);
    color: #3abee7;
    height: 41px;
    font-size: 15px;
}
.cust_modify_calender input#checkin {
    border-right: 0px;
    border-radius: 5px 0px 0px 5px;
    border: none;
}
.cust_modify_calender input#checkout {
    border-left: 0px;
    border-radius: 0px 5px 5px 0px;
    border: none;
}
.flt_tab table {
    width: 100%;
}
.flt_tab tr td {
    text-align: center;
    padding: 10px;
    border: 1px solid gainsboro;
}
.imgsliderflight.cust_img_tabl {
    border: 0;
    cursor: inherit;
    font-size: inherit;
    position: inherit;
    height: inherit;
    position: inherit;
    width: inherit;
    padding: inherit;
}
.mob_div > div {
    color: #6c7592;
    padding: 0.475rem 0.75rem;
    font-size: 12px;
}
.mob_div > div:first-child {
    border-right: 1px solid #ced4da;
}
.mob_div img {
    margin-right: 10px;
}
.mob_div i {
    font-size: 10;
    margin-left: 10px;
}
.mob_div {
    display: flex;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cancellationblock.bottom_cancelation {
    display: flex;
    line-height: 15px;
    font-size: 12px;
}
.second-div {
    padding-top: 2px;
    padding-right: 6px;
    margin-left: -5px;
}
section#htl_result .htl_modi {
    justify-content: space-between;
    display: flex;
    width: 100%;
}
section#htl_result .htl_modi > div {
    display: inline-block;
}
section#htl_result .htl_rslt {
    width: 84%;
}
section#htl_result .page-title-wht {
    background-color: var(--color8);
    border: 1px #e9e9e9 solid;
    border-radius: 7px;
    font-family: poppins;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 8px;
}
section#htl_result .row.trip-padding {
    padding-right: 12px;
    font-size: 13px;
    font-weight: 600;
}
.htl_modi > div {
    display: inline-block;
}
.modi_htl-btn {
    width: 15%;
}
.modi_htl-btn > a {
    border-radius: 7px !important;
    padding: 14px 10px;
    margin-top: 0px;
    width: 100% !important;
}
#htl_result .modi_htl-btn > a {
    border-radius: 7px !important;
    padding: 13px 5px;
    margin-top: 0px;
    width: 100% !important;
}
section#htl_result .row.trip-padding small {
    font-size: 13px !important;
}
.trip_detail::after {
    z-index: 2;
    position: absolute;
    content: '';
    border-left: 2px solid #3abee7;
    border-top: 29px solid #3abee7;
    border-right: 18px solid transparent;
    height: 0px;
    width: 0px;
    right: -18px;
    top: 2px;
}
.headofcheck.cust-headofcheck > p {
    padding: 10px 5px;
    color: #7f7f7f;
}
.regular-radio:checked + label:before {
    background-color: #3abee7 !important;
}
.regular-radio:checked + label:after {
    background: none repeat scroll 0 0 #3abee7 !important;
}
.headofcheck.cust-headofcheck {
    text-align: center !important;
    width: 55% !important;
}
.headofcheck.cust-headofcheck i {
    font-size: 10px !important;
}
.lowest-price-grn a:hover {
    text-decoration: none;
}
.trip_detail {
    position: relative;
}
#flt_result_page #cust_flt_fltr {
    margin-top: -7px;
}
section#flt_result_page .owl-item.active {
    width: 134px !important;
}
#htl_result .htl_rslt input {
    border: none;
    display: inline-block;
    width: auto;
    font-size: 11px;
}
#htl_result .sections ul li a img {
    width: 18px;
}
#htl_result .sections ul li a {
    color: #333;
    text-decoration: none;
    font-size: 11px;
    margin: 0 10px 0 0;
    font-weight: 500;
}
.fa.fa-angle-down.dn_arrow {
    position: absolute;
    right: 31px;
    top: 10px;
    font-weight: 600;
}
.dob {
    width: 100%;
    padding-top:;
    border: 1px solid #eeeeee;
    padding: 5px inherit;
    border-radius: 5px;
    font-size: 12px;
    background-color: #f0f0f0ad;
    padding: 0.375rem 0.75rem;
}
.dob::placeholder {
    color: #000000;
}
#txtAgentID input::placeholder {
    font-size: 12px !important;
    color: #495057
}
.inputs.checkin_input > input {
    border-radius: 3px 0px 0px 3px;
}
.cust_detail_modify span {
    color: #9f9f9f;
    line-height: 37px;
    width: 10%;
    text-align: center;
}
.cust_modify_calender .calanderboth input {
    border: none !important;
}

.detail_row .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 18.666667%;
    max-width: 18.667%;
}
.col-md-12.trip-padding.cust_flt_trip strong {
    font-size: 14px;
    color: #015f9c;
}

.mid-col {
    display: flex;
    align-items: center;
}
#flt_htl_result {
    padding-top: 40px;
    padding-bottom: 40px;
}
p.no_result {
    margin-bottom: 0px;
    font-size: 15px;
    color: #007bff;
    font-weight: 600;
    letter-spacing: .1px;
}
p.resut_text {
    color: #686565;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
}
div#flt_htl_result .hotel_price.flight > span {
    color: #000000;
    font-size: 10px;
    display: block;
    text-align: center;
}

h3.step_one {
    color: #02609d;
    font-size: 22px;
    font-weight: 600;
    margin-top: 18px;
    padding-bottom: 4px;
}

div#flt_htl_result .hotel_price.flight {
    padding: 5px;
}

    div#flt_htl_result .hotel_price.flight p {
        font-size: 19px;
        color: #02609d;
        font-weight: 600;
        padding-left: 17px;
    }

div#flt_htl_result .sort .optns p {
    padding: 10px;
    font-size: 12px;
}

div#flt_htl_result .sort .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
}

div#flt_htl_result .sort h6 {
    margin-top: 9px;
    margin-left: 16px;
    font-size: 15px;
}

div#flt_htl_result .sort {
    padding: 6px;
}

#flt_htl_result .flthtl_sid_img {
    width: 100%;
    float: right;
}

    #flt_htl_result .flthtl_sid_img > span {
        color: #007bff;
        font-size: 16px;
        font-weight: 600;
    }

#flt_htl_result .flthtl_sid {
    font-size: 12px;
    font-weight: 600;
    color: #222222;
    width: 100%;
}

#flt_htl_result .side_depart {
    /* float: left; */
    display: flex;
}

    #flt_htl_result .side_depart .depart_detail p {
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 500;
        color: #919191;
        padding-left: 10px;
    }

#flt_htl_result .arrow_img > img {
    width: 24px;
}

.flthtl_sid p:last-child {
    margin-bottom: 4px;
}

.flthtl_sid p:first-child {
    margin-bottom: 8px;
}

.flthtl_sid_img img {
    border: 1px solid #e5e3e3;
}

.row.flthtl_modify {
    padding-top: 4px;
    padding-bottom: 6px;
    background-color: #02609d;
    margin: 0;
    margin-top: 0px;
    margin-top: 10px;
}

    .row.flthtl_modify .fa.fa-calendar {
        font-size: 13px !important;
        font-weight: bold;
    }
.row.flthtl_modify input:focus-visible {
    outline: none;
}

/* -----Edge--------- */
.fold_section .btn-primary {
    border: 0px;
    font-size: 13px;
    color: #156ba4;
    background-color: #e7f0f7;
    border-color: var(--color8);
    text-align: left;
    font-weight: 500;
    padding: 10px 15px;
}

    .fold_section .btn-primary:hover {
        color: #156ba4;
        background-color: #e7f0f7;
    }

.serv_choice {
    height: 46px;
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.cust_name {
    margin-bottom: 7px !important;
    font-size: 15px;
    font-weight: 600;
    color: #191919;
}

.rewrd_box.ht_rewrd_box span.htl_logo_name,
.rewrd_box.ht_rewrd_box span.ht_log {
    height: 33px;
}

.rewrd_box.ht_rewrd_box .htl_logo_name span {
    font-size: 11px;
    padding: 0px !;
}

.rewrd_box.ht_rewrd_box .htl_logo_name {
    padding: 0;
    padding-left: 11px;
}

.row.flr_htl_modify input {
    position: relative;
    padding: 8px 10px 8px 31px;
    width: 100%;
    border: 1px solid #02609d;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 11px;
}

.row.flr_htl_modify > div {
    padding: 0;
}

.row.flr_htl_modify i {
    position: absolute;
    top: 36p;
    left: 0;
    top: 45px;
    z-index: 100;
    left: 11px;
    color: #02609d;
}

.col-sm-2.cust_nw i {
    left: 28px;
}

.cust_de .book_now.htl_bk {
    width: 100%;
    border-radius: 0px;
    height: 37px;
}

.row.flr_htl_modify label {
    color: var(--color8)dfd;
    font-size: 12px;
}

.row.flthtl_modify .cust_de .book_now.htl_bk {
    width: 100%;
    border-radius: 0px;
    height: 34px;
    font-size: 12px;
}

.row.flthtl_modify .col-sm-2.cust_de {
    padding-left: 8px;
}

.row.flr_htl_modify #checkin2 {
    color: #acacac;
}

.row.flr_htl_modify #checkin1 {
    color: #acacac;
}

table.flt_slid tr td {
    border: 1px solid #ededed;
    padding: 0 4px;
    /* background: #fde9f4; */
}

table.flt_slid img {
    width: 44px !important;
    height: 26px;
    position: relative;
    right: auto;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 4px;
    margin: 0px auto 5px;
    font-size: 4px;
}

.flt_tabl {
    margin-bottom: 10px;
    box-shadow: 0 0 5px #c1c1c1;
}

td.fltprice_tab.cst_flt_pric p {
    margin-bottom: 0;
    text-align: center;
    color: #007bff;
    padding: 6px;
}

td.fltprice_tab.cst_flt_pric {
    display: none;
}

td.fltprice_tab.cst_flt_pric {
    font-weight: 500;
    text-align: center;
    color: #007bff;
    font-size: 11px;
    height: 3rem;
    width: 8.5rem;
}

.tabl_img {
    padding: 7px;
}

.fltprice_tab span i {
    padding-right: 6px;
    font-size: 19px;
    color: #000;
}

.tabl_img b {
    font-size: 11px;
}

.fltprice_tab span {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #343030;
    display: block;
    padding-bottom: 10px;
}

.fltprice_tab sup {
    color: #9d9d9d !important;
}

.tabl_img h5 {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 10px;
    overflow: hidden;
    margin: 0;
    font-weight: 600;
    color: #494a4b;
}

.descrip .form-control,
.descrip .serv_choice,
.descrip span.htl_logo_name,
.descrip span.ht_log {
    height: 33px;
    font-size: 12px;
}
.lap_box span {
    font-size: 13px;
    vertical-align: text-top;
    font-weight: 500;
}

.modifysearch.flt_modify .calanderboth span {
    line-height: 45px;
}

.lap_box input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
    padding: 0 7px !important;
}
.activities.cust_price_guarante h4 small {
    font-size: 15px;
    font-weight: 600;
    color: #a5a6a2;
}
.activities.cust_price_guarante {
    border: 0px solid #3abee729;
}

    .activities.cust_price_guarante i {
        margin-right: 8px;
        color: #3abee7;
        vertical-align: middle;
        font-size: 15px;
    }

section#htl_result .cust_htl-modify .calanderboth span {
    line-height: 46px;
}

#checkout_pag .btn-primary:focus,
#checkout_pag .btn-primary.focus {
    color: #156ba4;
    background-color: #e7f0f7;
    border-color: #e7f0f7;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.name_flt_check {
    font-size: 9px !important;
}
#thank_you .leftchecktop .book_now {
    font-size: 15px;
}

.yes span {
    color: #707070;
    font-weight: 500;
}

#checkout_pag .cust_text {
    padding-right: 0px;
}

section#flt_result_page .sort h6 {
    margin-top: 5px;
}

.top-header select,
#flt_check_out select,
#flt_check_out input.flt_calen {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--color8);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 12px;
}

input.calender.Datepicker.flt_calen::placeholder {
    color: #495057;
}

/*--------------- Model------- */
table.table.table-bordered.text-center.pop_table {
    font-size: 12px;
}

#flt_result_page .close {
    opacity: 1 !important;
}

.bottom_flt_btn button {
    font-weight: normal !important;
}
.flt_fare_title {
    background-color: #ffd5eba1;
    padding: 4px;
    color: #3abee7;
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
}

.flight_fare_details .tblbreakup {
    width: 100%;
}

    .flight_fare_details .tblbreakup tr {
        border: 1px solid #eee;
    }

        .flight_fare_details .tblbreakup tr td:nth-child(1) {
            font-weight: 600;
            font-size: 13px;
        }

        .flight_fare_details .tblbreakup tr td {
            padding: 8px 8px;
            font-size: 13px;
            width: 50%;
            text-transform: uppercase;
            text-align: left;
        }

            .flight_fare_details .tblbreakup tr td[colspan='2'] {
                padding: 0;
            }

div#flt_fare_desc {
    line-height: 25px;
    padding: 10px;
    border: 1px solid #eee;
    max-height: 300px;
    overflow: auto;
    font-size: 13px;
    text-align: left;
}

    div#flt_fare_desc > h4 {
        line-height: 30px;
        padding-bottom: 5px;
        text-align: left;
        font-size: 17px;
        font-weight: 500;
        border-bottom: 1px solid gainsboro;
        margin-bottom: 16px;
    }

.flight_popup .departure {
    display: inline-block;
    width: 100%;
    background: #002e6e;
    padding: 5px 5px;
    margin-bottom: 5px;
}

    .flight_popup .departure span {
        display: inline-block;
        font-size: 16px;
        color: var(--color8);
    }

        .flight_popup .departure span strong {
            display: inline-block;
            font-weight: 700;
            color: var(--color8);
        }

.flight_popup_body.flight_fare_details .departure {
    color: #3c3c3c;
    font-size: 13px;
    /* margin-bottom: 6px; */
    /* padding-top: 4px; */
    line-height: 27px;
}

    .flight_popup_body.flight_fare_details .departure > span strong {
        font-weight: 600;
    }

.flight_img figure img {
    width: 40px;
    height: 40px;
}
.flight_popup_body.flight_fare_details .departure span:first-child {
    float: left;
}
.flight_popup_body.flight_fare_details .departure span:last-child {
    float: right;
}
.flight_popup_body.flight_fare_details .departure > span {
    padding: 5px;
    font-weight: 600;
}
.flight_popup .flight_img figure {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.flight_img p {
    color: var(--color3);
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    font-weight: 500;
}
.flight_departing {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-top: 9px;
}
#flt_result_page p.baggage {
    text-align: right;
    display: inline;
    width: 100%;
    padding: 5px 17px;
    color: #3abee7;
    font-size: 13px;
    margin: 0;
}
#exampleModal_fltdtl, div#exampleModal_fare, div#exampleModal_baggage {
    padding-left: inherit !important
}

#flt_result_page .optns p {
    padding: 9px;
    font-size: 12px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100% !important;
    height: 100% !important;
    background-color: #000;
}

#cust_multi .calanderboth input:first-child {
    text-align: left;
}

.multi_text {
    padding-left: 8px;
    color: var(--color8);
    letter-spacing: .5px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ff000000;
    padding: 5px;
}


.flt_add {
    margin-top: 7px;
}

#cust_multi {
    margin-top: 4px;
}

.modifysearch.flt_modify .row.tripopt {
    padding-left: 12px;
    padding-bottom: 5px;
}

a.activebeard:hover {
    color: var(--color8);
    cursor: pointer;
}

.doflex {
    display: flex;
    width: 100%;
}

.totaltripamt {
    margin-top: 0px !important;
    width: 20%;
    background: #dbe6ec;
    margin-left: 3px;
    border-radius: 5px;
}

.size-fnt {
    font-size: 16px !important;
    color: #02609d !important;
    font-weight: bold !important;
    margin: 0 !important;
}

.auto-resp {
    width: 100% !important;
    height: auto;
}

ul.cust_pro,
.htl-item {
    width: 120%;
}

select#classecc,
select#addrooms {
    position: relative;
    padding: 8px 10px 8px 31px;
    width: 100%;
    border: 1px solid #02609d;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 11px;
    color: #979797;
}

.calandersearch {
    display: flex;
    border-radius: 5px;
    margin: 1px 1px;
}

.text_icon.calandersearch input {
    border: none;
}

.row.flr_htl_modify {
    padding-left: 14px;
}

.chooseroom-head {
    background: #02609d;
    color: var(--color8);
    border-radius: 6px 6px 0 0;
    padding: 7px 10px;
}

.row.detail-room-sec {
    margin-top: 20px;
}

.chooseroom-bledet {
    border: 5px solid #02609d;
    border-radius: 0px 0px 6px 6px;
}

.col-md-4.tripfli-htl-price {
    text-align: right;
}

.row.room-sec-pad {
    padding: 10px;
}

.tripdet {
    padding: 7px 10px;
    background: #dfdfdf;
    color: #000;
    margin: -1px;
    font-weight: 600;
    font-size: 14px;
}

.col-md-4.tripfli-htl-price p {
    margin: 0;
}

    .col-md-4.tripfli-htl-price p:nth-child(1) {
        font-weight: 600;
    }

    .col-md-4.tripfli-htl-price p:nth-child(2) {
        font-size: 11px;
        color: #858585;
    }

.col-md-8.tripfli-htl {
    font-size: 13px;
    color: #8f8f8f;
}

.selec-htl-head {
    font-size: 12px;
    font-weight: 600;
}

.selec-hotel {
    font-size: 17px;
}

.incalen {
    color: #03619e;
    font-weight: bold;
}

a.book_now.htlsaving {
    font-size: 13px;
    width: 73%;
    border-radius: 29px;
    background: #f18500;
    padding: 5px 0px;
}

.cent-room {
    display: grid;
    align-items: center;
}

.chnge-htl {
    position: relative;
    top: -17px;
    text-decoration: underline;
}

.pkg-heading {
    border-bottom: 1px solid #c2def4;
    background-color: #e7f0f7;
    padding: 10px;
    font-size: 16px;
}

.where-to-where,
.pkg-summ-details,
.tot-pkg-pr,
.allcost,
.noteit {
    padding: 0px 11px;
}

.noteit {
    color: #847c85;
    font-weight: 500;
    font-size: 14px;
}

.where-to-where p {
    margin-top: 10px;
    color: #7c7c85;
    font-weight: bold;
    font-size: 14px;
}

.pkg-summ-details {
    font-weight: 500;
    line-height: 29px;
    color: #7c7c85;
}

#checkout_pag > div > div:nth-child(3) > div.col-md-4.col-sm-6 > div > div.pkg-summ > div.tot-pkg-pr > div:nth-child(2) {
    color: #3abee7;
    font-weight: bold;
}

.reviewhtll {
    font-size: 13px;
}

button.reviewhtll {
    border: 2px solid #03619e;
    background: var(--color8);
    color: #03619e;
    padding: 7px 11px;
    border-radius: 6px;
    font-weight: bold;
}

.flights.review-flt {
    box-shadow: none !important;
    border-color: #dfdfdf;
    border-radius: 6px !important;
    margin-top: 17px;
}

div#flt_rest_tab {
    padding-bottom: 13px;
    padding-right: 15px;
    padding-left: 15px;
    /* border: 1px solid gainsboro; */
}

p.nt {
    color: green;
    font-size: 12px;
    margin-top: 12px;
}

.rev-fli {
    padding-top: 19px;
}

.nearby {
    background: #6fa006;
    color: var(--color8);
    padding: 6px 15px;
    margin-top: 15px;
}

.pkg-summ.rev-summ {
    margin-top: 21px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

p.rev-pack-right {
    background: #f190183d;
    padding: 10px;
    border: 3px solid #ffbe4696;
    border-radius: 7px;
    border-left: 7px solid #00000096;
}

button.check-btnn {
    width: 91%;
    margin: 0px 14px;
    background: #6fa006;
    border: none;
    padding: 10px 10px;
    margin-bottom: 17px;
}

#hotel_detail > div > div > div.row > div.col-md-4 > div > div.tot-pkg-pr > div:nth-child(2) {
    color: #3abee7;
    font-weight: bold;
}

.rest-notice {
    font-size: 12px;
    line-height: 3px;
    margin-top: 16px;
    color: #898989;
}

.trans-head {
    margin-top: 40px;
}

    .trans-head h5 {
        margin-bottom: 23px;
    }

.hei-line {
    line-height: 29px;
    border-right: 1px solid #e5e5e5;
}

.add-ride-amt {
    font-size: 24px;
    font-weight: 600;
    color: #3abee7;
}

.ride-amt2 {
    font-weight: 600;
    font-size: 14px;
}

.transfer-note {
    box-shadow: 0px 2px 8px #b3b3b3;
    margin-top: 13px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

    .transfer-note p {
        padding: 11px 14px;
        font-weight: 600;
        color: #005f9b;
        margin: 0;
        display: flex;
    }

    .transfer-note a {
        width: 100%;
        margin-left: 12px;
    }

.all-veh {
    padding: 10px 14px;
    margin-bottom: 20px;
}

select.vehicle-des {
    border: 1px solid #e5e5e5;
    padding: 4px 10px;
    color: #005f9b;
    font-weight: 500;
    font-size: 14px;
    box-shadow: 0px 0px 6px #dfdfdf;
}

.cent-lne {
    border-right: 1px solid #dfdfdf;
}

.pick-drop {
    font-weight: 600;
    font-size: 14px;
}

.whch-airport {
    font-size: 13px;
}

.on-air {
    font-size: 14px;
    margin-top: 10px;
}

.on-milage {
    font-size: 14px;
}

.sec-1 {
    border: 1px solid #ddd;
    margin: 0px 16px;
    padding: 13px 10px;
    margin-left: 0px;
}

.review-carousel {
    max-width: 955px;
}

.sight-btn {
    padding: 9px 5px;
    background: var(--color8);
    color: #005f9b;
    border: 1px solid #bfbfbf;
    box-shadow: 0px 0px 5px #cbcbcb;
    border-radius: 6px;
    margin-left: 17px;
}

.acti-area {
    justify-content: right;
    place-items: center;
    display: flex;
    font-size: 13px;
}

.bottom_flt_btn1 {
    background-color: #d9d9d9;
    margin: 0 !important;
    overflow: hidden;
    padding: 4px;
    border-radius: 0px 0px 5px 5px;
}
    .bottom_flt_btn1 button {
        background: #d9d9d9;
        border: none;
        color: #005f9b;
        text-decoration: underline;
        font-weight: 600;
    }
.modify-trav-box {
    height: 32px;
    padding: 5px 0px 0 32px;
    border-radius: 0px;
    background: var(--color8);
    margin-left: 2px;
    color: #a7a7a7;
    font-weight: normal;
}
.modify-travbx {
    margin-top: 11px;
}
.row.trav-pop-up label {
    color: #6a6a6a;
}
.trav-pop-up > div[class*=col-] {
    padding: 0px 3px;
}
.trav-pop-up > div[class*=col-md-5] {
    margin-top: -18px;
    margin-bottom: 15px;
}
.sel select {
    width: 100%;
}

.row.economy.eco-mod div {
    padding: 0;
}

.mod-submit {
    padding: 0 !important;
}

.eco-mod input[type="radio"] {
    top: -5px;
}

.det-room-amt {
    position: relative;
    right: 3px;
}

.doit-cent {
    display: grid;
    align-content: center;
}
.review-date {
    font-size: 13px;
    font-weight: 500;
    display: grid;
    align-content: center;
}

.do-rig {
    text-align: right;
}

.departure {
    color: var(--color8);
    float: left;
    padding: 0px;
    width: 100%;
}

    .departure span:nth-child(2) {
        float: right;
    }

#exampleModal_fltdtl p.baggage {
    text-align: left;
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
    color: #3abee7;
    font-size: 13px;
    margin: 0;
}

.fli-left-al {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
}

.thankdet1 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-weight: 600;
}

.fli-mar-bot {
    margin-bottom: 35px !important;
}

.categ {
    font-size: 15px;
    color: #3abee7;
    font-weight: 600;
}

.statusav {
    margin-top: 15px;
    ;
}

span.bed_type {
    color: #02609d;
}

.col-md-6.rec-acc {
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    display: flex;
}

.booking-si {
    color: var(--color8);
    font-weight: 600;
    background-color: #005f9b;
    width: 100%;
    padding: 10px 15px;
    font-size: 15px;
    border-radius: 4px 4px 0 0;
}

.hotel_description h1 {
    font-size: 19px;
}

span.paxreq1 {
    position: relative;
    top: -38px;
    left: 3px;
    color: red;
}
.review_ur_hotel {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
    .review_ur_hotel h2 {
        width: 100%;
        margin: 0px;
        font-size: 20px;
        border-bottom: 1px solid #005f9b;
        font-weight: 600;
        background: #005f9b;
        color: var(--color8);
        padding: 10px 15px;
    }
.continue_payment, .fcpayment, .hcpayment, .tgcpayment, .ttcpayment, .trcpayment, .ocpayment {
    display: inline-block;
    font-weight: 500;
    color: var(--color8);
    background: #3abee7;
    border-radius: 5px;
    border: none;
    padding: 10px 20px;
}
.summary_detail.review_fix_pacakge.sight {
    border: 1px solid #ddd;
    border-radius: 6px;
}

.total {
    display: flex;
    margin-left: -4px;
}

div#sidebar {
    margin-top: 14px;
}

.back-blue {
    background-color: #f7f8f7;
    padding: 19px 9px;
}

.row.back-grey {
    background: #f7f8f7;
    padding: 14px 1px;
    margin-top: 6px;
}

.recom-green {
    position: absolute !important;
    top: -17px;
    background: #3abee7;
    color: white;
    border-radius: 6px;
    text-align: center;
    font-size: 13px;
    padding: 3px 0px;
    right: 0px;
}

.back-grey input,
.back-blue input {
    margin-right: 10px;
}

.trip-cent {
    align-items: center;
    display: flex;
}

.back-grey span,
.back-blue span {
    font-size: 12px;
}

.protect-trip {
    margin-top: 30px;
}

.pri-hei {
    margin-top: 17px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
}

.sightseeing {
    padding: 0px;
}

.sightseeing-descrip {
    padding: 10px 0px;
}

.sight_img img {
    width: 213px;
    height: 230px;
}

.sightseeing_p {
    font-size: 13px;
    margin-top: 14px;
}

.sight-info {
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}

.sight-price {
    padding-right: 28px !important;
}

.category span,
.statusav span,
.act span,
.serve span {
    font-size: 14px;
}

.clickround12 {
    border-radius: 50% !important;
    background: #dbdbdb !important;
    border: 5px solid #515050 !important;
    height: 1.0rem !important;
    width: 1.0rem !important;
}

.slider-line {
    background-color: #cc0574 !important;
}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all.slider-line {
    height: 9px;
    background: #3abee7;
}

.act,
.serve {
    margin-top: 15px;
}

.travelcarousel {
    height: 433px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 433px;
}

    .travelcarousel img {
        width: 100%;
    }

.images {
    margin-bottom: 10px;
}

    .images img {
        object-fit: contain;
        width: 99%;
        margin-bottom: 3px;
    }

.prevv {
    position: absolute;
    left: 243px;
    top: 212px;
    color: var(--color8);
}

    .prevv::before {
        content: '';
        width: 40px;
        height: 40px;
        background: #a7a7a7;
        position: absolute;
        border-radius: 50px;
    }

.next::before {
    content: '';
    width: 40px;
    height: 40px;
    background: #a7a7a7;
    position: absolute;
    border-radius: 50px;
}

.next {
    position: absolute;
    right: 28px;
    top: 212px;
    color: var(--color8);
}

.prevv,
.next {
    display: grid;
    align-items: center;
    cursor: pointer;
}

    .prevv i,
    .next i {
        position: relative;
        width: 100%;
        left: 11px;
        ;
    }

.slideel {
    transition: 1s;
}

.select-category-block {
    width: 100%;
}

.category-outer-box {
    border: 1px solid #ddd;
}

.blue-blockk {
    padding: 9px 26px;
}

.white-block {
    padding: 15px 38px;
}

.blue-blockk {
    background: #daf1ff;
}

.cat-cent {
    display: flex;
    align-items: center;
}

    .cat-cent input {
        margin-right: 10px;
    }

.lan-tex {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 14px 0px;
}

.mar-rightt {
    margin-right: 10px;
    ;
}

.gr div {
    margin-bottom: 6px;
}

.depretdet {
    font-size: 14px;
    line-height: 13px;
}

.pointb {
    font-weight: 600;
    font-size: 16px;
    margin-top: 26px;
    color: #3abee7;
    text-decoration: underline;
}

.checkinn {
    margin: 32px 0px;
    font-size: 14px;
    font-weight: 600;
}

.itineryy {
    position: relative;
}

    .itineryy::before {
        content: '';
        position: absolute;
        height: 290px;
        border: 1px dotted #3abee7;
        left: -17px;
        margin-top: 9px;
    }

.itineryy {
    margin-left: 20px;
}

p.icon-itinerary i {
    position: absolute;
    left: -21px;
    font-size: 17px;
    color: #3abee7;
}

.info-acti {
    margin-left: 20px;
    font-size: 14px;
    line-height: 25px;
}

.ques-asked {
    font-size: 14px;
    margin-top: 25px;
}

.questions-block {
    background: #daf1ff;
    padding: 20px 30px;
    font-size: 14px;
}

.review-load::before,
.review-load1::before,
.review-load2::before,
.review-load3::before,
.review-load4::before {
    content: '';
    width: 352px;
    background-color: #d5d5d5;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load::after {
    content: '';
    width: 140px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load1::after {
    content: '';
    width: 100px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load2::after {
    content: '';
    width: 80px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load3::after {
    content: '';
    width: 180px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-load4::after {
    content: '';
    width: 160px;
    background-color: #3abee7;
    position: absolute;
    height: 14px;
    border-radius: 10px;
    top: 5px;
}

.review-des {
    font-size: 14px;
    margin-left: 110px;
}

.stars-review {
    margin-top: 9px;
}

.review-by {
    margin: 40px 0 8px 0;
}

.alreview {
    font-size: 14px;
}

.allreviews {
    margin-bottom: 40px;
}

p.category-text {
    background: #005f9b;
    padding: 8px 12px;
    border-radius: 8px;
    color: #ffff;
    font-size: 17px;
    font-weight: 600;
}

.acti-border {
    border: 1px solid #dddddd;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0px 0px 5px #d3d3d3;
}

.sight-hed a {
    width: 33%;
}

    .sight-hed a:nth-child(3):after {
        display: none;
    }

.review-77 {
    font-size: 24px;
    font-weight: bold;
    color: #005f9b;
    margin-top: -10px;
}

/* .row.col-md-12.social-iconn {
        background: #02609d;
        width: 75.8%;
        padding: 7px 7px 7px 20px;
        position: relative;
        top: -9px;
        left: 14px;
        text-align: center;
        justify-content: center;
    } */

/* .share-sight {
        display: grid;
        align-items: center;
        color: var(--color8);
    }
    .icons-sec {
        background: #daf1ff;
        padding: 0px 135px 0px 0px;
        border-radius: 7px;
        justify-content: space-between;
    }
    .icons-sec div {
        border-right: 3px solid #02609d;
        padding: 0 0 4px 0;
        max-width: 12%;
    } */
p.sightseeing_p {
    overflow: hidden;
}

.sight-price,
.trans-price {
    display: grid;
    align-content: center;
}

.transfersss input,
.transfersss select {
    font-size: 11px;
    border: none;
    outline: none;
}

.trans-hed a {
    width: 50%;
}

.breadcrumb.flat.trans-hed a:nth-child(2)::after {
    display: none;
    ;

}

.transfer-textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    outline: none;
    padding: 10px;
    font-size: 13px;
}

.sight-thank {
    margin: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .sight-thank h5 {
        background: #f2f6e7;
        padding: 15px;
        font-size: 20px;
        border-radius: 8px 8px 0 0;
        font-weight: 500;
    }

.select-style {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 7px;
    font-size: 14px;
}

.inputplus {
    position: absolute;
}
.inputplus {
    position: absolute;
    top: 0px;
    width: 12% !important;
    right: 0px;
    height: 37px !important;
    background-color: var(--color8) !important;
}

button.btn-back {
    padding: 1px 15px;
    border-radius: 5px;
    border: none;
}

button.btn-back.btn-white {
    background: #f1f1f1;
    color: #000;
    font-size: 15px;
    border: 1px solid #d9d9d9;
}

button.btn-back.btn-black {
    border-radius: 100px !important;
    padding: 0px !important;
    padding-left: 6px !important;
    background: #484848 !important;
}

.sightsee a {
    margin-right: 5px !important;
}

/*flight review css starts*/
.baggage-border,
.upgrade-border {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.all-bagg {
    line-height: 34px;
    padding: 0 0 13px 0;
    font-size: 14px;
}

.bagg-belinfo {
    font-size: 13px;
    padding: 11px 17px;
}

    .bagg-belinfo p {
        margin: 0;
    }

.bag-image {
    width: 149px;
    position: absolute;
    top: -50px;
    right: 110px;
}

.golicon::before {
    content: '';
    padding: 4px 5px;
    background-color: #878787;
    border-radius: 100px;
}

.golicon {
    color: white;
}

.golicon1:nth-child(1)::before {
    background-color: #6fa006;
}

.row.back-upblue {
    background: #009cff26;
    padding-top: 33px;
    font-size: 14px;
    color: #000;
    line-height: 24px;
    padding-bottom: 12px;
    border-radius: 7px;
}

.row.canall {
    padding: 19px 0px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
}

    .row.canall i {
        margin-right: 8px;
    }

button.upbutton {
    width: 100%;
    margin: 13px;
    background: #6fa006;
    border: none;
    padding: 6px 0px;
}

.right-upborder {
    border-right: 1px solid #ddd;
}

.right-upborder {
    border-right: 1px solid #ddd;
    padding: 12px 27px !important;
}

.row.col-md-12.upgrade-border {
    padding: 0px;
}

.multi-fli {
    margin: 41px 0px 20px 0px;
}

.multi-fl {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 7px 7px;
    width: 167px !important;
    border-color: #6fa006;
    cursor: pointer;
    margin-right: 10px;
}

/*hotel detail properties*/
.inner-info-rev {
    font-size: 13px;
    line-height: 22px;
    margin-top: 6px;
}

/*cars starts----------------*/
.availablecars {
    margin: 21px 0px;
    border: 1px solid #3abee7;
    border-radius: 6px;
    padding: 13px 20px;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .availablecars h4 {
        font-size: 23px;
        color: #3abee7;
        font-weight: 500;
        margin: 0;
    }

.row.col-md-12.car-jus {
    margin-top: 6px;
    position: relative;
    top: 12px;
}

.carsi div {
    font-size: 13px !important;
    font-size: 13px !important;
    margin-top: 4px;
}

.impinfocar {
    margin-top: 12px;
    margin-left: 4px;
    cursor: pointer;
}

    .impinfocar i {
        color: #747678;
        font-size: 18px;
    }

.carinfoimp {
    position: fixed;
    background: #6e6e6e;
    box-shadow: 0px 0px 10px #c5c5c5;
    left: 0px;
    top: 25px;
    width: 90%;
    height: calc(100vh - 91px);
    z-index: 100;
    margin: 84px;
    border-radius: 3px;
    padding: 20px;
}

.carheading {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 9px;
    margin-top: 30px;
    position: relative;
    color: var(--color8);
}

.carcontent {
    font-weight: 500;
    color: #000000;
    font-size: 15px;
    margin-bottom: 10px;
}

.carpara {
    font-size: 14px;
    color: #d3cccc;
    font-weight: 400;
}

.carclose {
    cursor: pointer;
}

.carinfoimp {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}

.maincarcontent {
    position: relative;
    top: -36px;
}

/*support starts-----------*/
.supporthead {
    font-size: 21px;
    font-weight: 600;
    margin: 60px 0px 20px 0px;
}

.row.col-md-12.supportinfo {
    background: #dff1ff;
    padding: 24px 5px;
}

.row.col-md-12.assistance {
    border: 1px solid #d9d9d9;
    margin-top: 30px;
}

.ass {
    background: #0f314c;
    color: var(--color8);
    padding: 14px;
    border-radius: 5px;
}

.col-md-6.inpuut {
    text-align: center;
}

.inpuut div {
    position: relative;
    top: 17px;
    left: 100px;
}

.inpuut i.fa.fa-search {
    font-size: 18px;
    margin-right: 7px;
    color: #70b400;
    position: relative;
    top: 3px;
    border-radius: 8px;
    border: 3px solid #89ba17;
    padding: 7px;
}

.inpuut input {
    width: 60%;
    outline: none;
    border: 3px solid #81ba05;
    padding: 4px 13px;
    border-radius: 5px
}

img.pckic {
    height: 20px;
    width: 20px;
    margin-right: 7px;
    margin-top: -4px;
}

.supportm .col-md-3 {
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 20px 20px;
}

.col-md-12.optionsssupp {
    border-bottom: 1px solid #c9c9c9;
    padding: 15px 10px;
    display: flex;
    cursor: pointer;
}

    .col-md-12.optionsssupp:hover {
        background: #dff1ff;
    }

.browse {
    margin: 30px 0px;
    font-weight: 600;
    font-size: 16px;
}

.optionsssupp i {
    position: relative;
    top: 3px;
    margin-right: 9px;
}

.supportm .col-md-8 {
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-left: 36px;
    flex: 100%;
    max-width: 72%;
}

.chips .col-md-4 {
    box-shadow: 0px 0px 10px #e5e5e5;
    border-radius: 5px;
}

.suphe {
    margin: 37px 16px;
    font-weight: 600;
}

.chipscontent {
    margin: 19px 0px;
}

    .chipscontent div {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
    }

.inh {
    font-size: 12px !important;
    font-weight: 500;
}

.chips .col-md-3 {
    flex: 100%;
    max-width: 31%;
    cursor: pointer;
}

.row.col-md-12.chips {
    justify-content: space-between;
    margin: 0;
    margin-bottom: 24px;
}

.row.col-md-12.supportm {
    margin-bottom: 20px;
}

.nchip {
    border-radius: 5px;
    flex: 30% !important;
    max-width: 32% !important;
    padding: 30px 7px;
    border: 1px solid #e9e9e9;
}

.row.col-md-12.supportnchips {
    justify-content: space-between;
    margin: 20px 0px;
    padding: 0;
}

.col-md-12.shead {
    font-size: 11px;
    text-transform: uppercase;
}

.col-md-12.mhead {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0px;
}

.col-md-12.lhead {
    font-size: 11px;
    color: #81b902;
    font-weight: bold;
}

.row.col-md-12.qrcode {
    border: 1px solid #83be05;
    border-radius: 5px;
    margin-bottom: 29px;
    margin-left: 1px;
}

.download div {
    font-weight: 600;
    font-size: 19px;
    margin: 0px 0px 15px 0;
}

.sendm button {
    padding: 5px 21px;
    border-radius: 6px;
    background: #83be05;
    border: none;
}

.sendm input {
    padding: 4px 19px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    outline: none;
}

.col-md-12.addinf {
    font-size: 12px;
    margin: 19px 0px;
}

.row.col-md-8.supportmail {
    border-right: 1px solid #83be05 !important;
    margin: 10px 0px;
}

.coode div {
    font-weight: 600;
    text-align: center;
}

.coode {
    padding: 40px;
}

.chips .col-md-3 {
    padding: 0px 16px !important;
    box-shadow: 0px 0px 10px #d7d7d7;
}

.col-md-12.lhead {
    cursor: pointer;
}

span.img-border:after {
    /* padding-bottom: 84px; */
    content: "";
    background: url(http://zone.qtcmedia.com/html/images/shape.png) no-repeat center center;
    height: 15px;
    width: 100px;
    display: block;
    margin: 15px auto 25px;
}

.heading.pheading {
    padding: 40px 0px 16px;
}

.heading {
    padding: 16px 0px;
}

a.ft_rt {
    background-repeat: no-repeat;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    background: var(--color8);
    box-shadow: 0 3px 6px rgb(211 211 211 / 52%);
    border-radius: 6px;
    padding: 20px;
    justify-content: space-between;
    border: 1px dashed #eae8e8;
    margin: 5px 5px 5px;
    cursor: pointer;
    transition: all .5s ease;
    float: left;
    width: 21.3%;
    flex-grow: 0;
    flex-shrink: 0;
    user-select: none;
    float: left;
    list-style: none;
    position: relative;
    /* width: 295px; */
    width: 18.5%;
    margin-right: 10px;
    color: #3abee7;
    background-image: url(https://trendytraveldv.wpengine.com/wp-content/uploads/2014/06/ser-icon2.png);
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    /* width: 10px; */
}

    a.ft_rt:hover {
        box-shadow: 0 3px 6px rgb(151 151 151 / 94%);
    }

.origin_destination:before {
    content: " ";
    position: absolute;
    background-color: #23439a;
    padding: 3px;
    border-radius: 50%;
    top: 0;
    left: -4px;
}

.elip {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #333;
    height: 16px;
    font-weight: 600;
    vertical-align: top;
}

.time {
    margin: 5px 0 20px;
    font-weight: 600;
    font-size: 11px;
    width: 100%;
    color: #545556;
}

.origin_destination:after {
    content: " ";
    background-color: var(--color1);
    padding: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: -4px;
}

.price_go.dest {
    display: flex;
    flex-direction: row;
    padding-top: 30px;
    align-items: flex-end;
}

a.ft_rt:hover {
    color: #0056b3;
    text-decoration: none;
    color: unset;
}

p.low_price {
    font-weight: 700;
    font-size: 18px;
    display: flex;
    width: 100%;
    margin-bottom: 0px;
}


.flt_rowt div#nav-tab {
    text-align: center;
    justify-content: flex-end;
    justify-content: center;
    margin-bottom: 37px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--color8) !important;
    background-color: #3abee7 !important;
    border-color: #3abee7 #3abee7 #3abee7 !important;
}


.container.flt_rowt .nav-item {
    padding: 5px;
    color: white;
    border-radius: 24px;
    text-align: center;
    width: 117px;
    border: 1px solid var(--color3);
    margin: 0px 10px;
    background-color: var(--color3);
    font-size: 14px;
}

.container.flt_rowt .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.over {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
}

.container.containr {
    padding: 50px 34px;
}

img.point {
    vertical-align: inherit;
    width: 18px;
    margin-right: 10px;
}

.mid_nc {
    background-color: var(--color8);
    width: 74%;
    position: absolute;
    top: 31px;
    z-index: 10000;
    margin: auto;
    text-align: center;
    border-radius: 0px;
    width: 80%;
    margin: auto;
    background-color: white;
    box-shadow: 1px 1px 3px var(--color8);
    margin-bottom: 8px;
    box-shadow: 0 1px 7px 0 rgb(0 0 0 / 40%);
}

.bottm_nv {
    margin: auto;
    display: flex;
    justify-content: center;
}

#flt_result_pag .container {
    width: 100% !important;
    max-width: 1355px !important;
}

#flt_rest_tab .nav-tabs .nav-link.active,
#flt_rest_tab .nav-tabs .nav-item.show .nav-link {
    color: var(--color8) !important;
    background-color: #898587 !important;
    border-color: #898587 #898587 #898587 !important;
}

#htl_result .panel-body label {
    display: flex;
    padding-left: 0px;
    font-size: 12px;
}

#htl_result .panel-body.rating i.fa.fa-star {
    font-size: 14px !important;
}

#htl_result .panel-body.rating span {
    font-size: 12px;
}
#htl_result div#Ratings label {
    padding-left: 0px;
    display: inline-block;
}
div#divHotelSearch a.book_now {
    width: auto;
    display: inline-block;
    margin-top: 0px;
}
flight-result .h_txt p {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #3abee7 !important;
    display: block;
    margin-bottom: 1px;
}
flight-result .col-md-12.flt-rit > p > span > a {
    border-radius: 5px;
    color: var(--color8) !important;
    font-weight: 400 !important;
    background-color: var(--color3);
    padding-bottom: 4px !important;
    line-height: 20px !important;
    font-size: 13px;
    width: 103px;
    height: 22px;
    margin-bottom: 0px;
    padding: 5px;
    transition: .5s;
}
flight-result .col-md-12.flt-rit > p > span > a:hover {
    background-color: #ab2323;
    text-decoration: none;
}
p#btn_City {
    color: #7e7e7e !important;
    margin-top: -25px !important;
    /*margin-left: 252px;*/
}

.hotel_img p span {
    color: #727272;
    /* display: flex; */
    font-size: 12px;
    display: block;
    font-weight: 600;
    line-height: 17px;
}

.imoap input {
    font-size: 13px;
    border-color: #f5eded;
    padding: 5px;
    margin-top: 10px;
    box-shadow: none;
    background-color: #3abee71c;
    border: 1px solid #3abee752;
}

ul.cust_pro {
    padding-left: 4px;
    line-height: normal;
    padding-top: 4px;
    margin-bottom: 0px;
    color: red;
}

a.log,
a.sig {
    border: 2px solid white !important;
    font-weight: 600;
    background-color: #6a565600;
    color: var(--color8) !important;
    /* box-shadow: 1px 1px 11px 1px var(--color8)78; */
    border-radius: 19px !important;
    padding: 1px 10px !important;
}

a.free-app.wllet {
    border-radius: 3px !important;
}

a.india img {
    border: 0px solid white;
    border-radius: 50%;
    width: 25px;
}

img.rss {
    margin-left: 7px;
}
.navigation-box {
    top: .4rem;
    right: .8rem;
    width: 2rem;
    position: absolute;
}

.with_color {
    background-color: #898587 !important;
}

.badge-primary {
    color: var(--color8);
    background-color: #e91e63;
}

.badge-bg {
    color: var(--color8);
    background-color: #e91e63;
}
.font-weight-bold {
    font-weight: 700 !important;
    font-size: 14px;
}
.breaking-caret:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #898587;
    border-bottom: 20px solid transparent;
    position: absolute;
    right: -15px;
    top: 0;
}
span#btn_checkin,
span#btn_checkout {
    color: #a5a0a0;
    font-size: 12px;
}
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
.login-block {
    width: 100%;
}
.banner-sec {
    no-repeat left bottom;
    background-size: cover;
    min-height: 460px;
    border-radius: 0 10px 10px 0;
    padding: 0;
}
.carousel-caption {
    text-align: left;
    left: 5%;
}

.login-sec {
    position: relative;
    height: 450px;
    position: relative;
    box-shadow: 0 0 5px #c1c1c1;
}

    .login-sec .copy-text {
        position: absolute;
        width: 80%;
        bottom: 20px;
        font-size: 13px;
        text-align: center;
    }

        .login-sec .copy-text i {
            color: #FEB58A;
        }

    .login-sec img {
        width: 420px;
        height: 166px;
        margin: 12px 0px;
        border-radius: 11px
    }

    .login-sec .copy-text a {
        color: #E36262;
    }

    .login-sec h4 {
        font-size: 22px;
        color: #f20b4b;
    }

.btn-login {
    background: #DE6262;
    color: var(--color8);
    font-weight: 600;
}

.banner-text {
    width: 70%;
    position: absolute;
    bottom: 40px;
    padding-left: 20px;
}

    .banner-text h2 {
        color: var(--color8);
        font-weight: 600;
    }

        .banner-text h2:after {
            content: " ";
            width: 100px;
            height: 5px;
            background: var(--color8);
            display: block;
            margin-top: 20px;
            border-radius: 3px;
        }

    .banner-text p {
        color: var(--color8);
    }

.rooms_details2 {
    float: right;
}

.rooms_details1 .list {
    list-style: none;
    color: #7c7878;
    font-size: 15px;
}

.rooms_details2 .list {
    list-style: none;
    color: #7c7878;
    font-size: 15px;
}

    .rooms_details2 .list span {
        color: #ff196e;
    }

.galary_image {
    padding: 0 20px;
}

    .galary_image img {
        width: 115px;
        border-radius: 5px;
        margin-bottom: 22px;
    }

.refund {
    margin: 20px 17px;
}

    .refund p {
        font-size: 18px !important;
        font-size: 18px !important;
        color: #9f9f9f;
        font-weight: 600;
    }

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 14px;
    height: 0px
}

.blog .carousel-indicators .active {
    background: #707070;
}

.insurance {
    box-shadow: 0 0 5px #96989b;
    padding: 16px 18px;
    width: 257px;
    height: 73px;
    margin: 14px 0;
}

    .insurance p {
        display: block;
        padding-left: 20px;
        color: #747070;
    }

    .insurance i {
        color: #3abee7;
        padding-right: 10px;
        font-size: 15px;
    }
section#checkout_pag ol.carousel-indicators {
    display: none;
}

section#checkout_pag .col-md-12.trip-padding.cust_flt_trip strong {
    font-size: 13px;
    color: #4f5152;
}
section.breadcrumb-outer {
    background: url(http://wordpressboss.com/wb/travas-demo/assets/images/bg/video.jpg) no-repeat;
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 50px 0 0;
    height: 207px;
}

.section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}

.breadcrumb-content {
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

    .breadcrumb-content:before {
        position: absolute;
        content: '';
        height: 2px;
        background: var(--color8);
        width: 50px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
.breadcrumb-outer h2 {
    color: var(--color8);
    margin: 0;
    font-size: 36px;
    padding: 10px 0 5px;
}
.breadcrumb-outer h4 {
    margin-bottom: 10px;
    color: white;
    font-size: 19px;
}
.breadcrumb-content nav {
    display: inline-block;
}
.car_result .hotel {
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 20px #cccccc57;
    margin-bottom: 30px;
    padding: 0px;
    display: inline-block;
    width: 100%;
    border-radius: 0px;
}
.car-resu .hotel_img {
    border-radius: 0px;
}
.car-resu .hotel_img a img {
    height: auto;
}
.car-resu .destination-content {
    padding: 25px 20px 0px;
    position: relative;
    overflow: hidden;
}

.car-resu .destination-content h5, .car-resu .detail-content .destination-content h3 {
    color: #d60d45;
    margin-bottom: 0px;
}

    .car-resu .destination-content h6 {
        font-weight: 300;
        color: #666;
        display: inline;
        font-size: 12px;
    }

    .car-resu .destination-content h3 {
        margin-bottom: 10px;
        border-bottom: 1px dashed #f1f1f1;
        padding-bottom: 10px;
    }

.car-resu ul.list li {
    display: inline-block;
    padding-right: 10px;
    width: 49%;
    font-size: 13px;
    color: #818181;
}

    .car-resu ul.list li:before {
        content: '\f00c';
        font-family: fontawesome;
        padding-right: 3px;
    }

.car-resu p.package-days span {
    color: #d81e47;
}

.car-resu .destination-content .deal-rating {
    margin-bottom: 0;
}

.car-resu .hotel_price.cust_price_htl {
    padding: 0px 20px 25px;
}

.destination-content a {
    color: #d60d45;
    font-size: 17px;
    text-align: left;
    /* float: right; */
    width: 100%;
    display: block;
}

.car-resu p.package-days {
    font-size: 15px;
    margin-bottom: 0px;
    color: #565858;
}

.car-resu i.fa.fa-close {
    color: white;
}

.car-resu .hotel_price.cust_price_htl h3 {
    text-align: right;
    color: #4a4d4e;
    font-size: 25px;
    /* float: right; */
}


.row.k > div {
    -ms-flex: 0 0 25%;
    flex: 0 0 16.5% !important;
    max-width: 25%;
}

.row.k .travl_rw {
    flex: 0 0 16.666667% !important;
    max-width: 15.666667% !important;
}

.modifysearch.flt_modify .text_icon input,
.modifysearch.flt_modify .text_icon select {
    border: 1px solid #a79fa154;
    color: darkgrey;
}

.cust_modify_calender .text_icon.calanderboth {
    border: 1px solid #a79fa154;
}

.modifysearch.flt_modify .selected_box_top {
    border: 1px solid #a79fa154;
    font-size: 12px;
}

.breaking-box .carousel-item {
    line-height: 32px;
}

.breaking-box a.carousel-control-prev.text-primary,
.breaking-box a.carousel-control-next.text-primary {
    display: none;
}

.handler-loading {
    position: absolute;
    top: 16px;
    right: 30px;
    font-size: 18px;
    -webkit-animation: spin linear infinite 1s;
    -moz-animation: spin linear infinite 1s;
    -o-animation: spin linear infinite 1s;
    animation: spin linear infinite 1s;
}

input[type=text] + input[type=hidden] + .sugg-close {
    display: none;
}

input[type=text].sugg-x + input[type=hidden] + .sugg-close {
    display: inline;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #333;
    cursor: pointer;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 0;
        top: -2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider {
    background-color: var(--color2);
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.waiting:empty {
    width: 100%;
    height: 20px;
    margin-bottom: 2px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: waiting 1s infinite;
}

span.waiting {
    vertical-align: middle;
    display: inline-block;
}

.invalid-feedback {
    display: block;
}

@keyframes waiting {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

div#cust_one_round .calanderboth input:first-child {
    text-align: left;
}

.modifysearch > .row .col-md-4.col-sm-12.col-xs-12 .col-md-6.col-sm-6.col-xs-12.resp_full {
    padding-left: 0px;
}

.modifysearch > .row .col-md-4.col-sm-12.col-xs-12 {
    padding: 0px;
}

.modifysearch .searchdn i {
    top: 18px;
    color: #b1b0b0;
    left: 5px;
}

.modifysearch .searchdn.select-airline select {
    color: #7c7979;
    top: 0px;
}

.modifysearch .slider:before {
    background-color: #7c7979;
}

.modifysearch .slider {
    background-color: #7c797994;
}

.modifysearch .searchdn.direct-fliser {
    padding-top: 16px;
}

.modifysearch .searchdn .switch-text {
    top: 17px;
    color: #7c7979;
    font-size: 12px;
    padding: 0 !important;
    margin-left: 15px;
}
.country-code {
    text-align: left;
    padding: 0;
    padding-left: 15px;
    border-left: none;
    outline: none;
}
/*---thank u page*/
    .pink-strip > span {
        font-size: 17px;
        text-align: center;
        border-radius: 2pt;
        font-size: 9pt;
        color: var(--color8);
        border: 1pt solid #90868a;
        background-color: #90868a;
        margin-right: 6px;
    }

.ticket_inf li {
    font-size: 13px;
    color: #837e80;
    line-height: 31px;
}

ul.ticket_inf {
    padding-left: 20px;
}
p.booking-fee {
    font-size: 15px;
    font-weight: 600;
}
section.thank_u_ {
    position: relative;
    margin-bottom: 30px;
}
#cab-thanku .flt-ic {
    margin-top: 10px;
    margin-right: 10px;
    width: 100px;
    height: 80px;
}
section#htl_thanku .thank_tabl_rw p {
    border: 0px;
    padding: 4px 0px;
    font-size: 15px;
}
.thank_u_ hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgb(191 191 191 / 99%);
}
.top-header > p {
    margin-right: 0px !important;
}
.top-header ul li:last-child {
    margin-right: 0px;
}
.row.childs-row select {
    border: 1px solid gainsboro;
    height: 31px;
    border-radius: 3px;
}
.panel-body.rating i.fa.fa-star {
    font-size: 13px !important;
}
.panel-body.rating span {
    float: right;
    text-align: right;
    margin-left: 5px;
    font-size: 14px;
    color: #403e3e;
    font-weight: 600;
}
hotel-filter, flight-filter {
    font-size: 11px;
}
h2.headline a > span {
    margin-left: 10px;
}
.right_result > div:first-child {
    box-shadow: 0 0 5px 2px #d1d1d1;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px;
    border-radius: 5px;
}
    h3.namedetail a i {
        color: #ffe31a;
        font-size: 13px;
        vertical-align: super;
    }

.img_section {
    display: flex;
}
    .img_section img {
        width: 37px;
    }

a.nav-item.nav-link {
    color: white;
    font-size: 12px;
    font-weight: 500;
    background-color: #8b8a8a;
    margin-right: 3px;
}

.row.flight_popup {
    margin-top: 7px;
}
.baggage-style {
    font-size: 13px;
    padding: 6px 18px;
    border-radius: 27px;
    margin-bottom: 10px;
    border: 1px solid var(--color3);
    display: inline-block;
    background-color: var(--color3);
    font-weight: 700;
    color: #ffff;
}

    .baggage-style i {
        color: white !important;
        margin: 0px 8px;
    }

section#hotel_detail.baggage-style i.fa.fa-arrow-right {
    font-size: 12px;
    color: #8b8a8a !important;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

section#hotel_detail .next::before {
    content: '';
    width: 25px;
    height: 25px;
    background: #a7a7a700;
    position: absolute;
    border-radius: 50px;
}

section#hotel_detail span.pre.ar-right {
    z-index: 100000;
    display: inline-block;
    /* align-items: center; */
    /* cursor: pointer; */
    position: absolute;
    top: 49%;
    color: white;
    left: 6%;
}
section#hotel_detail .next {
    position: absolute;
    right: 8%;
    top: 50%;
    z-index: 100;
    color: var(--color8);
}
section#hotel_detail div#selectRoom > div:first-child {
    box-shadow: 0 0 5px #c1c1c100 !important;
}

mice input.form-control {
    margin-bottom: 7px;
    font-size: 14px;
}
mice textarea#message {
    font-size: 14px;
}
.canclsn-block th.size16px.bold.dark.text-center {
    /* border-bottom: 1px solid var(--color1); */
    padding: 5px;
    font-size: 17px !important;
}
[id*="PriceBreakup_"] td.Tr-item b {
    font-size: 16px !important;
}
[id*="PriceBreakup_"] td.Td-item {
    text-align: left !important;
}
    section#hotel_detail .collapsesv i {
        color: var(--color1);
        font-weight: 700;
        font-size: 14px;
    }
.alert-info {
    color: #212529 !important;
    background-color: #e3e7f3 !important;
    border-color: #ced4da !important;
}
hotel-details h2.headlinedetail a {
    font-size: 14px;
}
.leftabout.area_detail {
    overflow: hidden;
    height: 360px;
}

.Mapviewv p {
    padding: 8px;
    background-color: #f1f1f1;
    font-weight: 500;
    text-transform: capitalize;
}

div#Policies .panel-body {
    font-size: 14px;
    line-height: 33px;
    color: #706f6f;
}
div#Policies .panel-body {
    font-size: 14px;
    line-height: 33px;
    color: #706f6f;
}
.panel-body.rating span {
    margin-left: 5px;
    padding-top: 0px;
}
.modifysearch.flt_modify .text_icon input {
    font-weight: 200 !important;
    font-size: 13px !important;
}
.depretur {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 14px;
    color: #3abee7;
}

input#adt_exp_0_0 {
    background-color: white;
}
hotel-details .Hotelsresult.htl_detail_rslt button.showmrebtn {
    background-color: #90868a;
    margin-bottom: 9px;
    border-color: #a9b0a8;
    padding: 3px 10px;
}
hotel-details .row.col-md-10.icons-sec {
    margin-top: 10px;
    margin-bottom: 10px;
}

.paradeil p {
    color: #9f9d9d;
    line-height: 23px;
    font-size: 15px;
}

span.amenty_item {
    line-height: 31px;
}
checkout .hedpara h4 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
    color: black;
}

checkout .col-sm-4.from_col p {
    font-size: 12px !important;
}
.ui-menu .ui-menu-item li:hover {
    border-color: #7e7e7e !important;
    background-color: #7e7e7e !important;
}

flight-result section#flt_result_page .sort > div > div {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 19%;
    max-width: 25%;
}

    flight-result section#flt_result_page .sort > div > div:first-child {
        text-align: center;
        flex: 0 0 15%;
        /* max-width: 25%; */
    }

.flt_tabl {
    overflow-x: auto;
    overflow-y: hidden;
}

p.r {
    font-size: 15px;
}

#checkout_pag > div > div:nth-child(2) > div.col-md-4.col-sm-6 > div > div.col-md-12.FaredDetails_row > checkout-fare-details > div:nth-child(4) > div:nth-child(1) > p > span:nth-child(1) {
    font-size: 18px !important;
}

#checkout_pag > div > div:nth-child(2) > div.col-md-4.col-sm-6 > div > div.col-md-12.FaredDetails_row > checkout-fare-details > div:nth-child(4) > div:nth-child(1) > p > span:nth-child(3) {
    font-size: 21px !important;
}


table.ui-datepicker-calendar a.ui-state-default.ui-state-highlight {
    background-color: var(--color2)!important;
    border-color: var(--color2)!important;
    color:#ffff!important
}

table.ui-datepicker-calendar a.ui-state-hover {
    background-color: var(--color2)!important;
    border-color: var(--color2)!important;
}

.hedpara > .row > .col-md-10 > .row > .col-md-4.col-sm-6.col-xs-12 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}
.right_result .sort a {
    margin-right: 7px;
    font-size: 14px;
    color: white !important;
    font-weight: 500;
}
    hotel-result .sort > .row > div:last-child {
        position: absolute;
        flex: 0 0 19.333333%;
        max-width: 23.333333%;
        text-align: right;
        float: right;
        right: 24px;
    }
hotel-result .sort a i {
    margin-left: 6px;
}
cab-result .flt-rit h3.panel-title {
    font-size: 20px;
    padding: 10px;
    border-bottom: 0px solid #f4e6e6;
    padding-bottom: 0px;
}
flight-result .checkbox label {
    font-size: 13px;
    margin-bottom: 3px;
    font-weight: 500;
    color: #585858;
    margin-left: 12px;
}
flight-result .booking-item-address > span {
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #585858;
    margin-left: 1px;
}
flight-result .loop1 > .col-md-12 > .col-md-12 {
    padding: 0px;
}
.col-md-12.flt-top-toolbar > div {
    padding: 0px;
    flex: 0 0 50%;
    max-width: 50%;
}
flight-result .col-md-12.flt-top-toolbar {
    margin-bottom: 10px;
    justify-content: space-between;
    display: flex;
    padding: 8px 12px 7px 12px;
    background-color: rgb(255 255 255);
    box-shadow: 0 2px 9px 0 rgb(0 0 0 / 15%);
    margin-top: 20px;
}

flight-result span.seconds_new {
    display: block;
}
flight-result .col-md-2.found {
    font-weight: 500;
    font-size: 17px;
    color: #808090;
}
flight-result .col-md-2.found span {
    font-weight: 500;
    font-size: 16px !important;
    color: #3abee7;
}
flight-result button.myBtnn {
    font-size: 15px;
    border-color: #979797;
    padding: 7px 11px;
    background-color: #979797;
    margin-bottom: 10px;
    margin-right: 0px !important;
    margin-top: 0px !important;
}
.col-md-2.col-xs-2.sort_by {
    padding: 0px;
    background-color: transparent;
    color: white;
    font-size: 17px;
    border-left: 0px;
    vertical-align: unset;
    line-height: 32px;
}

col-md-12.flt-result-container hr {
    width: 103.4% !important;
}
.col-md-4.col-xs-4.new20 > .col-md-8 p {
    font-weight: 600;
    color: #303030;
    font-size: 12px;
}
hotel-filter div#Landmarksclick {
    margin-top: 41px;
}
hotel-filter .panel.panel-default {
    line-height: 23px;
    font-size: 14px;
}
span.fli-trvlDays {
    font-size: 10px;
    display: none;
}
flight-result flight-modify .itsflight.row > div {
    width: 50%;
    -ms-flex: 0 0 100%;
    flex: 0 0 18%;
    max-width: 25%;
}
flight-result .row.back_new1 {
    width: 100%;
}
flight-result .full_new1 {
    background-color: #7c7c7c;
    width: 100%;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) {
    -ms-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 20%;
    max-width: 30%;
    display: inline-block;
    padding: 5px;
    padding: 5px 2px;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}
flight-result .dropdown.bookingclass {
    height: 47px;
    background-color: white;
    font-size: 14px !important;
    color: #9f9f9f;
    width: 100%;
    border-radius: 8px;
}
flight-result .col-md-4.specific > select {
    height: 47px;
    background-color: white;
    font-size: 14px !important;
    color: #9f9f9f;
    width: 100%;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    width: 49%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}
flight-result #flt_modify > div > div > div > div > div:nth-child(2) > flight-modify > form > div > div:nth-child(3) > div {
    display: inline-block;
    width: 49%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}
flight-result #flt_modify .col-md-4.specific {
    padding: 0px !important;
    margin: 0px !important;
}
flight-result .col-md-4.specific > select {
    height: 47px;
    background-color: white;
    font-size: 14px !important;
    color: #9f9f9f;
    width: 100%;
}
flight-result button.modalclose {
    padding: 0px 5px;
    font-size: 21px;
    background-color: var(--color8)00;
    border-color: var(--color8);
    color: var(--color8);
    border-radius: 50%;
    border: 0px;
}
flight-result .row.back_new1 {
    border: 2px solid white;
    width: 100%;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px 1px #a5a5a5;
}
flight-result .col-md-12.non_stop label {
    color: white;
}
flight-result .col-md-12.non_stop {
    margin-top: 0px !important;
}
flight-result .full_new1 > div {
    padding: 0px;
}
button.flt_dtl i {
    margin-right: 2px;
}
.flight_popup_body.flight_fare_details > div:first-child {
    background-color: var(--color3)!important;
    color: white;
}
flight-detail-info .departure span {
    color: white;
}
.blueback {
    width: 100%;
    height: 500px;
    text-align: center;
    vertical-align: middle;
    background-color: var(--color8) !important;
}
.blueback .waiting {
    text-align: center;
    align-items: center;
    position: relative;
    top: -56px;
}
.blueback .waiting img {
    width: 46%;
    position: relative;
    top: 20%;
}
.blueback .waiting .text {
    font-weight: 600;
    font-size: 18px;
    color: #ed6a08;
}

/*Login Css*/
/* Full-width input fields */
#header_signin_tab input[type=text],
#header_signin_tab input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 13px;
}


/* Set a style for all buttons */
#header_signin_tab button {
    background-color: #04AA6D;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}


/* Extra styles for the cancel button */
#header_signin_tab .cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
#header_signin_tab .imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

#header_signin_tab img.avatar {
    width: 40%;
    border-radius: 50%;
}

#header_signin_tab .container {
    padding: 16px;
}

#header_signin_tab span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
#header_signin_tab .modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgb(32 33 36 / 73%);
}

/* Modal Content/Box */
#header_signin_tab .modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
#header_signin_tab .close {
    position: absolute;
    right: 2px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

    #header_signin_tab .close:hover,
    #header_signin_tab .close:focus {
        color: red;
        cursor: pointer;
    }

#header_signin_tab .bg {
    width: 100%;
    height: 100%;
    font-family: sans-serif;
    background-color: #00000000;
    color: #495057;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header_signin_tab .card {
    border: 0px;
    background-color: #5c5d5f;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 500px;
    height: 500px;
    box-shadow: 0.15s ease-in-out;
    perspective: 1000px;
    border-radius: 12px;
}

#header_signin_tab .inner-box {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 1s;
}

#header_signin_tab .card-front,
#header_signin_tab .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color8);
    /* background-image: linear-gradient(45deg, #3abee7 0%, var(--color8) 100%); */
    padding: 25px;
    box-sizing: border-box;
    backface-visibility: hidden;
    border-radius: 12px;
}

    #header_signin_tab .card-front > div p {
        display: inline-block;
        width: 50%;
        text-align: center;
    }

#header_signin_tab .card-back {
    transform: rotateY(180deg);
}

#header_signin_tab .card h2 {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    margin-bottom: 32px;
    color: #ed1760;
}

#header_signin_tab .input-box {
    color: #333;
    height: 40px;
    -moz-box-shadow: 0 2px 2px #cdcdcd;
    -webkit-box-shadow: 0 2px 2px #cdcdcd;
    box-shadow: 0 2px 2px #cdcdcd;
    border-radius: 3px;
    TEXT-ALIGN: LEFT;
    outline: none background: transparent;
    width: 100%;
    width: 100%;
    padding: 12px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#header_signin_tab ::placeholder {
    color: 100%;
    font-size: 12px;
}

#header_signin_tab button {
    width: auto;
    background: #858585;
    border: 1px solid #8f8f8f;
    /*margin: 20px 0 10px;*/
    height: 32px;
    font-size: 14px;
    border-radius: 4px;
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
    color: #ffff;
    cursor: pointer;
    font-weight: 500;
}

#header_signin_tab .submit-btn {
    position: relative;
    box-shadow: 0 11px 5px -6px #969696;
}

#header_signin_tab span {
    font-size: 13px;
    margin-left: 0px;
    color: red !important;
}

#header_signin_tab .card .btn {
    margin-top: 40px;
}

#header_signin_tab .card a {
    color: var(--color8);
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 13px;
    margin-top: 8px;
    color: #400023;
}

#header_signin_tab .card-front > div,
.card-back > div {
    background-color: var(--color8);
    border-radius: 51px;
    box-shadow: 0 1px 7px 0 rgb(0 0 0 / 30%);
    margin-bottom: 20px;
}

    #header_signin_tab .card-front > div p,
    .card-back > div p {
        display: inline-block;
        width: 50%;
        text-align: center;
        margin-bottom: 0px;
    }

        #header_signin_tab .card-front > div p:first-child {
            color: white;
            background-color: #ee1b62;
            border-radius: 21px;
            padding: 5px;
            box-shadow: 1px 1px 5px 2px #e5e1e1;
        }

#header_signin_tab .btn-card .btn {
    width: 48%;
    margin-top: 0px;
}

#header_signin_tab button.btn.active_bt {
    margin: 4px;
    background-color: #ed1760;
    border-radius: 31px;
    /* margin-bottom: 0px; */
    color: white;
    /* line-height: 43px; */
    /* padding: 12px; */
    height: 41px;
}

#header_signin_tab div#card label {
    margin-top: 5px;
    margin-bottom: 0px;
    color: #545454;
}

#header_signin_tab .log_main_section > h2 {
    margin: 0px;
    font-size: 28px;
    color: #ed1760;
    font-weight: 700;
}

#header_signin_tab .log_main_section > p {
    margin: 0px;
    font-size: 15px;
    color: var(--color8);
    font-weight: 400;
    width: 500px;
}

#header_signin_tab .btn-card i.fa.fa-user-circle {
    color: #eeeeee;
    text-align: center;
    margin: auto;
    font-size: 102px;
}

#header_signin_tab .submit-btn {
    margin-bottom: 9px;
    font-size: 18px;
    color: white;
    background-color: #7e7e7e;
    border-radius: 14px;
    position: relative;
    box-shadow: 0 11px 5px -6px #969696b0;
    margin-top: 0px;
    border-color: #7e7e7e;
    height: 39px;
    /* text-shadow: 0px 1px 10px white; */
    font-weight: 500;
    letter-spacing: .2px;
    margin-top: 8px;
}

#header_signin_tab .btn-card button:hover {
    background-color: var(--color8)00;
    border-color: #c1066a00;
    cursor: pointer;
}

/* Add Zoom Animation */
#header_signin_tab .animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

#header_signin_tab .media-buttons {
    margin: auto;
    text-align: center;
    padding-top: 39px;
    display: flex;
}

    #header_signin_tab .media-buttons img {
        margin: auto;
        display: block;
        width: 53%;
        height: 52px;
    }

    #header_signin_tab .media-buttons i {
        font-size: 35px;
        display: block;
        margin-right: 2px;
    }

    #header_signin_tab .media-buttons button {
        /* vertical-align: inherit; */
        font-weight: 600;
        text-transform: capitalize;
        margin: auto;
        display: block;
        width: 51%;
        height: 45px;
        text-align: center;
        border-radius: 3px;
        border: 2px solid #3b5998;
        color: #3b5998;
        font-size: 14px;
        text-align: right;
        display: flex;
        align-items: center;
        text-align: center;
        margin-bottom: 2px;
        margin: 1px;
    }

#header_signin_tab .btn-card button.submit-btn:hover {
    background-color: #999696 !important;
    border-color: #999696 !important;
    cursor: pointer;
}

#header_signin_tab button.btn.active_bt:hover {
    background-color: #ed1760 !important;
    border-color: #c1066a00 !important;
}

#header_signin_tab .btn-card button:hover {
    background-color: var(--color8)00 !important;
    border-color: #c1066a00 !important;
}

#header_signin_tab .media-buttons button.fb-btn:hover {
    color: white;
    background-color: #3b5998 !important;
}

#header_signin_tab .media-buttons span {
    display: block;
    width: 100%;
    font-size: 11px;
    margin-left: 0px;
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

flight-modify .selected_box_bottom > div > .col-5.col-md-5 {
    padding: 0px;
}
flight-modify .selected_box_bottom > div > .col-7.col-md-7 {
    padding-right: 0px;
}
.flt_bk :hover {
    background-color: var(--color2) !important;
    border-color: var(--color2) !important;
}
.flt_bk button:hover {
    background-color: #90868a00;
    border-color: #c1066a00;
    cursor: pointer;
}
.waiting {
    font-weight: 500;
    text-align: center;
    margin-bottom: 18px;
}
flight-segment-template .fli-time-section1, flight-segment-template .fli-time-section {
    display: inline-block;
    padding-top: 0px;
}

#fli-duration {
    text-align: center;
}
div#dvInbound > div:last-child p {
    font-size: 13px !important;
    text-align: left !important;
    font-weight: 600;
}

.sidenav-content {
    text-align: center;
}

    .sidenav-content h2 {
        font-size: 32px;
        font-weight: 600;
        color: #f7115f;
        margin-bottom: 42px;
    }

ul.user_tab_links.ar-right {
    /* display: flex; */
    /* justify-content: center; */
    list-style: none;
    background-color: var(--color8);
    display: inline-block;
    /*box-shadow: 1px 1px 4px #c9d1c9;*/
    padding: 10px;
    border-radius: 73px;
}

    ul.user_tab_links.ar-right li a {
        margin-top: 21px;
        background-color: var(--color8);
        margin: 5px;
        color: #7e7e7e;
        padding: 7px 40px;
        border-radius: 25px;
        font-size: 17px;
        letter-spacing: .2px;
        border: 3px solid #7e7e7e;
        font-weight: 600;
        margin-top: 31px;
        text-decoration: none;
    }

.modal-body i.fa.fa-close {
    background-color: #7e7e7e;
    color: white;
    font-size: 20px;
    border-radius: 50%;
    padding: 3px 5px;
    cursor: pointer;
    line-height: 21px;
}

span.span-or {
    font-size: 21px !important;
    color: #7e7e7e;
}

div#header_signin_tab a#forgot_pw {
    color: var(--color3);
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .0px;
}

div#header_signin_tab .sidenav-content h2 {
    font-size: 32px;
    font-weight: 600;
    color: #f7115f;
    margin-bottom: 42px;
    display: none;
}

div#header_signin_tab li.active a {
    background-color: #df1b5d !important;
    color: white !important;
    border-color: #df1b5d !important;
}

.modal-body > a {
    float: right;
}

div#header_signin_tab img {
    display: inline-block;
    margin-top: 8px;
    width: 14%;
    height: 41px;
    padding-right: 3px;
}

.modal-body i.fa.fa-close {
    background-color: #df1b5d;
    color: white;
    font-size: 18px;
    border-radius: 50%;
    padding: 2px 5px;
    cursor: pointer;
    line-height: 21px;
}
.form-group.mail_id_sign {
    margin-bottom: 0px;
}
.modal-body {
    padding-top: 28px;
}
div#header_signup_tab input,
div#header_signup_tab select {
    background-color: var(--color8);
    margin-bottom: 14px;
}
div#header_signup_tab .form-group {
    margin-bottom: 0px !important;
}
.row.sgnuptitle > div {
    padding-right: 0px;
}
.row.sgnuptitle > div:last-child {
    padding-right: 15px;
}
button.submit-btn {
    width: 100%;
    margin-bottom: 9px;
    font-size: 18px;
    color: white;
    background-color: #7e7e7e;
    border-radius: 14px;
    position: relative;
    box-shadow: 0 11px 5px -6px #969696b0;
    margin-top: 0px;
    border-color: #7e7e7e;
    height: 39px;
    font-weight: 500;
    letter-spacing: .2px;
    margin-top: 8px;
}
ul.user_tab_links.ar-right li {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 2px;
}
.sidenav-content li.active a {
    background-color: rebeccapurple;
    background-color: #df1b5d !important;
    border-color: #df1b5d !important;
    color: white !important;
}
.row.imgrw img {
    width: 39px;
    margin: 9px;
}
#header_signin_tab input::placeholder {
    font-size: 16px;
}
.sidenav-content h2 {
    display: none;
}
div#header_signin_tab {
    padding: 0px 20px;
    margin-left: 5px;
}
div#header_signup_tab {
    padding: 20px 40px;
}

    div#header_signup_tab input,
    div#header_signup_tab select {
        background-color: #ffff;
        margin-bottom: 14px;
        width: 100%;
        padding: 8px 17px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-size: 16px;
        height: 40px;
    }

div#loginBlock .modal-body i.fa.fa-close {
    background-color: var(--color3);
    color: white;
    font-size: 18px;
    border-radius: 50%;
    padding: 2px 5px;
    cursor: pointer;
    line-height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
}
div#cms .inf-pages strong {
    line-height: 63px;
    color: var(--color3);
    border-bottom: 1px solid;
    margin-bottom: 17px;
}
div#loginBlock .modal-body {
    padding-top: 30px;
}

.flight_chevron.col-md-3 > button {
    font-weight: 500;
    border-radius: 20px;
    background-color: #747070;
    border-color: #747070;
    color: #000000 !important;
    padding: 5px 10px;
    margin-bottom: 0px;
    font-size: 13px;
    width: 169px;
}

ul.user_tab_links.ar-right {
    background-color: var(--color8);
    display: inline-block;
    box-shadow: 1px 1px 4px #c9d1c9;
    padding: 15px 12px;
    border-radius: 73px;
}
ul.user_tab_links.ar-right li:last-child {
    margin-right: 0px;
}
ul.user_tab_links.ar-right li {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 2px;
    margin-right: 49px;
}
.modal-backdrop {
    opacity: 0.6 !important;
}
.ngerror {
    color: white;
    font-size: 11px;
    font-weight: 300;
}
.sesion-expire {
    width: 500px;
    margin: 0 auto;
    padding: 40px 50px 50px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.45);
    margin-bottom: 15px;
    position: fixed;
    z-index: 9999;
    background: #ffff;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 5px;
}
.sesion-expire.checkout {
    transform: translate(80%, 30%);
}
.sesion-expire h3 {
    color: #555251;
    margin-top: 0;
}
.sesion-expire i {
    font-size: 15px;
    color: #002383;
    vertical-align: middle;
    margin: 0 2px;
}
    .sesion-expire h4 {
        font-size: 14px;
    }
    .sesion-expire h5 {
        line-height: 1.4;
        margin: 15px 0 10px;
        color: #2e2e2e !important;
        font-size: 14px;
    }
.sesion-expire a {
    margin: 0px 7px 0;
}
.alert-modal .modal-content {
    transform: translate(0, 30vh);
    box-shadow: none !important;
    border: 0;
    outline: none !important;
}
.alert-content {
    text-align: center;
    padding: 20px;
}
.alert-content .alert-icon {
    font-size: 50px;
}
.alert-content .alert-msg {
    margin: 10px 0 20px;
}
@keyframes zoomin {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}
flight-fare-rules .panel-body ul {
    list-style: none;
}
checkout-itinerary-details .depretur {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 14px;
    color: var(--color1);
}
.lowest-price-grn b {
    font-size: 15px;
}

.row.imgrw {
    margin-top: 80px;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75;
    background-color: transparent !important;
}
#checkout_pag > div > div:nth-child(2) > div.col-md-4.col-sm-6 {
    padding-left: 0px;
}
.paymentsec {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 12px;
}
.user-layout-nav nav {
    justify-content: right;
    background: #02609d;
    color: var(--color8);
    padding-right: 7%;
}

.user-layout-nav.nav.nav-tabs li a i {
    margin-right: 9px;
}
ul.user-layout-nav.nav i {
    margin-right: 9px;
}
user-profille > div:nth-child(1) > form > div > div:nth-child(1) > div:nth-child(10) > div:nth-child(2) {
    text-align: right;
}
ul.user-layout-nav.nav {
    display: flex;
    justify-content: space-around;
    border: 1px solid var(--color3);
    background: var(--color3);
    margin-top: 12px
}
.col-md-3.width_22.ar-right.user-tab {
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 89px;
    color: white;
    padding-left: 0px;
    padding-right: 0px;
}
.bottom-header ul li a {
    padding: 0px 7px;
    text-align: center;
    color: #1A1B1E;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-radius: 5px;
}
user-booking-list a.btn.btn-danger.bok-btn, user-booking-list button.btn.btn-primary {
    font-size: 13px;
}
user-wallet button.btn.btn-danger {
    font-size: 13px;
}
user-booking-list li.ar-right a {
    color: white;
    background-color: var(--color1);
    padding: 8px 24px;
    font-size: 13px;
    margin-right: 10px;
    border-radius: 3px 3px 0px 0px;
}
user-booking-list .nav-tabs {
    line-height: 33px;
    border-bottom: 1px solid #dee2e6;
}
div#loginBlock .modal-content {
    background: #d4e0ff;
    border: none !important;
}
#loginBlock .modal-dialog {
    max-width: 60%;
}
div#header_signup_tab {
    padding: 0px 0px 0px 15px;
    border-left: 1px solid gainsboro;
    text-align: left;
}
.loginopens h4, div#header_signup_tab h4, div#header_forgotpassword_tab h3 {
    font-weight: 600;
    text-align: left;
    font-size: 17px;
    margin-bottom: 26px;
    color: var(--color1);
}
.loginopens {
    text-align: left;
}
.loginopens h5, .loginopens input, div#header_signup_tab h5, div#header_signup_tab input, div#header_signup_tab select {
    font-size: 13px;
    margin-bottom: 0px;
}
.form-group.pswrd_sign p {
    color: black;
}
.travelpoint {
    padding-top: 0px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}
select.form-control.ar-right.country-code {
    width: 19% !important;
}
select.form-control.ar-right.country-code {
    width: 20% !important;
    border-left: 0px !important;
}
p.ratemayapply > input {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
}
p.ratemayapply {
    padding: 10px 15px 0px;
    margin-bottom: px;
    font-size: 15px;
    padding-top: 48px;
    font-size: 13px;
    /* line-height: 24px; */

    font-weight: 500;
}

input.remcheck {
    width: auto !important;
    height: auto !important;
    /* margin-right: 10px; */
}

#header_signup_tab > form > div > div:nth-child(5) p {
    font-size: 13px;
    margin-left: 6px;
    font-weight: 500;
}

.form-group.pswrd_sign p {
    font-size: 13px;
    font-weight: 500;
}

.col-md-4.loggedin {
    padding-left: 0px;
}

div#header_forgotpassword_tab i {
    color: #858585 !important;
    font-size: 13px;
    text-align: left !important;
    font-weight: 500;
}

.travelpoint p {
    display: inline-flex;
    align-items: baseline;
}

    .travelpoint p span {
        text-align: left;
        margin-right: 10px;
    }
.user-profile-form span.fa.fa-fw.fa-eye.toggle-password-icon.toggle-password {
    position: absolute;
    top: 40px;
    text-align: right;
    right: 30px;
}
#center_loader .icon {
    height: 180px;
    font-size: 5rem;
    transform: scale(1);
    background-color: var(--color8) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: loaderSize 2.5s infinite ease-in-out, loaderColor 7.5s infinite ease-in-out;
    color: #9356DC;
    border-radius: 100%;
    width: 180px;
    border: 3px solid #172d6a;
    padding-right: 8px;
}
.circular {
    height: 100px;
    width: 100px;
    position: relative;
    transform: scale(0.8);
    margin: auto;
}
    .circular .inner {
        position: absolute;
        z-index: 6;
        top: 50%;
        left: 50%;
        height: 80px;
        width: 80px;
        margin: -40px 0 0 -40px;
        background: var(--color8);
        border-radius: 100%;
    }

    .circular .number {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 22px;
        font-weight: 800;
        color: #3abee7;
    }

    .circular .bar {
        position: absolute;
        height: 100%;
        width: 100%;
        background: var(--color8);
        -webkit-border-radius: 100%;
        clip: rect(0px, 100px, 100px, 50px);
    }
.circle .right {
    transform: rotate(180deg);
    z-index: 3;
}
.waiting_data i {
    font-size: 18px;
    padding-top: 10px;
    color: white;
}
h3.thumb-title {
    font-size: 18px;
    color: #ffff;
    font-weight: 600;
}
.thumb-title {
    letter-spacing: .5px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #ffff;
    line-height: 20px;
}
.circle .bar .progress {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 100%;
    clip: rect(0px, 50px, 100px, 0px);
    background: #3abee7;
}
.circle .left .progress {
    z-index: 1;
    animation: left 4s linear both;
}
@keyframes left {
    100% {
        transform: rotate(180deg);
    }
}

.circle .right {
    transform: rotate(180deg);
    z-index: 3;
}
.circle .right .progress {
    animation: right 80s linear both;
    animation-delay: 4s;
}

@keyframes right {
    100% {
        transform: rotate(180deg);
    }
}

@keyframes loaderCircle {
}

@keyframes loaderSize {
    0% {
        transform: scale(1) rotate(0);
    }

    16% {
        transform: scale(0) rotate(0);
    }

    50% {
        transform: scale(1) rotate(0);
    }

    80% {
        transform: scale(1) rotate(360deg);
    }

    100% {
        transform: scale(1) rotate(360deg);
    }
}

@keyframes loaderColor {
    5% {
        color: #9356DC;
    }

    10% {
        color: #FF79DA;
    }

    39% {
        color: #FF79DA;
    }

    40% {
        color: #99E2D0;
    }

    70% {
        color: #99E2D0;
    }

    80% {
        color: #9356DC;
    }

    100% {
        color: #9356DC;
    }
}
hotel-result .container.page-margin .wrapper {
    float: none !important;
}
.musdowncont .col-6.col-md-6.text-right > del {
    width: 100%;
    display: block;
}
checkout p.ratemayapply {
    padding-top: 0px;
}
checkout .input-group.full_width.flight-country-flag input {
    border-radius: 0px 3px 4px 0px !important;
}
modal-alert a.btn_1.outline.selectRoom {
    BORDER-RADIUS: 4PX;
    color: var(--color8);
    background-color: #3abee7;
    border-color: #3abee7;
    padding: 0.375rem 0.75rem;
}
modal-alert a.btn.btn-danger.bok-btn {
    padding: 0.375rem 0.75rem;
    HEIGHT: 34PX;
    LINE-HEIGHT: 19PX;
    width: 60px;
    margin-top: 15px;
}
p.rstt {
    text-align: right;
    padding-right: 10px;
    font-size: 17px;
    color: #3abee7;
    font-weight: 600;
    margin-bottom: 0px;
}
.hotel-filter i.fa.fa-minus.pull-right {
    display: none;
}

flight-search .selected_box_top.search-trav i {
    margin-right: 5px;
}
user-family-member button.search-btn {
    PADDING: 4PX 10PX;
}
hotel-search-control input.qtyminus {
    color: white !important;
}
flight-modify .col-md-4.fare_type, flight-modify .col-md-4.specific {
    padding: 0px 2px;
    display: inline-block;
    flex: 0 0 48.333333%;
    max-width: 48.333333%;
}
flight-result .col-md-12.mainsearch {
    padding-left: 12px;
}
flight-result .col-md-12.non_stop {
    font-weight: 600 !important;
    color: #3abee7;
}
flight-result .col-md-12.non_stop label {
    color: var(--color8) !important;
    font-weight: 600 !important;
}
table.ui-datepicker-calendar a.ui-state-default.ui-state-active {
    border-color: #cb3535 !important;
    background-color: var(--color2) !important;
    color: white !important;
}
filter-template flight-filter-time ul {
    list-style: none;
}
filter-template i.fa.fa-angle-down {
    display: none;
}
flight-filter-time label {
    display: inline-block;
    margin-left: 10px;
}
flight-filter-time label img {
    width: 20px;
    vertical-align: bottom;
    margin: auto;
    display: block;
    margin-bottom: 7px !important;
}
p.assoct-dtal {
    margin: 0;
}
p.assoct-dtal a {
    font-weight: 500;
    color: var(--color2)!important;
    font-size: 16px;
    cursor: pointer;
}
.row.custtt_row > .col-12.col-sm-4 {
    padding: 0px;
}

.flt_mod {
    padding-top: 0px;
}
.flt_mod a.btn.btn-primary i {
    text-align: left;
    width: 100%;
    background-color: var(--color3);
    border-color: var(--color3);
    font-size: 15px;
    margin-top: 10px;
}
.flt_mod a.btn.btn-primary .chng-search {
    text-transform: capitalize;
    border: 0px solid white;
    color: white;
    float: right;
    background-color: #3abee700;
    padding: 0px 19px;
    font-size: 16px;
    border-radius: 3px;
    line-height: 21px;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #ffff;
    background-color: #a1a1a1 !important;
    border-color: #a1a1a1 !important;
}
.btn-danger {
    color: #ffff;
    background-color: var(--color2);
    border-color: var(--color2);
}
.flt_mod .card.card-body {
    margin-bottom: 9px;
    border: 0px;
    padding: 0px;
    box-shadow: 0 0 5px #c1c1c1;
}
.flt_mod {
    margin-bottom: 6px;
    background-color: red;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 36%);
    margin-top: 25px;
    padding-left: -2px;
}
.flt_mod .card.card-body {
    margin-bottom: 9px;
    border: 0px !important;
    padding: 0px;
    box-shadow: 0 0 5px #c1c1c1;
    border-top: 0px !important;
}
.flt_mod > p {
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: top;
}
.loading > img {
    width: 43%;
}
flight-fare-rules table {
    width: 100%;
}
flight-fare-rules table td {
    color: #242121;
    padding: 5px;
    font-size: 14px !important;
}
hotel-modify-component input.qtyminus, hotel-modify-component input.qtyplus {
    font-size: 17px;
    font-weight: 600;
    background: var(--color1) !important;
    color: var(--color8) !important;
}
div#PriceBreakup_AX1\.4 {
    box-shadow: 1px 0px 3px #acafac;
    border: 0px solid gainsboro;
    padding: 7px;
    margin: 5px;
    border-radius: 2px;
}
div#divHotelSearch input#myinput::placeholder {
    color: #959394 !important;
}
hotel-modify-component .selected_box_bottom .plus_minus_box input.qtyminus {
    color: var(--color8) !important;
}
[id*="PriceBreakup_"] {
    background-color: #e3e7f3;
    padding: 5px;
    border: 1px solid #ced4da;
    width: 100%;
    overflow-x: auto;
    border-radius: 3px;
}
[id*="PriceBreakup_"] table.Table-item.tbl-price-breakup {
    width: 100%;
}
[id*="PriceBreakup_"] > table > tbody > tr:nth-child(1) > td > table > thead > tr:nth-child(1) > td:nth-child(2) {
    text-align: right;
}
[id*="PriceBreakup_"] > table > tbody > tr:nth-child(1) > td > table > thead > tr:nth-child(1) > td:nth-child(2) p {
    font-size: 11px !important;
}
[id*="PriceBreakup_"] td.Td-item {
    min-width: 134px !important;
}
[id*="PriceBreakup_"] table.Table-item {
    width: 100%;
}
checkout-itinerary-details .leftchecktop > div:nth-child(1) > div:nth-child(1) {
    padding-right: 0px;
}
.full-map {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}
.full-map .toolbar {
    background-color: var(--color8);
    box-shadow: 0px 1px 0px 0px rgb(0 11 38 / 12%);
    height: 3rem;
    -webkit-padding-end: 0.75rem;
    padding-inline-end: 0.75rem;
    position: relative;
    z-index: 200;
    display: flex;
    align-items: center;
    top: 98px;
}
.full-map .toolbar .toolbar-button {
    background-color: transparent;
    height: 3rem;
    padding: 0 0.75rem;
    flex-shrink: 0;
    border: 0;
    color: #02609d;
}
.full-map .toolbar .toolbar-button svg {
    fill: #3662D8;
    height: 1.5rem;
    width: 1.5rem;
}
.full-map .toolbar .toolbar-title {
    color: #141D38;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    flex-grow: 1;
    margin: 0;
}
.full-map .map-content iframe {
    height: calc(100% - 48px) !important;
    position: absolute;
    top: 134px;
}
flight-search .row.searchdns .col-md-2 > label {
    display: none;
}
flight-search-control .selected_box_top {
    font-size: 15px;
    color: #b9b9b9;
    cursor: pointer;
}
.cust_htl-modify input::placeholder {
    color: white;
}
hotel-modify-component .row.searchdns select {
    color: #ffff !important;
}

modal-alert .sesion-expire a {
    margin-bottom: 17px !important;
}

hotel_detail hotel-detail-modify .headofcheck {
    line-height: 21px;
    width: 81%;
}
.waiting_page footer {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 25px 0;
    background-color: #181818;
    height: 503px !important;
}
/*Shivani*/
flight-search .control_tab.tab_AIR > div#cust_one_round > div:nth-child(1) > div > div:nth-child(3) > .text_icon.calanderboth {
    padding-left: 10px;
}
i.fa.fa-star.form-control-icon {
    position: absolute;
    top: 20px;
    left: 11px;
    font-size: 18px;
    z-index: 1;
}
div#bodyContent {
    padding-left: 16px;
}
.text_icon.map-marker {
    display: flex;
    background: white;
}
.ngerror {
    top: 48px;
    right: 0;
    left: 0;
}
p.ast-ash > div > b {
    font-size: 12px;
    margin-left: 77px;
}
.rtp-check .ngerror {
    position: absolute;
    top: 48px;
    right: 0;
    left: 0;
}
hotel-result .container.page-margin > p {
    margin-bottom: 0px;
}
hotel-result .card.card-body {
    padding: 0px;
    margin-bottom: 10px;
}
hotel-result .container.page-margin > p {
    margin-bottom: 0px;
    margin-bottom: 10px;
    font-size: 6px;
}
input#hotelname {
    border: none;
}
input#hotelname::placeholder {
    color: var(--color10);
}
flight-search .text_icon.calanderboth > input {
    line-height: 3px;
    border-color: transparent;
    padding: 2px;
    border-radius: 5px;
}
.text_icon.calanderboth > span {
    padding: 0px 5px;
    color: #000;
    line-height: 42px;
    opacity: 1;
}
hotel-modify-component .text_icon.calanderboth > input {
    padding: 5px;
    background-color: var(--color8)00;
}
hotel-modify-component .text_icon.calanderboth {
    background-color: white;
    border: 1px solid #a7a7a7;
}
hotel-result .cust_htl-modify .searchdn i.fa.fa-building {
    color: #ffff;
}
hotel-modify-component .cust_htl-modify input {
    border: 0px solid #a7a7a7;
}
hotel-detail-modify .leftdetails select {
    height: 37px;
    border-radius: 3px;
    width: 45px;
    outline: none;
    border: none;
    margin-left: 5px;
    font-size: 14px;
}
hotel-detail-modify .row.col-md-12.adult-child.m-0.p-0 > DIV {
    padding-left: 0;
}
hotel-detail-modify form > .container-fluid > .row > .col-md-2 .headofcheck {
    left: -1px !important;
}
hotel-detail-modify .col-md-1.p-0 {
    display: flex;
    align-items: center;
}
input#htlName::placeholder {
    color: var(--color8);
}
#checkout_pag > div > div:nth-child(2) > div.col-md-8.col-sm-8 {
    flex: 0 0 63.666667%;
    max-width: 63.666667%;
}
#checkout_pag > div > div:nth-child(2) > div.col-md-4.col-sm-6 {
    padding-left: 0px;
    flex: 0 0 36.333333%;
    max-width: 40.333333%;
}
user-booking-list .nav-tabs {
    line-height: 40px;
    border-bottom: 1px solid #dee2e6;
    position: relative;
}
user-booking-list .nav-tabs > li:last-child i {
    color: red;
    position: absolute;
    top: 31%;
    right: 6px;
}
user-booking-list .nav-tabs > li:last-child {
    position: absolute;
    right: 0px;
    bottom: 6px;
}
user-booking-list .nav-tabs > li:last-child input {
    padding: 5px 8px;
    border: 1px solid gainsboro;
    border-radius: 42px;
}
checkout-itinerary-details .checkout-multiairline {
    height: 60px;
    width: 60px;
}
div#cms {
    margin: 0px auto;
    width: 100%
}
.inf-pages {
    padding: 38px 52px;
}
span#trme {
    background-color: #3abee7;
    width: 370px;
    height: 2px;
    display: block;
}
span#trm {
    background-color: #3abee7;
    width: 260px;
    height: 2px;
    display: block;
}
i.fa.fa-search.search-sugg-icon.pacaksearchicon {
    background-color: var(--color2);
    color: white;
    text-align: center;
    width: 8% !important;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    border-radius: 0px 5px 5px 0px;
}
package-search .text_icon.d-flex > input {
    border-radius: 5px 0px 0px 5px;
}
input.pacaksearch {
    width: 91% !important;
}
.packnam span, .packnam li {
    margin-bottom: 7px;
    margin-right: 10px;
    background-color: #3abee7;
    color: white;
    padding: 8px;
    line-height: 21px;
    display: inline-block;
    width: AUTO;
    text-align: center;
    border-radius: 4px;
    margin-top: 7px;
    cursor: pointer;
    font-size: 15px;
}
package-result > DIV {
    MARGIN-TOP: 41PX;
}
package-result-temp h2.headline {
    MARGIN-TOP: 8PX;
    FONT-SIZE: 15PX;
    font-weight: 600;
    line-height: 26px;
}
pacakge-details .acti-border h5 {
    font-size: 15px;
    margin-bottom: 0px;
}
pacakge-details span.icons.fa.fa-long-arrow-right {
    vertical-align: text-bottom;
}
pacakge-details .acti-border h3 {
    font-size: 16px;
}
pacakge-details h3.namedetail {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
}
package-search ul {
    list-style: none;
}
package-search ul li a {
    cursor: pointer;
    background-color: var(--color1);
    color: white !important;
    margin-top: 10px;
    font-size: 15px;
    padding: 5px;
    border-radius: 4px;
}
package-search ul li {
    margin: 10px 0px;
}
user-booking-list .nav-tabs > li > .active {
    background: var(--color3);
}
pacakge-details input.qtyminus {
    position: absolute;
    margin-top: 0px;
    width: 18%;
    height: 35px;
    border-radius: 5px 0px 0px 5px;
    border: none;
    color: #575555 !important;
    background-color: #f5f5f5 !important;
}
pacakge-details input.qtyplus {
    position: absolute;
    margin-top: 0px;
    width: 20%;
    height: 35px;
    border-radius: 0px 5px 5px 0px;
    border-color: #e5165a;
    color: var(--color8) !important;
}
pacakge-details .plus_minus_box input[type="text"] {
    height: 35px !important;
    outline: none;
    padding-left: 29px;
    background-color: #ffff !important;
}
pacakge-details .ctn button.btn.btn-primary {
    margin-left: 20px;
}
pkg-thankyou .thanu_top {
    padding: 20px 0px;
    min-height: 0px;
}
pkg-thankyou .flt-bk-info {
    margin-left: 10px !important;
}
pkg-thankyou span.duration {
    margin-top: 2px;
}
pkg-thankyou span.duration b {
    font-size: 14px;
    padding-right: 3px;
}
pkg-thankyou p.htl_bk_description {
    display: inline-block;
    font-size: 14px;
    padding-left: 0px;
    width: 50%;
    text-align: end;
}
pkg-thankyou p.info {
    font-weight: 700;
    font-size: 15px;
}
pkg-thankyou .travel_info_price p.htl_bk_description:nth-child(4) {
    padding-left: 27px !important;
}
pkg-thankyou h4 {
    padding-left: 0px;
    padding-top: 13px;
}
pkg-thankyou .pri_rit {
    padding-right: 0px;
}
pacakge-details #hotel_detail > DIV {
    margin-top: 41px !important;
}
pacakge-details #calendar button.btn.btn-sm.btn-primary {
    white-space: nowrap;
    line-height: 0px;
    font-size: 16px;
    height: 32px !important;
    width: 75%;
}
pacakge-details p.category-text {
    background-color: var(--color1);
}
pacakge-details .ctn button.btn.btn-primary {
    background-color: #3abee7;
    border: 1px solid #3abee7;
    margin-top: 5px;
    margin-right: 105px;
}
pacakge-details .plus_minus_box {
    border: 1px solid gainsboro;
    border-radius: 5px;
    margin: auto;
    background-color: var(--color8) !important;
}
#price input.qtyplus {
    color: #575555 !important;
    margin-left: -13px;
    background-color: #f5f5f5 !important;
    border: none;
    width: 18% !important;
}
pkg-thankyou .travel-inf .col-md-12 {
    padding: 0px;
}
pkg-thankyou p.pri_rit.totl {
    padding-right: 0px !important;
}
pkg-thankyou p.totl {
    padding-right: 0px !important;
}
.flt-bk-info-airdetl {
    margin-top: 40px;
    position: relative;
    left: -89px;
}
.flt-bk-info-airdetl > .arl-name {
    margin-bottom: 24px;
}
.flt-bk-info-airdetl > .arl-name:last-child {
    margin-bottom: 0;
}
thankyou img:last-child {
    margin-top: 5px !important;
}
thankyou #thank_you .flt-bk-info-airdetl {
    left: 12px;
    font-size: 14px;
    margin-top: 23px !important;
}
.contact-wrapper {
    border: 2px solid var(--color10);
    padding: 20px;
}
.contact-wrapper .contact-form > input {
    margin-bottom: 12px;
}
.contact-wrapper .contact-submit > button[type="submit"] {
    background: #3abee7;
    color: #ffff;
    margin-top: 10px;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}
.contact-wrapper .contact-submit > button[type="submit"] .fa-long-arrow-right {
    margin-left: 5px;
}
hotel-result #Landmarks {
    overflow-y: auto;
}
hotel-details .sec-1 .htmd-btn {
    background: var(--color3);
    color: var(--color8);
    font-size: 13px;
    padding: 5px;
    border-radius: 3px;
    text-decoration: none;
    white-space: nowrap;
}
#hotel_detail .hotel_price p .text-danger {
    color: #dc3545 !important;
}
.user-profile-form label span {
    color: #3abee7 !important;
}
user-change-password button.btn.btn-danger {
    background-color: #3abee7;
    border-color: #3abee7;
}
user-booking-list table.table.table-bordered thead tr:nth-child(1) {
    background-color: var(--color1) !important;
}
a.btn.btn-sm.btn-danger:hover {
    color: #ffff;
    background-color: var(--color2);
    border-color: var(--color2);
}
modal-alert a.btn.btn-danger.bok-btn:hover {
    background-color: var(--color2) !important;
    border-color: var(--color2) !important;
}
.btn-danger:hover {
    color: #ffff;
    background-color: #ab0909;
    border-color: #ab0909;
}
flight-result flight-modify .col-md-12.mainsearch.ric > div:nth-child(3) {
    max-width: 16.5% !important;
}
flight-result flight-modify .col-md-12.mainsearch.ric > div:nth-child(4) {
    max-width: 14% !important;
}
flight-result flight-modify .col-md-12.mainsearch > div.col-md-3.calender {
    max-width: 31% !important;
}
flight-result flight-modify .col-md-12.mainsearch > div.col-md-3.calender input[type="text"] {
    padding-right: 75px !important;
}
flight-result .modal-content .modal-header button.close {
    opacity: 1 !important;
    border: none !important;
    background: none !important;
}
div#price .acti-border ul li input {
    margin-right: 6px !important;
    margin-top: 4px !important;
}

.col-md-1.age input {
    height: 30px;
}
.carousel-control-next {
    right: -50px;
}
header .top-header ul li a.free-app img {
    animation-name: rotate;
    animation-duration: 12s;
    animation-iteration-count: revert;
    animation-timing-function: linear;
    height: 26px;
    width: 28px;
}
.slide:nth-child(1) {
    -webkit-animation-delay: 5s;
}
.slide:nth-child(2) {
    -webkit-animation-delay: 10s;
}
.slide:nth-child(3) {
    -webkit-animation-delay: 15s;
}
.slide:nth-child(4) {
    -webkit-animation-delay: 20s;
}
.slide:nth-child(5) {
    -webkit-animation-delay: 25s;
}
@keyframes rotate {
    from {
        transform: rotate(-360deg);
    }

    to {
        transform: rotate(360deg);
    }
}

pacakge-details #hotel_detail .nav-pills .nav-link.fa-angle-down::before {
    display: none;
}
div#myModal .modal-header .close {
    background-color: transparent !important;
    border: none !important;
}
user-wallet .col-md-1 {
    flex: 0 0 5.333333%;
    margin-top: 5px;
}
user-wallet .col-md-3 {
    flex: 0 0 16.333333%;
}
user-wallet .form-group {
    border-bottom: 1px dashed #333;
}
user-wallet .col-md-2.inr ul li {
    list-style: none;
    margin-top: 5px !important;
}
user-wallet button.btn.btn-danger {
    font-weight: 700;
    height: 40px;
    letter-spacing: 0.6px;
}
user-wallet p {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}
user-wallet .col-md-2.inr ul li input[type="radio"] {
    vertical-align: middle;
    margin-right: 4px !important;
}
user-wallet .col-md-2.inr {
    flex: 0 0 13.666667%;
}
user-wallet .user-profile-form div.row {
    margin-top: 15px;
    margin-bottom: 15px;
}
.container.flt_rowt div#nav-tab p {
    margin-bottom: 0px;
}
flight-modify .textad .ngerror {
    top: 72px;
}

div#Ratings .checkbox > span:nth-child(2) {
    width: 90px;
    text-align: left;
}

filter-template flight-filter-time ul {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

    filter-template flight-filter-time ul > li > label > span {
        display: block;
        font-size: 14px !important;
        font-weight: 600;
        margin-top: 7px;
        font-size: 13px;
        margin-bottom: 3px;
        font-weight: 600;
        color: #585858;
        margin-left: 1px;
    }

    filter-template flight-filter-time ul > li > label {
        margin: 0;
    }

div#PCKField {
    border: 1px solid #d5d5d5;
    width: 76%;
    float: left;
    background: var(--color3);
    border-radius: 57px;
    margin-left: 13%;
    box-shadow: 1px 1px 7px 1px #000000;
    margin-top: 40px;
}
    div#PCKField .thumb-title {
        line-height: 20px;
    }
button#otsearch {
    height: 43.99px;
    width: 10%;
    border: 1px solid #3abee7 !important;
    background: transparent !important;
}

button#lcsearch {
    height: 43.99px;
    width: 10%;
    border: 1px solid #3abee7 !important;
    background: transparent !important;
    margin-left: 15px !important;
    margin-right: 15px;
}

button#tsSearch {
    height: 43.99px;
    width: 10%;
    border: 1px solid #3abee7 !important;
    background: transparent !important;
}

button#mdotsearch {
    height: 43.99px;
    width: 10%;
    color: #3abee7;
    border: 1px solid #3abee7 !important;
    background: transparent !important;
}

button#mdlcsearch {
    height: 43.99px;
    width: 10%;
    border: 1px solid #3abee7 !important;
    color: #3abee7;
    background: transparent !important;
    margin-left: 15px !important;
    margin-right: 15px;
}

button#mdtsSearch {
    height: 43.99px;
    width: 10%;
    color: #3abee7;
    border: 1px solid #3abee7 !important;
    background: transparent !important;
}

div#collapseExample {
    width: 100%;
    border: 1px solid #3abee7 !important;
}

cab-modify i.fa.fa-calendar.form-control-icon {
    padding-left: 0px;
    padding-top: 12px;
    padding-right: 7px;
    width: 25px;
    height: 40px;
    border-radius: 5px 0px 0px 5px;
}

cab-modify .text_icon.calanderboth > input {
    width: 100% !important;
}

cab-modify .custom-select {
    height: 40px !important;
}

cab-modify .row.tripopt {
    padding-left: 40px;
    margin-bottom: 5px;
}

cab-modify .custom-select {
    height: 40px !important;
    background: none !important;
}

cab-modify input#txtAD {
    height: 24px !important;
    padding-left: 8px !important;
}

cab-modify .text_icon.calanderboth > span {
    padding-right: 30px;
    line-height: 27px;
}

cab-result button {
    white-space: nowrap;
}

.cust_swip, .swip_rever {
    width: 344px;
}

input::placeholder {
    color: #676a69cf;
}
/*---Richa---*/
flight-search .selected_box_top:focus {
    color: var(--color10);
    padding-top: 12px;
}

modal-alert a.btn_1.outline.selectRoom {
    padding: 0.375rem 1.2rem;
}

cab-result .fareDetail a {
    color: var(--color2)!important;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}

cab-result .fareDetail a:hover + #cabfaredetail {
        position: fixed;
        display: block;
        background-color: #bcdae3;
        font-size: 12px;
        text-align: justify;
        font-weight: normal;
        border: 1px solid #3abee7;
        padding: 8px;
        line-height: 17px;
        z-index: 10001;
        right: 0;
        margin: 8px 0 0 0;
        width: 420px;
        position: absolute;
        top: 10px;
        border-radius: 5px;
}
.cancellationblock.bottom_cancelation input[type="checkbox"] {
    width: 10px;
    height: 10px;
}
#checkout_pag .checkactivities {   
    padding-right: 4px !important;
}
.trip-summary, .paymentsec, .FaredDetails, #checkout_pag .checkactivities {
   /* box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.45);*/
    border-color: #ddd
}
checkout .lowest-price-grn i {
    color: var(--color2)!important;
}
checkout .lowest-price b.fa.fa-check {
    color: var(--color2)!important;
}
.trip-summary hr:last-child {
    display: none;
}
.col-md-12.FaredDetails_row > .row.m-0.mr-1 > div {
    padding-left: 0;
}
flight-modify {
    background-color: var(--color1);
    border-radius: 5px;
}

/*pooja*/
.panel-body.rating {
    display: inline-flex !important;
}

    .panel-body.rating ul li {
        list-style: none;
        margin: 0px 3px;
    }
.hotel_check {
    border: 1px solid #3eadb68a;
    border-radius: 6px;
    font-weight: 400;
    padding: 0px 0px !important;
}
.hotel_check input[type="checkbox"]:checked + label + i {
    background-color: transparent;
    padding:  inherit;
    / width: 40px;
    / border: 1px solid#3abee7;
}
.hotel_check input {
    opacity: 0;
}
.hotel_star {
    font-size: 12px;
    text-align: center;
    color: #403c3c;
}
section#checkout_pag .lowest-price-grn {
    display: flex;
    align-items: center;
}
section#checkout_pag .lowest-price-grn b:last-child {
    font-size: 15px;
    float: right;
    text-align: right;
    position: absolute;
    right: 23px;
}
checkout .input-group.full_width.flight-country-flag select.form-control.ar-right.country-code:focus {
    box-shadow: none !important;
    border-color: #ced4da;
}
flight-result flight-modify .dropdown.bookingclass button.btn.btn-secondary.btn-block {
    border-color: #a7a7a7;
    background-color: white !important;
    width: 100%;
    height: 47px !important;
    font-weight: 600;
    border: 1px solid #a7a7a7 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    text-align: left;
    padding: 10px;
    font-size: 14px !important;
    color: #3c3c3c;
}
.flt_mod div#collapseExample {
    padding: 10px !important;
    border: none !important;
   
}
.flt_mod > p:first-child {
    width: 86%;
    padding-left: 9px;
    padding-bottom: 3px;
}
.flt_mod > p > span span {
    display: inline-flex;
    font-size: 15px;
    padding: 0px 2px;
    font-weight: 600;
    color: gray;
}
.flt_mod > p > span span img {
    border-radius: 50%;
    background-color: var(--color3);
    width: 16px;
    height: 15px;
    padding: 3px 3px;
    margin-top: 2px;
    margin: 0px 7px;
    margin-top: 4px;
}
.flt_mod > p > span > span:first-child {
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding-top: 2px;
}
span.flt-loc > span, span.flt-dates > span {
    color: var(--color1);
    font-weight: 500;
}

flight-result span.seconds_new > span {
    padding-left: 0px;
    margin: 0px;
}

.flt_mod a.btn.btn-primary:active {
    background-color: var(--color1) !important;
    border-color: var(--color1);
}
body > client-app > app-layout > div > flight-result > div > div > div > div > div.col-sm-12 > div > p:nth-child(1) > span > span.seconds_new > span:nth-child(1) {
    font-weight: 500;
    margin-left: -7px !important;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    border-radius: 50%;
}
span.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-hover {
    background: var(--color2)!important;
}
flight-result .widget-ul {
    overflow-y: auto;
    max-height: 224px;
}
.col-md-12.flt-result-container:hover {
    box-shadow: 0px 1px 3px 2px rgb(33 65 153 / 75%);
}
flight-result .resultaa > .flt-rit > div:nth-child(2) > div:nth-child(1) h4.panel-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
}
flight-result .resultaa > .flt-rit > div:nth-child(2) > div:nth-child(1) p {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
}
flight-result .resultaa > .flt-rit > div:nth-child(2) > div:nth-child(2) > span > a {
    text-align: center;
    border-radius: 5px;
    color: #ffffff !important;
    background-color: var(--color2);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding: 5px 10px;
    transition: .5s;
    position: absolute;
    right: 5px;
}
flight-result p.side-lbl {
    position: absolute;
    top: 4px;
    right: 0px;
}
flight-result .flt-results .col-md-2.col-xs-2.sort_by {
    flex: 0 0 17.666667%;
    max-width: 17.666667%;
}
flight-result .flt-results .col-md-8.col-xs-8.sort0 {
    flex: 0 0 60.666667%;
    max-width: 60.666667%;
    border-radius: 5px 0px 0px 5px;
}
flight-result .col-md-2.price_sort {
    border-radius: 0px 5px 5px 0px;
}
flight-result #demo1 > div > div > div:nth-child(1) > p {
    padding-top: 0;
    margin-top: 3px;
}
flight-result .ytflt {
    border-color: transparent !important;
}
flight-result div#collapseExample {
    width: 100%;
    border: 0px solid #3abee7 !important;
}
hotel-result .sort > .row > div:last-child input#myinput {
    font-size: 13px;
    height: 38px;
    border: 1px solid gainsboro;
    padding-right: 24px;
}
hotel-result .sort > .row > div:last-child i {
    color: var(--color3);
    padding-top: 6px !important;
    top: 0;
    margin-top: -33px !important;
}
hotel-temp .book_now.htl_bk {
    border-color: var(--color2);
    background-color: var(--color2);
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .6px;
}
.ytflt .card.card-body {
    padding: 0px;
}
hotel-result .leftsec_filter > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > h3.panel-title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
}
hotel-result .leftsec_filter > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > p {
    font-size: 11px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 0;
}
hotel-result .leftsec_filter > div:nth-child(1) > div:nth-child(2) {
    margin: 0px;
    padding: 10px 0px 0px 0px;
}
hotel-result span#resetfilter {
    text-align: center;
    hotel-result .hotel_check:hover border-radius: 5px;
    color: #ffffff !important;
    background-color: var(--color2);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px;
    padding: 5px 10px;
    transition: .5s;
    position: absolute;
    right: 5px;
    border-radius: 5px;
}
hotel-result .hotel_check {
    vertical-align: -webkit-baseline-middle;
    border: 1px solid var(--color1);
    border-radius: 6px;
    font-weight: 400;
    padding: 0px 0px !important;
    height: 30px;
    width: 35px;
    text-align: center;
    position: relative;
}
hotel-result #Rangeclick > div > h4 {
    margin-top: 0px;
    padding-top: 0px;
    font-size: 14px;
    color: black;
}
hotel-details > section#hotel_detail > .container > .container .col-md-4 > .panel.travkey-panel > div:last-child select {
    font-size: 13px;
    font-weight: 500;
}
hotel-detail-modify .updatetns > button.updatebtn {
    border-radius: 5px !important;
    color: white;
    height: auto !important;
    padding: 3px 15px;
    position: absolute;
    top: 6px;
    right: 0px;
    font-size: 14px;
}
hotel-details h6.panel-title strong {
    color: #212529 !important;
    font-size: 13px;
}
hotel-result .card {
    border: 0px !important;
    border-radius: 5px;
    border-color: red;
}
body > client-app > app-layout > div > hotel-result > div:nth-child(1) > div.col-sm-12 > div:nth-child(1) {
    border-radius: 5px;
    padding: 9px;
    margin-bottom: 12px;
    padding-bottom: 0px;
    box-shadow: 0 0 5px 2px #d1d1d1;
    margin-top: 29px !important;
}
body > client-app > app-layout > div > hotel-result > div:nth-child(1) > div.col-sm-12 {
    padding: 0px;
}
hotel-modify-component a.btn.btn-primary.collapsed {
    vertical-align: text-bottom;
    text-align: center !important;
    background-color: var(--color2)!important;
}
hotel-result .h_txt p {
    font-size: 15px;
    color: var(--color3);
    margin-bottom: 1px;
    display: block;
}
hotel-result p#btn_City {
    margin-top: -23px !important;
    margin-left: 238px;
    color: #7e7e7e !important;
}
hotel-modify-component span#btn_checkin, hotel-modify-component span#btn_checkout {
    color: #4e4e4e;
    font-size: 16px;
    font-weight: 600;
    line-height: 9px !important;
}

hotel-result input#hotelname::placeholder {
    color: white;
}
hotel-result .row.searchdns select option {
    background: var(--color2)!important;
    color: var(--color8);
    color: var(--color8);
}
hotel-modify-component .cust_htl-modify .selected_box_top {
    width: 100%;
    height: 45px;
    font-size: 13px;
    line-height: 1px;
}
hotel-result a.side-icons {
    padding-left: 5px;
    font-weight: 500;
    color: var(--color1);
    padding-right: 5px;
    border: 3px solid #ff000000;
    font-size: 13px;
}
hotel-result .panel-title h4 {
    border-bottom: 1px dashed #c1c1c1;
    color: #000;
    font-size: 14px;
    margin: 12px 0px 10px 0px;
    padding-bottom: 8px;
    font-weight: 600;
}
hotel-result div#Landmarks .form-control {
    background-color: var(--color1)2e;
    background-clip: padding-box;
    border: 1px solid var(--color1);
    font-size: 13px;
}
hotel-filter .checkbox label {
    font-weight: 500;
}
span.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-hover, span.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus.ui-state-active{
    border-color: var(--color2)!important;
    background: var(--color2)!important;
}
checkout section#checkout_pag .all-countries {
    padding-right: 8px;
}
hotel-result .container.page-margin > div:nth-child(1) > div:nth-child(1) > a.btn.btn-primary {
    vertical-align: sub;
    background-color: var(--color2);
    border-color: var(--color2);
    position: absolute;
    top: 14px;
}
checkout .htl-male-female > div:nth-child(1) {
    margin: 0;
}
hotel-result .chng-search {
    border: none;
    color: white;
    padding: 7px 0px;
    font-size: 13px;
    border-radius: 3px;
    line-height: 10px;
}
hotel-result span#bt_counter {
    font-size: 14px;
    color: #7e7e7e;
}
hotel-result div#collapseExample {
    width: 100%;
    border: 0px solid #3abee700 !important;
    margin-top: 0 !important;
}
hotel-result .cust_htl-modify {
    margin-bottom: 3px;
    padding: 7px;
    background-color: var(--color1);
    margin-top: 0px;
    border-radius: 5px;
}

hotel-result span#btn_checkin, hotel-result span#btn_checkout {
    color: #2a2929;
    font-size: 13px;
    font-weight: 600;
}
flight-search #cust_one_round > div.col-md-8.col-sm-12.col-xs-12 > div > div.col-md-6.col-sm-6.col-xs-12 > .ngerror {
    display: inline-block;
    width: 50%;
    padding-left: 13px;
}
hotel-result .hotel_check input {
    vertical-align: -webkit-baseline-middle;
    border: 1px solid var(--color3);
    border-radius: 6px;
    font-weight: 400;
    padding: 0px 0px !important;
    height: 40px;
    width: 40px;
    text-align: center;
    position: absolute;
    border-radius: 10px;
    opacity: 0;
    cursor: pointer;
}
hotel-result .panel-body.rating i.fa.fa-star {
    padding-top: 7px;
    padding-left: 3px;
    color: var(--color2)!important;
    font-weight: 500;
    font-size: 14px;
}
hotel-result hotel_star {
    font-size: 13px;
    text-align: center;
    color: #0a0a0a;
}
hotel-result .panel-body.rating ul li {
    margin: 0px 2px;
}
#rooms > hotel-detail-modify > form > div > div {
    margin: 0;
    padding: 0;
}

checkout section#checkout_pag table .alert-info {
    color: #061f64 !important;
    background-color: #e3e7f3 !important;
    border-color: var(--color1) !important;
    overflow-y: scroll;
    max-height: 312px;
}

hotel-result .hotel_check:hover {
    background-color: var(--color1) !important;
}
hotel-temp .hotel_price p:last-child {
    float: right;
}
.gm-style-mtc button {
    color: white !important
}
checkout a, app-auth a {
    color: var(--color1);
}
hotel-result .hotel-filter .checkbox label {
    font-weight: 500;
    font-size: 13px;
}
user-profille button.search-btn.profile-search, user-family-member button.search-btn {
    color: white;
    padding: 7px 15px !important;
    font-size: 14px !important;
    height: auto !important;
}
user-family-detail button.btn.btn-sm.btn-danger {
    background-color: var(--color2) !important;
    border-radius: 4px !important;
    height: auto !important;
}
hotel-result .hotel_check:hover label {
    color: white !important;
}
hotel-details a.book_now.htl_bk {
    width: 95px;
    margin-top: 5px;
    font-size: 13px;
    display: inline-block;
}
hotel-details .hotel_price {
    text-align: right;
    float: right;
}
.htl-cncll {
    padding: 0px 15px;
    margin-bottom:10px;
}
.htl-cncll a.btn.btn-primary span {
    cursor: pointer;
    float: right;
}
#checkout_pag .htl-cncll a.btn.btn-primary:focus, #checkout_pag .htl-cncll a.btn.btn-primary.focus {
    color: #156ba4;
    background-color: var(--color3);
    border-color: var(--color3);
    box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
}
.htl-cncll .btn-primary:not(:disabled):not(.disabled):active, .htl-cncll.btn-primary:not(:disabled):not(.disabled).active, .htl-cncll.show > .btn-primary.dropdown-toggle {
    color: var(--color8);
    background-color: var(--color2)!important;
    border-color: var(--color2)!important;
}
.htl-cncll div#collapseExample {
    width: 100%;
    border: 1px solid #d4d4d4 !important;
}
.htl-cncll p {
    margin-bottom:0px;
}
.htl-cncll a.btn.btn-primary {
    color: white !important;
    width: 100%;
    text-align: left;
    background-color: var(--color1);
    border-color: var(--color1);
    font-weight: 500;
    font-size: 13px;
}
.hotel_check.activestar {
    background-color: var(--color1);
    border: var(--color1);
}
.hotel_check.activestar label {
    color: white;
}
hotel-result .panel-body.rating .hotel_check.activestar i.fa.fa-star {
    color: white !important;
}
hotel-result .hotel_star {
    font-size: 12px;
    text-align: center;
    color: #1a1919;
}
p.latoBlack.font20.blackText.appendBottom15 {
    font-weight: 800;
    font-size: 20px !important;
    margin-bottom: 7px;
}
.cabAndDriverDetails.blackText.appendBottom20 {
    border-radius: 5px;
    padding: 8px 24px;
    margin: 5px 0;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 45%);
    border-color: #ddd;
}
checkout .cabReadMore {
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 45%);
    border-color: #ddd;
    padding: 8px 24px;
    margin: 5px 0;
}
checkout p.latoBlack.font20.blackText.appendBottom30 {
    color: var(--color1);
    font-size: 21px;
    font-weight: 600;
}
checkout .readmoreList {
    webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    column-gap: 50px;
}
checkout .cabReadMore ul li {
    list-style: none;
}

checkout .readmoreList li {
    margin-bottom: 22px;
}
checkout p.font16 {
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
}
checkout ul.readmoreList li p span {
    font-size: 13px;
}
#checkout_pag > div > div:nth-child(2) > div.col-md-7.col-sm-8.ng-untouched.ng-pristine.ng-invalid > div.paxedDetails > div.row > div > div > div > span:nth-child(5) {
    font-size: 15px !important;
}
hotel-details button.owl-prev {
    left: -52px;
}
hotel-details button.owl-next {
    right: -37px;
}
hotel-details .owl-dots {
    display: none;
}
hotel-details div#Location {
    padding-top: 18px;
}
checkout .col-md-12.male-female {
    margin-top: 3px;
}
.col-sm-12.chk-gndr-div {
    padding-top: 12px;
}
b.chk-gndr {
    padding-left: 17px;
    font-size: 14px;
}
pacakge-details .acti-border p {
    font-size: 14px;
}

checkout .htl-male-female > div > div input[type=radio], checkout .htl-male-female > div > div input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding: 0.5px;
    background-clip: content-box;
    border: 2px solid #ced4da !important;
    border-radius: 50% !important;
    outline: none !important;
    background-color: white;
}
.col-md-12.htl-male-female > div > div input[type=radio]:checked, .col-md-12.pck-male-female > div > div input[type=radio]:checked {
    background-color: var(--color2)!important;
    border: 2px solid var(--color2)!important;
}
.row.caribbeans .heading h2, .container.flt_rowt .heading h2 {
    font-size: 24px;
    margin-top: 15px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
    color: var(--color1);
}
package-search .packnam span, package-search .packnam li {
    background-color: var(--color1);
}
hotel-details section#hotel_detail .container>br {
    display: none;
}
cab-result div#collapseExample {
    border-color: var(--color1) !important;
    background-color: #214198;
}
cab-result .flt_mod a.btn.btn-primary {
    margin-top: 0px;
}
cab-result div#collapseExample {
    border-color: var(--color1) !important;
    background-color: #214198;
    border-radius: 4px;
    margin-top: 2px !important;
    padding: 10px 0px 15px!important;
}
cab-modify .reverse {
    position: absolute;
    top: 6px;
    right: -7px;
}
cab-result .flt_mod a.btn.btn-primary {
    margin-top: 0px;
}
cab-modify button#mdotsearch {
    color: var(--color8);
    border: 1px solid var(--color8) !important;
}
cab-modify .text_icon.calanderboth > input {
    width: 100% !important;
    border: 0px;
}
.cab-farepopup .modal-header button.modalclose {
    border-color: transparent!important;
    background-color: transparent!important;
    height: auto!important;
    font-size: 23px;
    float: right;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color8);
    text-shadow: 0 1px 0 var(--color8);
}
cab-modify .custom-select {
    background-color: white !important;
    background: white !important;
    border-radius: 4px;
}
cab-modify button#mdlcsearch {
    border: 1px solid var(--color8) !important;
    color: var(--color8);
}
cab-modify button#mdtsSearch {
    color: var(--color8);
    border: 1px solid var(--color8) !important;
    background: transparent !important;
}
cab-modify .row.tripopt {
    padding-left: 50px;
}
cab-result .flt_mod a.btn.btn-primary {
    text-align: left;
    width: 100%;
    background-color: var(--color3);
    border-color: var(--color3);
    font-size: 15px;
}
cab-modify button#btnSearch{
    height: 40px !important;
}
cab-modify .control_tab div#cust_one_round > div > .row > div {
    padding: 0px 3px !important;
}
cab-modify .control_tab div#cust_one_round > div:first-child > .row:first-child > div:first-child {
    padding-left: 15px !important;
}
cab-modify .control_tab div#cust_one_round > div:last-child > .row:last-child > div:last-child {
    padding-right: 0px !important;
    padding-left: 10px !important;
}
cab-modify .control_tab div#cust_one_round > div:first-child {
    flex: 0 0 50%;
    flex: 0 0 62%;
    max-width: 81%;
}
div#cust_one_round {
    margin: 0 2px;
}
cab-modify div#cust_one_round {
    margin: 0 2px;
    display: flex;
}
.cust_swip > div {
    margin-right: 8px;
}
cab-modify .control_tab div#cust_one_round > div:last-child {
    flex: 0 0 50%;
    flex: 0 0 62%;
    max-width: 38%;
}
cab-modify .col-sm-12 > button.search_2v {
    border-radius: 5px !important;
    margin-left: 0px !important;
}
cab-modify button.search_2v {
    border-radius: 4px !important;
}
cab-result .container-fluid.py-3.GreyBGColor > .container {
    padding: 0;
}
cab-result .text-primary {
    color: var(--color1) !important;
    margin: 22px 0px;
    margin-top: 16px !important;
    white-space: pre;
}
cab-result button {
    color: white !important;
}
cab-result .border-light {
    border-color: #d4d7d9 !important;
    border-radius: 4px;
}
cab-result .border-light:hover {
    background-color: #f1f4ff91 !important;
    border: 1px dashed var(--color1) !important;
}
cab-result strong.font-22 {
    font-size: 21px !important;
}
cab-result .border-light:hover.bg-white.p-2.border.border-light img {
    border-radius: 2px;
    box-shadow: 0px 0px 3px 1px #e7e4e4;
}
cab-result .border-light {
    border-color: #e1e1e1 !important;
    border-radius: 4px;
    transition: 0.6s;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
}
.footer-bottom p {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 14px;
    letter-spacing: .6px;
}
cab-modify .text_icon.calanderboth > input:focus-visible, cab-modify .text_icon.calanderboth > input:focus{
    outline:none!important;
}
hotel-result div#mapSearch button {
    background-color: white !important;
    color: #0a0a0a !important;
    border-color: white !important;
    border-radius: 0px !important;
}
hotel-result .sort > div > div:nth-child(2) .optns > p:first-child {
    border-radius: 5px 0px 0px 5px;
    color: var(--color1);
    font-weight: 700;
    font-size: 12px;
}
hotel-result .sort > div > div:nth-child(4) .optns > p:last-child {
    border-radius: 0px 5px 5px 0px;
}
hotel-result .gmnoprint {
    top: 160px;
}
hotel-result div#mapSearch {
    border-radius: 5px;
    border-radius: 5px;
}
cab-search .activecabtab .col-md-4.col-sm-6.col-xs-12.resp_full:empty {
    display: none;
}
cab-search .activecabtab .col-md-4.col-sm-6.col-xs-12.resp_full {
    width: 100% !important;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 66%;
    max-width: 100%;
}
cab-search button#tsSearch {
    margin-right: -9px !important;
}
cab-search i.fa.fa-calendar.form-control-icon {
    border-radius: 5px 0px 0px 5px;
    height: 50px;
    padding-left: 8px;
    background: var(--color8);
}
checkout-fare-details .total span.fullpay input {
    margin-right: 4px !important;
    height: 17px !important;
    width: 17px !important;
    vertical-align: middle;
    margin-top: 2px !important;
}
.cabPaymentCont {
    display: flex;
    flex-direction: column;
    padding: 20px 15px 15px;
}
a.bluePrimarybtn.payNow.font22.appendBottom10 {
    border-radius: 4px;
    padding: 15px 20px;
    text-align: center;
}
.bluePrimarybtn {
    background-image: linear-gradient(96deg,#53b2fe,#065af3);
    border: 0;
    border-radius: 100px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%);
    color: var(--color8);
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    opacity: .9;
    outline: 0;
    padding: 10px 20px;
    text-transform: uppercase;
}
.font22 {
    font-size: 22px;
    line-height: 22px;
}
checkout-fare-details .total span.fullpay input {
    margin-right: 4px !important;
    height: 17px !important;
    width: 17px !important;
    vertical-align: middle;
    margin-top: 2px !important;
}
.cabPaymentCont {
    display: flex;
    flex-direction: column;
    padding: 20px 15px 15px;
}
a.bluePrimarybtn.payNow.font22.appendBottom10 {
    border-radius: 4px;
    padding: 15px 20px;
    text-align: center;
}
.bluePrimarybtn {
    background-image: linear-gradient(96deg,var(--color3),var(--color3));
    border: 0;
    border-radius: 100px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%);
    color: var(--color8) !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    opacity: .9;
    outline: 0;
    padding: 10px 20px;
    text-transform: uppercase;
}
.font22 {
    font-size: 22px;
    line-height: 22px;
}
.cabTipDetails {
    background-color: var(--color8);
    border: 1px solid #bababa;
    border-radius: 4px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 45%);
    padding: 15px;
    padding-top: 0px;
}
.pickupAddress.makeFlex.column {
    margin-top: 15px !important;
}
checkout-fare-details p input {
    margin-right: 8px !important;
    height: 17px;
    width: 17px;
    vertical-align: sub;
}
flight-modify .col-md-12.mainsearch.ric .ngerror > div {
    margin-top: 23px;
    white-space: nowrap;
}
hotel-thankyou #ythtl_cnfmpag button, hotel-thankyou #ythtl_cnfmpag i, #flt_yt_thanku .viw_recip, pkg-thankyou #packg-yt-thanku button, pkg-thankyou #packg-yt-thanku i {
    color: white !important;
    font-size: 15px;
    height: 44px;
    border-radius: 4px !important;
    padding: 7px;
    letter-spacing: .6px;
    line-height: normal;
    border: none !important;
}
flight-result .col-md-8.col-xs-8.sort0 > .sort_label2 {
    padding-right: 52px !important;
}
body flight-result .sort_label2 {
    padding-right: 17px !important;
}
cab-search button#otsearch.actives, cab-search button#lcsearch.actives, cab-search button#tsSearch.actives {
    background-color: var(--color2)!important;
    border: 1px solid var(--color2)!important;
}
flight-modify .col-md-12.mainsearch.ric .ngerror > div {
    margin-top: 23px;
    white-space: nowrap;
}
flight-result .col-md-8.col-xs-8.sort0 > .sort_label2 {
    padding-right: 52px !important;
}
flight-details-template p.dept-city, flight-details-template p.dept-city {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px !important;
    width: 97px !important;
}
flight-segment-template > div > .col-md-12 > div:last-child {
    display: inline-block;
    vertical-align: top;
    padding-top: 0px;
    padding-left: 4px;
    top: 4px;
}
checkout-itinerary-details .leftchecktop > .col-md-12.trip-padding.cust_flt_trip p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px !important;
    width: 100% !important;
}
.sesion-expire a.btn_1.outline.selectRoom {
    height: 100px !important;
    color: var(--color8) !important;
    background-color: var(--color3);
    border-color: var(--color3);
    padding: 8px !important;
    border-radius: 5px !important;
    width: 121px !important;
}
.sesion-expire a.btn_1.outline.selectRoom {
    height: 100px !important;
    color: var(--color8) !important;
    background-color: var(--color2) !important;
    border-color: var(--color2) !important;
    padding: 8px !important;
    border-radius: 5px !important;
    width: 121px !important;
    font-size: 14px;
}
.sesion-expire .btn-danger {
    color: #ffff !important;
    background-color: var(--color2) !important;
    border-color: var(--color2) !important;
    font-size: 14px;
}
.sesion-expire.text-center.disclaimer-box.disclaimer-alert p {
    font-weight: 500 !important;
    color: #000000 !important;
}
.sesion-expire h3 {
    color: var(--color2) !important;
    margin-top: 0;
    font-size: 16px;
}
.sesion-expire h4 strong {
    color: #1f3266 !important;
}
cab-result button#otsearch.actives, cab-result button#lcsearch.actives, cab-result button#tsSearch.actives {
    background-color: var(--color2)!important;
    border: 1px solid var(--color2)!important;
}
cab-result button#otsearch, cab-result button#lcsearch, cab-result button#tsSearch {
    height: 43.99px;
    width: 14%;
    border: 1px solid #fcfdff !important;
    background: #173b9da8 !important;
    padding: 0px;
    height: 36px !important;
    transition: 0.6s;
    margin: 0px 4px;
}
cab-result button#tsSearch {
    margin-right: -9px !important;
}
cab-result button#otsearch {    
    margin-bottom: 11px;
}
cab-modify .control_tab .row.activecab_modify > div:first-child {
    flex: 0 0 50%;
    flex: 0 0 74% !important;
    max-width: 59% !important;
}
cab-modify .control_tab .row.activecab_modify > div:last-child {
    flex: 0 0 50%;
    flex: 0 0 62% !important;
    max-width: 41% !important;
}
cab-modify .control_tab .row.activecab_modify > div:last-child > .row > div {
    margin: 0 !important;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 55.333333%;
    max-width: 50%;
    padding-right: 0px !important;
}
hotel-result div#mapSearch .gm-style-cc button {
    right: 46px !important;
    height: auto !important;
    bottom: -7px;
    position: absolute !important;
    background-color: white !important;
    border: none !important;
    padding: 2px 5px !important;
}
checkout-fare-details > div > .total:nth-child(3) > .col-md-12 > .row > div:first-child {
    -ms-flex: 0 0 50%;
    flex: 0 0 66%;
    max-width: 72%;
    padding-left: 5px;
}
checkout-fare-details > div > .total:nth-child(3) > .col-md-12 > .row > div:first-child > p > span:last-child {
    display: block;
    font-weight: 400;
    color: #6b6b6c;
    font-size: 13px;
    padding-left: 28px;
}
.total > .col-md-12 > .row > div:last-child {
    -ms-flex: 0 0 50%;
    flex: 0 0 66%;
    max-width: 34%;
}
.total > .col-md-12 > .row > div:first-child {
    -ms-flex: 0 0 50%;
    flex: 0 0 66%;
    max-width: 81%;
    padding-left: 5px;
}
#checkout_pag > div > div:nth-child(2) > div.col-md-5.col-sm-6 > div > div.col-md-12.FaredDetails_row > checkout-fare-details > div > .total:last-child {
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;
    padding-bottom: 0px;
}
#checkout_pag > div > div:nth-child(2) > div.col-md-5.col-sm-6 > div > div.col-md-12.FaredDetails_row > checkout-fare-details > div > .total:last-child > div:first-child {
    padding-left: 6px;
}
#checkout_pag p.latoBlack.font20.blackText.appendBottom15 {
    color: var(--color1);
    font-size: 20px !important;
    font-weight: 600;
}
checkout .appendBottom20 > .cabReadMore {
    border-radius: 4px !important;
}
checkout .appendBottom20 > .cabReadMore p.lineHeight22.paddingTop5.font15 span {
    line-height: 25px;
    font-size: 14px;
    color: #7e7b7b;
}

input[type=radio]:checked {
    background-color: var(--color2)!important;
    border: 2px solid var(--color2)!important;
}
#checkout_pag .col-md-12.male-female label {
    vertical-align: text-top;
}
hotel-temp h2.headline a {
    line-height: 24px;
}
hotel-result div#mapSearch .gm-style-iw-d h3#firstHeading {
    font-size: 18px;
    color: var(--color3);
    margin-bottom: 10px;
    font-weight: 600;
}
hotel-result div#mapSearch #bodyContent > p > b {
    color: var(--color1);
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 14px;
}
hotel-result div#mapSearch div#bodyContent > p {
    font-size: 14px;
    line-height: 25px;
    color: #878787;
}
hotel-result div#mapSearch a.btn_1.darkblue {
    background-color: var(--color3);
    color: white;
    padding: 5px 8px;
    border-radius: 5px;
}
hotel-result div#mapSearch .gm-style .gm-style-iw-d {
    box-sizing: border-box;
    overflow: hidden !important;
}
hotel-result div#mapSearch button.gm-ui-hover-effect span {
    background-color: red !important;
}
checkout-fare-details p.fullpay input[type=radio] {
    width: 14px !important;
    height: 14px !important;
    vertical-align: middle;
}
a.side-icons.actiiv {
    border-radius: 4px;
    color: var(--color3);
    border: 3px solid var(--color3);
}
.Hotelsresult .gmnoprint .gm-style-cc > div > span {
    padding: 6px 5px !important;
    background-color: white !important;
    line-height: -17px !important;
    padding-bottom: 2px !important;
    margin-bottom: -20px !important;
    font-weight: 600 !important;
}
div#sop-content .sop-cmpnaybrnch .close {
    color: white !important;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 var(--color8);
    opacity: 0;
}
hotel-result span#resetfilter:hover {
    background-color: #b12525;
}
.thumb-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px !important;
    width: 100%!important;
    padding-left:5px;
}
cab-result .container-fluid.py-3.GreyBGColor {
    padding: 0;
    margin: 0;
}
.container-fluid.py-3.GreyBGColor > .container > .row > div:nth-child(even) {
    padding-left: 0px;
    padding-right: 5px;
    top: 10px;
    width: 100% !important;
}
.container-fluid.py-3.GreyBGColor > .container > .row > div:nth-child(odd) {
    padding-left: 0px;
    padding-right: 5px;
    top: 10px;
    width: 100% !important;
}
cab-result .col-md-12.flt-rit {
    padding: 10px;
}
cab-result h3.panel-title {
    font-size: 21px;
    font-weight: 600;
}
cab-result div#demo1 p, cab-result div#demo1 h3 {
    border-bottom: 1px dashed #c1c1c1;
    margin-top: 17px;
    padding-top: 0px;
    font-size: 18px !important;
    color: black;
    font-weight: 600 !important;
    padding-bottom: 3px;
}
cab-result div#demo1 {
    padding: 0;
    margin: 0;
}
cab-result .checkbox input {
    margin-right: 10px;
}
cab-result div#demo1 .loop1 .col-md-12 > .col-md-12 {
    padding: 0;
}
cab-result div#demo1 .loop1 .col-md-12 > .col-md-12 label {
    color: #646060;
    font-size: 14px;
    font-weight: 500;
    vertical-align: text-top;
}
cab-result .col-md-12.flt-rit h3.panel-title {
    margin-top: 0;
    font-size: 21px !important;
    font-weight: 600 !important;
    border-bottom: 0px;
    padding: 0;
}
checkout .ngerror {
    color: var(--color2)!important;
    font-size: 12px;
    font-weight: 500;
}
cab-result .col-md-12 > .row > .col-md-3 {
    padding-left: 0px;
}
span.pkg-reset {
    background-color: var(--color3);
    color: var(--color8);
    font-weight: 500;
    border-radius: 4px;
    padding: 5px;
    position: absolute;
    right: 4px;
    font-size: 15px;
    cursor: pointer;transition:.6s;
}
span.pkg-reset:hover {
    background-color: #ad2626;
}
app-layout app-index > .wrapper {
    display: none;
}
hotel-result .sort h6 {
    margin-top: 10px;
    margin-left: 74px;
    font-size: 14px;
}
hotel-detail-modify form .container-fluid > .row.col-md-12 > .col-md-3.p-0 {
    flex: 0 0 25%;
    max-width: 35%;
    PADDING-RIGHT: 15PX !important;
}
hotel-detail-modify form .container-fluid > .row.col-md-12 > .adult-child-block.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
hotel-details > section#hotel_detail > .container > .container .col-md-4, hotel-details > section#hotel_detail > .container > .container .col-md-8 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
}
hotel-details > section#hotel_detail > .container > .container .col-md-4 > .panel.travkey-panel {
    display: flex;
}
hotel-details > section#hotel_detail > .container > .container .col-md-4 > .panel.travkey-panel > div:first-child {
    width: 27%;
    padding-left: 10px;
    padding-top: 7px;
}
hotel-details > section#hotel_detail > .container > .container .col-md-4 > .panel.travkey-panel > div:last-child {
    width: 59%;
}
hotel-details > section#hotel_detail > .container > .container .row {
    margin-bottom: 2px !important;
}
.topdeal div#carousel .owl-dots {
    display: none;
}
.topdeal {
    display: none;
}
.menusoption button.btn.btn-primary {
    height: 27px !Important;
    line-height: 15px;
}
app-header li.btn.enquiry-pop {
    background: inherit;
    border: 0;
    color: var(--color1);
    padding: 0;
    font-weight: 500;
}
div#exampleModal button.close {
    background-color: var(--color1)00 !important;
    border: none !important;
    color: var(--color8) !important;
    opacity: 1 !important;
}
header li.btn.btn-primary.enquiry-pop:active {
    color: inherit;
    background-color: #a1a1a100 !important;
    border-color: #a1a1a100 !important;
}
header .bottom-header li.btn.btn-primary.enquiry-pop {
    display: inline-block;
    text-decoration: none;
    padding: 0px 8px;
    border-radius: 0px;
    text-align: center;
    color: var(--color1) !important;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
    border-bottom: 0px var(--color8) solid;
    padding-bottom: 0px;
    border-radius: 5px;
    border: 3px var(--color3) solid;
}
header .bottom-header li.btn.btn-primary.enquiry-pop:hover {
    color: var(--color2)!important;
}
div#exampleModal button .text {
    font-size: 18px !important;
}
div#exampleModal span.icons.fa.fa-long-arrow-right {
    font-size: 20px;
    vertical-align: inherit;
    padding-left: 4px;
}
div#cms .inf-pages b {
    line-height: 30px;
    color: var(--color3);
    border-bottom: 1px solid;
    margin-bottom: 17px;
}
#checkout_pag > div > div:nth-child(2) > div.col-md-7.col-sm-8.ng-untouched.ng-pristine.ng-invalid > div.paxedDetails > div.row > div > div > div > p {
    font-size: 15px !important;
    padding-left: 14px;
}
checkout-itinerary-details .layover.text-center {
    font-size: 14px;
    font-weight: 700;
}
div#carouseltrdes h4 {
    position: absolute;
    bottom: 10px;
    left: 15px;
    color: var(--color8);
    background-color: #00000047;
}
cab-result img.size18by18 {
    height: 20px;
    width: 20px;
}
cab-result .positionLeft {
    display: inline-block;
    width: 30%;
}
cab-result .latoBold {
    font-weight: 700;
}
cab-result .makeFlex {
    display: flex;
    white-space: nowrap;
}
cab-result .latoRegular {
    font-weight: 400;
}
.cust_swip, .swip_rever {
    display: flex;
}
.cust_swip > div:first-child, .swip_rever > div:first-child {
    order: 2;
}
.cust_swip > div:last-child, .swip_rever > div:last-child {
    order: 1;
}
.swip_rever > div:first-child {
    order: 1;
}
.swip_rever > div:last-child {
    order: 2;
}
.cust_swip > div, .swip_rever > div {
    -ms-flex: 0 0 25%;
    flex: 0 0 54% !important;
    max-width: 49.5% !important;
}
user-booking-detail .modal-header, .modal-footer {
    background-color: var(--color8) !important;
    color: #06349d !important;
}
user-booking-detail .modal-header a.close {
    color: #06349d;
    opacity: 1;
    font-size: 18px;
    padding-top: 18px !important;
}
user-booking-detail .tblCancellation > tbody > tr > th {
    color: #06349d;
    font-size: 16px !important;
}
user-booking-detail div#dvAlert label {
    font-size: 16px !important;
}
user-booking-detail .tblCancellation {
    font-size: 15px !important;
}
user-booking-detail .alert.alert-info {
    color: var(--color8) !important;
    background-color: #06349dab !important;
}
user-booking-detail button {
    height: 36px !important;
    padding: 0px 12px !important;
    border-radius: 4px !important;
}
user-booking-detail .modal-body {
    padding-top: 12px !important;
}
cab-modify .control_tab div#cust_one_round > .air_trans > .d-flex > div input, cab-modify .control_tab div#cust_one_round > .air_trans > .row > div .selected_box select, cab-modify #cust_one_round select {
    width: 100%;
    height: 40px;
    border: none;
    box-shadow: none;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: var(--color8);
    border-radius: 5px;
    font-size: 15px !important;
    font-weight: 500;
}
cab-result div#collapseExample cab-modify .control_tab > .row div[class*=col-] {
    padding: 0px 3px;
}
cab-modify div#cust_one_round input#txtDD {
    border-radius: 0px 5px 5px 0px;
}
cab-modify .date_div i.fa.fa-calendar.form-control-icon {
    padding-left: 8px;
    background-color: var(--color8);
}
.searchcontroller input#txtDD {
    border-radius: 0px 5px 5px 0px;
}
thankyou #thank_you button {
    letter-spacing: .6px;
    margin: 8px 4px 5px 4px;
    padding: 10px;
    font-size: 15px;
    width: 23%;
    height: 44px;
    border-radius: 4px !important;
    border: none !important;
}
cab-modify .custom-select.text_icon.calanderboth input {
    color: #000 !important;
    padding: 0 !important;
}
hotel-search-control .control_tab.tab_HTL i.fa.fa-map-marker {
    top: 15px;
    position: absolute;
    left: 10px;
}
hotel-search-control input#destination {
    padding-left: 20px;
}
flight-search .control_tab.tab_AIR i.fa.fa-map-marker {
    position: absolute;
    top: 17px;
    font-size: 13px;
    left: 10px;
}
flight-search .control_tab.tab_AIR .text_icon.rightpd i.fa.fa-map-marker {
    left: 17px;
}
flight-search .control_tab.tab_AIR input::placeholder, hotel-search-control .control_tab.tab_HTL input::placeholder {
    font-size: 13px;
}
flight-search .control_tab.tab_AIR .selected_box .selected_box_top.search-trav {
    font-size: 13px;
    padding: 13px 5px 5px 8px
}
cab-search .control_tab.tab_AIR i.fa.fa-map-marker, i.fa.fa-clock-o {
    position: absolute;
    padding: 18px 0px 0px 10px;
}
cab-search .control_tab.tab_AIR input#txtFrom, input#txtTo {
    padding-left: 24px !important;
}
cab-search .control_tab.tab_AIR select {
    padding-left: 25px;
}
package-search .control_tab i.fa.fa-map-marker {
    position: absolute;
    top: 15px;
    left: 10px;
}
package-search .control_tab input.pacaksearch {
    padding-left: 18px;
}
flight-modify i.fa.fa-map-marker, i.fa.fa-user {
    position: absolute;
    top: 17px;
    left: 10px;
}
flight-modify .itsflight.rtp-check .dropdown.bookingclass .dropdown-menu.show a.dropdown-item {
    font-size: 14px;
    font-weight: 500;
}
hotel-modify-component i.fa.fa-map-marker {
    position: absolute;
    top: 16px;
    left: 10px;
    font-size: 13px;
}
hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div:nth-child(2) > .text_icon.calanderboth {
    padding-left: 10px;
}
hotel-modify-component input#destination {
    padding-left: 20px;
}
hotel-modify-component .cust_htl-modify > div:nth-child(1) > div:nth-child(2) > .text_icon.calanderboth {
    padding-left: 7px;
}
checkout .paxedDetails div#traveldetail {
    padding-right: 0px;
}
checkout .paxedDetails .check-date:last-child {
    padding-right: 15px;
}
checkout .paxedDetails .check-date {
    padding-right: 0px;
}
flight-search .selected_box_top span.ser-traveler {
    padding-left: 17px;
}
cab-modify i.fa.fa-map-marker {
    position: absolute;
    padding: 13px 0px 0px 5px;
}
cab-modify .control_tab div#cust_one_round input#txtFrom {
    padding-left: 18px !important;
}
cab-modify input#txtTo {
    padding-left: 18px !important;
}
cab-modify i.fa.fa-clock-o {
    position: absolute;
    padding: 13px 0px 0px 5px;
}
cab-modify select {
    padding-left: 25px !important;
}
section#checkout_pag .col-md-12.trip-padding.cust_flt_trip .col-sm-4.from_col strong {
    margin-left: -15px;
}
section#checkout_pag .col-md-12.trip-padding.cust_flt_trip .col-sm-4.to_col strong {
    padding-left: 80px;
}
hotel-detail-modify .text_icon.calanderboth span {
    background-color: transparent;
}
.top-header ul li a i {
    margin-left: -17px !important;
}
section#checkout_pag #title {
    padding-right: 7px;
}
#title .col-md-5 {
    padding-right: 0px;
}
div#adult .col-md-5.adult {
    padding-left: 0px;
}
div#adult1 .col-md-7.adult {
    padding-left: 24px;
    padding-right: 0px;
}
div#adult1 .col-md-5.adult {
    padding-left: 15px;
}
checkout #title .col-md-7 select {
    padding-left: 2px;
    margin-left: -20px;
}
checkout #title .col-md-7 {
    padding-left: 0px;
    padding-right: 0px;
}
.DOB {
    flex: 0 0 19%;
    max-width: 20%;
    margin-top: 0px;
}
.top-header ul li a i.fa.fa-user {
    padding: 5px 0px 2px 0px;
    left: 68.8%;
    top: 2px;
}
user-family-member .user-profile-form.checkout_booking_wizard.panel.travkey-panel {
    padding: 15px;
}
ul.user-layout-nav.nav li.active {
    background-color: var(--color1) !important;
    color: var(--color8);
}
user-family-detail table thead tr.headernew th, user-loyalty-point table tr th {
    font-weight: 500;
    font-size: 14px;
    background: var(--color1);
    color: #ffff;
}
app-user-layout header .top-header ul p:hover {
    color: var(--color8) !important;
    background-color: var(--color1);
    cursor: pointer;
}
app-user-layout header .top-header ul li#suprt {
    margin-right: 15px;
}
app-layout header .top-header ul p:hover {
    color: #1A1B1E !important;
    /*background-color: var(--color1);*/
    cursor: pointer;
}
app-layout header .top-header ul li#suprt {
    margin-right: 23px;
}
hotel-result .sort .optns p {
    color: var(--color1);
    font-weight: 700;
    font-size: 12px;
}
hotel-result .sort .optns p:hover {
    border: 1px solid white;
    color: #ffff;
    background: transparent;
    margin-left: 6px;
    margin-right: 6px;
    height: 36px;
}
hotel-result .sort > div > div:nth-child(2) .optns > p:first-child:hover {
    color: #ffff;
}
flight-search .control_tab.tab_AIR .selected_box_bottom {
    width: 285px;
    height: 205px;
    top: 50px;
}
flight-search .control_tab.tab_AIR .selected_box_bottom .plus_minus_box input {
    text-align: center;
    margin: 0 2px;
}
div#HTLField .row.waiting_rw {
    height: 127px;
}
div#HTLField h4 {
    white-space: break-spaces;
}
div#ytabout .row.we_offer .card {
    box-shadow: 0px 4px 10px 4px rgb(92 116 180);
    padding: 16px;
    text-align: left;
    margin: 10px 10px 25px 10px;
    height: 250px;
    font-weight: 500;
    border-width: 0px 0px 0px 0px;
    color: #7A838B;
    transition: .5s;
}
div#ytabout .row.we_offer .column {
    width: 33%;
}
div#ytabout .wy_choose .column {
    width: 25%;
}
div#ytabout p {
    color: #7A838B;
    font-size: 16px;
}
div#ytabout .wy_choose .card {
    box-shadow: 0px 4px 10px 4px rgb(92 116 180);
    padding: 16px;
    text-align: left;
    margin: 10px 10px 25px 10px;
    height: 290px;
    font-weight: 500;
    border-width: 0px 0px 0px 0px;
    color: #7A838B;
    transition: .5s;
}
div#ytabout .row.we_offer > div:nth-child(4) {
    margin-left: 16%;
}
div#ytabout h4 {
    color: #4c66ad;
}
div#ytcondition h4 {
    color: #4c66ad;
}
div#ytcondition p, div#ytcondition ul li {
    color: #7A838B;
}
div#ytcondition ul {
    padding-left: 20px;
}
div#ytprivacy h4 {
    color: #4c66ad;
}
div#ytprivacy p, div#ytprivacy ul li {
    color: #7A838B;
}
div#ytprivacy ul {
    padding-left: 20px;
}
a.btn.btn-danger.bok-btn {
    color: #ffff;
    background-color: var(--color2);
    border-color: var(--color2);
}
a.btn.btn-danger.bok-btn:hover {
    background-color: var(--color2);
    border-color: var(--color2);
}
hotel-thankyou .thank_tabl_rw p {
    color: black !important;
    font-weight: 600;
}

@import url('https://fonts.googleapis.com/family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden;
    scroll-behavior: smooth
}
.mice-head h2 {
    font-size: 40px;
}
.mice-head {
    background-color: var(--color8);
    color: var(--color8);
    text-align: center;
    padding-top:15px;
}
section.domestic {
    background-color: #f1f3f6;
    padding-bottom: 55px;
    height:auto;
}
.mice-domstc-head {
    text-align: center;
}
mice p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 7px;
}
.mice-domstc-head h2 {
    color: var(--color1);
    font-size: 24px;
    font-weight: 500;
    padding: 56px 0 27px 0;
}
.domestic-img img {
    width: 100%;
    border-radius: 5px;
    transition: 200ms;
    height: 348px;
}
.domestic-img:hover img {
    transform: scale(1.1);
}
.domestic-img::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, .7));
    content: "";
    border-radius: 5px;
}
.domestic-img {
    position: relative;
    overflow: hidden;
}
section.domestic h5 {
    position: absolute;
    bottom: 3px;
    right: 14px;
    color: white;
    text-align: right;
    line-height: 35px;
}
.event-section img {
    width: 100%;
}
.event-section {
    padding: 25px 0;
}
.event-section h3 {
    color: var(--color1);
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
}
.event-section p {
    font-size: 14px;
}
.event-section form {
    padding: 9px 0;
}
.event-section > p > b {
    color: var(--color1);
    font-weight: 600;
}
.event-section form label {
    width: 100%;
}
.event-section h6 {
    color: var(--color1);
}
.domestic-event {
    text-align: center;
    margin-bottom: 40px;
}
.domestic-event img {
    width: 80%;
}
.flip-box {
    background-color: transparent;
    width: 600px;
    height: 350px;
    perspective: 1000px;
    margin-bottom: 10px;
}
.flip-box-inner {
    position: relative;
    width: 560px;
    height: 350px;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 560px;
    height: 350px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flip-box-front {
    background-color: #bbb;
    color: black;
    width: 560px;
    height: 350px;
}
.flip-box-back {
    background-color: var(--color3);
    color: white;
    transform: rotateY(180deg);
    width: 560px;
    height: 350px;
}
.flip-box-back p {
    font-size: 15px;
    position: relative;
    top: 15%;
    padding: 10px 10px 10px 10px;
}
    .flip-box-back h2 {
        padding: 10px 10px 10px 10px;
        font-size: 18px;
    }
.flight_detail_showFare {
    font-size: 13px;
    margin-top: 5px;
    color: #000;
    cursor: pointer;
    font-weight: 700;
}
flight-details-template .more-fare-inner .more-fare-col {
    position: relative;
    left: 18px;
    border: none;
}
flight-details-template .more-fare-col-inner-content label {
    margin: 5px 12px 5px 0px;
    display: inline-block;
}
flight-details-template .more-fare-col-inner-content input {
    position: relative;
    top: 2px;
    right: 2px;
}
flight-details-template .more-fare-inner.row {
    margin: 0;
}
div#collapseTerms {
    margin-top: -20px;
    margin-bottom: 20px;
}
mice i.fa.fa-calendar.form-control-icon {
    position: absolute;
    right: 35px;
    top: 12px;
}
.login-or {
    position: relative;
    font-size: 16px;
    color: #aaa;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.hr-or {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: 0;
    border-top: 1px solid #6d90c5;
}
.span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: 2px;
    margin-left: -30px;
    background-color: var(--color8);
    width: 60px;
    text-align: center;
    font-size: 13px;
}
a.bt_facebook, a.bt_google {
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding: 5px 5px;
    border: none;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all .2s ease;
    outline: 0;
    padding-top: 0px;
}
.invalid-feedback.d-block {
    margin: -5px 0px 10px 0px !important;
}
#header_forgotpassword_tab{
    text-align: left;
}
#header_forgotpassword_tab h4 {
    font-weight: 600;
    text-align: left;
    font-size: 17px;
    margin-bottom: 26px;
    color: var(--color1);
}
#header_forgotpassword_tab h5 {
    font-size: 13px;
    margin-bottom: 0px;
}
div#carouselId .owl-stage-outer.owl-height img:nth-child(1) {
    height: 45px !important;
    width: 45px !important;
}
div#divHotelSearch input::placeholder {
    color: #484c4f;
}
flight-result div#HTLField {
    margin-top: 45px;
}
checkout section#checkout_pag .pck-male-female > div:nth-child(1) {
    margin: 0;
}
checkout section#checkout_pag .col-md-12.male-female .col-md-2 {
    flex: 0 0 14.666667%;
    max-width: 22.666667%;
    padding-right: 0px;
}
flight-search .searchdn.direct-fliser {
    margin-top: 20px;
}
hotel-search-control .searchdns select#rating {
    padding-left: 20px;
    margin-top: 7px
}
flight-modify .mainsearch.ric i.fa.fa-calendar {
    padding-left: 0px;
    padding-top: 0px;
    background-color: transparent;
    position: absolute;
    font-size: 14px;
    top: 15px;
    left: 7px;
}
flight-modify .itsflight.rtp-check .mainsearch .calender i.fa.fa-calendar {
    position: absolute;
    top: 15px;
    left: 7px;
}
flight-details-template .more-fare-content {
    font-size: 13px;
    font-weight: 700;
}
flight-segment-template .col-md-8 .col-md-4.col-xs-12 {
    top: 2px;
}
.footer_fixed div#dvBook button.roundbooknow {
    height: 40px !important;
    width: 60%;
}
div#dvOutbound .col-sm-3.text-center, div#dvInbound .col-sm-3.text-center {
    padding-right: 0px;
    margin-top: -15px;
}
div#dvOutbound .col-sm-3.text-center span, div#dvInbound .col-sm-3.text-center span {
    font-size: 13px;
    font-weight: 700;
}
flight-result .modal-dialog.modal-dialog-centered {
    max-width: 65%;
}
flight-details-template > div > .col-md-9.col-sm-9.dom-rounttrip {
    height: 135px;
}
package-result .leftsec_filter {
    margin-top: 0px;
}
    package-result .leftsec_filter h3.panel-title {
        font-size: 16px;
        font-weight: 600;
    }
    package-result .leftsec_filter > div:nth-child(1) {
        padding: 10px;
    }
hotel-result div#Ratings > div > ul {
    margin-bottom: 0px;
}
package-result .leftsec_filter h4 {
    font-size: 15px;
    color: black;
    border-bottom: 1px dashed grey;
    padding-bottom: 8px;
    margin: 12px 0px 10px 0px;
    font-weight: 600;
}
package-result-temp .col-sm-5.col-md-5.col-12 {
    border-right: 1px solid #3333333b;
}
package-result-temp .col-sm-5.col-md-5.col-12 .hotel_description {
    border-right: 0px solid #3333333b;
}
pacakge-details #hotel_detail a.nav-link.fa.fa-angle-down {
    font-size: 17px;
}
pacakge-details ui-fare-calendar table#calendar tbody tr td div {
    font-weight: 700;
    font-size: 16px !important;
}
pacakge-details .topdn a.btn.btn-success {
    margin-top: 5px;
}
package-result-temp .hotel_img span.thumbtriptypetext {
    position: absolute;
    top: 10px;
    left: 20px;
    color: black;
    font-size: 14px;
    background: rgba(0, 0, 0, .5);
    width: 85%;
    padding: 5px 15px;
    border-radius: 5px;
    text-align: center;
}
flight-search input#txtFrom, flight-search input#txtTo {
    padding-right: 15px;
    padding-left: 20px;
}
flight-segment-template .flt_logo.col-md-3 {
    text-align: left;
    margin: 6px 0px 0px 15px !important;
    flex: 0 0 18%;
}
.offer-page {
    width: 1140px;
    margin: 30px auto;
    font-size:14px
}
    .offer-page h1 {
        font-size: 19px;
        background-color: var(--color3);
        color: var(--color8);
        padding: 5px 6px;
        font-weight: 400;
    }
.offer-dtls {
    margin: 18px 0;
}

    .offer-dtls h3 {
        font-weight: 500;
        font-size: 18px;
    }

    .offer-dtls p {
        font-weight: 400;
    }

.offer-page table {
    border-color: #ccc9c9;
}

    .offer-page table td {
        padding: 6px 7px;
    }

    .offer-page table th {
        background-color: var(--color3);
        color: var(--color8);
        font-weight: 500;
        padding: 4px 8px;
        text-align: left;
    }
.offer-dtls ul {
    padding-left: 20px;
}


/*<<<<Seat Map CSS>>>>*/

.sidenav.slideLeft {
    width: 92%;
}
.seat_sidenav-content h3 {
    font-size: 18px !important;
}

.sidenav .closebtn {
    right: 4%;
}
.seat_sidenav-content {
    padding: 18px 10px 0 !important;
}
.sidenav .seat_sidenav-content .nav-tabs > li a {
    padding: 7px 38px;
}
.sidenav {
    height: 100%;
    width: 50%;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: -50%;
    background-color: rgba(29, 8, 38, 0.85);
    overflow-x: hidden;
    -webkit-transition: width linear 0.05s;
    -moz-transition: width linear 0.05s;
    -o-transition: width linear 0.05s;
    transition: width linear 0.05s;
}

    .sidenav.slideLeft {
        width: 45%;
    }

    .sidenav.slideLeft-2 {
        width: 60%;
        right: 0%;
        background: var(--color8);
    }

    .sidenav.active {
        display: block;
        right: 0;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 10px;
        right: 2%;
        font-size: 40px;
        color: var(--color8);
        padding: 10px;
    }

    .sidenav .seat_sidenav-content {
        padding: 18px 18px 0;
        text-align: left;
    }

        .sidenav .seat_sidenav-content h3 {
            color: var(--color8);
            padding: 20px 15px;
            margin-bottom: 15px;
            font-size: 20px !important;
            font-weight: 200;
            margin-top: 0;
            text-transform: capitalize;
            text-align: left;
        }

        .sidenav .seat_sidenav-content ul.list-name li {
            text-align: left;
            list-style: none;
            border-left: 2px solid #dcb341;
            background: #2d2d2d;
            padding: 7px;
            margin-top: 3px;
            margin-bottom: 0;
        }

            .sidenav .seat_sidenav-content ul.list-name li:hover {
                background: #dcb341;
            }

            .sidenav .seat_sidenav-content ul.list-name li a {
                color: var(--color8);
                text-decoration: none;
                font-size: 13px;
            }

        .sidenav .seat_sidenav-content .nav-tabs > li {
            border: 2px solid var(--color8);
        }

            .sidenav .seat_sidenav-content .nav-tabs > li a {
                margin-right: 0px;
                padding: 7px 40px;
                font-size: 13px;
            }

@media (max-width: 500px) {
    .sidenav {
        width: 100%;
        right: -100%;
    }

        .sidenav.slideLeft-2 {
            width: 100%;
        }
}

.seat_detail {
    background: var(--color8);
    font-size: 13px;
    border: 2px solid #dcb341;
    padding: 0 15px;
    left: 28px;
}

    .seat_detail h4 {
        margin: 4px 0px 0;
        color: #371048;
        font-size: 16px;
    }

    .seat_detail .seat_status {
        color: #371048;
        border-bottom: 1px solid;
    }

    .seat_detail p {
        margin-bottom: 0;
    }

.popover {
    display: block !important;
    z-index: 9999 !important;
    border: 0;
    height: auto;
    padding: 0;
}

    .popover .popover-header {
        margin: 0;
    }

.dprtrInfo {
    margin-left: 20px;
}

    .dprtrInfo span {
        font-size: 18px;
        font-weight: 600;
        color: #371048;
    }

        .dprtrInfo span .fa-long-arrow-right {
            margin: 0px 10px 5px 10px;
            color: #dcb341;
        }
.dprtr {
    font-size: 18px;
    background: #e6e6e6;
    padding: 5px 14px;
    margin-left: -15px;
}
span.dateinfo {
    margin-left: 10px;
    font-size: 18px;
    font-weight: normal;
    color: #8a8a8a;
}
.sideinfo {
    float: left;
    width: 50%;
    margin-right: 20px;
}

    .sideinfo ul.seat-info {
        overflow: hidden;
        margin-bottom: 20px;
    }

        .sideinfo ul.seat-info li {
            list-style: none;
            width: 50%;
            float: left;
        }

            .sideinfo ul.seat-info li div {
                display: inline-block;
                vertical-align: middle;
                margin: 0;
                padding: 5px;
            }

.sideinfo_v {
    text-align: left;
    font-size: 18px;
}
.bookinfor {
    background: #ECECEC;
    padding: 6px;
    border: 1px solid #e1e1e1;
    color: #371048;
    font-size: 14px;
    margin-bottom: 5px;
}

    .bookinfor.selected {
        background: var(--color1);
        color: var(--color8);
        font-size: 20px;
        border-radius:3px;
    }

    .bookinfor span {
        display: inline-block;
        width: 33%;
    }
.confirmseat {
    margin-top: 8px;
}

    .confirmseat a {
        background: var(--color3);
        padding: 5px 15px;
        border-radius: 3px;
        color: white;
        font-size: 18px;
        width: 47%;
        display: block;
        text-align: center;
    }

        .confirmseat a:hover {
            background: #290938;
        }
.allseat {
    margin: 0 auto;
    min-width: 40%;
    position: relative;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    /*margin-left: 75px;*/
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    border-radius: 7px;
    float: left;
}
.seat-title .frltr {
    /*-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);*/
    font-size: 17px;
    font-weight: 600;
    color: #4e4e4e;
    /*position: absolute;*/
    /*top: 50%;*/
    text-align: center;
}
.sub-seat {
    height: 400px;
    overflow-x: hidden;
    margin: 0 auto;
    overflow-y: auto;
}
    .sub-seat .imgs {
        width: 20px;
        height: 21px;
        margin: 5px;
        text-align: center;
        font-size: 18px;
    }
    .sub-seat .ul li {
        /* margin-bottom: 15px; */
        color: #371048;
        position: relative;
    }
.imgs.seats {
    background-image: url(https://www.magicarpet.com/assets/CTUB2C/images/seats.png);
    position: relative;
    color: transparent;
    cursor: pointer;
}
    .imgs.seats.Available {
        background-position: 100px -2px !important;
        /* cursor: pointer; */
    }
.Selected, .imgs.Available:hover {
    background-position: -102px -2px !important;
}
.imgs.seats.Occupied {
    background-position: 47px -2px;
    opacity: 0.5;
    cursor: not-allowed;
}
.imgs.seats.Selected {
    background-position: -102px -2px !important;
}
.bookinfor {
    background: #ECECEC;
    padding: 6px;
    border: 1px solid #e1e1e1;
    color: #371048;
    font-size: 14px;
    margin-bottom: 5px;
}
.imgs.seats.Lavatory {
    background-position: 99px -2px !important;
    filter: grayscale(1);
    cursor: not-allowed;
    opacity: 0.5;
}
.imgs.seats.Disable {
    background-position: 99px -2px !important;
    filter: grayscale(1);
    cursor: not-allowed;
    opacity: 0.5;
}
hotel-search-control .control_tab.tab_HTL > div:nth-child(4) > div:nth-child(1) > .searchdn > input#htlName {
    background: var(--color) !important;
    padding-left: 17px !important;
}

hotel-details a.listquote span.add_quto {
    display: inline-block;
    background: var(--color2);
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    padding: 0px 6px;
    border-radius: 5px;
    margin: 0px 4px 0px 0px;
}
hotel-details a.listquote span {
    color: var(--color2);
    font-weight: 700;
    cursor: pointer;
    font-size: 15px;
}
.quotation-list {
    padding: 10px 7px 7px;
}
.quotation-list h3 {
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: underline;
    color: var(--color2);
}
.quotation-list h6 {
    letter-spacing: 1.2px;
    margin: 8px 0px 3px 0px;
    font-size: 14px;
}

quotation-list i.fa.fa-close {
    padding: 2px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    border: 3px solid var(--color2);
    font-size: 12px;
    background: var(--color2);
}
quotation-list a.btn.btn-primary {
    padding: 7px 12px;
    border-radius: 7px;
    background: var(--color2);
    border: 1px solid var(--color2);
    color: #fff;
    margin: 7px 0;
    font-size: 15px;
}
app-wishlist h2 {
    font-size: 25px;
    padding: 7px 2px !important;
    background: var(--color2);
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    border-radius: 3px;
    margin: 20px 0px 0px 0px;
}

app-wishlist .quotation > div:nth-child(1) > div:nth-child(2) {
    border: 1px solid var(--color1);
}

app-wishlist .quotation > div > div:nth-child(2) > div > div > h3 {
    text-align: left;
    font-size: 22px;
    FONT-WEIGHT: 500;
    COLOR: #fff;
    background-color: var(--color1);
    margin: 0px 0px 7px 0px;
    border-radius: 3px 3px 0px 0px;
}

app-wishlist .quotation > div > div:nth-child(2) > div:nth-child(2) {
    margin: 0px 0px 20px 0px;
    background: #fff;
    padding: 10px 15px 25px 15px;
    border-radius: 3px;
}

app-wishlist div#quotinfo > div:first-child > img {
    height: 130px;
    width: 100%;
    border-radius: 3px;
}
app-wishlist div#quotinfo > div:nth-child(3) > p {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
}
app-wishlist div#quotinfo > div:nth-child(3) > span {
    font-size: 13px;
    font-weight: 600;
}

app-wishlist div#quotinfo > div:nth-child(3) > div > a.btn.btn-danger {
    border: none;
    padding: 7px 5px;
    border-radius: 7px;
    background: var(--color2);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    height: 38px;
    margin: 7px 0px;
    width: 100%;
}
app-wishlist div#quotdtl {
    color: #000;
    margin: 12px 0px;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid gainsboro;
}
    app-wishlist div#quotdtl table thead tr th, app-wishlist div#quotdtl table tbody tr td {
        font-size: 14px;
        padding: 7px 5px;
        border: 1px solid gainsboro;
        text-align: left;
        color: #000;
    }
app-wishlist .quotation form {
    display: block;
    padding-top: 25px;
}
    app-wishlist .quotation form label {
        font-weight: 500;
        font-size: 15px;
        padding-left: 0px;
    }
    app-wishlist .quotation form select, app-wishlist .quotation form input {
        height: 40px !important;
        font-size: 14px;
        font-weight: 500;
    }
    app-wishlist .quotation form label {
        font-weight: 500;
        font-size: 15px;
        padding-left: 0px;
    }
    app-wishlist .quotation form select, app-wishlist .quotation form input {
        height: 40px !important;
        font-size: 14px;
        font-weight: 500;
    }
app-wishlist div#quotbtn {
    margin: 20px 0px;
}

    app-wishlist div#quotbtn > div {
        text-align: center;
    }
        app-wishlist div#quotbtn > div > button {
            height: 40px;
            border: none;
            border-radius: 7px;
            background: var(--color2);
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            width: 20%;
            margin: 10px 7px 15px 7px;
        }
app-wishlist .quotation > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
app-wishlist .quotation div#quotinfo > div:nth-child(2) > h3 {
    margin: 0px 0px 3px 0px;
    color: var(--color2);
    font-size: 19px;
    padding-top: 7px;
    font-weight: 600;
}
app-wishlist .quotation div#quotinfo > div:nth-child(2) > .quotstar i.fa.fa-star {
    color: var(--color2);
    margin-left: 1px;
    font-size: 15px;
}
app-wishlist .quotation div#quotinfo > div:nth-child(2) > p {
    margin-bottom: 3px;
    color: #8f8d8a;
    font-weight: 600;
    font-size: 13px;
}
app-wishlist .quotation div#quotinfo > div:nth-child(2) > p {
    margin-bottom: 3px;
    color: #555;
    font-weight: 600;
    font-size: 13px;
}

flight-result-template a.flt_Quotation-dtls.d-block {
    display: flex !important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 47px;
}
    flight-result-template a.flt_Quotation-dtls.d-block span:first-child {
        background: var(--color2);
        color: #fff;
        font-size: 12px;
        padding: 4px 16px;
        border-radius: 5px;
        margin: 0px 5px 0px 4px;
    }
flight-result-template span.quot_details {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px 0px 7px;
    color: var(--color2);
}
app-wishlist .quotation > div:nth-child(1) > .panel.travkey-panel {
    border: 1px solid var(--color1);
    margin-top: 20px;
}
app-wishlist div#fltquot > div:first-child {
    border-right: 1px solid #dee2e6;
}
app-wishlist div#fltquot > div > div > div > div {
    margin: 5px 0px 5px 0px;
}
app-wishlist .quotation div#fltquot h3 {
    margin: 0px;
    font-size: 17px;
}

app-wishlist .quotation > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > div > div:first-child > div > div > h5 {
    margin: 0px;
    font-size: 14px;
    font-weight: 700;
}

app-wishlist div#fltquot div#quotinfo span {
    font-size: 13px;
    font-weight: 600;
}
app-wishlist div#fltquot div#quotinfo > div > a.btn.btn-danger {
    border: none;
    padding: 7px 5px;
    border-radius: 7px;
    background: var(--color2);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    height: 38px;
    margin: 7px 0px;
}
app-wishlist div#fltquot > div > div > div:nth-child(2) > div > div:nth-child(1), app-wishlist div#fltquot > div > div > div:nth-child(3) > div > div:nth-child(1) {
    width: 16.66666667%;
}
app-wishlist div#fltquot > div > div > div > div > div:nth-child(1) > p {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
    color: var(--color2);
}
app-wishlist div#fltquot > div > div > div > div > div:nth-child(1) > span {
    font-size: 12px;
}
app-wishlist div#fltquot > div > div > div > div > div > p {
    font-size: 16px;
    margin-bottom: 3px;
    color: var(--color2);
    font-weight: 600;
}
app-wishlist div#fltquot > div > div > div > div > div > span {
    font-size: 13px;
    display: block;
}
app-wishlist .quotation > div > .panel.travkey-panel > div > div > h3 {
    text-align: left;
    font-size: 22px;
    FONT-WEIGHT: 500;
    COLOR: #fff;
    background-color: var(--color1);
    margin: 0px 0px 7px 0px;
    border-radius: 3px 3px 0px 0px;
    padding: 10px 15px
}
hotel-modify-component .cust_htl-modify .selected_box_bottom .plus_minus_box input {
    height: 24px !important;
    width: 24px !important;
    font-size: 13px;
    margin: 0px 2px;
}

app-wishlist div#fltquot h5 {
    font-size: 12px;
}

flight-modify .selected_box_bottom input {
    vertical-align: middle;
    margin: 0px 2px !important;
    text-align: center;
}
flight-modify .itsflight.rtp-check .non_stop label {
    color: #ffff;
    font-weight: 600;
    font-size: 13px;
}
flight-modify .itsflight.rtp-check .non_stop {
    margin-top: 0px !important;
    font-weight: 600 !important;
    top: 15px;
}

#bookingprocessing .loading-text {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    animation: fadeIn 1s infinite alternate;
}

#bookingprocessing .loader {
    margin: 15px auto;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes fadeIn {
    from {
        opacity: 0.6;
    }

    to {
        opacity: 1;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
hotel-thankyou .thanu_below > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
    padding: 0px;
}
hotel-thankyou .thanu_below > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    padding-left: 0px;
}
hotel-thankyou .thanu_below > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    padding: 0px;
}

hotel-thankyou .thanu_below > div:nth-child(1) > div:nth-child(1) {
    margin: 0px;
}
hotel-thankyou .thanu_below > div:nth-child(1) {
    padding: 0px;
    margin-top: 10px;
}
/*safari css*/
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance:none) {
        button, input, select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
    }
}

hotel-search-control .control_tab.tab_HTL > div:nth-child(4) > div:nth-child(1) > .searchdn > input#htlName::placeholder {
    color: #fff;
}
pacakge-details div#destination img.img-responsive {
    height: 120px;
    object-fit: contain;
}