﻿body {
    background: #f5f5f5;
    font-weight: 400;
    font-family: 'Helvetica';
    font-size: 13px;
    color: #000000;
    font-weight: 500;
}
/*
 * Title:   Custom Style File
 * Author:  Shekhar Bajpayee
 */

/*flight Autocomplete css start*/

flightautocomplete .autocomplete-options-container {
    min-width: 500px;
    position: absolute;
    direction: ltr;
    border: 0px solid #23e813;
    width: 100%;
    z-index: 999;
}

flightautocomplete .autocomplete-options-dropdown {
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    z-index: 1001;
    background: white;
    overflow-y: auto;
}

flightautocomplete .autocomplete-options-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}

flightautocomplete .autocomplete-option {
    background: #fff;
    white-space: nowrap;
    white-space: normal;
    padding: 4px 10px;
    line-height: 22px;
    overflow: hidden;
}

    flightautocomplete .autocomplete-option span i {
        margin-right: 2px;
    }

flightautocomplete .autocomplete-input {
    padding-left: 34px;
}

hotelautocomplete .autocomplete-input {
    padding-left: 34px;
}

activityautocomplete .autocomplete-input {
    padding-left: 34px;
}

.autocomplete-option {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*hotel Autocomplete css start*/

hotelautocomplete .autocomplete-options-container {
    min-width: 500px;
    position: absolute;
    direction: ltr;
    border: 0px solid #23e813;
    width: 100%;
}

hotelautocomplete .autocomplete-options-dropdown {
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    z-index: 1001;
    background: white;
    overflow-y: auto;
}

hotelautocomplete .autocomplete-options-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}

hotelautocomplete .autocomplete-option {
    width: 100%;
    background: #fff;
    white-space: nowrap;
    white-space: normal;
    padding: 4px 10px;
    line-height: 22px;
    overflow: hidden;
}

hotelautocomplete {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

Ptransferautocomplete .autocomplete-options-container {
    min-width: 100%;
    position: absolute;
    direction: ltr;
    border: 0px solid #23e813;
    width: 100%;
}

Ptransferautocomplete .autocomplete-options-dropdown {
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    z-index: 1001;
    background: white;
    overflow-y: auto;
}

Ptransferautocomplete .autocomplete-options-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}

Ptransferautocomplete .autocomplete-option {
    width: 100%;
    background: #fff;
    white-space: nowrap;
    white-space: normal;
    padding: 4px 10px;
    line-height: 22px;
    overflow: hidden;
}

Ptransferautocomplete {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

Dtransferautocomplete .autocomplete-options-container {
    min-width: 100%;
    position: absolute;
    direction: ltr;
    border: 0px solid #23e813;
    width: 100%;
}

Dtransferautocomplete .autocomplete-options-dropdown {
    max-width: 100%;
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    z-index: 1001;
    background: white;
    overflow-y: auto;
}

Dtransferautocomplete .autocomplete-options-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}

Dtransferautocomplete .autocomplete-option {
    width: 100%;
    background: #fff;
    white-space: nowrap;
    white-space: normal;
    padding: 4px 10px;
    line-height: 22px;
    overflow: hidden;
}

Dtransferautocomplete {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

transfercityautocomplete .autocomplete-options-container {
    min-width: 100%;
    position: absolute;
    direction: ltr;
    border: 0px solid #23e813;
    width: 100%;
}

transfercityautocomplete .autocomplete-options-dropdown {
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    z-index: 1001;
    background: white;
    overflow-y: auto;
}

transfercityautocomplete .autocomplete-options-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}

transfercityautocomplete .autocomplete-option {
    width: 100%;
    background: #fff;
    white-space: nowrap;
    white-space: normal;
    padding: 4px 10px;
    line-height: 22px;
    overflow: hidden;
}

transfercityautocomplete {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

activityautocomplete .autocomplete-options-container {
    min-width: 100%;
    position: absolute;
    direction: ltr;
    border: 0px solid #23e813;
    width: 100%;
}

activityautocomplete .autocomplete-options-dropdown {
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    z-index: 1001;
    background: white;
    overflow-y: auto;
}

activityautocomplete .autocomplete-options-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}

activityautocomplete .autocomplete-option, .autocomplete-option {
    width: auto !important;
    background: #fff;
    white-space: nowrap;
    padding: 4px 40px 4px 10px;
    line-height: 22px;
    overflow: hidden;
    min-width: 100%;
}

activityautocomplete {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

carcityautocomplete .autocomplete-options-container {
    min-width: 100%;
    position: absolute;
    direction: ltr;
    border: 0px solid #23e813;
    width: 100%;
}

carcityautocomplete .autocomplete-options-dropdown {
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    z-index: 1001;
    background: white;
    overflow-y: auto;
}

carcityautocomplete .autocomplete-options-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}

carcityautocomplete .autocomplete-option {
    width: 100%;
    background: #fff;
    white-space: nowrap;
    white-space: normal;
    padding: 4px 10px;
    line-height: 22px;
    overflow: hidden;
}

carcityautocomplete {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

carcityautocomplete {
    z-index: 999999;
    position: absolute;
}
/* Tooltip styling */
[data-tooltip]:before {
    display: none;
    position: absolute;
    background: #0065b8 !important;
    color: #fff;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before, [data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before, [data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}

[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}

[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}

[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}
/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after, [data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after, [data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}

[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}

[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}

[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}

[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
    display: block;
    z-index: 99999;
}
/*Autocomplete css End*/

.float-right {
    float: right !important;
}

.brd-right {
    border-right: 1px solid #eaeaea;
}

.padding-left-24 {
    padding-left: 24px !important;
}

.padding-left-14 {
    padding-left: 14px !important;
}

.brd-bottom {
    border-bottom: 1px solid #eaeaea;
}

.mrgn-left20 {
    margin-left: 20px;
}

.padding-top-40 {
    margin-top: 40px;
}

.margin-bottom40 {
    margin-bottom: 40px;
}

.margin-right-7 {
    margin-right: 7px;
}

.float-left {
    float: left;
}

.txt-center {
    text-align: center;
}

#header .logo {
    margin: 5px 0 0;
}

.call-no {
    line-height: 16px;
    font-size: 1.4em;
}

.call-us {
    font-size: .8em;
    line-height: 13px;
}

.logo {
    width: 250px;
}

.chaser .logo a {
    background-size: auto 44px;
}

section#content {
    min-height: 600px;
    padding: 0;
    /*position: relative;*/
    overflow: visible;
}

#main {
    padding-top: 20px;
}

#main-1 {
    padding-top: 20px;
}

#main h1.page-title {
    font-size: 28px;
}

.page-title, .page-description {
    color: #fff;
}

.page-title {
    /* font-size: 4.1667em; */
    font-weight: bold;
}

.page-description {
    font-size: 2em;
    margin-bottom: 50px;
}

.featured {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 9;
    margin-bottom: 0;
    text-align: right;
}

    .featured figure a {
        border: 2px solid #fff;
    }

    .featured .details {
        margin-right: 10px;
    }

        .featured .details > * {
            color: #fff;
            line-height: 1.25em;
            margin: 0;
            font-weight: bold;
            text-shadow: 2px -2px rgba(0, 0, 0, 0.2);
        }
/* search box styles*/
.search-box-wrapper.style2 .search-box {
    background: rgba(0, 0, 0, 0.0);
    padding: 0px;
}

ul.search-tabs li {
    padding-right: 1px;
}

.search-box-wrapper.style2 .search-box > ul.search-tabs li.active > a {
    background: rgba(0, 0, 0, .7);
    color: #01b7f2;
}
/* ul.search-tabs li .tab-back-transparent{ background: #fff; opacity: .5; width: 100%; height: 40px; position: absolute; left: 0; top: 0px; z-index: -1;} */
.search-box-wrapper.style2 .search-box > ul.search-tabs li {
    padding-right: 1px;
    float: left;
    position: relative;
}

    .search-box-wrapper.style2 .search-box > ul.search-tabs li > a {
        margin-bottom: 0px;
        height: 40px;
        padding: 2px 20px;
    }

.search-box-wrapper.style2 .search-tab-content {
    background: rgba(0, 0, 0, .7);
    padding: 10px 20px;
}
/* .search-back-tranparent{    background: #fff; opacity: .5;    width: 100%;    height: 109px;    position: absolute;    left: 0;    top: 40px} */
#occupancies {
    position: absolute;
    background: #fff;
    z-index: 9999;
    width: 51%;
    left: 32%;
    top: 85%;
}

    #occupancies #room-1, #occupancies #room-2, #occupancies #room-3, #occupancies #room-4, #occupancies #room-5 {
        display: none;
    }

.number-spinner .fa {
    font-size: 10px;
}
/*.search-details {
    margin-bottom: 10px;
    background: #e6e6e6;
}*/
.search-details {
    background: #e6e6e6;
}

.sort-by-section.clearfix.search-details.fixresulttop {
    min-height: 50px;
}

.sort-by-section .swap-tiles.top-restult {
    float: left; /*margin-left:28px;*/
}

.search-criteria li {
    margin: 0 15px 0 0;
    text-align: left;
    color: #000000;
}

.search-city {
    font-weight: bold;
    font-size: 14px;
}

.total-hotels {
    font-weight: bold;
    font-size: 18px;
}

.swap-block .fa-map-marker {
    font-size: 20px;
}

.modify-panel-back {
    display: none;
    background: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 997;
}

.panel-ti tle .mod-panel {
    z-index: 998;
}

.price {
    /*color: #7db921;*/
    font-size: 1.4em;
}

.toggle-container .panel.style1 .panel-title > a.mod-panel:before {
    display: none;
}

.listing-style3.hotel .amenities {
    float: none;
    display: block;
}

    .listing-style3.hotel .amenities a i {
        cursor: pointer;
    }

.listing-style3.hotel .details > * > *:last-child {
    width: 160px;
}
/*.listing-style3 .box, .listing-style3.box {
    margin-bottom: 10px;
}*/
.new-detail-box, article.resultBox.box {
    border: 1px solid #d3d3d3;
    transition: all 0.3s ease-in-out;
}

.hover-effect {
    cursor: pointer;
}

.ui-datepicker {
    z-index: 9999;
}

.listing-style3.hotel .details [class^="fa"].circle {
    margin-right: 5px;
    margin-top: 5px;
}

.listing-style3 [class^="fa"].circle {
    color: #a2a2a2;
    cursor: default;
    font-size: 18px;
    overflow: hidden;
}

[class^="fa"].circle, [class*=" fa"].circle, .glyphicon.circle {
    border: 1px solid;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.7333em;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    text-align: center;
}
/*[class^="fa"],
[class*=" fa"] {
    vertical-align: middle;
}*/

.box-title small {
    font-size: 12px;
}

.listing-style3.hotel .details > * > * {
    padding: 5px 15px 0;
}

.listing-style3 [class^="fa"].circle:hover {
    background: #01b7f2;
    color: #fff;
}

.icon-check:after {
    /*content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: url(../../Images/YTH/icon/icon-check.png) no-repeat center center #9c9c9c;*/
}

button, input[type="button"].button {
    background: #9dc362;
}

.icon-check {
    padding-right: 0px !important;
}
/* hotel details page */
.call_us {
    font-size: 14px;
    font-weight: bold;
    display: block;
}

    .call_us .fa-phone-square {
        font-size: 25px;
        margin-right: 6px;
        color: #01b7f2;
    }

.nav-tabs > li > a {
    font-size: 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #01b7f2;
}

#flights-tab .tab-content {
    background: none;
    border: 0px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 0px;
    height: 100%;
    overflow-y: inherit;
}

.mrgn-top10 {
    margin-top: 10px;
}

.btn-primary {
    color: #fff;
    background-color: #8c8c8c;
    border-color: #8c8c8c;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #98ce44;
        border-color: #98ce44;
    }

.gv_navPrev {
    background: url(../../Images/YTH/prev.png) right top no-repeat;
}

.gv_panelNavNext {
    background: url(../../Images/YTH/panel-next.png) left top no-repeat;
}

#map ul.list-inline {
    background: #f5f5f5;
    border: 1px solid #efefef;
}

#map ul.list_inline_4 {
    margin: 10px 0 0 0;
    text-align: center;
}

    #map ul.list_inline_4 li {
        padding: 10px 15px;
    }

.txt-black {
    color: #000;
}

.hotel-address {
    font-weight: bold;
    display: block;
    font-size: 11px;
}

.popup_tab article {
    margin-bottom: 5px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-bot-20 {
    margin-bottom: 20px;
}
/* hotel selection page */
.panel-group .current {
    background: #37a5ff !important;
}

.disabled-accordion {
    background: #fff !important;
    cursor: default !important;
    color: #2d3e52 !important;
}

.panel-title a:hover {
    color: inherit;
    cursor: auto;
}
/*.panel-group .current a {
    color: #fff;
}*/

.disabled-accordion:hover, .disabled-accordion h4.panel-title a {
    background: #fff;
    /*cursor: pointer !important;*/
    color: #2d3e52;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}

.highlight {
    background-color: #f5f5f5;
    float: left;
    width: 100%;
    border-bottom: 2px solid #f5f5f5;
    /*margin-bottom: 10px;*/
    padding: 4px 10px 4px 4px;
}

.active-header, .active-header:hover {
    /*background: url(../../Images/YTH/inactive-header.png) left 50% no-repeat;*/
    padding: 0 0 0 20px;
}

.inactive-header, .inactive-header:hover {
    /*background: url(../../Images/YTH/active-header.png) left 50% no-repeat;*/
    padding: 0 0 0 20px;
}

#accordion-container, #accordion-container1 {
    cursor: pointer;
}

span.room {
    margin: 5px 0px 5px 4px !important;
}

.border-none {
    border: none !important;
}

.iframe_width {
    width: 100%;
    border: 0 none;
    min-height: 520px;
}
/*   */

/* confirmation page */
.white_bg {
    background: #fff;
}

.border_div {
    border: 1px solid #ddd;
    float: left;
    width: 100%;
}

.padding-15 {
    padding: 10px 15px;
}

.datepicker-wrap {
    background: #ffffff;
}

.hotel-detail-checkin .datepicker-wrap {
    border-radius: 6px;
}

.title-inner, small span {
    color: #000;
}
/*FLight search  */
.drop-alter {
    border: 1px solid #d1d1d1;
    width: 100%;
    color: #d1d1d1;
    position: relative;
    background: #ffffff;
    border-radius: 6px;
    height: 38px;
    line-height: 36px;
}

    .drop-alter > a {
        width: 100%;
        color: #7d7f7f;
        /*Start,Commented by Imran on Date:06-March-2024*/
        /*color: #000000;*/
        /*End,Commented by Imran on Date:06-March-2024*/
        padding: 0px 0px 0px 25px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
    }

        .drop-alter > a:hover {
            width: 100%;
        }

    .drop-alter .caret {
        margin: 0px;
        position: absolute;
        top: 16px;
        right: 10px;
    }

    .drop-alter .open > .dropdown-menu {
        width: 370px;
    }

.flight-pax-count {
    position: absolute;
    margin: 0px 0 0 0;
    background: #fff;
    width: 400px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
    padding: 15px;
    color: #000;
}

    .flight-pax-count span.sub {
        color: #000;
        display: inline-block;
        line-height: 18px;
        margin: 0 0 10px 0;
    }

.flight-pax-icon {
    vertical-align: baseline !important;
}

.pax-count {
    position: absolute;
    margin: 10px 0 0 0;
    background: #fff;
    width: 950px;
    left: -700px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
    color: #414141;
}

    .pax-count span.sub {
        color: #414141;
        display: block;
        line-height: 18px;
        margin: 0 0 10px 0;
    }

.pax-count-hotel {
    position: absolute;
    margin: 1px 0 0 0;
    background: #fff;
    width: 295px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
    color: #414141;
}

    .pax-count-hotel span.sub {
        color: #414141;
        display: block;
        line-height: 18px;
        margin: 0 0 10px 0;
    }

.pax-count-flight-hotel {
    position: absolute;
    margin: 5px 0 0 0;
    background: #fff;
    width: 380px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
    color: #414141;
}

.date-disable {
    background: #fff;
    opacity: .7;
    width: 100%;
    height: 34px;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 99;
}

#flight-times-filter select {
    width: 100%;
}

.alertMsg {
    color: red;
    float: left;
    font-size: 11px;
    margin-bottom: 10px;
}

.search-box .alertMsg {
    color: #fff !important;
}

.listing-style3.flight figure {
    display: table-cell;
    background: #fff;
    vertical-align: middle;
    float: none;
}

    .listing-style3.flight figure span {
        border: 1px solid #f5f5f5;
        vertical-align: top;
    }

.flight .take-off {
    padding-left: 25px;
}

.skin-color {
    float: left;
    line-height: 24px;
    padding-bottom: 5px;
}

.listing-style3.flight .details .details-wrapper > * > * {
    padding: 0px 0px 0 0px;
}

.listing-style3.flight .details .details-wrapper .time > div > div {
    padding-left: 5px;
}

.location {
    width: 100%;
    color: #000;
    font-size: 12px;
}

.cost {
    vertical-align: top;
}

.amenities {
    padding: 5px 0;
    width: 100%;
    margin: 0 auto;
}

.action {
    margin: 0 auto;
    width: 80%;
}

.listing-style3.flight .amenities {
    margin-bottom: 0px;
}

.time {
    border-bottom: 0px solid #f5f5f5;
    padding-bottom: 15px;
}
/*-------------*/
.listing-style3.flight .details .details-wrapper {
    display: block;
}

    .listing-style3.flight .details .details-wrapper > * > * {
        display: block;
    }

    .listing-style3.flight .details .details-wrapper > * {
        display: block;
    }

.blank {
    line-height: 29px;
}

.border-bot {
    border-bottom: 1px solid #f5f5f5;
}

.flight-list {
    float: left;
    width: 100%;
    padding: 5px 0;
}

.price small, .price-responsive small {
    display: block;
    color: #838383;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}

    .price small del {
        font-size: 12px;
        font-weight: 400;
    }

.flight .take-off .icon {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    float: left; /*padding-right: 3px;*/
}

.flight .landing .icon {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    float: left; /*padding-right: 3px;*/
}

.landing-effect {
    -webkit-transform: rotate(85deg);
    -moz-transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    -o-transform: rotate(85deg);
    transform: rotate(85deg); /*float: left;
    padding-right: 3px;
    margin-right: 4px;*/
}

.flight .total-time .icon {
    float: left; /*padding-right: 3px;*/
}
/*.listing-style3.flight .stop:hover {
    background: #01b7f2;
    cursor: default;
}*/

.listing-style3.flight [class^="fa"].circle {
    font-size: 16px;
}

.amenities li {
    display: inline;
}

.amenities .tip-top .circle {
    cursor: pointer;
}

.flight th, .flight td {
    font-weight: normal;
    font-size: 12px;
}

.flight .highlight {
    float: none;
}

.mrgn-bottom10 {
    margin-bottom: 10px;
}

.line {
    text-align: center;
    font-size: 12px;
}

.bdr_verticle {
    border-right: 1px solid #ddd;
}

.line:before, .line:after {
    display: inline-block;
    margin: 0 20px 3px 0;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #ccc;
    width: 100%;
}
/*.line:after {
    display: inline-block;
    margin: 0 0 3px 20px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #ccc;
    width: 245px;
}*/

.nofilterresult {
    background: #fff;
    padding: 30px !important;
    text-align: left;
    color: #9e9e9e;
}

    .nofilterresult .fa-chain-broken {
        font-size: 100px;
        color: #808080;
    }

.ui-datepicker {
    width: 35.68em !important;
}

    .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
        color: #3c3c3c;
    }

.ui-datepicker-group.ui-datepicker-group-first, .ui-datepicker-group.ui-datepicker-group-last {
    min-height: 222px;
    margin: 0px;
    background: #fff;
    padding: 2px;
}

.ui-datepicker-group {
    float: left !important;
}

.ui-datepicker-calendar td a.ui-state-default {
    border: 0px solid #0065b8;
}

.ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #cdcdcd;
    height: 31px;
}
/*-------------*/

/* activity styles  */
.drop-alter-activity {
    border: 1px solid #d1d1d1;
    width: 100%;
    color: #d1d1d1;
}

    .drop-alter-activity > a {
        border: 0px solid #d1d1d1;
        background: #fff;
        width: 100%;
        color: #000;
        padding: 8px 0px 8px 30px;
        line-height: 17px;
        display: block;
    }

        .drop-alter-activity > a:hover {
            border: 0px solid #d1d1d1;
            background: #fff;
            /*line-height: 32px;*/
            width: 100%; /*color: #a7a7a7;*/
        }

    .drop-alter-activity .caret {
        margin: 0 0 0 24px;
    }

    .drop-alter-activity .open > .dropdown-menu {
        width: 370px;
    }

    .drop-alter-activity .pax-count {
        position: absolute;
        margin: 10px 0 0 0;
        background: #fff;
        width: 300px;
        left: -100px;
        border: 1px solid #d1d1d1;
        z-index: 999;
        display: none;
        color: #777777;
    }

        .drop-alter-activity .pax-count span.sub {
            color: #b3b3b3;
            display: block;
            line-height: 18px;
            margin: 0 0 10px 0;
        }

.listing-style3.activity .details {
    padding: 8px 0 0px 20px;
}

    .listing-style3.activity .details > * {
        display: table-row;
    }

        .listing-style3.activity .details > *:first-child > * {
            border-bottom: 1px solid #f5f5f5;
            padding-top: 0;
            padding-bottom: 10px;
        }

.listing-style3.activity .box-title {
    margin: 0;
    float: left;
}

.listing-style3.activity .details > * > *:last-child {
    width: 160px;
}

.listing-style3.activity .amenities {
    float: none;
    display: block;
}

.listing-style3.activity .details .button {
    margin-top: 4px;
}

.listing-style3.activity figure img {
    width: 100%;
    height: auto;
}

.listing-style3.activity .details {
    display: table;
}

    .listing-style3.activity .details > * > *:first-child {
        padding-bottom: 5px;
        border-right: 1px solid #f5f5f5;
        padding-left: 0;
        padding-right: 15px;
        text-align: left;
    }

    .listing-style3.activity .details > * > * {
        display: table-cell;
        padding: 5px 15px 0;
        text-align: center;
        vertical-align: middle;
    }

.activity .tab-content {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 10px;
    height: 340px;
    overflow-y: auto;
}

    .activity .tab-content .tab-pane span {
        line-height: 32px;
    }
/*-------------*/


/*------ cars -------*/
/* .listing-style3.car .details { padding: 8px 0 8px 20px;} */
/* .listing-style3.car .details > * { display: table-row;}
.listing-style3.car .details > *:first-child > * { border-bottom: 1px solid #f5f5f5; padding-top: 0; padding-bottom: 10px;}
.listing-style3.car .box-title { margin: 0; float: left;}
.listing-style3.car .details > * > *:last-child { width: 160px;}
.listing-style3.car .amenities { float: none; display: block;}
.listing-style3.car .details .button { margin-top: 4px;}
.listing-style3.car figure img { width: 100%; height: auto;}
.listing-style3.car .details { display: table;}
.listing-style3.car .details > * > *:first-child { padding-bottom: 5px; border-right: 1px solid #f5f5f5; padding-left: 0; padding-right: 15px; text-align: left;}
.listing-style3.car .details > * > * { display: table-cell; padding: 5px 15px 0; text-align: center; vertical-align: middle;}
.car .tab-content { background: #fff; border: 1px solid #ddd; border-top: 0px solid #ddd;  padding: 10px; height: 340px; overflow-y: auto;}
.car .tab-content .tab-pane span{line-height: 32px;}
 */


.car .amenities {
    text-align: left;
}

    .car .amenities a.passenger_icon {
        background: url(../../Images/YTH/icon/passenger_icon.jpg) no-repeat scroll left top rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        padding-left: 14px;
    }

    .car .amenities a.car_door_icon {
        background: url(../../Images/YTH/icon/car_door_icon.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        margin-left: 10px;
        padding-left: 20px;
    }

    .car .amenities a.car_MaxBaggage_icon {
        background: url(../../Images/YTH/icon/baggage.png) no-repeat scroll left center rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        margin-left: 10px;
        padding-left: 24px;
    }

    .car .amenities a.ac_icon {
        background: url(../../Images/YTH/icon/ac_icon.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        margin-left: 10px;
        padding-left: 18px;
    }

    .car .amenities a.automatic_icon {
        background: url(../../Images/YTH/icon/automatic_icon.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        margin-left: 10px;
        padding-left: 16px;
    }

.car [class^="fa"].circle {
    color: #d9d9d9;
    cursor: default;
    font-size: 16px;
    overflow: hidden;
    display: block;
}

.listing-style3.car .details .amenities {
    margin-top: 0px;
}

.car div a {
    cursor: pointer;
}

.car .amenities ul li:hover [class^="fa"]:before {
    -webkit-animation: toTopFromBottom 0.35s forwards;
    -moz-animation: toTopFromBottom 0.35s forwards;
    animation: toTopFromBottom 0.35s forwards;
}

.car [class^="fa"]:before, .car [class*="fa"]:before {
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: .8em;
    font-size: 16px;
}

.details .amenities li {
    float: left;
    padding-right: 10px;
}

    .details .amenities li i {
        display: block;
    }

.fa.fa-clock-o {
    font-size: 30px;
    color: #37a5ff;
}

.highlight_gray .fa.fa-check-circle {
    font-size: 30px;
    color: #37a5ff;
}

.highlight_gray {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    float: left;
    width: 100%;
}

.highlight_gray1 {
    border: 1px solid #ddd;
    padding: 10px;
    float: left;
    width: 100%;
}

.mrgn-tp-bt10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

a.arrows.fa-chevron-right {
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
}

.arrows {
    background: #37a5ff;
    font-size: 13px;
    color: #fff;
    padding: 10px;
}

    .arrows:hover {
        color: #fff;
    }

.inactive-header, .inactive-header:hover {
    background: url("../../Images/YTH/active-header.png") left 50% no-repeat;
    padding: 0 0 0 20px;
}
/* filter checkbox  */
ul.check-square li {
    position: relative;
}

.filters-container ul.filters-option li:after {
    display: none;
}

ul.check-square li .customCheck {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: 13px;
}

ul.check-square li .textPrice {
    width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

ul.check-square li .minPrice {
    position: absolute;
    right: 7px;
}

.filters-container ul.filters-option li a.only {
    position: absolute;
    float: right;
    top: 0;
    right: 0;
    display: none;
    z-index: 999;
    left: 40px;
    display: none;
    z-index: 999;
    width: 83%;
    text-align: center;
}

.filters-container ul.filters-option li:hover a.only {
    display: block;
}

a.button.btn-mini.more {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    float: right;
    clear: right;
}

.filters-container ul.filters-option {
    clear: both;
}
/*  footer styles */
#footer .footer-wrapper {
    padding: 40px 0;
}

#footer .bottom .logo {
    margin: 4px 0 0;
    line-height: 34px;
}

.partners {
    border-top: 1px solid #eaeaea;
    padding: 20px 0;
}

.footer-partner-logo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.65%;
    height: 50px;
    background: url("../../Images/YTH/bottom-sprite.png") 0 0 no-repeat;
}

.footer-info-partner {
    height: 54px;
    text-align: center;
}

    .footer-info-partner > li:first-child {
        margin-left: 0;
    }

.footer-partner-logo.norton {
    width: 86px;
    background-position: 0px 0px;
}

.footer-partner-logo.master {
    width: 50px;
    background-position: -95px 5px;
}

.footer-partner-logo.visa {
    width: 50px;
    background-position: -155px 5px;
}

.footer-partner-logo.discover {
    width: 50px;
    background-position: -216px 5px;
}

.footer-partner-logo.american {
    width: 50px;
    background-position: -272px 5px;
}

.footer-partner-logo.diners {
    width: 50px;
    background-position: -330px 5px;
}

.footer-partner-logo.paypal {
    width: 84px;
    background-position: -390px 8px;
}
/* LOADER CSS start here */
.pageloader {
    position: relative;
    /*top: 0;
                left: 0;*/
    width: 100%;
    height: 100%;
    z-index: 1000000; /*overflow: hidden;*/
}

.loader, .loader:before, .loader:after {
    border: 3px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.loader {
    display: block;
    position: relative;
    left: 50% !important;
    top: 30%;
    width: 60px;
    height: 60px;
    margin: 0px 0 0 -30px;
    border-top-color: #37a5ff;
    z-index: 11;
    -webkit-animation: spin 1.7s linear infinite;
    -moz-animation: spin 1.7s linear infinite;
    -ms-animation: spin 1.7s linear infinite;
    -o-animation: spin 1.7s linear infinite;
    animation: spin 1.7s linear infinite;
}

    .loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-top-color: #ff9505;
        -webkit-animation: spin-reverse .6s linear infinite;
        -moz-animation: spin-reverse .6s linear infinite;
        -ms-animation: spin-reverse .6s linear infinite;
        -o-animation: spin-reverse .6s linear infinite;
        animation: spin-reverse .6s linear infinite;
    }

    .loader:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border-top-color: #428bca;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -ms-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.pageloader .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    z-index: 10;
}

    .pageloader .loader-section.left {
        left: 0;
    }

    .pageloader .loader-section.right {
        right: 0;
    }

.loaded .pageloader .loader-section.left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
}

.loaded .pageloader .loader-section.right {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
}

.loaded .loader {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.loaded .pageloader {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s 1s ease-out;
    -moz-transition: all .3s 1s ease-out;
    transition: all .3s 1s ease-out;
}
/* LOADER CSS end here */

.wait-div {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    background: #fff;
    top: 0;
    left: 0;
    min-height: 600px;
}

button.close1 {
    background: #01b7f2;
    border-radius: 67px;
    margin-right: -35px;
    margin-top: -20px !important;
    color: #ffffff;
    padding: 1px 10px 0px 10px;
    opacity: 1;
    background: transparent;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background: #37a5ff;
}

.post-404page #header {
    padding-top: 50px;
    text-align: center;
}

.post-404page .error-message {
    color: #fdb714;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.25em;
    text-align: center;
    padding-top: 70px;
}

.post-404page .error-message-404 {
    color: #01b7f2;
    font-family: "Roboto";
    font-size: 15em;
    font-weight: 100;
    line-height: 1.5em;
    text-align: center;
}

section#content {
    text-align: left;
    background: #f5f5f5;
    /* background:#fff;*/
    min-height: 200px;
    overflow: visible;
    padding: 0;
    position: relative;
}

.post-404page #footer .footer-wrapper {
    padding-top: 0px;
    padding-bottom: 50px;
}

.flp label {
    display: block;
    font: inherit;
    position: absolute;
    left: 0;
    top: 0;
    padding: 9px 27px;
    border-color: transparent;
    cursor: text;
    text-transform: none;
}

    .flp label.fixed {
        top: -17px;
        padding: 9px 25px;
    }
/*label styles*/
.ch {
    display: block;
    float: left;
    position: relative;
    background: white;
}

    .ch:first-child {
        padding-left: 2px;
    }

    .ch:last-child {
        padding-right: 2px;
    }
/*active input label*/
.flp label.focussed {
    /*when any input is already focussed clicking on it(label) again won't do anything*/
    pointer-events: none;
    color: #01b7f2;
    z-index: 999;
}

.borderred {
    border: solid 2px red;
}

    .borderred:focus {
        border: solid 2px red !important;
    }

.hreflink {
    padding: 10px 32px;
    height: 34px;
    line-height: 34px;
    font-size: 1em;
    background: #8c8c8c;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

    .hreflink:hover {
        background: #7fb231;
        color: #fff;
    }

.loaderlogin {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.datepickerTI {
    width: 100%;
    position: absolute;
    z-index: 9;
}

    .datepickerTI:after {
        display: block;
        font-family: "fontAwesome";
        content: "\f073";
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 30px;
        height: 100%;
        text-align: center;
        line-height: 34px;
    }

.search-box-wrapper.style2 .search-tab-content input.datetextbox {
    z-index: 99;
    background: transparent !important;
}

input.datetextbox {
    position: relative;
    z-index: 99;
    background: transparent !important;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-8 {
    padding-top: 8px !important;
}

.padding-top-10 {
    padding-top: 10px;
}

.margin-left-30 {
    margin-left: 30px
}

.font-size-10 {
    font-size: 10px;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.view-booking {
    height: 19px;
    padding: 1px 20px;
    font-size: 1.0em;
    line-height: 16px;
    border: none;
    color: #fff;
    background: #243c7a;
}

    .view-booking:focus, .view-booking:active, .view-booking:hover {
        color: #fff;
    }

.isd-mobile-input-section {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 6px;
}

.country-code-highlighter {
    width: 25%;
    display: block;
    float: left;
    line-height: 38px;
    border-right: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    padding-left: 5px;
    color: #555;
}

    .country-code-highlighter input {
        height: 38px;
        line-height: 1.42857143;
        color: #555;
        border: 0;
        background: none;
        box-shadow: none;
        float: left;
        position: absolute;
        top: 0;
        left: 0px;
        padding: 0;
        padding-left: 13px;
        width: 82%;
    }

    .country-code-highlighter::after {
        content: " \25BC";
        font-weight: bold;
        position: absolute;
        right: 5%;
        color: #555;
        font-size: 10px;
        cursor: pointer;
    }

.country-code-select {
    background: none;
    opacity: 0;
    position: absolute;
}

.mobile-field-input {
    float: left;
    width: 75%;
    border: 0;
    box-shadow: none;
    background: none;
    z-index: 4;
    position: relative;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
}

.text-input-wrapper {
    padding: 10px 0;
    position: relative;
}

    .text-input-wrapper a {
        cursor: pointer;
        color: #838383;
        font-weight: bold;
        position: absolute;
        right: 8px;
        /*top: 8px;*/
        top: 0px;
        font-size: 20px;
    }

.travelo-box.contact-box .contact-details .contact-phone {
    color: #01b7f2;
}

.travelo-box.book-with-us-box li > i, .travelo-box.contact-us-box .contact-address li > i {
    position: absolute;
    font-size: 1.5em;
    color: #fdb714;
    left: 0;
    top: 12px;
}

.travelo-box.book-with-us-box li, .travelo-box.contact-us-box .contact-address li {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 0 10px 40px;
    position: relative;
}

    .travelo-box.book-with-us-box li > i, .travelo-box.contact-us-box .contact-address li > i {
        position: absolute;
        font-size: 1.5em;
        color: #fdb714;
        left: 0;
        top: 12px;
    }

    .travelo-box.book-with-us-box li .title, .travelo-box.contact-us-box .contact-address li .title {
        color: #2d3e52;
    }

.travelo-box .title {
    margin-bottom: 5px;
}

.travelo-box.book-with-us-box li > *:last-child, .travelo-box.contact-us-box .contact-address li > *:last-child {
    margin-bottom: 0;
}

#booking .booking-info .icon {
    font-size: 20px;
}

input.search-form {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    padding: 0 0px;
    transition: all 400ms ease 0s;
    width: 0px;
    color: #2d3e52;
    height: 32px;
}

    input.search-form:hover {
        width: 100px;
        background: #f5f5f5;
        height: 32px;
    }
/******************************
    -   LOADER FORMS    -
********************************/

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
}

    .tp-loader.spinner0 {
        width: 40px;
        height: 40px;
        background-color: #fff;
        background: url(../assets/loader.gif) no-repeat center center;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        margin-top: -20px;
        margin-left: -20px;
        -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
        animation: tp-rotateplane 1.2s infinite ease-in-out;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .tp-loader.spinner1 {
        width: 40px;
        height: 40px;
        background-color: #fff;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        margin-top: -20px;
        margin-left: -20px;
        -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
        animation: tp-rotateplane 1.2s infinite ease-in-out;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .tp-loader.spinner5 {
        background: url(../assets/loader.gif) no-repeat 10px 10px;
        background-color: #fff;
        margin: -22px -22px;
        width: 44px;
        height: 44px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: #ff0000;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
    animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0.0);
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

.tp-loader.spinner3 {
    margin: -9px 0px 0px -35px;
    width: 70px;
    text-align: center;
}

    .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
        width: 18px;
        height: 18px;
        background-color: #fff;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
        animation: tp-bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .tp-loader.spinner3 .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .tp-loader.spinner3 .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes tp-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes tp-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
    }
}

.tp-loader.spinner4 {
    margin: -20px 0px 0px -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2.0s infinite linear; /* animation: tp-rotate 2.0s infinite linear; */
}

    .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
        width: 60%;
        height: 60%;
        display: inline-block;
        position: absolute;
        top: 0;
        background-color: #fff;
        border-radius: 100%;
        -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
        animation: tp-bounce 2.0s infinite ease-in-out;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    }

    .tp-loader.spinner4 .dot2 {
        top: auto;
        bottom: 0px;
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes tp-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes tp-bounce {
    0%, 100% {
        transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
    }
}
/*=================*/

#loadernew .serviceloader {
    height: 10px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
    border-radius: 8px;
}

    #loadernew .serviceloader:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 10px;
        border-radius: 8px;
        background-color: #2980b9;
        animation: loading 15s linear infinite;
    }

@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}

.static-content .white_bg {
    background: #fff;
    padding-bottom: 10px;
}

.static-content .border_div {
    border: 1px solid #ddd;
}

.static-content .overflow_H {
    overflow: hidden;
}

.static-content .heading {
    color: #222;
    font-size: 18px;
    font-weight: bold;
}

.static-content .padding_con5 {
    padding: 5px;
}

.static-content .pd-top10 {
    padding-top: 10px;
}

.static-content .padding_con20 {
    padding: 20px;
}

.static-content .text-justify {
    text-align: justify;
}

.static-content p {
    line-height: 1.72222;
    margin: 0 0 15px;
}

.static-content img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit:contain;
}

.blink_me {
    animation: blinker 1s linear infinite;
    color: #01b7f2;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.loading-page {
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
}

    .loading-page h5 {
        color: #fff !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
    }

    .loading-page .cityLocation {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .loading-page .cityLocationValue {
        font-size: 11px;
    }

    .loading-page [class^="soap-icon"], [class*=" soap-icon"] {
        vertical-align: sub !important;
    }
/*=========Spiner===========*/

.spinner {
    margin: -20px auto;
    width: 50px;
    height: 23px;
    text-align: left;
    font-size: 10px;
    float: left;
}

    .spinner > div {
        background-color: #01b7f2;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.resultBox:hover, .listing-style3.flight .box.new-detail-box:hover {
    /*border-right: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.2);*/
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    transition: box-shadow 1s;
}

.cmn-t-underline {
    position: relative;
}

    .cmn-t-underline:after {
        display: block;
        position: absolute;
        left: 0;
        bottom: -3px;
        width: 0;
        height: 1px;
        background-color: #01b7f2;
        content: "";
        transform: scaleX(1);
        transition: .25s linear;
    }

    .cmn-t-underline:hover {
        color: #01b7f2;
    }

.cmn-t-underline {
    color: #01b7f2;
}

    .cmn-t-underline:hover:after {
        width: 100%;
    }

.amenityPosition {
    float: left;
    padding-right: 10px;
    font-size: 17px;
}

    .amenityPosition:hover {
        color: #01b7f2
    }

.HotelResultParent .offer_red {
    width: 44px;
    height: 42px;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.HotelResultParent .tab-content {
    background: none;
    border: none;
    border-top: none;
    padding: 2px;
    height: auto;
    overflow-y: inherit;
}

.HotelResultParent #sliderparent {
    width: 210px !important;
}

.HotelResultParent #sliderchild {
    left: 210px !important;
}

.floatRight {
    float: right !important;
}
/*============Hotel PlaceHolder start==============*/


.timeline-item {
    background: #fff;
    border: 0px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 0px;
    margin: 0 auto;
    max-width: 100%;
    min-height: 160px;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 160px;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
}
    /* Every thing below this is just positioning */

    .background-masker.header-top, .background-masker.header-bottom, .background-masker.subheader-bottom {
        top: 0;
        left: 220px;
        right: 0;
        height: 10px;
    }

    .background-masker.header-left, .background-masker.subheader-left, .background-masker.header-right, .background-masker.subheader-right {
        top: 10px;
        left: 220px;
        height: 20px;
        width: 20px;
    }

    .background-masker.header-bottom {
        top: 26px;
        height: 6px;
    }

    .background-masker.subheader-left, .background-masker.subheader-right {
        top: 24px;
        height: 20px;
    }

    .background-masker.header-right, .background-masker.subheader-right {
        left: 220px;
        right: 0;
        width: 20px;
        height: 20px;
    }

    .background-masker.subheader-right {
        left: 220px;
    }

    .background-masker.subheader-bottom {
        top: 30px;
        height: 10px;
    }

    .background-masker.content-top, .background-masker.content-second-line, .background-masker.content-third-line, .background-masker.content-second-end, .background-masker.content-third-end, .background-masker.content-first-end {
        top: 40px;
        left: 220px;
        right: 0;
        height: 6px;
    }

    .background-masker.content-top {
        height: 20px;
    }

    .background-masker.content-first-end, .background-masker.content-second-end, .background-masker.content-third-end {
        width: auto;
        left: 220px;
        right: 0;
        top: 60px;
        height: 0px;
    }

    .background-masker.content-second-line {
        top: 80px;
    }

    .background-masker.header-right.price-bandd {
        float: right;
        left: 98%;
        width: 17px;
    }

    .background-masker.header-right.price-band {
        float: right;
        left: 55%;
        width: 260px;
    }

    .background-masker.header-right.price-band-1 {
        float: right !important;
        left: 65% !important;
        top: 29px !important;
        width: 150px;
    }

    .background-masker.header-right.price-band-2 {
        float: right !important;
        left: 45% !important;
        top: 60px !important;
        width: 326px;
    }

    .background-masker.content-second-end {
        left: 220px;
        top: 74px;
    }

    .background-masker.content-third-line {
        top: 82px;
    }

    .background-masker.content-third-end {
        left: 220px;
        top: 88px;
    }

.animated-priceRange {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 12px;
    position: relative;
    border-radius: 5px;
}

.animated-totalHotel {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 17px;
    position: relative;
    /* border-radius: 5px; */
    width: 100px;
    float: right;
    margin: 20px 0px 0 0;
    line-height: 34px;
}

.animated-hotelSorting {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 25px;
    position: relative;
    /* border-radius: 5px; */
    width: 350px;
    float: left;
    line-height: 34px;
}
/*============Hotel PlaceHolder End==============*/


/*============Flight PlaceHolder start==============*/

.timeline-item {
    background: #fff;
    border: 0px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 0px;
    margin: 0 auto;
    max-width: 100%;
    min-height: 80px;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background-flight {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 60px;
    position: relative;
}

.background-masker-flight {
    background: #fff;
    position: absolute;
}
    /* Every thing below this is just positioning */

    .background-masker-flight.header-top, .background-masker-flight.header-bottom, .background-masker-flight.subheader-bottom {
        top: 0;
        left: 80px;
        right: 0;
        height: 10px;
    }

    .background-masker-flight.header-top-4 {
        top: 0px;
        left: 0px;
        right: 0;
        height: 15px;
    }

    .background-masker-flight.header-left, .background-masker-flight.subheader-left, .background-masker-flight.header-right, .background-masker-flight.subheader-right {
        top: 10px;
        left: 80px;
        height: 20px;
        width: 48px;
    }

    .background-masker-flight.header-left-2 {
        top: 50px;
        left: 80px;
        height: 20px;
        width: 48px;
    }

    .background-masker-flight.header-bottom {
        top: 26px;
        height: 6px;
    }

    .background-masker-flight.subheader-left, .background-masker-flight.subheader-right {
        top: 24px;
        height: 20px;
    }

    .background-masker-flight.header-right, .background-masker-flight.subheader-right {
        left: 300px;
        right: 0;
        width: 50px;
        height: 20px;
    }

    .background-masker-flight.header-right-2 {
        left: 273px;
        right: 0;
        width: 77px;
        height: 20px;
        top: 30px;
    }

    .background-masker-flight.header-right-3 {
        left: 160px;
        right: 0;
        width: 190px;
        height: 20px;
        top: 50px;
    }

    .background-masker-flight.subheader-right {
        left: 80px;
    }

    .background-masker-flight.subheader-bottom {
        top: 30px;
        height: 10px;
    }

    .background-masker-flight.content-top, .background-masker-flight.content-second-line, .background-masker-flight.content-third-line, .background-masker-flight.content-second-end, .background-masker-flight.content-third-end, .background-masker-flight.content-first-end {
        top: 40px;
        left: 80px;
        right: 0;
        height: 6px;
    }

    .background-masker-flight.content-top {
        height: 10px;
    }

    .background-masker-flight.content-first-end, .background-masker-flight.content-second-end, .background-masker-flight.content-third-end {
        width: auto;
        left: 80px;
        right: 0;
        top: 60px;
        height: 0px;
    }

    .background-masker-flight.content-second-line {
        top: 80px;
    }

    .background-masker-flight.header-right.price-bandd {
        float: right;
        left: 98%;
        width: 30px;
    }

    .background-masker-flight.header-right.price-band {
        float: right;
        left: 75%;
        width: 100px;
    }

    .background-masker-flight.header-right.price-band-1 {
        float: right !important;
        left: 71% !important;
        top: 29px !important;
        width: 108px;
    }

    .background-masker-flight.header-right.price-band-2 {
        float: right !important;
        left: 60% !important;
        top: 45px !important;
        width: 300px;
    }

    .background-masker-flight.header-right.price-band-3 {
        float: right !important;
        left: 45% !important;
        top: 80px !important;
        width: 326px;
    }

    .background-masker-flight.header-right.price-band-4 {
        float: right !important;
        left: 0% !important;
        top: 30px !important;
        width: 115px;
    }

    .background-masker-flight.content-second-end {
        left: 220px;
        top: 74px;
    }

    .background-masker-flight.content-third-line {
        top: 82px;
    }

    .background-masker-flight.content-third-end {
        left: 220px;
        top: 88px;
    }

.animated-background-1 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 100%;
    position: relative;
}

.animated-FlightPrice {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 21px;
    position: relative;
    /* border-radius: 5px; */
    width: 100px;
    float: right;
    margin: 0px 0px 0 0;
    line-height: 34px;
}
/*============Flight PlaceHolder End==============*/

/*============FlightHotel PlaceHolder Start==============*/
.animated-background-flightHotel {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 200px;
    position: relative;
    border-right: 2px solid #dddddd;
}

.animated-hotelflight {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 25px;
    position: relative;
    /* border-radius: 5px; */
    width: 50px;
    float: left;
    line-height: 34px;
}

.animated-roomtype {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 7px;
    position: relative;
    border-radius: 2px;
    width: 150px !important;
    float: left;
    line-height: 34px;
}

.animated-roomtypeChangePrice {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 21px;
    position: relative;
    border-radius: 2px;
    width: 94px !important;
    float: left;
    line-height: 34px;
    margin-top: 24px;
}

.background-masker.padding-top {
    top: 0px;
    left: 0px;
    right: 0;
    height: 6px;
    width: 525px;
}

.background-masker.padding-right {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 7px;
    height: 211px;
}

.background-masker.hotelName {
    top: 26px;
    left: 169px;
    right: 4px;
    width: 356px;
    height: 8px;
}

.background-masker.hotelNamerightsection {
    top: 6px;
    left: 383px;
    right: 0;
    width: 142px;
    height: 20px;
}

.background-masker.hotelNamePadding {
    top: 0px;
    left: 167px;
    right: 0px;
    width: 7px;
    height: 102px;
}

.background-masker.hotelAddress {
    top: 41px;
    left: 169px;
    right: 4px;
    width: 356px;
    height: 11px;
}

.background-masker.hotelAddressrightsection {
    top: 34px;
    left: 439px;
    right: 0;
    width: 86px;
    height: 13px;
}

.background-masker.hotelstars {
    top: 67px;
    left: 169px;
    right: 4px;
    width: 356px;
    height: 8px;
}

.background-masker.hotelstarsRightSection {
    top: 52px;
    left: 286px;
    right: 0;
    width: 239px;
    height: 15px;
}

.background-masker.hotelroom {
    top: 87px;
    left: 169px;
    right: 4px;
    width: 356px;
    height: 15px;
}

.background-masker.hotelroomRightSection {
    top: 75px;
    left: 396px;
    right: 0;
    width: 129px;
    height: 12px;
}

.background-masker.hotelimageBottom {
    top: 102px;
    left: 7px;
    right: 0;
    width: 518px;
    height: 7px;
}

.background-masker.hotelcity {
    top: 121px;
    left: 0;
    right: 0;
    width: 525px;
    height: 6px;
}

.background-masker.hotelcityRightSection {
    top: 109px;
    left: 229px;
    right: 0;
    width: 296px;
    height: 12px;
}

.background-masker.hoteldates {
    top: 139px;
    left: 0;
    right: 0;
    width: 525px;
    height: 33px;
}

.background-masker.hoteldatesRightSection {
    top: 127px;
    left: 396px;
    right: 0;
    width: 129px;
    height: 12px;
}

.background-masker.hoteltabs {
    top: 159px;
    left: 139px;
    right: 0px;
    width: 20px;
    height: 41px;
}

.background-masker.hotelchangeHotelButton {
    top: 159px;
    left: 139px;
    right: 0px;
    width: 193px;
    height: 41px;
}

.background-masker.hotelchangeHotelButtonRightSection {
    top: 159px;
    left: 504px;
    right: 0px;
    width: 21px;
    height: 41px;
}

.background-masker.flight-padding-top {
    top: 0px;
    left: 0px;
    right: 0;
    height: 6px;
    width: 525px;
}

.background-masker.flight-padding-left {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 7px;
    height: 211px;
}

.background-masker.flight-padding-right {
    top: 0px;
    left: 105px;
    right: 0px;
    width: 21px;
    height: 128px;
}

.background-masker.flighttime {
    top: 16px;
    left: 126px;
    right: 2px;
    width: 399px;
    height: 6px;
}

.background-masker.flighttimeRightSection {
    top: 6px;
    left: 260px;
    right: 2px;
    width: 265px;
    height: 10px;
}

.background-masker.flightDuration {
    top: 36px;
    left: 126px;
    right: 2px;
    width: 399px;
    height: 21px;
}

.background-masker.flightDurationRightSection {
    top: 22px;
    left: 372px;
    right: 2px;
    width: 153px;
    height: 14px;
}

.background-masker.flightimageBottom {
    top: 57px;
    left: 7px;
    right: 2px;
    width: 518px;
    height: 18px;
}

.background-masker.flightdeparture {
    top: 137px;
    left: 0;
    right: 2px;
    width: 525px;
    height: 6px;
}

.background-masker.flightdepartureRightSection {
    top: 130px;
    left: 425px;
    right: 2px;
    width: 100px;
    height: 7px;
}

.background-masker.flightArrival {
    top: 150px;
    left: 0;
    right: 2px;
    width: 525px;
    height: 16px;
}

.background-masker.flightArrivalRightSection {
    top: 143px;
    left: 425px;
    right: 2px;
    width: 100px;
    height: 7px;
}

.background-masker.flighttime-rt {
    top: 85px;
    left: 126px;
    right: 2px;
    width: 399px;
    height: 6px;
}

.background-masker.flighttimeRightSection-rt {
    top: 75px;
    left: 260px;
    right: 2px;
    width: 265px;
    height: 10px;
}

.background-masker.flightDuration-rt {
    top: 105px;
    left: 126px;
    right: 2px;
    width: 399px;
    height: 25px;
}

.background-masker.flightDurationRightSection-rt {
    top: 91px;
    left: 372px;
    right: 2px;
    width: 153px;
    height: 14px;
}

.background-masker.flightimageBottom-rt {
    top: 124px;
    left: 7px;
    right: 2px;
    width: 518px;
    height: 6px;
}

.background-masker.flighttabs {
    top: 165px;
    left: 7px;
    right: 2px;
    width: 518px;
    height: 6px;
}

.background-masker.flighttabsRightSection {
    top: 171px;
    left: 135px;
    right: 2px;
    width: 197px;
    height: 29px;
}

.background-masker.flightchangebutton {
    top: 124px;
    left: 7px;
    right: 2px;
    width: 518px;
    height: 6px;
}

.background-masker.flightchangebuttonRightSection {
    top: 171px;
    left: 505px;
    right: 0;
    width: 20px;
    height: 29px;
}

.background-masker.pricepadding-top {
    top: 0px;
    left: 0px;
    right: 0;
    height: 72px;
    width: 111px;
}

.background-masker.flighthotelCurrency {
    top: 81px;
    left: 0;
    right: 0;
    width: 111px;
    height: 4px;
}

.background-masker.flighthotelCurrencyLeftSection {
    top: 72px;
    left: 0;
    right: 0;
    width: 33px;
    height: 9px;
}

.background-masker.flighthotelCurrencyRightSection {
    top: 72px;
    left: 78px;
    right: 0;
    width: 33px;
    height: 9px;
}

.background-masker.flighthotelPrice {
    top: 99px;
    left: 0;
    right: 0;
    width: 111px;
    height: 8px;
}

.background-masker.flighthotelPriceRightSection {
    top: 85px;
    left: 93px;
    right: 0;
    width: 18px;
    height: 14px;
}

.background-masker.flighthotelPriceLeftSection {
    top: 85px;
    left: 0;
    right: 0;
    width: 17px;
    height: 14px;
}

.background-masker.flighthotelBookButton {
    top: 130px;
    left: 0;
    right: 0;
    width: 111px;
    height: 70px;
}

.background-masker.flighthotelBookButtonLeftSection {
    top: 107px;
    left: 0;
    right: 0;
    width: 10px;
    height: 23px;
}

.background-masker.flighthotelBookButtonRightSection {
    top: 107px;
    left: 102px;
    right: 0;
    width: 9px;
    height: 23px;
}
/*============FlightHotel PlaceHolder End==============*/

.no-top-border {
    border-top: 0px solid #ddd !important;
}

.details .button {
    background: #9dc362;
}

.flight-book.button {
    background: #9dc362;
}

#btnNewsLetter.go {
    background: #9dc362 !important;
    padding: 8px 10px;
    margin: 0 0 0 -30px;
}

    #btnNewsLetter.go:hover {
        background: #98ce44 !important;
    }

.pop .button {
    background: #9dc362;
}

.filters-container ul.filters-option li.active {
    background: transparent !important;
}

    .filters-container ul.filters-option li.active a {
        color: #000;
    }

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #bbb;
    background-color: #d9d9d9;
}

.pagination > li > a, .pagination > li > span {
    background: #a0a0a0;
}

.hover-effect:after {
    background: none;
    background-color: rgba(1, 183, 242, 0);
}

.hover-effect:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.cmn-t-underline:after {
    height: 0px;
    background-color: transparent;
}

#header {
    position: relative;
    z-index: 990;
}

.page-min-height {
    min-height: 330px;
}

#hotel-description .features label, #cruise-description .features label, #travel-guide .features label {
    border-right: 0px solid #f5f5f5;
}

.features li {
    font-size: 12px;
}

#hotel-amenities .icon-box.style1 > i {
    margin-right: 0px !important;
}

/* loader CSS */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes pulse {
    50% {
        background: #000;
    }
}

@keyframes pulse {
    50% {
        background: #000;
    }
}

.loading {
    border-radius: 50%;
    width: 17px;
    height: 17px;
    border: 0.15rem solid rgba(0, 0, 0, 0.2);
    border-top-color: white;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    position: absolute;
    right: -10px;
    top: 6px;
}

.loading--double {
    border-style: double;
    border-width: .5rem;
}

.loading-pulse {
    position: relative;
    width: 6px;
    height: 24px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-animation: pulse 750ms infinite;
    animation: pulse 750ms infinite;
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}

    .loading-pulse:before, .loading-pulse:after {
        content: '';
        position: absolute;
        display: block;
        height: 16px;
        width: 6px;
        background: rgba(0, 0, 0, 0.2);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-animation: pulse 750ms infinite;
        animation: pulse 750ms infinite;
    }

    .loading-pulse:before {
        left: -12px;
    }

    .loading-pulse:after {
        left: 12px;
        -webkit-animation-delay: 500ms;
        animation-delay: 500ms;
    }
/* loader CSS  */
input[type="radio"], input[type="checkbox"] {
    margin: 3px 5px 0 0;
    vertical-align: top;
   outline: 2px auto !important;
}
    input[type="radio"][disabled] {
        outline: 2px auto !important;
    }
#rdoOneWay_1 {
    outline: 2px auto !important;
}

.nav-tabs > li > a {
    margin-right: 0px;
}

/*/*button.yellow:hover, input[type="button"].button.yellow:hover, a.button.yellow:hover {
    background: #7e6000;
}*/
*/ .price-section .price-room {
    text-align: right;
    margin-right: 30px;
}

#hotel-description .long-description, #cruise-description .long-description, #travel-guide .long-description {
    text-align: justify;
}

.action .button {
    background: #98ce44;
}

.capitalize {
    text-transform: capitalize;
   /* word-break: break-all;*/
}
/*.number-spinner {
        border: 1px solid #7e6000;
}*/
.call-container {
    height: 30px;
    font-size: 1em;
    padding: 0px 24px;
    font-weight: bold;
    text-align: center;
}

.slidebgimg1 {
    background-image: url(../../Images/YTH/banner/homepage10_bg.jpg);
}

.slidebgimg2 {
    background-image: url(../../Images/YTH/banner/homepage10_bg2.jpg);
}

.slidebgimg3 {
    background-image: url(../../Images/YTH/banner/homepage10_bg3.jpg);
}

.slidebgimg4 {
    background-image: url(../../Images/YTH/banner/homepage10_bg4.jpg);
}

.slidebgimg5 {
    background-image: url(../../Images/YTH/banner/homepage10_bg5.jpg);
}

.slidebgimg6 {
    background-image: url(../../Images/YTH/banner/homepage10_bg6.jpg);
}

.slidebgimg7 {
    background-image: url(../../Images/YTH/banner/homepage10_bg7.jpg);
}

#hotel-features, #cruise-features {
    margin-top: 9px !important;
}

.btn.btn-default > span {
    display: block
}

.btn-group-sm > .btn-sm, .btn-group-sm > .btn {
    min-height: 65px;
    padding: 5px 5px;
}

.btn.btn-default > span.result-count {
    border-top: 1px solid #cdcdcd;
    padding-top: 3px;
    margin-top: 5px;
    font-size: 11px;
}

#rating-filter button.btn-default:focus, #rating-filter button.btn-default.focus {
    background: transparent !important;
    border: 1px solid #ccc !important;
}

#rating-filter button.btn-default.activestar {
    background: #e2e2e2 !important;
}

.autocomplete-width {
    height: 200px;
    width: auto;
    margin-top: 5px;
}

.filters-container ul.filters-option li {
    padding: 0;
}

#rating-filter .panel-content {
    margin: 0;
}

.progress {
    width: 100px;
    height: 12px;
    position: relative;
    top: 45px;
    right: 10px;
    color: #fff;
}

.progress-bar {
    line-height: 11px;
    text-align: center;
}

.progressbar {
    display: inline-block;
    float: right;
    position: absolute;
    right: 5%;
    top: 0px;
}

.pregress-value {
    position: relative;
    width: 61px;
    height: 30px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

.hotelimg span > img {
    background: #fff !important;
    padding: 0px; /*margin:0 !important;*/
}

.gridHeader {
    background-color: #dddddd;
}

#hotel-features, #cruise-features {
    margin-top: 9px !important;
}

.glyphicon-star.empty {
    color: #e2e2e2 !important;
}

.btn.btn-default > span {
    display: block
}

.btn-group-sm > .btn-sm, .btn-group-sm > .btn {
    min-height: 65px;
    padding: 5px 5px;
}

.btn.btn-default > span.result-count {
    border-top: 1px solid #cdcdcd;
    padding-top: 3px;
    margin-top: 5px;
    font-size: 11px;
}

.btn-default > .glyphicon-star {
    color: #e2e2e2;
}

#rating-filter button {
    width: 39px;
    outline: none;
    margin-top: 3px;
    border: 1px solid #dedede;
}

.page-title span, .page-description span {
    background: rgba(31, 31, 31, 0.6);
    padding: 5px 10px;
}

dl.info {
    margin-bottom: 10px;
}

.toggle-container .panel h4.panel-title a.clsFilters:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: #000000;
    /* color:#fff;*/
    font-weight: 900;
}

.toggle-container .panel h4.panel-title a.clsFilters.collapsed:after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
}

.toggle-container .panel.style1.arrow-right .panel-title > a:before {
    font-size: 24px;
}

.explore-img {
    width: 270px;
    height: 161px !Important;
}

.social-icons {
    margin: 0 auto;
    text-align: center;
}

    .social-icons li {
        float: none;
        display: inline;
    }

.navbar-nav .open .dropdown-menu {
    position: absolute;
}

.sort-by-section .sort-bar .sort-by-container:before, .sort-by-section .sort-bar .sort-by-container:after {
    display: none;
}

.sort-by-section .sort-bar .sort-by-container > span:after {
    display: none;
}

.sort-by-section .sort-bar .sort-by-container > span {
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    background: #939393;
    display: block;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    /*margin-top:6px;*/
}

.sort-by-section .sort-bar li .sort-by-container {
    border-bottom: 2px solid transparent;
}

#dvCouponArea .invalid dt, #dvCouponArea .invalid dd {
    width: 100% !important;
}

#dvCouponArea .invalid input.input-text {
    width: 100%;
    font-size: 12px;
}

#dvCouponArea .invalid dt, #dvCouponArea .invalid dd {
    width: 100% !important;
}

#dvCouponArea .invalid button.btn-small, #dvCouponArea .invalid input[type="button"].button.btn-small, #dvCouponArea .invalid a.button.btn-small {
    width: 100%;
}

#dvCouponArea .invalid button.btn-small, #dvCouponArea .invalid input[type="button"].button.btn-small, #dvCouponArea .invalid a.button.btn-small {
    font-size: 14px;
    font-family: 'montserratmedium';
    border-radius: 6px;
}

.booking-details .guest {
    clear: both;
    padding: 0 0 12px 0;
}

.alertMsg {
    text-align: left;
    width: 100%;
    text-transform: none
}

#dvCouponArea {
    position: relative;
}

.valid-promo {
    color: green;
    font-weight: bold;
    background: #7fb231;
    color: #fff;
    padding: 5px;
}

dd.value p.promo-close {
    position: absolute;
    right: 0;
}

.valid .discount-value {
    font-size: 12px;
    font-weight: bold;
}

.valid .total-price {
    font-size: 14px !Important;
    font-weight: bold;
}

.total-price-value {
    font-size: 12px;
    font-weight: bold;
}

.saved-value {
    font-size: 11px;
    display: block;
    width: 100%;
}

.valid .discount-txt {
    font-size: 11px;
}

.listing-style3.hotel figure img.hotel-result-img {
   /* height: 100%;*/
    height: 205px;
    object-fit: cover;
    padding: 7px;
}

.btn-on-responsive {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0px;
}

#RoomMenu ul {
    height: 30px;
    padding: 6px 10px 3px 11px;
    text-align: center;
    width: 100%;
    border: 0px solid #f5f5f5;
    font-size: 14px;
    font-weight: bold;
}

    #RoomMenu ul li {
        display: inline-block;
        /* color: #fff;*/
    }

        #RoomMenu ul li a {
            padding: 7px;
            /* font-size: 18px;
    color: #fff;
    font-weight: normal;*/
        }

.sidebar {
    margin-bottom: 40px;
}

.confirmbooking .sidebar {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}

.select-rooms {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px;
}

div.coupon-back {
    width: 100%;
    position: relative;
    padding: 0px !important;
}

.dotted-border {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}
/* flight time filter*/
#time-filter h5 {
    margin: 20px 0 0px 0;
    font-weight: bold;
}

#time-filter h3 {
    margin: 20px 0 0px 0;
}

#time-filter h6 {
    margin: 20px 0 0px 0;
    font-weight: bold;
}

.autocomplete-arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    margin-left: 27px;
}
/*  scrollbar new style   */
.scrollbar {
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 200px;
}

.force-overflow {
    min-height: 50px;
}

/*   STYLE 3   */

#custom-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#custom-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
/*#RoomMain .tab-container ul.tabs li a
{
    background: #01b7f2 !important;
}*/
/*#RoomMain .tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a
{
    background: #01b7f2 !important;
    color:#fff !important;
}
#RoomMain .tab-container ul.tabs li.active > a, .tab-container ul.tabs li:active > a
{
    background: #fff !important;
    color:#01b7f2 !important;
}*/

.hotelreview {
    padding: 0px;
    background: #01b7f2;
}

.trip-summary h2 {
    padding: 10px;
    margin: 0px;
    text-align: center;
}

.trip-summary-img {
    height: 74px !important;
    width: 30% !important;
    padding-right: 5px;
    padding-top: 0px;
    float: left;
}

.trip-summary-name {
    line-height: 20px;
    font-size: 17px;
}

.feedback-add {
    border-top: 0px !important;
    padding-bottom: 3px !important;
}

.font-10 {
    font-size: 10px !important;
}

.mrng-btn {
    margin-bottom: 0px !important;
}

.pax-type {
    font-size: 12px !important;
    padding-top: 24px !important;
}

.txt-bold {
    font-weight: bold !important;
    line-height: 9px !important;
}

.align-l {
    text-align: left !important;
}

.align-r {
    text-align: right !important;
}

.font-bold {
    font-weight: bold !important;
}

hr {
    border-color: #dadada !important;
}

.hotelreview .hotel-name {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 229px;
    min-height: 60px;
}

.hotelreview .promocodetxt {
    text-align: center !important;
}

.review-take-off {
    margin: 8px 6px 0px 0px;
    -webkit-transform: rotate(-5deg);
}

.review-landing {
    margin: 8px 8px 0px 0px;
    -webkit-transform: rotate(90deg);
}

.review-take-off i {
    font-size: 19px;
}

.review-landing i {
    font-size: 19px;
}

.flightreview .line:before {
    display: inline-block;
    margin: 0 0px 3px 1px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #ccc;
    width: 87px;
}

.flightreview .line:after {
    display: inline-block;
    margin: 0 0 3px 1px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #ccc;
    width: 87px;
}

.booking-item-departure {
    margin-right: 6%;
}

.booking-item-departure, .booking-item-flight-details .booking-item-arrival {
    float: left;
    width: 47%;
}

.flt-time {
    font-size: 14px;
}

.flt-time-day {
    padding-bottom: 5px;
}

.fltpaxpage .panel-title {
    font-size: 1.5em !important;
    font-weight: normal;
}

.promoapplied dd {
    border-top: 0px solid #f5f5f5 !important;
}

.activeMoreMenu {
    color: #fff;
    border-bottom: 0px solid #fdb714;
}

    .activeMoreMenu a {
        font-weight: bold;
        opacity: 1 !important;
    }

.refnum {
    font-size: 12px !important;
    padding: 1px 18px !important;
}

.redcolor {
    color: red;
}

.greencolor {
    color: green;
}

#booking .booking-info div.date {
    width: 77px !important;
    height: 77px !important;
}

    #booking .booking-info div.date > .month {
        font-size: 0.9333em !important;
    }

    #booking .booking-info div.date > .day {
        font-size: 0.9333em !important;
    }
/*[class^="soap-icon"].circle.circle.hotel-goto
    {
        background: #01b7f2;
        color: #fff;
    }*/
.soap-icon-chevron-top:before {
    font-size: 32px;
}

.back-to-top {
    position: fixed;
    z-index: 9999999;
    right: 20px;
    bottom: 10px;
}

.filters-container.toggle-container .panel.style1 .panel-content {
    padding: 0px 20px 20px;
}
/*.searchbox-text {
    text-transform: uppercase;font-weight: normal;font-size: 10px; color:rgba(255,2255,2255,1);
}*/
.sub {
    color: rgba(255, 255, 255, 1);
}

.sub-internal {
    color: rgba(0, 0, 0, 1);
}

.image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper {
    display: none;
}
/*rzslider {
    margin-top:0px !Important;
}*/
.slidebgimg1 {
    background-size: 100% auto;
}

.page-title-container.style2 .breadcrumbs:before {
    background: none;
}

.page-title-container.style2 .page-title:after {
    background: none;
}

.page-title-container.style2 .breadcrumbs {
    background: none;
    color: #fff;
}

.page-title-container.style2 {
    background: none;
}

    .page-title-container.style2 .breadcrumbs li.active {
        color: #fff;
    }

.page-title-container .breadcrumbs li:after {
    color: #fff;
}
/* flight details*/
#flight .tab-content {
    background: #fff;
    padding: 10px;
    height: 340px;
    overflow-y: auto;
}

ul.nav-tabs li.active > a:after, ul.nav-tabs li:hover > a:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -10px;
    content: "";
}

.nav-tabs > li a {
    background: #f5f5f5;
    color: #9e9e9e;
    font-size: 0.9167em;
    text-transform: uppercase;
    height: 28px;
}

.nav-tabs > li > a:hover {
    border-color: none !important;
    color: #fff;
}

.listing-style1.flight .landing > .icon, .listing-style3.flight .landing > .icon {
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
}

.room-close {
    float: right;
    font-size: 18px;
}

.delete-city, .delete-city-internal {
    font-weight: bold;
    font-size: 16px;
}

    .delete-city, .add-city, .delete-city:hover, .add-city:hover, .delete-city:active, .add-city:active {
        color: #fff !important;
    }

    .delete-city-internal, .add-city-internal, .delete-city-internal:hover, .add-city-internal:hover {
        color: #8a8a8a;
    }

.search-box-wrapper.style2 .search-tab-content input.input-text, .search-box-wrapper.style2 .search-tab-content select, .search-box-wrapper.style2 .search-tab-content textarea, .search-box-wrapper.style2 .search-tab-content span.custom-select {
    color: #000;
}

    .search-box-wrapper.style2 .search-tab-content input.input-text, .search-box-wrapper.style2 .search-tab-content select, .search-box-wrapper.style2 .search-tab-content textarea, .search-box-wrapper.style2 .search-tab-content span.custom-select ::placeholder {
        color: #ccc !important;
    }

input.input-text::placeholder {
    color: #7d7f7f !important;
}

.newsletter-form .form-control::placeholder {
    color: #7d7f7f !important;
}

.form-control {
    color: #000;
    height: 38px;
}

.checkbox label, .checkbox.label {
    color: #fff;
}

.search-box-txt {
    color: #fff;
}

.add-city-internal {
    /*border: 1px solid #000;*/
    padding: 3px;
}
/*.add-city-internal:hover {
    background: #000;
    color:#fff;
}*/
/*a:hover,
a:focus {
  color: #cdcdcd;
}*/
.flp label.focussed {
    color: #000;
}

.tab-container ul.tabs li a {
    font-size: 1.3em;
}

.cancellation_policy label span, .cancellation_policy label a {
    color: #000000;
}

.cancellation_policy label {
    color: #000000;
}

.textPrice > .minPrice {
    float: right;
    padding-top: 3px;
}

.checkbox-filters div span a.only {
    display: none;
    border: 0px solid red;
    margin-right: 10px;
    margin-top: 2px;
    float: right;
    background: #fff;
    padding: 0 5px;
    position: absolute;
    right: 30px;
    border: 1px solid #cdcdcd;
}

.checkbox-filters div:hover span a.only {
    display: inline-block;
}

.hotel-price-slider {
    clear: both;
    padding-top: 30px;
    padding-bottom: 10px;
}

.cmn-t-underline {
    color: #838383;
}

    .cmn-t-underline:hover {
        color: #838383;
    }

.booking-details .other-details .total-price-value {
    color: #2d3e52;
}

.txticonMM {
    position: absolute;
    left: 15px;
    top: 30px;
    font-size: 16px;
}

.HtlnameCrossbtn {
    float: right;
    margin-top: -33px;
    font-size: 32px;
    margin-right: 10px;
}

.btn-default.pluscls:hover, .btn-default.pluscls:hover > .glyphicon-star {
    color: #fff !important;
}

.session-box {
    width: 500px;
}

.room-box-responsive {
    border: 1px solid #ccc;
}

.border-bot .icon {
    margin-top: 3px;
}

.border-bot .landing .icon {
    padding-top: 2px;
}

.checkbox-filters .glyphicon {
    font-size: 11px;
    top: -1px;
}

.sidebar {
    float: right;
}

.full-width.sub {
    position: absolute;
}

.hotelimg_overlay {
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
}

.spinnerRoomDiv {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .spinnerRoomDiv .loading {
        position: static;
        right: auto;
        top: auto;
        margin-top: auto;
    }

.red-star {
    color: red;
    font-size: 13px;
    line-height: 0;
}

flightautocomplete .autocomplete-input {
    padding-left: 34px;
}
/*    calendar / date functionality start here       */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background: #fff;
    color: #000;
}

.ui-datepicker table {
    background: #fff;
}

.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
    color: #dbdbdb;
}

.ui-datepicker {
    padding: 3px !Important;
}

.ui-datepicker {
    width: 17.5em !important;
}

.ui-datepicker-multi-2 {
    width: 36.2em !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 4px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 4px;
}
/*   calendar / date functionality end here  */

.tab-container.full-width-style ul.tabs li a {
    font-size: 14px;
}

    .tab-container.full-width-style ul.tabs li a > i {
        font-size: 24px;
    }
/*   dropdown menu start here  */
.sort-cont {
    display: inline-block;
    margin-top: 10px;
}
/*   dropdown menu Fixed start here  */
.dropdown-menu-fixed {
    float: right;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-radius: 0px;
    font-size: 14px;
    color: #2d3e52;
    margin-left: 10px;
}

    .dropdown-menu-fixed > li {
        border: 0px solid #cdcdcd;
        display: inline-block;
        clear: both;
    }

        .dropdown-menu-fixed > li > a {
            font-size: 12px;
        }

    .dropdown-menu-fixed > li {
        display: inline-block;
        width: 100%;
        padding: 0px 10px 0 30px;
        float: left;
    }

        .dropdown-menu-fixed > li > div.sort-txt {
            float: left;
            padding-top: 6px;
            color: #2d3e52;
            font-size: 14px;
        }

.selected_sorting > div.inactive {
    cursor: pointer;
}
/*   dropdown menu Fixed end here  */

/* DEP-ARR flight Icons start here */
.txticonFlightH {
    position: absolute;
    left: 15px;
    top: 9px;
    font-size: 17px;
}

.txticonFlightM {
    position: absolute;
    left: 9px;
    top: 6px;
    font-size: 16px;
}

.txticonFlightNR {
    position: absolute;
    left: 20px;
    top: 9px;
    font-size: 16px;
}

.paddingleftright {
    padding-right: 29px;
}
/* DEP-ARR flight Icons ends here */
.modal-content {
    border-radius: 0px !important;
}

.btm-map {
    height: 27px;
    line-height: 27px;
    font-size: 13px;
    width: 90px;
    font-weight: bold;
}

.price-on-map {
    font-size: 1.4em;
    font-weight: bold
}

.progress.flight {
    top: 35px;
}

.arrow_div {
    font-weight: bold;
    font-size: 18px;
    color: #0065b8;
}

.search-city > div:first-child > div:first-child {
    padding: 0 0px 0 10px;
}

.checkbox label a {
    color: #000;
    text-decoration: underline;
}

.take-off span.skin-color, .landing span.skin-color, .total-time span.skin-color {
    font-size: 14px;
    font-weight: bold;
    padding-left: 6px;
}

.nav > li > a {
    padding: 10px 10px;
}

.add-city-container {
    clear: both;
    float: right;
    right: 300px;
    position: absolute;
    bottom: 32px;
}

.add-city-container-m {
    clear: both;
    float: right;
    right: 120px;
    position: absolute;
    bottom: 42px;
}

    .add-city-container-m .add-city {
        color: #8a8a8a !Important;
        font-weight: bold;
    }

.dropdown-menu {
    left: 130px;
}

.add-city-containernr {
    clear: both;
    float: right;
    right: 565px;
    position: absolute;
    bottom: 301px;
}

.delete-citynr, .add-citynr, .delete-citynr:hover, .add-citynr:hover, .delete-citynr:active, .add-citynr:active {
    color: #8a8a8a !important;
    font-weight: bold;
}

.dropdown-menu-sort > li > a > span.active {
    margin-left: 6px;
    width: 20%;
    padding: 5px 4px 4px 9px;
    float: right;
    background: #6E4555;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 1px 0px 5px rgba(0, 0, 0, .5);
}

.dropdown-menu-sort > li > a > span.inactive {
    margin-left: 6px;
    width: 20%;
    padding: 5px 4px 4px 9px;
    float: right;
    border: 0px solid #fff;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    cursor: pointer;
}

    .dropdown-menu-sort > li > a > span.inactive > i {
        color: #fff;
        padding-right: 5px;
        font-size: 14px;
        font-weight: 500;
    }

.dropdown-menu-sort > li > a > span.active > i {
    color: #fff;
    padding-right: 5px;
    font-size: 14px;
    font-weight: 500;
}

#flightresultsection .nav-drop > .nav-drop-menu > li > a {
    padding: 15px 12px;
    line-height: inherit;
}

#flightresultsection .nav-drop > .nav-drop-menu {
    min-width: 214px;
}

.dropdown-menu-sort .clsFilter:hover {
    background: #6E4555;
}

    .dropdown-menu-sort .clsFilter:hover i {
        color: #fff;
    }

.selected_sorting > span.inactive {
    margin-left: 6px;
    width: 20%;
    padding: 4px 4px 4px 9px;
    border: 0px solid #000;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    cursor: pointer;
    float: right;
}

    .selected_sorting > span.inactive > i {
        color: #000;
        padding-right: 5px;
        font-size: 14px;
        font-weight: 500;
    }

.selected_sorting > span.active {
    margin-left: 6px;
    width: 20%;
    padding: 4px 4px 4px 9px;
    background: #6E4555;
    color: #fff;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 1px 0px 5px rgba(0, 0, 0, .5);
    float: right;
}

    .selected_sorting > span.active > i {
        color: #fff;
        padding-right: 5px;
        font-size: 14px;
        font-weight: 500;
    }

.selected_sorting > span.inactive:hover {
    background: #6E4555;
}

    .selected_sorting > span.inactive:hover i {
        color: #fff;
    }

.selected_sorting {
    display: inline-block;
}

    .selected_sorting .sort-txt {
        width: 180px;
        display: inline-block;
        padding: 5px;
    }

.table-row-xs .table-row {
    margin-top: 10px;
    border-top: 1px solid #f5f5f5 !important;
    border-collapse: inherit !important;
    padding: 5px;
    display: table-caption;
    display: inline-block;
    width: 100%;
}

.booking-title {
    text-transform: uppercase;
    font-size: 11px;
    color: #838383;
}
/* FAQ */
.tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) {
    width: 16%;
}

.tab-container.full-width-style .tab-content {
    float: left;
    width: 76%;
}

.tab-container.full-width-style.arrow-left ul.tabs:not(#myaccountLeftMenu) li a {
    font-size: 18px;
    /* font-weight: bold;*/
    font-weight:normal;
    text-align: left;
    white-space: normal;
    padding-left:16px;
}

.tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) li a {
    /*height: 56px;*/
    /*height: 60px;*/
    /* height: 80px;*/
    height: 95px;
    /*display: block;*/
    border-bottom: 3px solid #f5f5f5;
    border-right: 0px solid #f5f5f5;
    background: #fff;
    color: inherit;
    font-size: 1.1667em;
    text-transform: none;
    font-weight: normal;
    text-align: center;
    /*padding-top: 16px;*/
    padding-top: 10px;
}
/* FAQ*/
.print-voucher {
    width: 780px
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40%;
}

.txticon-activityM {
    position: absolute;
    left: 15px;
    top: 30px;
    font-size: 16px;
}

.drop-alter-activityM {
    color: #838383 !important;
}

.txticon-activityNR {
    position: absolute;
    left: 15px;
    top: 30px;
    font-size: 16px;
}

.dashboard .tab-content {
    width: 84% !important;
}

#modifyroom .row {
    margin-bottom: 0px;
}

.close {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 999
}

    .close:hover {
        background: none;
    }

.ti-box {
    position: relative;
    border: none !important;
}

#footer .bottom {
    height: 100%;
}

.seo-ftr ul {
    padding: 0px 0 20px 0;
}

    .seo-ftr ul li {
    }

        .seo-ftr ul li a {
            font-size: 14px;
            padding: 5px 5px;
            line-height: 25px;
            color: #000;
        }

.seo-ftr h4 {
    margin: 20px 0;
    font-size: 17px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}

.full-div .seo-ftr ul li a {
    font-size: 14px;
    padding: 5px 5px;
    line-height: 25px;
    color: #fff;
}

.about-loc-txt {
    font-size: 14px;
    line-height: 24px;
    text-align: justify
}

.margin-top-30 {
    margin-top: 30px;
}

.place-2-visit li i {
    font-size: 12px;
    line-height: 25px;
}

.place-2-visit li span {
    font-size: 14px;
    line-height: 25px;
    margin-left: 10px;
}
/*packages*/
.pkg-include {
    margin-top: 7px;
}

.include-box {
    border: 1px solid #cdcdcd;
    padding: 8px 10px;
    float: left;
    margin: 5px 5px 0px 0px;
    border-radius: 6px;
    font-size: 14px;
    color: #333333;
    background: #fff;
}

    .include-box i {
        font-size: 10px !important;
    }

.pkg-float-box {
    z-index: 999;
    /*width:240px;*/
    border: 1px solid #d8d8d8;
    padding: 0px;
    background: #fff; /*position:absolute; right:0*/
}
/*//changes bny kapil*/
.stick .pkg-float-box {
    right: 52px
}

.pkg-float-box .pkg-row {
    padding: 5px 15px;
    border-bottom: 1px solid #d8d8d8;
}

    .pkg-float-box .pkg-row .heading {
        width: 48%;
        text-align: left;
        display: inline-block;
    }

    .pkg-float-box .pkg-row .value {
        width: 48%;
        text-align: right;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
    }

.pkg-float-box .total {
    font-size: 16px;
    text-align: center;
    display: block;
    padding-bottom: 5px;
    width: 80%;
    margin: 0 auto;
    clear: both;
    margin-top: 20px;
}

#Packagegellery {
    margin-top: 9px !important;
}

.height-65 {
    height: 65px;
}

.toggle-container a {
    cursor: pointer !important;
}

.toggle-container panel {
    border: solid 1px #e0e0e0;
}

#packagerates .tab-content {
    width: 100%;
}

#package-details .tab-content {
    width: 100%;
}

#Package-Itinerary .tab-content {
    width: 100%;
}

#hotel-details .tab-content {
    width: 100%;
}

#About_Destination .tab-content {
    width: 100%;
}

#package-flight .tab-content {
    width: 100%;
}

#packagerates .sticky-container {
    width: 25%;
    float: right
}

.pkg-float-box .price {
    width: 100%;
    text-align: center;
}

#package-details .intro {
    width: 100%;
}

.pkg-btn-container {
    padding: 10px;
    margin-top: 20px;
}

.flight-include img {
    height: 25px;
    width: 90px
}

.flight-include .arrow {
    font-size: 18px;
}

.flight-include .dep-city {
    font-size: 14px;
    font-weight: normal
}

.flight-include .overview {
    font-size: 14px;
    font-weight: normal
}

.sticky-box {
    margin-top: 48px
}

.scrollelement {
    float: left;
    width: 100%
}
/* PKG - kaleem 15-12-2017*/

.details .box-title small {
    text-transform: capitalize;
}

.listing-pkg-style3 [class^="fa"].circle {
    font-size: 14px;
}

.border-b-pkg {
    border-bottom: 1px solid #e3e3e3 !important;
}

.pkg-name-header {
    font-size: 16px !important;
    color: #0065b8 !important;
    font-weight: bold;
}

.slider-pkg #slider .slides img {
    width: 60%;
    /*width:100%;*/
    height: 100%;
    margin: 0px auto;
    padding: 0px;
}

.tab-container .tab-content .tab-pane-pkg {
    padding: 0px 7px;
    line-height: 1.7em;
}

.flexslider-pkg {
    border-bottom: 4px solid #fff !important;
}

.pkg-dept-txt {
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    text-transform: capitalize;
}

.pkgcomponent {
    display: block;
    clear: both;
    border-bottom: 1px solid #dadada;
    float: left;
    padding-bottom: 10px;
}

.pkgcomponentinner11 {
    border: 1px solid #cdcdcd;
    padding: 5px 10px;
    float: left;
    margin: 5px;
    border-radius: 6px;
}

.add-room {
    position: absolute;
    /*right: 30px;*/
    right: 55px;
    bottom: 14px
}

.add-room-btn {
    font-size: 32px;
}

.pkg-close {
    font-size: 28px;
}

.close-btn {
    padding-top: 29px;
}

.action-section a:hover, .action-section a:focus {
    color: #000;
}

.payment-channels {
    width: 221px;
    height: 487px;
}

.total-amount {
    background: #ddd;
    margin-top: 50px;
    padding: 12px;
}

.payment-form img {
    width: 315px;
    height: 115px;
}

.stick {
    position: fixed;
    top: 90px;
    width: 19%; /*right: 73px;*/
}

#mainMenuBarAnchor {
    border: 0px solid red;
}

#mainMenuBar {
    border: 0px solid green;
}

.txticonS {
    position: absolute;
    left: 16px;
    top: 32px;
    font-size: 16px;
}

.txticonH {
    position: absolute;
    left: 16px;
    top: 72px !important;
    font-size: 16px;
}

.txticon-activity {
    position: absolute;
    left: 16px;
    top: 72px;
    font-size: 16px;
}

.drop-alter-activity .caret {
    margin: 0px;
    position: absolute;
    top: 38px;
    right: 20px;
}

.txticonT {
    position: absolute;
    left: 16px;
    top: 32px !important;
    font-size: 16px;
}

.transfer-pax-count {
    position: absolute;
    margin: 10px 0 0 0;
    background: #fff;
    width: 263px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
    padding: 15px;
    color: #000;
}

.ti-signup-box, .ti-login-box {
    border: 0px solid #0065b8 !important;
}

#header .mobile-menu-toggle {
    background: url(../../Images/YTH/icon/mobile-menu.png) no-repeat center center #ffffff !important;
}

#header .mobile-menu-toggle {
    height: 65px !important;
}

#main .tab-content {
    padding: 15px;
}

.pkg-padding-15 {
    padding: 0px 15px !important;
}

#collapseOne p {
    margin-bottom: 5px !important;
}

#collapseTwo .panel-body h3 {
    font-size: 1.0833em;
    line-height: 1.6666;
    color: #838383
}

#collapseThree .panel-body h3 {
    font-size: 1.0833em;
    line-height: 1.6666;
    color: #838383
}

#package-details .tab-container .tab-content .tab-pane {
    padding: 0px;
}

#package-details .scrollING3 {
    text-align: justify;
}

.pkgcomponent {
    width: 100% !important;
    padding-top: 10px !important;
}

.hotel-details .panel-content strong {
    line-height: 20px;
}

.toggle-container .panel.style1.arrow-right .panel-content {
    padding: 5px 15px;
    /* padding: 25px 15px 18px 15px;*/
}

.trf_ACC_AIR {
    margin: 8px 0px 8px 8px;
    font-size: 14px;
    font-weight: bold;
    width: 506px;
}

#main .tab-pane .tab-content {
    padding: 0px;
}

.image-box .box a > .details, .image-box.box > .details {
    padding: 10px 15px;
}

.trf_ACC_AIR {
    margin: 8px 0px 8px 8px;
    font-size: 14px;
    font-weight: bold;
    width: 506px;
}

.bookkingdetailimg {
    width: 100px;
    height: 75px;
}

.hotel-detail-checkin {
    padding: 15px 0px 6px 0px;
    margin: 10px 0;
    float: left;
    width: 100%;
}

.pagination > li {
    margin-top: 2px;
    margin-bottom: 2px;
}

.padding-left-21 {
    padding-left: 21px;
}

.pax-deatils-box {
    border-top: 2px solid #0065b8;
}

.deal-input {
    display: inline-block;
    margin: 0;
    width: 55% !important
}

.deal-btn {
    display: inline-block;
    right: 0;
    position: absolute;
}

#dvCouponArea .invalid dt.deal-btn, #dvCouponArea .invalid dd.deal-btn {
    width: 43% !important;
}

#dvCouponArea .invalid dt.deal-input, #dvCouponArea .invalid dd.deal-input {
    width: 55% !important;
}

#dvCouponArea .invalid .deal-btn button.btn-small, #dvCouponArea .invalid .deal-btn input[type="button"].button.btn-small, #dvCouponArea .invalid .deal-btn a.button.btn-small {
    width: 100% !important;
}

.hotel-detail-checkin-head {
    color: #fff;
    font-size: 16px;
}

.hotel-detail-checkin-txt {
    color: #fff;
    font-size: 12px;
}
/* cart css by shekhar*/
.cart-container {
    border: 1px solid #d9d9d9
}

.cart-service-heading-container {
    background: #d9d9d9;
    padding: 5px 10px;
    width: 100%
}

.cart-delete-icon {
    text-align: right;
    color: #000;
    width: 10%;
    position: absolute;
    right: 0;
    top: 0;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    /*display: flex;*/
    display:block;
}

.cart-date {
    padding: 10px;
    /* width: 30%;*/
    width: 100%;
    display: inline-block;
    /*text-align: center*/
}

.cart-service-detail-container {
    /*border-left: 1px solid #d9d9d9;*/
    width: 100%;
    display: block;
    flex: 1;
}

.cart-service-detail-1 {
    padding: 9px;
    background: #f9f9f9
}

.cart-service-detail-2 {
    border-top: 1px solid #d9d9d9;
    padding: 5px;
}

.cart-service-name {
    /* font-size: 14px;*/
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.cart-service-price {
    font-size: 14px;
    font-weight: bold;
    display: block;
    clear: both;
    position: relative;
    width: 100%;
    text-align: right
}

    .cart-service-price .currency {
        font-size: 10px;
        font-weight: normal;
    }

.cart-service-info {
    width: 100%;
    display: block;
    min-height: 40px;
    font-size: 11px;
}

    .cart-service-info .clock {
        font-size: 15px;
        padding: 0 5px;
        color: #000;
    }

    .cart-service-info .padding-left-15 {
        padding-left: 15px;
    }

.cart-service-info-icon {
    font-size: 14px;
    padding-right: 5px;
}

.cart-service-pax-container {
    margin: 5px 0 0 0
}

.cart-service-pax {
    width: 70%;
    font-size: 11px;
    line-height: 24px;
}

.cart-service-moreInfo-btn {
    font-size: 10px;
    padding: 0px 5px;
    height: 18px;
    background: #f5f5f5;
    margin: 5px;
}

.cart-grand-total {
    display: block;
    position: relative;
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

    .cart-grand-total + .cart-grand-total {
        margin-top: 5px;
    }

.cart-gtotal {
    right: 0;
    position: absolute;
}

    .cart-gtotal .currency {
        font-size: 11px
    }

.cart-more-info {
    padding: 0 10px;
}

    .cart-more-info .booking-details .other-details dt, .cart-more-info .booking-details .other-details dd {
        padding: .4em 0;
    }

    .cart-more-info .details {
        padding-top: 0px;
    }

    .cart-more-info .feedback {
        padding-top: 0px !important;
    }
/* fare detrails*/
.fare-other-details {
    font-size: 0.8333em;
    margin-bottom: 0;
    text-align: right;
    text-transform: uppercase;
}

    .fare-other-details .feature {
        color: #000;
        float: left;
        text-align: left;
        margin: 0;
        clear: both;
    }

    .fare-other-details .value {
        color: #000;
    }

    .fare-other-details .feature, .fare-other-details .value {
        padding: .4em 0;
        border-top: 1px solid #f5f5f5;
    }

.cart-more-info-flight .flight-fare-detail {
    font-size: 11px;
    color: #000;
}

    .cart-more-info-flight .flight-fare-detail .flt-time {
        font-size: 11px;
    }

    .cart-more-info-flight .flight-fare-detail .review-take-off i, .cart-more-info-flight .flight-fare-detail .review-landing i {
        font-size: 14px;
    }

    .cart-more-info-flight .flight-fare-detail .line:after {
        margin: 6px 0 0px 3px;
        width: 61px;
    }

    .cart-more-info-flight .flight-fare-detail .line:before {
        margin: 0 0px 0px 0;
        width: 66px;
    }

    .cart-more-info-flight .flight-fare-detail .review-take-off {
        margin: 8px 4px 0px 0px;
    }

    .cart-more-info-flight .flight-fare-detail .review-landing {
        margin: 6px 6px 0px 0px;
        transform: rotate(0deg);
    }

.cart-more-info-flight .mrgn-bottom3 {
    margin-bottom: 3px;
}
/* flight seat map */
.page_booking_checkout #SeatMapHtml {
    position: fixed;
    top: 0;
    width: 1140px;
    margin-left: -11px;
    bottom: 0;
    background: #ffffff;
    padding-top: 0px;
    z-index: 11;
}

.select-seat-dialog {
    max-width: 1140px !important;
    max-height: 100% !important;
    height: 600px;
    top: 0;
    overflow-y: auto;
}

.msg-bar {
    background: #0065b8;
    color: #fff;
    font-size: 11px;
    padding: 5px 15px;
    display: inline-block;
}

.airseatmap {
    background: #f2f2f2;
    float: left;
    width: 100%;
    padding: 15px;
}

.flight-segment {
    float: left;
    width: 100%;
    padding: 15px;
}

.tab_on span, .tab_off span, .tab_hover span {
    float: left;
    width: 80%;
    padding: 3px 0;
}

.tab_on font, .tab_off font, .tab_hover font {
    width: 100%;
    font-size: 11px;
    float: left;
    text-align: left;
    font-weight: bold;
}

.tab_on div, .tab_off div, .tab_hover div {
    float: left;
    width: 50%;
}

.tab_on font, .tab_off font, .tab_hover font {
    width: 100%;
    font-size: 11px;
    float: left;
    text-align: left;
    font-weight: bold;
}

.tab_on {
    color: #636363;
    cursor: pointer;
    font-size: 22px;
    width: 100%;
    line-height: normal;
    float: left;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
    padding-bottom: 15px;
}

.flight-details-cont {
    padding: 15px 0 0 0;
    float: left;
    width: 100%;
    border-top: 2px solid #c9c9c9;
    color: #636363;
}

    .flight-details-cont p {
        font-weight: 600;
        color: #8b8b8b;
        padding: 3px 5px;
        margin: 0;
    }

    .flight-details-cont b {
        width: 70px;
        float: left;
        color: #6e6e6e;
    }

.tab_off, .airseatmap {
    margin-bottom: 10px;
    border-radius: 6px;
}

.tab_off {
    color: #cccccc;
    cursor: pointer;
    font-size: 22px;
    width: 100%;
    float: left;
    line-height: normal;
    padding: 15px;
    border: 1px solid #f2f2f2;
    text-align: left;
}

    .tab_on div, .tab_off div, .tab_hover div {
        float: left;
        width: 50%;
    }

    .tab_on span, .tab_off span, .tab_hover span {
        float: left;
        width: 80%;
        padding: 3px 0;
    }

    .tab_off:hover span, .tab_off:hover div {
        color: #636363;
    }

.adv-seatmap {
    padding: 10px;
    font-size: 12px;
    font-family: 'open sans', arial;
    background: #8a8a8a;
}

    .adv-seatmap td:first-child, .adv-seatmap td:last-child {
        background: #616161;
        color: #fff;
    }

    .adv-seatmap td {
        padding: 3px 5px;
        vertical-align: middle;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }

.seat-legends {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 10px;
    overflow: auto;
}

ul.seat-legends li {
    display: block;
    list-style-type: none;
    float: left;
    width: 100%;
    margin-bottom: 4px;
}

.st-accordion ul li:first-child {
    border-top: none;
}

.st-accordion ul li {
    overflow: initial;
    list-style: none;
    display: inline-block;
}

.st-accordion ul li {
    line-height: normal;
    float: left;
    width: 100%;
}

.seat-legends div {
    float: left;
}

.seat-legends li span {
    padding: 8px;
    float: left;
    text-transform: uppercase;
}

.pax-selector-header {
    border: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    padding: 10px;
}

.seat-pax-name {
    float: left;
    width: 50%;
    padding: 0 0 0 0px;
}

    .seat-pax-name a {
        padding-left: 10px;
    }

.seat-pax-number {
    float: left;
    width: 50%;
}

.seat-num {
    float: left;
    width: 50%;
    text-transform: uppercase;
}

.pax-selector {
    margin-top: -1px;
    float: left;
    width: 100%;
}

.sel-pax {
    padding: 10px;
    float: left;
    width: 100%;
    border: 1px solid #e5e5e5;
}

.seat-box {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 30px;
    height: 35px;
    text-align: center;
}

.box-exit {
    border-bottom: 4px solid #800000;
    background: #f5f5f5;
}

.box-vacant {
    border-bottom: 4px solid #349e1f;
    background: #f5f5f5;
}

.box-occupied {
    border-bottom: 4px solid #c9c9c9;
    color: #c9c9c9;
    background: #e0e0e0;
    font-size: 16px;
    padding-top: 4px;
}

.box-restricted {
    border-bottom: 4px solid #b0b0b0;
    background: #e0e0e0;
    color: #b3b3b3;
    font-size: 16px;
    padding-top: 4px;
}

.box-gallery {
    border-bottom: 4px solid #b0b0b0;
    background: #e0e0e0;
    color: #77270b;
    font-size: 16px;
    padding-top: 4px;
}

.box-preferred {
    border-bottom: 4px solid #224898;
    background: #e0e0e0;
    color: #224898;
    font-size: 16px;
    padding-top: 4px;
}

.box-selected {
    border-bottom: 4px solid #00c662;
    width: 30px;
    height: 35px;
    background: #01d96c;
    color: #fff;
    font-size: 16px;
    padding-top: 4px;
}

.legend-cont .box-exit {
    display: inline-block;
}

.legend-cont .box-vacant {
    display: inline-block;
}

.legend-cont .box-occupied {
    display: inline-block;
}

.legend-cont .box-restricted {
    display: inline-block;
}

.legend-cont .box-preferred {
    display: inline-block;
}

.legend-cont .box-gallery {
    display: inline-block;
}

.legend-cont .box-selected {
    display: inline-block;
}

.ShowPrefrance, .specify-pref {
    width: 100%;
    padding: 15px;
    background: #f2f2f2;
    text-decoration: none;
    float: left;
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 15px;
}

.radio-cont {
    float: left;
    width: 100%;
    padding: 5px;
}

.seat-radio {
    float: left;
}

    .seat-radio input[type="radio"] {
        width: 20px;
        height: 20px;
    }

.seat-label {
    float: left;
    padding: 3px 5px;
    color: #000;
    width: 90%;
}

#select-seat-dialog {
    padding-top: 10px;
}

.msg-bar-container {
    width: 100%;
}

.seatmap-cont {
    width: 100%;
    display: inline-block;
}

.onboard-cont {
    width: 25%;
    float: left;
    margin-right: 2%;
    min-width: 200px
}

.seat-pref-cont {
    width: 46%;
    float: left;
}

.legend-cont {
    width: 25%;
    float: right;
    margin-left: 2%;
    min-width: 200px
}

a .msg-bar {
    color: #fff;
}

.mfp-dialog {
    margin: 0px auto
}

.adv-seatmap td:nth-child(5) {
    padding-left: 10px;
}

.adv-seatmap td:nth-child(9) {
    padding-left: 10px;
}

.seat-map-box {
    display: none;
}

.popup-wrapper .popup-content {
    width: 100%;
    padding: 0 !important;
}

.mfp-close {
    position: absolute;
    right: 20px;
    top: 7px;
}
/*  end here */
.cart-pax .travelo-box {
    margin-bottom: 20px;
}

.splRQPolicyTgle {
    cursor: pointer;
}

#RoomMain .container, #ActivityMain .container {
    margin-bottom: 20px;
}

.listing-style1.hotel .feedback, .listing-style1.cruise .feedback .add {
    padding-top: 5px;
}

.splRQPolicyTgle {
    cursor: pointer;
}

.loaderPrebookCart {
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.cartItem_main #itemCount {
    position: relative;
    display: block;
    top: -23px;
    left: -12px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #FF6A00;
    color: white;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
}

.cartItem_main i {
    color: #0065b8;
}

    .cartItem_main i:hover {
        cursor: pointer;
    }

.cartItem_main a {
    color: #fff;
    line-height: 0px !important;
    display: block;
    font-size: 1.0em !important;
    text-transform: uppercase;
}

.Cart-Services {
    display: -webkit-inline-box;
}

    .Cart-Services ul {
        display: -webkit-inline-box;
    }

        .Cart-Services ul li {
            /*padding:5px;*/
            cursor: pointer;
            margin-left: 5px;
            border: 0px solid #000;
        }

    .Cart-Services h3 {
        line-height: 1.922em;
    }

    .Cart-Services .cart-include-box {
        border: 1px solid #cdcdcd;
        padding: 5px 11px 3px;
        float: left;
        margin: 5px;
        border-radius: 6px;
        font-size: 9px;
        background: #fff;
    }

.cartPassenger-main .other-details dt, .cartPassenger-main .other-details dd {
    padding: .6em 0 !important;
}

.strike-main {
    color: #0065b8;
}

.strike-price {
    text-align: right;
    font-size: 12px;
}

.splRQPolicyTgle:hover {
    color: #0065b8;
}

.room-modify-main .datepicker-wrap {
    color: #000;
}

.room-modify-main button {
    text-transform: uppercase;
}

.cartRefnumber {
    font-size: 17px;
    font-weight: bold;
}

.cartReftxt {
    float: right;
}

.cartStatus {
    font-size: 12px;
    font-weight: bold;
}

.cart-service-detail-all-container {
    width: 100%
}

.cartPrintvchr {
    position: absolute;
    right: 0;
    top: 36px;
    border: 1px solid #d9d9d9;
    padding: 2px 10px;
    font-size: 12px;
    width: 111px;
    text-align: center;
}

.cart-rq-msg {
    text-transform: initial;
    margin-top: 10px;
    color: red;
}

.print-button {
    white-space: normal;
    border-radius: 6px;
}

    .print-button i {
        display: inline-block;
        font-size: 28px;
        float: left;
        padding-top: 6px;
    }

.cart-timer {
    margin-bottom: 10px;
}

    .cart-timer h3 {
        margin: 0;
    }

.cart-expired-box {
    width: 450px;
}

.time-left-top {
    margin: 10px;
    font-size: 10px;
}

.cart-disable {
    background: #eee !important;
    cursor: not-allowed;
}

.cartMsg {
    color: red;
}

.cart-redcolor {
    padding: 5PX 10PX;
    color: #fff;
    background: red;
}

.cart-greencolor {
    padding: 5PX 10PX;
    color: #fff;
    background: green;
}
/*css added by mujahid for inner header*/
.max-width100 {
    max-width: 100%;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none;
}

.page-title-container.style2 {
    display: none;
}
/*hide breadcrum*/
/*search tab hide by mujahid*/
.search.tab-header {
    display: none;
}

.site-header.style2 .nav li a.activeMenu {
    position: relative;
    border-bottom: none !important;
    color: #c4f3f9;
}

    .site-header.style2 .nav li a.activeMenu:before {
        content: "";
        width: 100%;
        height: 2px;
        top: 78px;
        left: 0;
        transform: none;
        background: #c4f3f9;
        border-radius: 0px;
        margin-left: 0px;
        opacity: 1;
        visibility: visible;
    }

#content {
    min-height: 600px;
}

li .sub_menu {
    position: relative;
    display: none;
    opacity: 1;
    visibility: visible;
    top: 0px !important;
    transition: none !important;
    width: 90%;
    margin: auto;
}

.header_inner {
    padding: 10px 10px 10px 0px;
    background-color: #4076c4;
}

    .header_inner .navbar-nav > li > a {
        color: #ffffff;
    }

        .header_inner .navbar-nav > li > a:hover {
            background: none;
        }

header_inner .navbar-brand, .navbar-brand:hover {
    color: #ffffff;
}

.header_inner li.dropdown {
    position: relative;
}

.header_inner li .sub_menu {
    position: absolute;
    right: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 100px;
    margin: 0;
    text-align: left;
    padding: 5px 15px;
    list-style: none;
    border-top: 2px solid #013366;
    padding: 0px 15px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    min-width: 180px;
}

.search-btn {
    padding: 12px 10px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 6px;
    position: relative;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    border: none;
    font-family: 'montserratmedium';
}

div#query-dialog {
    width: auto;
}

div#dvNationality .searchbox-text {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 10px;
    color: #838383;
}

.box-title > span.price > small {
    display: inline-block;
    width: auto;
}
/*//waiting*/
.waiting-border-r {
    border-right: 1px solid #fff;
}

.waiting-txt-w {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.waiting-txt-b {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0px;
}

.servicewaiting .full-page-waiting {
    width: 100%;
    height: 100%;
}

.global-wait .bg-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.waiting-content {
    width: 700px;
    margin: 0 auto;
    position: relative;
    top: 30%;
}

.padding-15 {
    padding: 10px 15px;
}

.waiting-bg {
    background: #00467f;
}

.pageloader {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1000000;
}

.border-waiting {
    border: 2px solid #ccc;
    border-radius: 6px;
    background: #fff;
}

.global-wait {
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.block.pull-right {
    margin-bottom: 0px;
}

.site-header.style2 .nav li a::before {
    top: 68px;
}

.landing-effect {
    -webkit-transform: rotate(85deg);
    -moz-transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    -o-transform: rotate(85deg);
    transform: rotate(85deg);
}

.affix {
    top: 0px;
    z-index: 999;
    width: 100%;
    right: 0px;
    left: 0px;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

.checkbox-filters .btn {
    padding: 0px 4px;
    border-radius: 4px;
    margin: 2px 5px 5px 0;
    height: 18px;
}

.tab-pane [class^="col-"], .tab-pane [class*=" col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.price-wrapper-new-hotel {
    margin: 0px 8px;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    padding: 10px 0px;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.newlisting {
    margin-top: 53px;
}

.filters-container.toggle-container .panel.style1 {
    border: none;
    margin-bottom: 4px;
    background: #fff;
    /* background:#f5f5f5;*/
    /*  margin-top:5px;*/
}

.toggle-container .filter-wrapper {
    margin-top: 10px;
}

.filter-heading a.cursor-default {
    display: block;
    padding: 15px;
    cursor: default !important;
}

.filters-container.toggle-container {
    background: none;
}

.sort-by-section.clearfix.search-details.fixresulttop {
    min-height: 54px;
}

.modify-panel {
    position: absolute;
    display: none;
    z-index: 999;
    top: 54px;
    left: 0px;
    width: 1170px;
    background: #ffffff;
}

.panel.style1 {
    position: relative !important;
}

sort-by-section .sort-bar {
    flex: 1;
    text-align: right;
}

.sort-by-section li {
    float: left;
    padding: 3px 5px !important;
}

.sort-by-section.activity-sort .row {
    display: flex;
    align-items: center;
}

.sort-by-section li {
    float: left;
    padding: 3px 5px !important;
}

.activity-sort .col-sm-10 {
    padding: 5px 15px;
}

.total-activity-price_result {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px 7px;
}

.row.new-design-flex.clearfix {
    display: flex;
    position: relative;
}

.listing-style3 .total-activity-price_result .price {
    text-align: center;
}

.activity-main-wrapper article.resultBox.box, .activity-main-wrapper article.resultBox.box [class^="col-"], .activity-main-wrapper article.resultBox.box [class*=" col-"] {
    padding: 0px 7px;
}

    .activity-main-wrapper article.resultBox.box img {
        padding: 7px;
        width: 100%;
        margin: 0;
    }

.hover-effect img {
    display: block;
    position: relative;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-backface-visibility: hidden;
}

.filter-wrapper .timeline-wrapper .timeline-item {
    min-height: 0px;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.cart-service-heading-container {
    background: #d9d9d9;
}

.travelo-box {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #d7d7d7;
    background: #fff;
}

.trip-summary {
    background: #4076c4;
}

a.button {
    border-radius: 6px;
    outline: 0;
}

.sort-by-section .sort-bar {
    flex: 1;
    text-align: right;
}

.padding-sm-all li {
    padding: 9px 5px !important;
    /*margin-top: 5px;*/
    /* margin-left: 15px;*/
}

.padding-left-0 {
    padding-left: 0px !important;
}

.padding-right-0 {
    padding-right: 0px !important;
}
.htlpad {
    padding: 0
}

.sort-by-section .sort-by-title-total {
    text-transform: capitalize;
    margin: 0px 0px 0px 0px;
    float: none;
    line-height: normal;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 0px;
    /*font-size: 18px;
    padding: 15px 12px;*/
    /* background: #e7194d;
    color: #fff;*/
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: center;
    display: inline-block;
    float: right;
    width: 100%;
}

    .sort-by-section .sort-by-title-total span {
        font-size: 18px;
    }

span .listing_filters {
    font-size: 12px;
    display: block;
    text-align: center;
    text-transform: capitalize;
}

.sort-by-section .swap-tiles li.swap-list > a > i {
    font-size: 16px;
    border-radius: 30px;
}

.sort-by-section .swap-tiles li > a > i {
    background: #d6d6d6;
    color: #8e8e8e;
}

.sort-by-section .swap-tiles li > a > i {
    display: block;
    width: 26px;
    line-height: 27px;
    height: 26px;
    background: transparent;
    color: #d3d2da;
    text-align: center;
    border-radius: 50px;
}

.sort-by-section .swap-tiles li:hover > a > i, .sort-by-section .swap-tiles li.active > a > i {
    background: #fcc832;
    color: #000;
    border-color: #fcc832;
}

#content .tab-container ul.tabs li a, #ActivityMain .tab-container ul.tabs li a {
    background: transparent;
    color: #000 !important;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 0px;
}

.tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a {
    color: #4db2dc;
    background: #fff !important
}

ul.tabs.nav-tabs.padspaceLR0 {
    border-bottom: 0px solid #000;
}

.tab-content {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 10px 10px 10px;
    height: auto !important;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.box-title {
    font-size: 25px;
    letter-spacing: 0;
    line-height: 40px;
    font-weight: bold;
    /*font-family:cairo-bold;*/
}

.details .box-title > .capitalize {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.hotelimg span > img {
    background: #fff !important;
    padding: 0px;
}

.box-title small {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    display: block;
    margin-top: 4px;
}

.HotelResultParent .tab-content {
    background: none;
    border: none;
    border-top: none;
    padding: 0px;
    height: auto;
    overflow-y: inherit;
}

.new-detail-box, article.resultBox.box, .flight-waiting .timeline-item.new-detail-box {
    border: 1px solid #d3d3d3;
    /*  background:#f5f5f5;*/
    transition: all 0.3s ease-in-out;
    position: relative;
}

.flight-waiting article.box {
    margin-bottom: 0px;
}

.timeline-wrapper.flight-waiting {
    margin-bottom: 10px;
}

.search-criteria.sort-bar {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.adult-child-count {
    font-weight: bold;
    font-size: 12px;
}

a.dropdown-toggle {
    font-size: 14px;
}

.newsort-result .col-sm-9 {
    border-right: 1px dashed #d4d4d4;
}

.new-design-flex {
    display: flex;
}

.selected_sorting.selected-relative a .sort-txt {
    width: 216px;
    font-size: 14px;
}

.dropdown-menu.new-dropdown-menu {
    left: -1px;
    top: -1px;
    width: 100.7%;
}

    .dropdown-menu.new-dropdown-menu > li {
        padding: 4px;
    }

.custom-close {
    position: absolute;
    right: 10px;
    font-size: 35px;
    color: #000000 !important;
    z-index: 9999;
    font-weight: 400;
    top: 0px;
    background: none !important;
    cursor: pointer;
    padding: 0px;
    outline: none !important;
    line-height: normal;
    border: 0 !important;
}

@media (min-width: 768px) {
    .new-detail-box-flex {
        display: flex;
    }
}

.new-detail-box .col-sm-9 {
    border-right: 1px dashed #d4d4d4;
}

.padspaceTB12 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.listing-style3.flight .box.new-detail-box {
    border: 1px solid #d3d3d3;
    transition: all 0.3s ease-in-out;
    padding: 0px 14px;
}

.new-detail-box .flight-list {
    padding: 15px 0px;
}

.dashed-border-top {
    border-top: 1px dashed #d4d4d4;
}

.filter-wrapper {
    border: 1px solid #d6d6d6;
    margin-bottom: 20px;
}

.filter-heading {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
}

.toggle-container .panel-title.filter-heading > a {
    padding: 15px;
}

.clearall {
    cursor: pointer !important;
    font-size: 15px;
}

svg:not(:root).svg-inline--fa {
    vertical-align: middle;
}

.takeoff-effect, .landing-effect {
    font-size: 14px;
    transform: rotate(-45deg);
}

.booking-item-arrival .landing-effect {
    font-size: 14px;
    transform: rotate(45deg);
}

.new-cost-wrapper .amenities ul li a {
    display: block;
    height: 28px;
    width: 28px;
    border-radius: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 15px;
    cursor: pointer;
}

.flex-1 {
    flex: 1;
}

.cart-service-heading-container {
    background: #d9d9d9;
}

.passenger-info-wrapper .travelo-box {
    padding-bottom: 0px;
}

.person-information .form-group b, .passenger-info-wrapper form-group label, .passenger-info-wrapper .form-group b {
    font-family: 'montserratmedium';
    line-height: normal;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 12px;
    display: block;
}

.person-information span.room {
    display: block;
    margin: 0px 0px 5px !important;
}

.person-information .travelo-box .row + .row span.room {
    border-top: 1px solid #d7d7d7;
    padding-top: 12px;
}

.passenger-main-wrapper .sidebar {
    padding-top: 0px !important;
}

.sidebar .booking-details {
    padding-top: 20px;
}

.cart-service-heading-container {
    padding: 10px 10px;
    width: 100%;
}

.cart-service-heading {
    font-size: 18px;
    text-align: left;
    width: 100%;
    display: inline-block;
    position: relative;
    overflow-wrap: break-word;
    text-transform: capitalize;
    color: #000000;
}

.farerule-inner {
    padding-bottom: 0px;
    padding-top: 0px;
}

    .farerule-inner table {
        margin-bottom: 0px;
    }

        .farerule-inner table tr:first-child th {
            border-top: none;
        }

.sidebar-flight-detail {
    padding: 10px 7px;
}

    .sidebar-flight-detail .row {
        margin-left: -7px;
        margin-right: -7px;
    }

    .sidebar-flight-detail [class^="col-"], .sidebar-flight-detail [class*=" col-"] {
        padding-right: 7px;
        padding-left: 7px;
    }

.modify-panel .row, .search-box-wrapper .row {
    margin-left: -4px;
    margin-right: -4px;
}

.modify-panel [class^="col-"], .modify-panel [class*=" col-"], .search-box-wrapper [class^="col-"], .search-box-wrapper [class*=" col-"] {
    padding-right: 4px;
    padding-left: 4px;
}

.guest-wrapper {
    border-top: 1px solid #d9d9d9;
    margin-bottom: 10px;
    padding-top: 10px;
}

.all-taxes {
    padding: 5px 0px;
    border-bottom: 1px solid #f5f5f5;
}

.hours-class span {
    font-weight: 700;
}

.price-responsive {
    font-weight: bold;
    font-size: 14px;
}

.mobilefilter-list > li {
    float: left;
}

    .mobilefilter-list > li + li {
        margin-left: 10px;
    }

    .mobilefilter-list > li > a {
        color: #ffffff;
        background: none !important;
    }

body.modal-open {
    overflow: scroll;
}

.modal-content {
    border-radius: 0px !important;
    border: none !important;
}

.pop-detailheading h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}

.arrow_div {
    font-weight: 700;
    font-size: 16px;
}

.arrow-divinner {
    border: 1px solid #d3d3d3;
    color: #000;
    padding: 10px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 10px;
}

    .arrow-divinner i {
        font-size: 15px;
        font-weight: 600;
        color: #000 !important;
        margin: 0px 10px;
    }

    .arrow-divinner ul li {
        display: inline-block;
        font-size: 11px;
        vertical-align: middle;
        font-weight: 700;
    }

.details-wrapper .row + .row {
    margin-top: 10px !important;
}

.constant-column-3.timing ul {
    width: 100%;
    margin: 0px;
}

.arrow-divinner ul li + li {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 2px solid #000;
}

.arrow-divinner ul li label {
    margin: 0px;
}

.price_book-btn {
    min-width: 145px;
    float: right;
}

.price-box {
    font-size: 14px;
    font-weight: 600;
    padding: 7px 10px;
    color: #000; /*border: 1px solid #7ac142;*/
}

    .price-box span {
        font-weight: 400;
        font-size: 12px;
    }

.book-btn-box {
    margin-top: 10px;
}

    .book-btn-box a {
        height: 38px !important;
        line-height: 38px !important;
        font-size: 16px !important;
        padding: 0px !important;
    }

.tab-flight .nav-tabs {
    border-bottom: none;
    margin-top: -38px;
    display: inline-block;
}

    .tab-flight .nav-tabs li {
        width: auto;
        margin: 0px;
    }

        .tab-flight .nav-tabs li a {
            color: #000000 !important;
            /*font-size: 16px;*/
            font-weight: 700;
            background: none !important;
            height: auto;
            text-transform: capitalize;
            padding: 7px 15px !important;
            border: 1px solid transparent;
            border-radius: 0px;
        }

        .tab-flight .nav-tabs li.active a {
            background: none !important;
            border: 1px solid #d3d3d3 !important;
            border-bottom: 1px solid #fff !important;
        }

.tab-flight .tab-content {
    border: 1px solid #d3d3d3;
    margin-top: -6px;
}

.table-responsive .table {
    border: 1px solid #dddddd !important;
}

.modify-panel .panel-content {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
}

.paxpanel {
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
}

    .paxpanel .row + .row {
        margin-top: 10px;
    }

.flight-btngrp-wrapper > div {
    display: inline-block;
    vertical-align: middle;
}

    .flight-btngrp-wrapper > div + div {
        margin-left: 20px;
        position: relative;
        top: 8px;
    }

.flightm label {
    display: block;
}

.takeoff-icon, .landing-icon, .new-calendar-icon, .new-user-icon, .new-location {
    position: absolute;
    left: 0px;
    top: 45%;
    transform: translateY(-50%);
    z-index: -1;
    font-size: 14px;
}

.relative {
    position: relative; /*z-index: 1;*/
}

.add-remove-city label {
    margin-bottom: 8px;
}

strong.caret.postn {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -2px;
}

.paxpanel [class^="col-"], .paxpanel [class*=" col-"] {
    padding-right: 7px;
    padding-left: 7px;
}

.paxpanel .row {
    margin-left: -7px;
    margin-right: -7px;
}

.search-box-wrapper.flight-noresult {
    padding: 15px;
    margin-bottom: 15px;
}

.listing-style3.hotel .amenities {
    float: none;
    display: block;
}

    .listing-style3.hotel .amenities a i {
        cursor: pointer;
    }

.listing-style3.hotel .details > * > *:last-child {
    width: 160px;
}

.take-off span.skin-color, .landing span.skin-color, .total-time span.skin-color {
    font-size: 14px;
    font-weight: 500;
    padding-left: 5px;
}
/*.location,.skin-color - remove from below class due flight result page takeoff and landing align did not display corrent*/
.price-wrapper-new .price, .form-control, .request_plusmn, .request_plusmn:hover, .departure-city {
    color: #7d7f7f;
    /*Start,Commented by Imran on Date:06-March-2024*/
    /* color: #000;*/
    /*End,Commented by Imran on Date:06-March-2024*/
    padding-left: 8px;
}

.new-cost-wrapper .amenities, .new-cost-wrapper .action {
    margin-top: 30px;
    width: 125px;
    max-width: 100%;
}

.new-cost-wrapper .amenities {
    float: none !important;
    padding: 0px;
}

.amenities ul {
    text-align: center;
}

.amenities li {
    display: inline-block;
}

.selected_sorting.selected-relative a .sort-txt {
    width: 216px;
    font-size: 14px;
}

.dropdown-menu.new-dropdown-menu {
    left: -1px;
    top: 34px;
    width: 100%;
}

    .dropdown-menu.new-dropdown-menu > li {
        padding: 4px;
    }

.inactive-header, .inactive-header:hover {
    /*background: url(../../Images/YTH/active-header.png) left 50% no-repeat;*/
    padding: 0 0 0 20px;
}

button, input[type="button"].button {
    background: #013366;
    color: #fff;
}

div#hotel-amenities ul.amenities.clearfix.style1 li {
    /*	display: block;*/ /*commented by imran*/
    display: inline-block; /*added by imran 26-05-2023 */
    padding: 0px 10px 0px 0px; /*added by imran 26-05-2023 */
}

.border-round a {
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    font-size: 15px;
    cursor: pointer;
}

}

.border-round a:hover {
    background: #013366;
    color: #fff;
    border: 1px solid #013366;
}

.map-item li a {
    color: #9e9e9e;
    font-size: 14px;
    border: 1px solid #9e9e9e;
    border-radius: 100%;
    display: block;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 23px;
}

.booking-filters .booking-filters-list > li {
    padding: 15px 20px;
}

    .booking-filters .booking-filters-list > li + li {
        border-top: 1px solid #f5f5f5;
    }
/*.map-item li a:hover, .map-item li.active a {
    background: #013366;
    color: #ffffff;
    border: 1px solid #013366;
}*/
/*Car newdesign css by mujahid*/

.car-wrapper .newsort-result {
    padding: 3px 12px;
}

.car-wrapper .amenities {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
}

    .car-wrapper .amenities .popover-dismiss {
        display: inline-flex;
        color: #000000;
        align-items: center;
        margin-top: 7px;
        cursor: pointer;
        font-family: 'montserratmedium';
    }

.amenities ul li a.popover-dismiss:hover {
    background: none;
    border: none;
}

.car-wrapper .amenities .fa-check-circle {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 3px;
}

.car-future-icon {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    font-size: 16px;
    text-align: center;
    line-height: 23px;
    margin-right: 7px;
}

.amenities ul.list_inline_check_car {
    text-align: left;
}

    .amenities ul.list_inline_check_car li {
        margin-top: 5px;
        margin-right: 10px;
    }

.form-control:focus, .form-control, input, select {
    box-shadow: none !important;
    outline: none !important;
}

.form-control {
    border-radius: 6px;
}

.modal-body .filter-wrapper {
    border: 1px solid #d6d6d6;
    margin-top: 15px;
}

.car-wrapper .transfer-description h3 a {
    font-size: 13px;
    text-transform: lowercase;
    color: #f26c4f;
    cursor: default;
}

.car-review-selection h4 {
    background: #d9d9d9;
    color: #000;
    padding: 10px 15px;
    font-size: 18px;
    margin: 0;
    line-height: normal;
}

.container.car-detail-wrapper {
    padding: 0px 15px;
}

.car-detail-wrapper .sidebar {
    padding-top: 0px !important;
}

.car-detail-wrapper .car-detail-inner {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    padding: 15px;
}

.pickup-detail ul li {
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    margin-right: 15px;
    border-right: 1px solid #d3d3d3;
    padding-right: 15px;
    margin-bottom: 10px;
}

    .pickup-detail ul li:last-child {
        margin-right: 0px;
        border-right: none;
        padding-right: 0px;
    }

.car-detail-wrapper .highlight_gray {
    float: none;
}

.des-flex {
    display: flex;
    align-items: center;
}

.car-detail-des p {
    margin-bottom: 0px;
}

.car-detail-time-icon {
    margin-right: 10px;
    color: #000000;
    font-size: 24px;
}

.passenger-info-wrapper .travelo-box {
    padding-bottom: 0px;
    word-break: break-word;
    text-align: justify;
}

.special-req b {
    margin-bottom: 5px;
    display: block;
}

.passenger-info-wrapper .cart-service-heading-container {
    margin-bottom: 0px;
    padding: 10px;
}

.cancellation-policy-alt {
    padding: 12px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 1px solid #d3d3d3;
}

.sort-flex {
    display: flex;
    align-items: center;
}

.car-wrapper article.resultBox.box .row {
    margin: 0px -7px;
    display: flex;
    position: relative;
}

.car-wrapper article.resultBox.box img {
    margin: 7px 0px;
}

.car-wrapper article.resultBox.box, .car-wrapper article.resultBox.box [class^="col-"], .car-wrapper article.resultBox.box [class*=" col-"] {
    padding: 0px 7px !important;
}

.car-wrapper .select_hotel {
    border-left: 1px dashed #d7d7d7;
    border-right: none;
}

.transfer-description h3 {
    margin: 10px 0px 8px;
    color: #000000;
    font-weight: 600;
    font-size: 18px;
}

.car-wrapper .price-wrapper-new-hotel div {
    margin-top: 10px;
}

.sort-by-title-total.cartotal {
    float: none;
    margin: 0px;
    line-height: normal;
}

.align-items-center {
    align-items: center;
}

.car-sort-parent {
    display: flex;
    min-height: 50px;
    align-items: center;
}

.margn_bt {
    margin-bottom: 10px !important;
}

.bold_1 {
    font-weight: bold;
}

td.cart-service-heading-container label, td.cart-service-heading-container h4 {
    font-size: 16px;
}

td.cart-service-heading-container label, td.cart-service-heading-container h4 {
    margin-bottom: 0px;
}

.cart-gtotal .currency {
    font-size: 11px;
    font-weight: 700;
}

td.cart-service-heading-container {
    padding: 10px !important;
}

.total-payable-wrapper > tbody > tr + tr {
    border-top: 1px solid #f5f5f5;
}

    .total-payable-wrapper > tbody > tr + tr > td {
        padding: 8px 0px;
    }

    .total-payable-wrapper > tbody > tr + tr label {
        margin-bottom: 0px;
    }

select {
    height: 34px;
    padding: 8px 0 8px 8px;
    width: 100%;
    font-size: 12px;
}

.grand-total-wrap {
    padding: 10px;
}

.sidebar .booking-details .cart-container {
    padding: 0px 7px 7px;
}

.cart-service-price-name {
    display: flex;
    justify-content: space-between;
    margin: 0px -7px;
}

.cart-car-name {
    font-size: 18px;
    font-weight: 600;
    flex: 1;
    padding: 15px 7px;
}

    .cart-car-name small {
        font-size: 13px;
    }

.cart-car-price small {
    display: block;
}

.cart-car-price {
    background: #f5f5f5;
    text-align: right;
    border-left: 1px solid #d4d4d4;
    padding: 15px 7px;
    font-weight: 700;
    min-width: 100px;
    font-size: 16px;
}

@media (min-width: 768px) {
    .sidebar .sidebarFixed {
        position: fixed;
        max-width: 370px;
        top: 0px;
        width: 100%;
        z-index: 9999;
        padding-top: 0px;
    }

    .sidebar .relative {
        position: relative;
        z-index: 9999;
        margin-bottom: 0px !important;
    }
}

.datepicker-wrap:before {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 9px;
    top: 49%;
    font-weight: 400;
    transform: translateY(-50%);
    /*z-index:444;*/
    font-size: 14px;
}

.searchbox-text.driver-label {
    display: inline;
}

.car-modify .txticonT, .car-modify .txticonS, .hotel-nr-main .txticonT, .hotel-nr-main .txticonS {
    top: 7px !important;
    left: 10px;
}

.timeline-wrapper.box.new-detail-box {
    margin-bottom: 10px;
}

.search-box-wrapper.hotel-nr-main {
    padding: 15px;
    margin-bottom: 15px;
}

.red {
    color: #ef4420 !important;
}

#hotel-description .features label, #cruise-description .features label, #travel-guide .features label {
    border-right: 1px solid #f5f5f5;
}

.sort-by-section .dropdown a {
    font-size: 16px;
    color: #000000;
    display: inline-block;
}

.sort-by-section .dropdown-menu-fixed {
    float: right;
    padding: 0;
    margin: 0;
    background: #f5f5f5;
    border-radius: 0px;
    font-size: 14px;
    color: #000000;
    margin-left: 10px;
}

    .sort-by-section .dropdown-menu-fixed > li {
        display: inline-block;
        width: 100%;
        padding: 4px;
        float: left;
    }

        .sort-by-section .dropdown-menu-fixed > li > div.active {
            margin-left: 6px;
            width: 20%;
            padding: 6px 4px 4px 8px;
            float: right;
            width: 30px;
            height: 30px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            box-shadow: 1px 0px 5px rgba(0, 0, 0, .5);
        }

            .sort-by-section .dropdown-menu-fixed > li > div.active > i {
                color: #000000;
                padding-right: 3px;
                font-size: 14px;
            }

        .sort-by-section .dropdown-menu-fixed > li > div.inactive {
            margin-left: 6px;
            width: 20%;
            padding: 6px 4px 4px 8px;
            float: right;
            width: 30px;
            height: 30px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
        }

            .sort-by-section .dropdown-menu-fixed > li > div.inactive > i {
                padding-right: 3px;
                font-size: 14px;
            }

.flight-wrapper .dropdown-menu > li > div.inactive > i {
    color: #000;
    padding-right: 5px;
    font-size: 14px;
}

.flight-wrapper .dropdown-menu > li > a {
    padding: 0px;
}

.flight-wrapper .dropdown-menu > li > div.active {
    margin-left: 6px;
    margin-top: 3px;
    width: 20%;
    padding: 5px 4px 4px 9px;
    float: right;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 1px 0px 5px rgba(0, 0, 0, .5);
}

.flight-wrapper .dropdown-menu > li > div.inactive {
    cursor: pointer;
    margin-left: 6px;
    margin-top: 3px;
    width: 20%;
    padding: 7px 4px 4px 9px;
    float: right;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}

.sort-by-section .dropdown-menu > li > li {
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
    float: left;
    border-bottom: 1px solid #cdcdcd;
    display: block;
    clear: both;
}

.sort-by-section .dropdown-menu.new-dropdown-menu > li {
    position: relative;
    width: 100%;
}

.flight-wrapper .dropdown-menu > li {
    border-bottom: 1px solid #cdcdcd;
    display: inline-block;
    clear: both;
    width: 100%;
    padding: 5px 10px;
    float: left;
}

.sort-by-section .dropdown-menu > li:last-child {
    border-bottom: 0px solid red;
}

.sort-by-section .dropdown-menu > li > a {
    padding: 3px 0px;
    width: 205px;
}

    .sort-by-section .dropdown-menu > li > a:hover {
        background: #fff;
    }

.flight-wrapper .dropdown-menu > li > a > div.sort-txt {
    float: left;
    width: 60%;
    padding-top: 6px;
}

.black-color {
    color: #000 !important;
}
/*flight+hotel-details page new design*/
.FH-modify {
    padding: 0px !important;
    align-items: center;
    background: none;
}

    .FH-modify .toggle-container.filters-container .panel.style1 {
        background: #4baad5 !important;
        margin-bottom: 0px;
        box-shadow: none !important;
    }

        .FH-modify .toggle-container.filters-container .panel.style1 .panel-title {
            padding: 0px;
            font-size: 18px;
        }
    /*.FH-modify ul.search-criteria.sort-bar  {
    display: flex;
    float: none;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding-left: 7px;
}*/
    .FH-modify ul.search-criteria.sort-bar li label {
        margin: 0;
        font-weight: 400;
    }

@media (min-width: 768px) {
    .sort-rowflex {
        display: flex;
    }

    .own-return-wrap {
        display: flex;
        margin-top: 10px;
    }

    .onward-sec {
        flex: 1;
        margin-right: 2px;
    }

    .return-sec {
        flex: 1;
        margin-left: 2px;
    }
}

.FH-modify [class^="col-"], .FH-modify [class*=" col-"], .fltHtl [class^="col-"], .fltHtl [class*=" col-"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.FH-modify .row, .fltHtl .row {
    margin: 0px -10px;
}

.flex-auto {
    flex: auto !important;
}
/*.FH-modify li.search-city {
    flex: 1;
}*/
/*.FH-modify ul.search-criteria li {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
}*/
.FH-modify .search-criteria li > span span, .FH-modify .search-criteria li > span + span {
    font-size: 14px;
}

.flight-hotel {
    background: #ffffff;
    padding: 0px 10px;
}

.fltHtl {
    border: 1px solid #dddddd;
}

    .fltHtl.fixed {
        width: 100%;
        max-width: 100%;
        background: #ffffff;
        left: 0;
        right: 0px;
        position: fixed;
        top: 0px;
        z-index: 999;
    }

.sort-by-section .dropdown-menu-fixed > li > div.active {
    margin-left: 6px;
    width: 20%;
    padding: 6px 4px 4px 8px;
    float: right;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 1px 0px 5px rgba(0, 0, 0, .5);
}

.fltHtl .flight-hotel article.box {
    padding: 10px 0px;
}

.fltHtl .col-md-5 {
    border-right: 1px dashed #d3d3d3;
}

.hotel-name, .star-wrapper {
    display: inline-block;
    vertical-align: middle;
}

    .hotel-name h3 {
        font-weight: 700;
    }

.fh-address {
    margin-top: 10px;
}

    .fh-address span, .in-out-date, .flying-duration {
        font-size: 12px;
        color: #000000;
        font-weight: 400;
        margin-top: 3px;
    }

        .search-city strong, .in-out-date strong, .flying-time, .flight-number {
            color: #000000;
            font-weight: 700;
        }

.change-hotel a, .book-btn a {
    max-width: 160px;
    height: 38px !important;
    font-weight: 400 !important;
    line-height: 38px !important;
}

.refrshSlider.btn-default {
    height: 30px;
    line-height: 30px;
}

.fa-calendar {
    margin-right: 8px;
}

.fa-angle-right {
    margin: 0px 10px;
}

.own-return-wrap span, .oneway-wrap span {
    font-size: 13px;
    color: #000000;
    font-weight: 700;
    display: block;
}

.flying-duration {
    margin-top: 0px;
}

.oneway-inner, .onward-sec, .return-sec {
    padding: 5px 10px;
    background: #f5f5f5;
}

.oneway-wrap {
    margin-top: 15px;
}

.row.button-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px !important;
}

.button-flex .amenities ul {
    text-align: left;
}

    .button-flex .amenities ul li a, .infor-circle a {
        display: block;
        height: 30px;
        width: 30px;
        border-radius: 100%;
        border: 1px solid;
        text-align: center;
        line-height: 29px;
        font-size: 15px;
        cursor: pointer;
    }

.fltHtl.fixed .change-hotel a {
    background: none !important;
    color: #000000 !important;
    text-decoration: underline;
    font-weight: 600 !important;
    height: auto !important;
    line-height: normal !important;
    width: auto !important;
    font-size: 16px;
}

.onward-sec div + div, .return-sec div + div {
    margin-top: 10px;
}

.fh-total-price {
    margin-bottom: 15px;
}

    .fh-total-price span {
        display: block;
        font-weight: 600;
        color: #000000 !important;
    }

.col-md-2.flight article.box {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.details-wrapper .row + .row {
    margin-top: 10px !important;
}

.details-wrapper .flight-list > .col-sm-12 + .col-sm-12 {
    margin-top: 10px;
}

.take-off span, .landing span, .total-time span {
    padding: 0px;
}

.take-off, .landing, .total-time {
    display: flex;
    align-items: center;
}

.fh-tabwrapper ul.search-tabs li a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    background: none;
    opacity: 1;
    border: 1px solid transparent;
    height: auto;
    padding: 10px 20px !important;
    line-height: 20px;
}

.fh-tabwrapper ul.search-tabs li.active a {
    border: 1px solid #dddddd;
    border-bottom: 1px solid #ffffff;
    background: #ffffff;
}

#main-1 .fh-tabwrapper ul.search-tabs {
    background: none;
    border: none;
}

.fh-tabwrapper .search-tab-content {
    border: 1px solid #dddddd;
    margin-top: -1px;
    padding: 10px !important;
    background: #fff;
}

.fh-tabwrapper section#content {
    background: none;
}

.country b, .checkbox-filters b {
    font-weight: 500;
}

.sort-by-section.fh-sorting-top {
    padding: 7px 11px;
}

.fh-sorting-top .search-criteria.sort-bar {
    flex-direction: column;
    align-items: baseline;
}

.fh-sorting-top .search-criteria li {
    font-size: 16px;
    font-weight: 400;
    display: block;
    float: none;
    padding: 0px !important;
    margin: 0px;
    text-transform: capitalize;
}

    .fh-sorting-top .search-criteria li + li {
        margin-top: 3px;
    }

.search-city.black-text {
    color: #000000;
}

.fh-sorting-top .search-criteria li label, .fh-sorting-top .search-criteria li span {
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}

.fh-sorting-top .search-criteria li + li > span {
    margin-left: 10px;
    padding-left: 10px;
}

    .fh-sorting-top .search-criteria li + li > span:before {
        content: "";
        position: absolute;
        background: #ffffff;
        width: 1px;
        top: 0px;
        bottom: 0px;
        left: 0px;
        height: 15px;
        margin: auto;
    }

.flex-start {
    align-items: flex-start !important;
}

.fh-sorting-top .fa-calendar {
    margin-right: 3px;
}

.sort-by-section.fh-sorting-bottom {
    border: 1px solid #d3d3d3;
    padding: 5px 11px;
}

    .sort-by-section.fh-sorting-bottom .sort-by-title, .sort-by-section.fh-sorting-bottom .sort-by-title-total {
        margin-top: 0px;
        line-height: normal;
    }

@media (min-width: 768px) {
    .fh-sorting-bottom-flex {
        display: flex;
        align-items: center;
    }

    .flight-hotel > .fltHtl-row {
        display: flex;
        flex-wrap: wrap;
    }
}

.border-rdashed {
    border-right: 1px dashed #d3d3d3;
}

.sort-wrap {
    padding: 5px 0px;
    justify-content: space-between;
}

.sort-wrap-left {
    flex: 1;
}

.sort-wrap-right ul li a {
    color: #000000 !important;
}

.sort-wrap-right ul li i {
    color: #d3d3d3;
    border: 1px solid #d3d3d3;
    border-radius: 100%;
    display: block;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 25px;
    margin-top: 2px;
}

.sort-wrap-right ul li.active i {
    color: #fc4d2b;
    border-color: #fc4d2b;
}

.sort-wrap-right ul li span {
    display: block;
}

.fh-sorting-bottom .sort-by-title-total {
    font-size: 16px;
    font-weight: 500;
}

@media(min-width: 768px) {
    .fh-tabwrapper .new-result-box .row {
        display: flex;
        /*flex-wrap: wrap;*/
        margin: 0px -7px;
    }
}

.fh-tabwrapper .new-result-box [class^="col-"], .fh-tabwrapper .new-result-box [class*=" col-"] {
    padding: 0px 7px;
}

.new-result-box .article-top {
    padding: 0px 7px;
}

.fh-hoteladd h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.fare-details {
    border-top: 1px dashed #d3d3d3;
    padding: 7px !important;
}

.article-top .col-sm-3, .article-top .col-sm-7, .article-top .col-sm-2 {
    padding: 7px !important;
}

.infor-circle a {
    display: inline-block;
    cursor: pointer;
}

    .infor-circle a i.circle, a.tip-top i.circle {
        background: none !important;
    }

.fare-details h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.fare-details span {
    font-size: 13px;
    font-weight: 500;
    margin-right: 5px;
}

.fare-details {
    font-size: 12px;
    color: #000000;
}

    .fare-details p {
        margin-bottom: 0px;
    }

.fh-hoteladd small {
    font-size: 12px;
    color: #000000;
    font-weight: 500;
}

.fh-star-wrap .star {
    margin-top: 6px;
}

.infor-circle {
    margin-top: 10px;
}

.price-wrap .price {
    font-weight: 600;
    margin-bottom: 10px;
    color: #000000;
}

    .price-wrap .price > span {
        margin-top: 2px;
        display: block;
    }

    .price-wrap .price small {
        color: #000000;
        font-size: 11px;
        display: block;
    }

    .price-wrap .price .total {
        text-transform: capitalize;
    }

.search-city > div > div > span:last-child {
    font-weight: bold;
    font-size: 12px;
}

.search-city > div {
    float: left;
}

    .search-city > div + div {
        margin-left: 10px;
    }

.segment-date {
    float: left;
}

.filters-container ul.filters-option li {
    background: none;
}

.filters-container .input-check ul.filters-option li a {
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle;
}

.input-check ul.check-square li .customCheck {
    float: none;
    margin-top: 0px;
    display: inline-block;
}

.select-block {
    outline: none !important
}

.input-check span {
    display: inline-block;
    padding: 2px 0;
    text-transform: uppercase;
    font-size: 11px;
    color: #2d3e52;
    flex: 1;
}

.input-check .check-square.filters-option li {
    display: flex;
    align-items: center;
}

.hotelmodel-body .pop-detailheading h3 {
    margin-bottom: 0px;
}

.hotelmodel-body .pop-detailheading p {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
}

.tab-flight.tab-hotel .nav-tabs {
    margin-top: 30px;
}

.flight.tab-flight .tab-flight .tab-content {
    height: 400px;
}

.tab-flight .tab-content {
    height: 400px !important;
}
/*flight+hotel pax-details*/
.slidingDiv .row, .new-pax-details.person-information .row {
    margin: 0px -5px;
}

.slidingDiv [class^="col-"], .slidingDiv [class*=" col-"], .new-pax-details.person-information [class^="col-"], .new-pax-details.person-information [class*=" col-"] {
    padding: 0px 5px;
}

.splRQPolicyTgle, .fare-rule h5 {
    font-weight: 500;
}

.policy-wrapper {
    padding: 0px 15px;
}

    .policy-wrapper b {
        display: inline;
    }

.splRQPolicyTgled {
    margin-bottom: 10px !important;
}

.person-information .flp.pax-deatils-box {
    padding-bottom: 0px;
}

.pax-type-wrapper {
    background: #f3f3f3;
    padding: 10px;
    margin-bottom: 15px;
}

.modal-open {
    overflow-y: auto !important;
}

.sort-date span + span {
    margin-left: 10px;
}

.fltHtl .hotel-list.hotel {
    margin-top: 0px;
}

@media (min-width: 991px) {
    .fltHtl-row {
        display: flex;
    }

    .head-ax {
        font-size: 33px;
    }

    .carousel-caption {
        top: 40%;
    }
}

.total-package-price {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
}

.fh-total-price .price, .price.price_htl_new {
    text-align: center;
}

.sort-by-section.fh-sorting-bottom {
    min-height: inherit;
    padding: 0px 11px;
}

    .sort-by-section.fh-sorting-bottom .col-sm-9 {
        min-height: 50px;
        display: flex;
    }

.margin-top-0 {
    margin-top: 0px !important;
}

.padding-top-left-right-10 {
    padding: 10px 10px 0px;
}

.font-size-13 {
    font-size: 13px;
}

.font-normal {
    font-weight: normal;
}

#flight-tab .listing-style3.flight .box.new-detail-box {
    padding: 0px 10px;
}

#flight-tab .newsortby-top {
    display: flex;
    align-items: center;
}

.color-black {
    color: #000 !important;
}

#flight-tab .search-city > div:first-child > div:first-child {
    padding-left: 0px;
}

.fh-price-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

    .fh-price-wrapper .price {
        text-align: center;
        padding-left: 0;
    }

.fh-modify .txticonFlightH {
    left: 10px;
    top: 7px;
}

.fh-modify flightautocomplete .autocomplete-input {
    padding-left: 34px;
}

.panel-content form label.searchbox-text {
    text-transform: capitalize;
    font-size: 13px;
    color: #000000;
    font-weight: 700;
}

.new-down-right {
    position: absolute;
    margin: 0px;
    top: 0px;
    right: 0px;
    background: #ffffff;
    width: 20px;
    bottom: 0;
    text-align: center;
    border-radius: 6px;
}

.drop-alter:after {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 9px;
    top: 50%;
    font-weight: 900;
    transform: translateY(-50%);
    z-index: 444;
    font-size: 15px;
}

#multipleAirlines {
    overflow-y: auto;
    min-width: 350px;
    max-width: 100%;
    height: 34px;
    width: auto;
}

.fh-modify.fh-noresult {
    padding: 15px;
    background: #ffffff;
}

.noresult-search.search-details {
    min-height: 56px;
}

.article-top {
    position: relative;
}

.offer_red {
    position: absolute;
    z-index: 1;
}

.flight-hotel-main .roomToggle.room-main-div {
    padding: 0px 7px;
    display: none;
    position: relative;
}

    .flight-hotel-main .roomToggle.room-main-div .table-responsive {
        min-height: 40px;
    }
/*flight+hotel css legend here*/



#btnlogin, #btnforgot, #btnregister {
    width: 100%;
    letter-spacing: 1px;
}

.moreinfobtn {
    display: none;
}
/*.booking-details .travelo-box .cart-container {
    padding: 0px;
}*/
.border-radius-20 {
    border-radius: 6px;
}

.row_1.flight.tab-flight ul.responsive li a {
    font-size: 12px;
}

.row_1.flight.tab-flight ul.responsive li.active a {
    font-size: 12px; /*background:#802f12!important;
    border:1px solid #802f12!important;
    color:#fff!important;*/
}

ul.nav.nav-tabs.responsive.hidden-xs {
    margin-top: 0px;
}

.flight-book.full-width.button.btn-small.icon-check {
    border-radius: 6px;
}

.dropdown-menu > li > div.sort-txt {
    float: left;
    width: 60%;
    padding-top: 6px;
}

span.select2-selection.select2-selection--single {
    height: 38px;
    border-radius: 6px !important;
}

.flag-icon {
    line-height: 2.7em !important;
}

.more-container {
    float: right;
    clear: both;
    width: 100%;
}

.datepicker-wrap input {
    padding-left: 30px;
}

.feature > span {
    padding: 0px 10px;
    text-transform: capitalize;
    font-size: 12px;
    display: block;
}

.forgot-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .forgot-btn-wrapper button {
        flex: 1;
    }

a.forgot-password.pull-right.soap-popupbox {
    font-size: 14px;
    font-family: 'montserratmedium';
    color: #001959;
    flex: 1;
    text-align: left;
}

.hotel_map_spinner {
    position: relative !important;
    margin: 0 !important;
    right: 0 !important;
    top: 0;
    transform: translate(0);
    left: 0;
}

.result_loader {
    position: relative !important;
    left: 50% !important;
    top: 200px !important;
    right: 0% !important;
    border-top-color: transparent !important;
}

div#loginloader {
    margin-left: 0px !important;
}

#select2-ddlDailingCode-container {
    height: 32px;
    line-height: 32px;
    outline: none !important;
}

.driver-label {
    display: inline;
}

.car-wrapper input.input-text {
    padding-left: 25px;
}

.flight-hotel-main .panel-group#accordion {
    margin-bottom: 0px;
}

.flight-hotel-main .panel-group .panel {
    padding: 8px 0px;
    box-shadow: none !important;
    border-radius: 0;
    border: none;
}

    .flight-hotel-main .panel-group .panel + .panel {
        border-top: 1px solid #d4d4d4;
        margin-top: 0px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0px;
    margin-right: 5px;
    margin-top: 2px;
    padding: 5px !important;
    line-height: normal;
}

.select2-container .select2-search--inline .select2-search__field {
    padding: 0px;
}

.select2-container .select2-selection--multiple, .select2-container {
    height: 34px !important;
    border-radius: 0;
}

    .select2-container .select2-search--inline {
        padding: 0px !important;
    }

.passenger-main-wrapper .select2-container {
    width: 100% !important;
    border-radius: 0 !important;
    outline: none !important;
}

.passenger-main-wrapper .select2-container--default .select2-selection--single {
    border-radius: 0px;
    outline: none !important;
}
/*transfer-css by mujahid (26-08-2019)*/
.transfer-main-wrapper .search-city > div.search-date {
    float: none;
    display: block;
}

.transfer-main-wrapper .sort-by-section {
    min-height: 40px;
}

.transfer-main-wrapper .row.new-design-flex.clearfix {
    align-items: center;
    margin-left: -9px;
    margin-right: -9px;
}

@media (min-width: 768px) {
    .transfer-main-wrapper .newsort-result .col-sm-9 {
        min-height: 50px;
        align-items: center;
        display: flex;
    }

    .transfer-main-wrapper article.resultBox.box .row {
        display: flex;
        position: relative;
    }

    .transfer-details-wrapper .tab-content.scroll_auto.margin-top-5 > .row {
        display: flex;
        align-items: center;
    }
}

.transfer-main-wrapper article.resultBox.box, .transfer-main-wrapper article.resultBox.box [class^="col-"], .transfer-main-wrapper article.resultBox.box [class*=" col-"] {
    padding: 0px 7px !important;
}

    .transfer-main-wrapper article.resultBox.box .row {
        margin: 0px -7px;
    }

    .transfer-main-wrapper article.resultBox.box .select_hotel {
        border-right: 0;
        border-left: 1px dashed #d7d7d7;
    }

.listing-style3 .price-wrapper-new-hotel .price {
    text-align: center;
}

.transfer-description {
    padding: 10px 0px;
}

    .transfer-description p {
        margin-bottom: 0px;
    }

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.transfer-details-wrapper .tab-content.scroll_auto.margin-top-5 {
    padding: 10px 15px !important;
}

.transfer-details-wrapper .top_modify_room {
    padding: 10px 15px 0px;
}

.transfer-details-wrapper .li-class {
    margin-right: 5px;
    float: none !important;
    width: 100px !important;
    display: inline-block !important;
    text-align: center !important;
    margin: 0px auto !important;
}

.pagination-wrapper ul.pagination {
    float: right;
}

.activity-box-mobile {
    border: 1px solid #d3d3d3;
    margin-top: 10px;
}

.tour-heading {
    border-bottom: 1px solid #d3d3d3;
    font-weight: 600;
    padding: 7px;
}

.date-status-can, .price-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 7px;
}

.price-select {
    background: #f5f5f5;
}

.form-control.read-only span {
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

#ti-termandcondition {
    max-width: 700px;
    overflow-y: auto !important;
    height: auto !important;
}

    #ti-termandcondition .modal-popup-inner {
        height: 515px;
        overflow-y: auto !important;
    }

        #ti-termandcondition .modal-popup-inner .container {
            max-width: 100%;
        }

        #ti-termandcondition .modal-popup-inner .border_div {
            border: none;
        }

            #ti-termandcondition .modal-popup-inner .border_div .highlight {
                padding: 0px 0px 5px;
            }

                #ti-termandcondition .modal-popup-inner .border_div .highlight .col-lg-12 {
                    padding: 0px;
                    font-size: 18px;
                }

.txticonS, .txticonNR {
    position: absolute;
    left: 15px;
    top: 27px;
    font-size: 16px;
}

.multi-city-search-criteria {
    border-left: 1px solid #2d3f52;
    float: left;
    padding-left: 6px;
    margin-left: 6px;
}

.booking-row-flex {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.request-support {
    margin-top: 15px;
}

.modal-popup {
    max-width: 600px;
    margin: 20px auto;
    padding: 0px !important;
}

.modal-popup-inner {
    max-height: 500px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 20px;
    min-height: 300px;
}

.print-modal-popup.modal-popup {
    max-width: 870px;
    height: auto !important;
    overflow-y: visible !important;
}

#txtright .btn-default, .modal-popup .btn-default {
    line-height: 38px;
    min-width: 125px;
}

body.overlay-open {
    overflow-y: hidden;
    padding-right: 17px;
}

    body.overlay-open .opacity-overlay {
        overflow-y: scroll;
    }

.row.transfer-form {
    display: flex;
    flex-wrap: wrap;
}

.tab-pane .row {
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px;
}

ul.tabs.nav-tabs.padspaceLR0 {
    border-bottom: 0px solid #000;
}

.booking-information > .booking-confirmation > .message {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
}
/*transfer 20-09-2019*/
.transfer-main-wrapper .search-box-wrapper {
    padding: 15px 15px 0px;
    margin-bottom: 10px;
}

.row.booking-row-flex.margin-top-15 {
    margin-top: 15px !important;
}

#RoomMain .tab-container .tab-content .tab-pane {
    padding: 0px;
}

.booking-details .other-details dt.feature {
    border-top: 0px;
}

.tab-container .tab-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.padding-0 {
    padding: 0px !important;
}

.padding-top-0 {
    padding-top: 0px !important;
}

select::-ms-expand, input::-ms-clear {
    display: none;
}
/*flight + hotel new design*/
.cart-service-name.pull-left > span {
    padding: 20px 10px;
    display: inline-block;
    font-size: 16px;
}
/*commented-by mujahid-for-new-design*/
/*.FH-passenger-wrapper .cart-service-detail-container {
    border-left: none;
    width: 100%;
}
.FH-passenger-wrapper .cart-service-detail-1 {
    background: #ffffff;
    padding: 0;
}*/

/*commented-by mujahid-for-new-design-end*/

.FH-passenger-wrapper .value > span {
    padding: 0px 10px;
    display: block;
    text-transform: capitalize;
    font-size: 12px;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

#dvCouponArea input::-webkit-input-placeholder {
    /* Edge */
    color: #000000;
}

#dvCouponArea input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000;
}

#dvCouponArea input::placeholder {
    color: #000000;
}

#dvCouponArea .feature input {
    background: #ffffff !important;
    border: none !important;
    color: #000000;
}

.request_plusmn {
    font-size: 15px;
}

#modifyNR .search-box-wrapper {
    padding: 15px 15px 0px;
}

.splRQPolicyTgle:hover {
    color: #000000;
}

.FH-passenger-wrapper a i.fa, .FH-passenger-wrapper h5 i.fa {
    min-width: 13px;
}

.fa.fa-chevron-right.rotate_down:before {
    content: "\f078";
}

.splRQPolicyTgled b {
    display: inline;
}

.FH-flighttype span {
    display: block;
}

.paxpanel label {
    display: block;
    line-height: normal;
    font-size: 11px !important;
    font-weight: 600;
}

.paxpanel .sub {
    color: #000000;
    line-height: normal;
    margin-bottom: 0px !important;
}

.tab-flight .tab-content::-webkit-scrollbar, .modal-popup-inner::-webkit-scrollbar, .modal-popup-inner scrollbar-track {
    width: 6px;
    height: 6px;
}

.tab-flight .tab-content::-webkit-scrollbar-track, .modal-popup-inner::-webkit-scrollbar-track, .modal-popup-inner scrollbar-track {
    background: #e2e2e2;
    border: 0px solid transparent;
    background-clip: content-box;
}

.tab-flight .tab-content::-webkit-scrollbar-thumb, .modal-popup-inner::-webkit-scrollbar-thumb {
    background: #0a75af;
    border: 0px solid rgb(0, 0, 0);
}

.tab-flight .tab-content {
    max-height: 400px !important;
    overflow-y: scroll;
}

    .tab-flight .tab-content .amenities li {
        display: block;
    }

    .tab-flight .tab-content .icon-box.style1 > i {
        color: #000000;
        background: none;
        margin-right: 10px;
        width: auto;
    }

.flight-booking-details {
    margin-bottom: 0px;
}

    .flight-booking-details .details .constant-column-3 {
        padding-top: 5px;
    }

        .flight-booking-details .details .constant-column-3 + .constant-column-3 {
            border-top: 1px solid #d4d4d4;
        }

    .flight-booking-details .guest, .image-box.hotel .guest, .other-details.border-top-gray {
        border-top: 1px solid #d4d4d4;
        padding-top: 5px;
    }

.constant-column-3 .check-in span, .constant-column-3 .check-out span {
    display: block;
}
/*css form coupan code*/
.coupon-back #dvCouponArea .invalid {
    padding: 15px 10px;
}

.total-price, .total-price-value {
    font-size: 16px;
    padding: 5px 0px;
}

.cart-service-heading-container .cart-grand-total .total-price, .cart-service-heading-container .cart-grand-total .total-price-value {
    border-top: none;
    font-size: 16px;
    color: #000000;
}

.coupon-back #dvCouponArea .cart-service-heading-container {
    padding: 5px 10px;
}

.promo-wrapper {
    margin: 5px 0px;
}

    .promo-wrapper .feature > span {
        padding: 5px 10px;
    }

.other-details .promo-wrapper dt, .other-details .promo-wrapper dd {
    padding: 5px 0px;
}

.invalid .feature .alertMsg {
    color: #ffffff;
    padding: 0px !important;
}

.signup-email {
    font-weight: 600;
    text-decoration: underline !important;
}

.modal-popup .custom-close {
    top: 0;
    right: 15px;
}

.padspace-LR-15 {
    padding: 0px 15px;
}

.btn-default.activestar {
    background: #e2e2e2 !important;
}

.hotel-NR-inner > .row {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
}

.hotel-NR-inner hotelautocomplete {
    height: auto;
}

.hotel-NR-inner .alertMsg {
    margin-bottom: 0px;
}

#content .tab-container ul.tabs li a, #ActivityMain .tab-container ul.tabs li a {
    background: #fff;
}

.stick .pkg-float-box {
    width: 270px;
}

.m-t-7 {
    margin-top: 7px;
}

.background-white {
    background: #fff;
}

.padspace-6-0 {
    padding: 6px 0px !important;
}

.highlight.pax-outer-wrapper {
    float: none;
    padding: 10px;
}

    .highlight.pax-outer-wrapper .row, .additional-pass-info .row {
        margin-left: -5px;
        margin-right: -5px;
        display: flex;
        flex-wrap: wrap;
    }

    .highlight.pax-outer-wrapper [class*="col-"], .additional-pass-info [class*="col-"] {
        padding: 0px 5px;
    }

    .highlight.pax-outer-wrapper span.room {
        border-top: none !important;
    }

.additional-pass-info .panel-heading a {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    padding-left: 15px;
}

.additional-pass-info .alertMsg {
    margin-bottom: 0px;
}

.additional-pass-info .panel-heading a:before {
    content: "\f054";
    position: absolute;
    top: 2px;
    left: 0px;
    font-family: "Font Awesome 5 Free";
    color: #000000;
    transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
}

.additional-pass-info .panel-heading a.collapsed:before {
    transform: rotate(0deg);
}

.additional-pass-info b {
    margin-bottom: 5px;
}

.description_flight i {
    margin-right: 5px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.pax-outer-wrapper input.input-text, .pax-outer-wrapper .input-text {
    background: #ffffff;
}

.ActivityNR {
    position: absolute;
    left: 17px;
    top: -5px;
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.padding-15_insurance {
    padding: 10px 15px !important;
}

ul.insurance_general_info li {
    padding-top: 10px;
}

.tab-content.padding-15_insurance {
    overflow-y: auto;
}

label.searchbox-text.m-t-10.color-black.display-2 {
    display: block;
}

span.customDir.ng-binding {
    font-weight: 600;
}

.yut ul {
    width: 100% !important;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

select, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    padding: 8px 25px 8px 0px;
    width: 100%;
    font-size: 12px;
    background-image: url('../../Images/YTH/caret.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-left: 6px;
    -webkit-appearance: none;
}

.form-control:focus, .form-control, input, select {
    box-shadow: none !important;
    outline: none !important;
}
/*promo-package css mujahid*/
.promo-clk-mobile {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
}

.package-list-collapse {
    border: 1px solid #d3d3d3;
    padding: 0px;
    margin-bottom: 10px;
}

.package-list-inner {
    padding: 0px 7px;
}

.package_list .row {
    margin-left: -7px;
    margin-right: -7px;
    display: flex;
}

.package-list-inner .row + .row {
    border-top: 1px solid #d3d3d3;
}

.d-block {
    display: block !important;
}

.activity-main-wrapper article.resultBox.box .package-list-inner .row > div {
    padding: 7px !important;
}

.package-list-inner .row > div + div {
    border-left: 1px solid #d3d3d3;
}
/*css added mujahid(06-02-2020)*/
.flag-text {
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
    margin-left: 5px;
}

.contactDropArrow.nationality-flag .flag-icon, .flag-icon {
    width: 20px !important;
}

#RoomMain #content .tab-container ul.tabs li a {
    background: none;
}

#RoomMain #content .tab-container ul.tabs li {
    padding-right: 0px;
}

.passenger-info-wrapper [class^=col-], .passenger-info-wrapper [class*=" col-"] {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.passenger-info-wrapper .row {
    margin-left: -4px;
    margin-right: -4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.min-height-50 {
    min-height: 50px;
}

.padding-LR-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.textelipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*New-Trip-summery*/
.room-type-meal-wrapper {
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
}

.roomtype-meal-heading {
    background: #f5f5f5;
}

    .roomtype-meal-heading th {
        font-size: 10px;
        padding: 6px;
        font-weight: normal;
    }

        .roomtype-meal-heading th + th, .roomtype-meal-description td + td {
            border-left: 1px solid #d9d9d9;
        }

.roomtype-meal-description td {
    text-align: left;
}

    .roomtype-meal-description td div {
        display: block;
        padding: 5px;
    }

.cart-service-info span {
    vertical-align: middle;
}

.min-width-80 {
    min-width: 80px;
}

.border-bottom-1 {
    border-bottom: 1px solid #888585;
}

.border-bottom-light {
    border-bottom: 1px solid #d9d9d9;
}

.departure_plane {
    font-size: 13px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.layover {
    position: relative;
}

    .layover span {
        display: inline-block;
        background: #ffffff;
        padding: 5px 10px;
        position: relative;
        font-size: 13px;
    }

    .layover:before {
        content: "";
        position: absolute;
        border-bottom: 1px dashed #797777;
        top: 50%;
        left: 0;
        right: 0;
        z-index: 0;
    }

.trip-summery-sectors ul li div {
    display: inline-block;
}

.trip-summery-sectors ul {
    background: #f5f5f5;
    padding: 2px 5px;
    display: inline-block;
    width: calc(100% - 26px);
    vertical-align: middle;
}

.trip-summery-sectors .fa-plane-departure {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    width: 22px;
}

.trip-summery-sectors .multi-city-search-criteria {
    border-left: none;
    padding-left: 0;
    float: none;
}

.border-top-1 {
    border-top: 1px solid #f5f5f5;
}

.padding-TB-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}
/*Flight-pax-info-new-design*/
.accordian-wrapper {
    padding: 0px 7px;
}

    .accordian-wrapper a {
        font-size: 14px !important;
        font-weight: 700;
        padding: 4px 7px 4px 20px;
        position: relative;
        display: block;
        background: #f5f5f5;
        color: #000000 !important;
    }

.accordian-body {
    padding: 15px 0px 0px;
    border-bottom: 1px solid #888585;
    margin-bottom: 15px;
}

    .accordian-body .accordian-flex {
        display: flex;
        flex-wrap: wrap;
        margin: 0px -7px;
    }

.booking-section .row:last-child .accordian-body {
    border-bottom: none;
    margin-bottom: 0px;
}

.accordian-wrapper a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 7px;
    transform: translateY(-50%);
    top: 50%;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}

.accordian-wrapper a.active:after {
    transform: translateY(-50%) rotate(90deg);
}

.amenities .tooltip.top {
    top: auto !important;
    bottom: 25px;
}

.accordian-body span.room, .booking-section span.room.pad-spaceT10 {
    border-top: none !important;
    padding-top: 10px !important;
}

.d-inline-block {
    display: inline-block !important;
}

.person-information .d-inline-block + .d-inline-block {
    margin-left: 10px;
}

.input_box_loader_Inner {
    right: 40px !important;
    top: 30px !important;
    z-index: 999;
}

.navbar-nav.top-menu .dropdown-menu > li + li {
    border-top: 1px solid #cccccc;
}

.panel-title-modify .fa-search {
    vertical-align: baseline;
}

.total-time.col-md-3 {
    padding-right: 5px;
}

.hotel-list.listing-style3.hotel .box-title small {
    display: block;
    margin-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    letter-spacing: normal;
    text-align: left;
    padding-left: 0px;
}

.activity-name-details p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.login-detailspage #main .tab-content {
    padding-left: 0px;
    padding-right: 0px;
}

.transfer_car_details td {
    text-align: left !important;
    padding: 5px;
}

#reCapcthaCode > div {
    margin-left: auto;
}

.backtohome a.default-button {
    font-family: 'montserratmedium';
    font-weight: normal !important;
    height: 38px;
    line-height: 27px;
    width: 160px;
}

.swap-wrapper {
    border: 1px solid #bbbbbb;
    border-radius: 100%;
    height: 34px;
    width: 34px;
    text-align: center;
    background: #ffffff;
    padding: 5px;
    position: absolute;
    top: 50%;
    right: -17px;
    z-index: 1;
    transform: translateY(-50%);
}

    .swap-wrapper span {
        display: block;
        line-height: 10px;
    }

        .swap-wrapper span:first-child {
            margin-left: 2px;
            margin-bottom: -1px;
        }

        .swap-wrapper span + span {
            margin-top: -1px;
            margin-right: 2px;
        }

        .swap-wrapper span img {
            margin: 0px;
            max-width: 100%;
            width: auto;
            height: auto;
        }

    .swap-wrapper a {
        transition: all 0.4s ease-in-out;
        display: block;
    }

    .swap-wrapper:hover a {
        transform: rotate(180deg);
    }

.search-departure-city .input-text {
    padding-right: 25px;
}

.search-arrival-city .input-text {
    padding-left: 45px !important;
}

.search-arrival-city .txticonFlightM {
    left: 15px;
}

.email-signup #btnregister {
    max-width: 180px;
    display: block;
    margin-left: auto;
}

.number-spinner .input-group-btn .btn {
    line-height: 26px;
    border: none !important;
}
/*pax-pannel-apply button*/
.pax-add-remove-done {
    margin-top: 10px;
    border-top: 1px solid #d9d9d9;
    padding-top: 10px;
}

    .pax-add-remove-done button {
        display: block;
        height: 32px;
        font-size: 12px;
        vertical-align: middle;
    }

        .pax-add-remove-done button .fa-check-square {
            font-size: 15px;
            vertical-align: text-bottom;
        }

@media (min-width: 768px) {
    .ui-datepicker-group.ui-datepicker-group-first, .ui-datepicker-group.ui-datepicker-group-last {
        width: 50%;
    }
}
/*Start add class by shaiilendra*/
#TravelContractPopup {
    max-width: 700px;
    overflow-y: auto !important;
    height: auto !important;
}

    #TravelContractPopup .modal-popup-inner {
        height: 500px;
        overflow-y: auto !important;
    }

        #TravelContractPopup .modal-popup-inner .container {
            max-width: 100%;
        }

        #TravelContractPopup .modal-popup-inner .border_div {
            border: none;
        }

            #TravelContractPopup .modal-popup-inner .border_div .highlight {
                padding: 0px 0px 5px;
            }

                #TravelContractPopup .modal-popup-inner .border_div .highlight .col-lg-12 {
                    padding: 0px;
                    font-size: 18px;
                }

.date-picker-wrapper .month-wrapper {
    display: inline-block;
}

.tab-container.full-width-style .tab-content .tab-content-title > span {
    display: inline-block;
}

.tab-container.full-width-style .tab-content.no-border p > span {
    display: inline-block;
}

.tab-container.full-width-style .tab-content .tab-content-title {
    font-size: 15px;
}

a.clsModSearch.enabled.mod-panel {
    color: #fff;
}
/*<---static pages new added by rizwan sir------>
*/
.newsr-boxcard {
    border: 1px solid #d4d4d4;
    padding: 25px;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.newsr-boxcard-figure {
    margin-bottom: 15px;
    max-height: 152px;
}

.space-c {
    padding: 7.5px 0;
}

.sub-head-f {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #65748a;
}

.hr-c {
    background-color: ##dc0c14;
    height: 4px;
    border: none;
    margin: 15px auto;
    max-width: 69px;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

.buttons .btn-e {
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    padding: 8px 25px;
    color: #ffffff;
    border-radius: 6px;
    background-color: #dc0c14;
    border: none;
    z-index: 0;
}

.newsr-boxcard-figure img {
    margin-left: auto;
    margin-right: auto;
    transition: transform .5s ease;
    width: 130px;
}

.news-pq .buttons .btn-d {
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    padding: 10px 50px;
}

.space-c {
    padding: 7.5px 0;
}

.newsr-boxcard-caption .btn-e {
    min-width: 180px;
}

a.btn.btn-d {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
}

li.active a.btn.btn-d {
    background-color: #dc0c14;
    border-radius: 10px;
    color: #fff;
}

.news-pq ul li {
    display: inline-block;
    color: #07162d;
    position: relative;
    margin-left: -4px;
    line-height: 10px;
    width: auto;
}

@media (min-width: 768px) {
    .newsr-boxcard-caption .text-b {
        min-height: 88px;
        text-align: center;
    }

    .brsidebar {
        border-right: 1px solid #07162d;
    }

    .posted-text span {
        color: #dc1014;
    }
}
/*<!-----trave Q & a csss--->
*/

.itinerary-tabs.explore-tabs ul.tabs li.active a {
    background-color: #dc0c14;
    color: #ffffff;
    position: relative;
    border-radius: 0px;
}

.faq-tabs.explore-tabs ul.tabs li {
    width: 25%;
}

.itinerary-tabs.explore-tabs ul.tabs {
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    border: 2px solid #cb1e27;
}

.explore-tabs ul.tabs li a {
    font-weight: 500;
    font-size: 13px;
    line-height: 25px;
    color: #07162d;
    padding: 10px 15px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.explore-tabs ul.tabs li {
    position: relative;
    margin-left: 0px;
}

.panel.panel-default.margin-bot-20 {
    margin-bottom: 20px;
}

.itinerary-tabs.explore-tabs ul.tabs {
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    border: 2px solid #cb1e27;
}

.itinerary-tabs.explore-tabs .tab_drawer_heading {
    font-size: 14px;
    line-height: 25px;
    padding: 7px 15px;
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

.faq-tabs.itinerary-tabs .panel-default > .panel-heading {
    padding: 10px 10px;
    background-color: #f9f9f9;
    color: #000;
    border: none;
    border-left: 3px solid #e32129;
    border-radius: 0;
}

.itinerary-tabs.explore-tabs ul.tabs li:hover a {
    background-color: #e32129;
    color: #ffffff;
    border-radius: 0px;
    margin: 0 1px;
}

.news-pq ul.tabs li.active a {
    background-color: #dc0c14;
    color: #ffffff;
    position: relative;
    border-radius: 0px;
}

.news-pq ul.tabs li {
    width: 25%;
}

.news-pq ul.tabs {
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    border: 2px solid #cb1e27;
}

.expert-desc {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #07162d;
    text-decoration: none;
    display: block;
    padding: 10px 0;
}

.faqs-sc .panel-heading {
    padding: 5px 10px;
    background-color: #f9f9f9;
    color: #000;
    border: none;
    border-left: 3px solid #dc0c14;
    border-radius: 0;
}

.explore-tabs ul.tabs li {
    position: relative;
    margin-left: 0px;
}

.panel.panel-default.margin-bot-20 {
    margin-bottom: 20px;
}

.itinerary-tabs.explore-tabs ul.tabs {
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    border: 2px solid #cb1e27;
}

.itinerary-tabs.explore-tabs .tab_drawer_heading {
    font-size: 14px;
    line-height: 25px;
    padding: 7px 15px;
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

.hr-c {
    background-color: #dc0c14;
    height: 4px;
    border: none;
    margin: 15px auto;
    max-width: 69px;
}

.hr-b {
    background-color: #dc0c14;
    height: 4px;
    border: none;
    margin: 10px 0;
    max-width: 69px;
}

.more-less {
    float: right;
    color: #dc0c14;
    cursor: pointer;
    font-size: 18px;
    margin-top: 5px;
    font-weight: 600
}

.htfigure-box p {
    text-align: center;
}
/*<!--blog--->*/

.blog-boxcard-caption {
    padding: 25px 35px;
    position: relative;
}

.blog-boxcard-figure {
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    padding: 28% 0;
}

.blog-boxcard {
    border: 1px solid #d4d4d4;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    transition: transform .5s ease;
}

.blogarrow-box {
    width: 69px;
    height: 69px;
    display: inline-block;
    position: absolute;
    top: -35.5px;
    left: 0;
    right: 0;
    margin: auto;
}

.blog-boxcard-caption .sub-head-f {
    height: 48px;
}

.blog-box .col-md-3.col-sm-6, .blog-box .col-md-4.col-sm-6 {
    margin-bottom: 30px;
}
/*<!---testimonials---->*/
.hotravel-box {
    padding: 30px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
}

.htcontents-box {
    padding-left: 15px;
}

.htrating-text-a {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #7c8ba1;
}

.star-ratting {
    background-image: url(../../images/YTH/staticimages/star-blank.png);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    width: 96px;
    height: 14px;
    display: block;
}

.htfigure-thumb {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 95px;
    background-color: #e0e0e0;
}

.htfigure-s1title {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #7c8ba1;
}

.text-a {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #5a5a5a;
}

.star-fill {
    background-image: url(../../images/YTH/staticimages/star-fill.png);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    display: block;
}

.hotravel-box + .hotravel-box {
    margin-top: 15px;
}

.news-pq ul.tabs {
    width: 100%;
    display: table;
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0,0, 0.3);
    border: 2px solid #dc0c14;
}

    .news-pq ul.tabs li {
        width: 50%;
        margin: 0 auto;
        cursor: pointer;
        border: none;
        position: relative;
        display: table-cell;
        vertical-align: middle;
    }

/*End add class by shaiilendra*/
/*<--blog inner-->
*/
.banner-section {
    position: relative;
    z-index: 5;
    width: 100%;
}

.sidebar-list-new > li {
    display: block;
    border-bottom: 1px dashed #777777;
}

    .sidebar-list-new > li.active > a, .sidebar-list-new > li > a:hover {
        background-color: #dc0c14;
        color: #ffffff;
    }

    .sidebar-list-new > li > a {
        font-weight: 500;
        font-size: 15px;
        line-height: 25px;
        color: #777777;
        display: block;
        padding: 10px 15px 10px 35px;
        text-decoration: none;
        position: relative;
    }

.blog-singleshows {
    padding: 15px 0 15px 15px;
}

.posted-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #7c8ba1;
}

.blog-fulltext {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #5a5a5a;
}

.sidebar-list-new > li > a:before {
    content: "\f054";
    display: block;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    left: 12px;
    top: 10px;
    width: 10px;
    height: 15px;
    color: #dc0c14;
    font-weight: 900;
}

.banner-section .item > a > img, .banner-section .item > img, .banner-section .carousel-inner > .item > img {
    width: 100%;
    background-size: cover;
    max-height: 580px;
    object-fit: cover;
}

.head-ax {
    font-weight: 700;
    line-height: 35px;
    color: #ffffff;
}

.sidebar-list-new > li.active > a:before, .sidebar-list-new > li > a:hover:before {
    color: #fff;
}

.cek-a {
    padding: 35px 0;
}

    .cek-a p.MsoNormalc {
        margin-bottom: 5px;
        text-align: justify;
        line-height: normal;
    }

.text_obver {
    color: #001959;
}

    .text_obver:hover {
        color: #dc0c14;
        text-decoration: underline;
    }

.static_text_list li {
    list-style-type: disc;
    line-height: 30px;
}

.static_text_list {
    padding-left: 20px;
}

.itinerary-tabs.explore-tabs.faq-tabs .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #d7d7d7;
}

.itinerary-tabs.explore-tabs.faq-tabs .panel-heading > h4 {
    line-height: 30px;
    font-weight: 500;
    padding-right: 15px;
}

.packeges-cek-a p {
    text-align: justify;
}

/*<--travel-assocaute-->*/

.plan-table .table {
    border-collapse: separate;
    border-spacing: 2px;
    margin: 0;
}

    .plan-table .table > thead > tr > th {
        font-weight: 600;
        font-size: 19px;
        line-height: 25px;
        color: #fff;
    }

    .plan-table .table > thead > tr > th {
        background-color: #e32129;
        text-align: center;
    }

    .plan-table .table > thead > tr > th, .plan-table .table > tbody > tr > td {
        border: 0;
        padding: 15px 12px;
    }

.td-head-a {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    color: #e32129;
}

.table-striped > tbody > tr:nth-of-type(2n+2) {
    background-color: #e6e6e6;
}

.head-x1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
    color: #001959;
}

.benefits-contact {
    padding: 30px;
    background-color: #f4f4f5;
}

.benefits-ghead {
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color: #e32129;
}

.bane-shad-02 {
    padding: 15px 0;
}

.bene-head-x1 {
    font-weight: 600;
    font-size: 23px;
    line-height: 30px;
    color: #e32129;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.bene-list-a > li::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #e32129;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}

.benefits-rows .flex-md-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.bene-list-a > li {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #07162d;
    position: relative;
    padding-left: 18px;
    margin-bottom: 7px;
}

.benefits-contents {
    flex: 1;
}

.benefits-contents {
    padding-left: 15px;
    padding-top: 10px;
}

.bane-shad-01 {
    padding: 25px 0;
}

.benefits-contact .banner-section {
    position: relative;
    z-index: 5;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 50px;
}

.plan-table .table > tbody > tr > td {
    font-weight: 900;
    font-size: 15px;
    line-height: 25px;
    color: #07162d;
}

.benefits-contact .form-group.inline-form label {
    display: inline-block;
}

span.benefits-thumb > img {
    width: 100%;
    height: auto;
}

@media (max-width:767px) {

    .head-x1 {
        font-size: 32px;
    }
}
/*Start fixes for Flight Sort result by By Amir*/
.flight-wrapper .dropdown-menu > li > div.inactive {
    padding: 0;
}

    .flight-wrapper .dropdown-menu > li > div.inactive > i {
        padding-right: 0;
        padding: 9px 8px 7px 9px;
    }

.flight-wrapper .dropdown-menu-fixed > li > div.active {
    padding: 0;
}

.flight-wrapper .dropdown-menu-fixed > li > div.inactive.active > i {
    padding-right: 0;
    padding: 9px 8px 7px 9px;
}

.flight-wrapper .dropdown-menu-fixed > li > div.inactive {
    padding: 0;
}

    .flight-wrapper .dropdown-menu-fixed > li > div.inactive > i {
        padding: 9px 8px 7px 9px;
    }
/*end*/
/*imran start 25-01-2022*/
.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    display: block !important;
    z-index: 99999 !important;
}

.marg-top {
    margin-top: 16px;
}

.visi_hid {
    visibility: hidden;
}

.stky {
    width: 100%;
    box-shadow: 2px 2px 3px #7d7f7f;
    position: fixed;
    z-index: 10;
    display: none;
}

.sty > li {
    padding: 0px 5px;
}

    .sty > li > a .tab-icon {
        text-align: center;
        color: #001959;
    }

    .sty > li:first-child.active > a {
        background: #E7194D !important;
        color: #fff !important;
    }

        .sty > li:first-child.active > a .tab-icon {
            color: #fff !important;
        }
/*imran start 25-01-2022*/

/*Added for Rail Service. Date: 15-02-2022*/
/*changes form Rail by Amir*/
railautocomplete .autocomplete-options-container {
    /*min-width: 500px;*/
    position: absolute;
    direction: ltr;
    border: 0px solid #23e813;
    width: 100%;
    z-index: 999;
}

railautocomplete .autocomplete-options-dropdown {
    min-width: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    z-index: 1001;
    background: white;
    overflow-y: auto;
}

railautocomplete .autocomplete-options-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}

railautocomplete .autocomplete-option {
    background: #fff;
    white-space: nowrap;
    white-space: normal;
    padding: 4px 10px;
    line-height: 22px;
    overflow: hidden;
}

    railautocomplete .autocomplete-option span i {
        margin-right: 2px;
    }

railautocomplete .autocomplete-input {
    padding-left: 34px;
}

railautocomplete .autocomplete-input {
    padding-left: 28px;
}

.txticonRailH {
    position: absolute;
    left: 9px;
    top: 9px;
    font-size: 16px;
}

.txticonRailM {
    position: absolute;
    left: 9px;
    top: 9px;
    font-size: 16px;
}

.txticonRailNR {
    position: absolute;
    left: 20px;
    top: 9px;
    font-size: 16px;
}

.rail-pax-count {
    position: absolute;
    margin: 10px 0 0 0;
    background: #fff;
    width: 400px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
    padding: 15px;
    color: #000;
}

    .rail-pax-count.paxpanel {
        left: auto !important;
        transform: initial !important;
    }

.railtravelersallow {
    text-align: right;
    margin-bottom: 10px;
}

.txticonRailM {
    position: absolute;
    left: 19px;
    top: 33px;
    font-size: 16px;
}

.swap-wrapper-m {
    top: 56%;
    right: -19px
}

.rail_duration_stops {
    font-size: 12px;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    white-space: nowrap;
    font-weight: 700;
}

    .rail_duration_stops .duration {
        width: 100%;
        border-bottom: dotted 1px #000;
        position: relative;
        padding-bottom: 14px;
    }

        .rail_duration_stops .duration::before {
            width: 8px;
            height: 8px;
            border-radius: 100%;
            border: solid 1px #000;
            position: absolute;
            bottom: -4px;
            left: -7px;
        }

        .rail_duration_stops .duration::after {
            width: 8px;
            height: 8px;
            border-radius: 100%;
            border: solid 1px #777;
            position: absolute;
            bottom: -4px;
            right: -7px;
        }

.train_dep_arr {
    font-size: 19px;
    font-weight: 700;
}

.rail_duration_stops :after, .rail_duration_stops :before {
    content: "";
}

.rail_duration_stops .stops {
    width: 100%;
    padding-top: 14px;
    position: relative;
}

    .rail_duration_stops .stops::before {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        border: solid 1px #777;
        background-color: #fff;
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translateX(-50%);
    }

.rail_price {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin: 10px;
}

    .rail_price .currency {
        font-size: 11px;
        font-style: italic;
    }

    .rail_price .flexiblityname {
        font-size: 10px;
    }

.rail_detail_box .radio {
    position: relative;
    left: 30%;
}

    .rail_detail_box .checkbox:before, .rail_detail_box .radio:before {
        width: 23px;
        height: 23px;
    }

    .rail_detail_box .checkbox.checked:before, .rail_detail_box .radio.checked:before {
        font-size: 15px;
        line-height: 21px;
        content: "\f111";
        background: #fff;
        border-color: #dc0c15;
        color: #dc0c15;
        border: 6px solid;
    }

    .rail_detail_box .checkbox:before, .rail_detail_box .radio:before {
        font-size: 15px;
        line-height: 21px;
        content: "\f111";
        background: #fff;
        color: #d1d1d1;
    }

.rail_detail_box .amenities {
    padding: 0;
    margin: 5px 0 0;
}

.description_rail strong {
    font-size: 16px;
}

.rail_result_trip_tabs a:hover {
    color: none !important;
}

.rail_result_trip_tabs ul.search-tabs li {
    margin-right: 0px;
    width: 50%;
    text-align: center;
}

    .rail_result_trip_tabs ul.search-tabs li:first-child {
        border-right: 1px solid #fff;
    }

    .rail_result_trip_tabs ul.search-tabs li a {
        background: #fff;
        opacity: 1;
    }

    .rail_result_trip_tabs ul.search-tabs li.active a {
        background: #dc0c15;
    }

#liOW, #liRT {
    position: relative;
}

    #liOW.active:after, #liRT.active:after {
        border-right: solid 10px transparent;
        border-left: solid 10px transparent;
        border-top: solid 10px #dc0c15;
        transform: translateX(-50%);
        position: absolute;
        content: '';
        top: 100%;
        left: 50%;
        height: 0;
        width: 0;
    }

.rail_result_tabs_detail_main {
    margin-top: 6px;
}

.rail_result_trip_tabs ul.search-tabs li a {
    height: auto;
    line-height: 25px;
}

.details_train_pax p {
    /*color: #fff;*/
    line-height: 13px;
}

.train_summry {
    margin-top: 10px;
    /*color: #fff;*/
}

.fixed_sumry_dur {
    font-size: 1.0833em;
}

.details_train_pax span.price.text-left {
    /* display: block; */
    text-align: left;
    padding-top: 10px;
}

.skin-color.train-colors {
    font-size: 18px;
    padding-left: 15px;
    display: inline-block;
    /* padding-top: 3px; */
    font-weight: 700;
    color: #000000;
}

.font-24 {
    font-size: 24px;
}

.train_summry i.fa.fa-long-arrow-right {
    font-size: 2em;
    vertical-align: sub;
    color: red;
}

.fltHtl.train_summry .flight-hotel {
    background: #e6e6e6;
}

.fltHtl.train_summry .listing-style3 .box {
    background: #e6e6e6;
}

.train_summry .icon.float-left {
    padding: 5px 3px;
}

.details_train_pax {
    padding: 2px;
}

.fltHtl.train_summry.fixed {
    background: #000;
}

.white-color {
    color: #fff;
}

.train-total-price .price {
    margin-bottom: 15px;
}

.train_summry.fltHtl .col-md-5 {
    /*border-right: 1px solid #eee;*/
}

@media(max-width:991px) {
    .font-24 {
        font-size: 18px;
    }

    .train_summry.fltHtl .col-md-5 {
        border-bottom: 1px solid #eee;
    }

    .fltHtl.train_summry .listing-style3 .box {
        padding: 10px 0px;
    }

    .skin-color.train-colors {
        font-size: 16px;
        padding-left: 8px;
    }
}

.train_summry span {
    /*color:#fff !important;*/
}

.rail_result_trip_tabs ul.search-tabs li a {
    color: #000;
}

.rail_result_trip_tabs ul.search-tabs li.active a {
    color: #fff;
}

.selectedRailprice {
    background: linear-gradient(180deg,#ebf1f7,#ebf1f7) !important;
    border: 1px dotted #dc0c15 !important;
}

.depart_arrive_timeline {
    width: 100%;
    border-bottom: dotted 1px #000;
    position: relative;
    padding-bottom: 14px;
}

.dropdown-menu > li > div.inactive {
    cursor: pointer;
    margin-left: 6px;
    padding: 7px 4px 4px 9px;
    float: right;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.dropdown-menu > li > div.active {
    margin-left: 6px;
    padding: 5px 4px 4px 9px;
    float: right;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 1px 0 5px rgba(0,0,0,.5);
    background: #fff;
}

.dropdown-menu > li > div.sort-txt {
    float: left;
    width: 60%;
    padding-top: 6px;
}


/*store css start 25-02-2022*/
.main-store-apanel {
    border: 1px solid #d4d4d4;
    padding: 30px;
}

.space-c {
    padding: 7.5px 0;
    margin-bottom: 0px !important;
}

.sub-head-b {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    font-family: 'Montserrat', sans-serif;
    color: #7c8ba1;
    margin-bottom: 0px;
}

.store-bplanbox {
    padding-left: 45px;
    min-height: 40px;
    position: relative;
}

    .store-bplanbox p {
        margin-bottom: 0px !important;
    }

.store-paddicon {
    position: absolute;
    left: 0;
    top: 3px;
}

.store-s1title {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #7c8ba1;
    margin-bottom: 0px;
}

.text-a {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    font-family: 'Montserrat', sans-serif;
    color: #5a5a5a;
}

.list-blist-01 > li {
    float: left;
    width: 50%;
}

.add-zero-01 {
    min-height: 50px;
    padding: 10px 10px 10px 50px;
    border: 1px solid #7c8ba1;
    margin-left: -1px;
    position: relative;
}

.az-figure-01 {
    position: absolute;
    left: 0;
    width: 50px;
    height: 45px;
    text-align: center;
    margin: auto;
    line-height: 42px;
    top: 0;
}

    .az-figure-01 img {
        margin-left: auto;
        margin-right: auto;
        display: inline-table;
        vertical-align: middle;
        max-height: 42px;
        width: 22px;
        height: 28px;
    }

.az-headings-01 {
    font-weight: 500;
    font-size: 15px;
    line-height: 27px;
    font-family: 'Montserrat', sans-serif;
    color: #526075;
}

    .az-headings-01 strong {
        color: #e32129;
    }

.br_pd_o {
    border: 0px !important;
    padding: 0px !important;
}

.packeges-sidebar {
    position: sticky;
    top: 100px;
}

.main-store-apanel + .main-store-apanel {
    margin-top: 30px;
}

.head-ax {
    font-weight: 700;
    font-size: 33px;
    line-height: 35px;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
}

/*store css end 25-02-2022*/

/*Cookies Policy CSS Start*/
#cookiePopup {
    background: white;
    position: fixed;
    bottom: 10px;
    box-shadow: 0px 0px 15px #cccccc;
    border: 1px solid #ef4420;
    border-radius: 10px;
    z-index: 9999;
    padding: 0 !important;
}

.clear {
    margin: 0px;
    padding: 0px;
    clear: both;
}

.constant {
    background: #E7194D;
    color: #fff;
    border-radius: 9px 9px 0px 0px;
}

    .constant b {
        font-size: 13px;
        padding: 8px 10px;
        display: inline-block;
        font-family: Montserrat,sans-serif !important;
    }

#cookiePopup p {
    text-align: justify;
    font-size: 12px !important;
    color: #4e4e4e;
    padding: 0px 10px;
    margin: 5px 0px;
    line-height: inherit;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.accept {
    text-align: center;
    margin-bottom: 6px;
}

#cookiePopup button {
    width: 24%;
    background: #E7194D;
    border-radius: 15px;
    color: white;
    font-weight: normal;
    font-size: 13px;
    border: 2px solid #dc0c14;
    line-height: inherit;
    height: inherit;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

#cookiePopup a {
    color: #233d79 !important;
}

.cookiespolicy {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*Cookies Policy CSS End*/



/*by imran 11-11-2022*/
.homebtn {
    /*background: #f8c858 !important;
	color: #000 !important;*/
    background: #0a75af !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
    margin: 0px 10px;
}

.home-searchbutton {
    margin-top: 5px;
}

.dfl_centr {
    display: flex;
    justify-content: center;
}

.pkg_tb {
    padding: 5px 14px;
    /*padding: 10px 30px;*/
}

    .pkg_tb a span {
        font-size: 32px;
    }

.pdyx {
    padding: 35px 15px;
}

.d-flx {
    display: flex;
}

.alig_self {
    align-self: center;
}

.section-heading h3 {
    text-transform: uppercase;
    font-family: Cairo-Regular;
    font-size: 60px;
}

    .section-heading h3 b {
        font-family: Cairo-Bold;
    }

.fnt_45 {
    font-size: 45px;
}

.fnt_38 {
    font-size: 38px !important;
}

.capt {
    text-transform: uppercase;
}

.honeymoon_radi {
    padding: 30px 20px 0px 20px;
    border-radius: 14px;
}

.holdy_padd {
    padding: 60px 0px 30px;
}

.visibility_hidden {
    visibility: hidden;
}

.bdr_lft_right {
    border-left: 1px solid #b3a6a626;
    border-right: 1px solid #b3a6a626;
}

.sar {
    border: 1px solid #e7194d;
    border-radius: 5px;
    color: #0a75af !important;
}

.py_8 {
    padding: 8px 0px;
}

.pl_0 {
    padding-left: 0px;
}

.top_user_i {
    border: 1px solid;
    border-radius: 25px;
    height: 23px;
    width: 23px;
    padding: 1px;
    display: inline-block;
}

    .top_user_i i {
        margin: 1px 0px 1px 3px;
    }

.head_title {
    font-family: 'Cairo-Bold' !important;
    font-size: 37px !important;
}

.fnt-56 {
    font-size: 56px;
}

.fnt_cario {
    font-family: 'Cairo-Regular';
}

.fnt_bld {
    font-family: 'Cairo-Bold';
}

.fot_normal {
    font-weight: normal !important;
}

.top_icon_bdr {
    border: 1px solid #767676;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    display: inline-block;
}

    .top_icon_bdr i {
        font-size: 13px !important;
        margin: 3px 0px 0px 4px !important;
    }

.bot_icon_bdr {
    border: 1px solid #fff;
    height: 27px;
    width: 27px !important;
    border-radius: 50%;
    display: inline-block;
}

    .bot_icon_bdr i {
        font-size: 13px !important;
        margin: 6px 0px 0px 1px !important;
    }

.arbic {
    font-size: 20px;
    font-weight: bold;
}

.bdr_hnymoon {
    border: 1px solid #bcbcbc;
}

.pb_45 {
    padding-bottom: 45px;
}

.pt_30 {
    padding-top: 30px;
}

.bg-light {
    background-color: #f2f0f1 !important;
}

.top_hedg {
    background: #e7194d;
    padding: 5px 15px;
    text-align: center;
}

    .top_hedg h4 {
        margin: 0px;
        color: #fff;
        font-size: 24px;
        text-transform: uppercase;
        font-family: cairo-bold;
    }

.sort_result {
    margin: 0 !important;
    background: #e6e6e6;
    padding: 15px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    color: #000;
    font-size: 17px;
}

.pkg-price {
    padding: 8px 40px;
}

.price_sar {
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    font-size: 25px;
}

.pkg-price .sml-txt {
    font-size: 18px;
    color: #fff;
}

.bg_blu_btn {
    background: #071689;
}

.price_section {
    background: #e7194d;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 4px 40px;
}

.fnt_25 {
    font-size: 18px !important;
}

.sr_btn {
    padding: 10px 0px;
    line-height: unset;
    height: auto;
    border-radius: 0;
}

.m_0 {
    margin: 0px;
}

.pd_0_8 {
    padding: 0px 8px;
}

.descrp_clr {
    color: #333333
}

.pkg-rate {
    padding: 20px !important;
}

.rd_duration {
    margin: 16px 0px 15px 0px !important;
}

.mb_8 {
    margin-bottom: 8px;
}

.radius_bottom_lft_rht {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.exclusive-offer {
    /*background: url(http://tcscrm.yth.devapp.tiinfotech.net/images/YTH/Promo/exclusive-offer-wt.png) no-repeat center left;*/
    padding: 0px 36px 0px 0px;
}

    .exclusive-offer h3 {
        font-size: 48px;
        margin-bottom: 5px;
        color: #fff;
        margin-top: 0px;
    }

    .exclusive-offer p {
        font-size: 16px;
        margin: 0px;
        color: #fff;
        padding-right: 60px;
    }

.newsletter-form .form-control {
    border-radius: 0px;
}

.newsletter-section {
    padding: 40px 0px 40px;
    /* min-height: 360px; */
}

.newsletter-form .form-control {
    height: 70px;
    border: 1px solid #bfbfbe;
    background: #ffffff;
    font-size: 20px;
    border-radius: 5px !important;
}

.newsletter-form {
    margin-top: 18px;
}

    .newsletter-form button.form-control {
        text-transform: uppercase;
        font-size: 28px;
        font-family: 'Cairo-Regular';
    }

.mrg_filter {
    margin: 10px 15px 15px 15px;
    /*border: 1px solid #d6d6d6;*/
}

.pdng_fltr {
    padding: 15px 15px 0px 15px;
}

.bdr_fltr {
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    margin-bottom: 10px;
    background: #f5f5f5 !important;
}

.bg_pink {
    background: #E7194D;
}

.pdg_15_20 {
    padding: 10px 20px !important;
}

.pnl_mdf {
    border-radius: 8px;
    /*padding: 10px 15px!important;*/
}

.rz-bar {
    background: #939393 none repeat scroll 0 0 !important;
}

.duration_hdng {
    font-size: 24px;
    font-weight: bold;
    background: #e7194d;
    padding: 12px;
    text-transform: uppercase;
    border-radius: 8px;
}

.bdr_du {
    border: 1px solid #bcbcbc !important;
}

.dtl_price {
    font-size: 1.6667em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    display: block;
}

    .dtl_price small {
        display: inline-block;
        width: auto;
    }

.fnt_24 {
    font-size: 24px;
}

.Cairo_bold {
    font-family: 'Cairo-bold';
}

.slect_pkg_btn {
    display: flex;
    align-self: center;
    top: 30px;
}

    .slect_pkg_btn a {
        font-size: 18px !important;
        padding: 24px 15px !important;
        line-height: 5px !important;
    }

.dtl_gall {
    padding: 0px !important;
    background: #e7194d !important;
    border-radius: 10px;
    border: 0;
}

.bdr_0 {
    border: 0px !important;
}

.gal_sec {
    display: flex;
    justify-content: center;
}

.gal_hdng {
    display: block;
    padding: 165px 0px;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Cairo-semibold';
    color: #fff;
    text-transform: uppercase;
}

    .gal_hdng:hover {
        color: #fff;
    }

.Cairo_semibold {
    font-family: 'Cairo-semibold';
}

.bdr_rdius_right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.slide-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.sld_img {
    background: #e7e7e7 !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pkg_rte {
    border: 1px solid #ddd;
    margin: 50px 0px 15px 0px;
}

.sid_btn {
    margin-bottom: 0;
    padding: 10px;
    background: #e7194d;
    color: #fff;
    text-align: center;
    font-family: Cairo-Regular;
}

.pkg_msg {
    font-weight: bold;
    color: green;
    padding: 14px;
    display: inline-block;
}

.drop_pnl {
    background: #f2f0f1 !important;
    margin: 5px 0px;
}

    .drop_pnl a {
        color: #000 !important;
    }

        .drop_pnl a.clsFilters:after {
            color: #e7194d !important;
        }
/*by imran 11-11-2022 end*/
.newsletter-form [class^="col-"], .newsletter-form [class*=" col-"] {
    padding: 0px 3px;
}

.dflex {
    display: flex;
    align-items: center;
}

.bdr-radius {
    border-radius: 5px;
}

.bg-detail_content {
    margin: 25px 0px;
    border-radius: 8px;
    text-align: justify;
}

.pkg-desciption {
    text-align: justify;
}

.feature .include-box {
    padding: 3px 5px;
    font-size: 9px;
}

.dvResult .radius_bottom_lft_rht {
    padding: 0px !important;
}

.durationpadding {
    padding: 12px 0px 5px 10px;
}

.detailpriceFont {
    font-size: 40px;
}

.pl_0 {
    padding-left: 0px !important;
}

.ml_0 {
    margin-left: 0px !important;
}

.px_0 {
    padding-left: 0px;
    padding-right: 0px;
}

.justfy-cont-center {
    display: flex;
    justify-content: center;
}

.pdt-0 {
    padding-top: 0px;
}

.pdt-10 {
    padding-top: 10px;
}


/*enquiry css start*/
.Jeddah-heading h2 {
    margin: 15px 0px;
    font-size: 18px;
    font-weight: 600;
}

.Jeddah-heading h3 {
    /* color: #0a75af;
    font-weight: 600;*/
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.chklabel {
    margin: 5px 0;
    font-size: 15px;
}

    .chklabel label {
        /*  color: #535962;
        font-weight: 600;*/
         color: #000;
        font-weight: normal;
    }

.chklabelrout {
    color: #0a75af !important;
}

.chklabel span {
    /* color: #535962;
    font-weight: 600;*/
    color: #000;
    font-weight: normal;
}

.out-line {
    outline: 2px auto !important;
}
.cr-icon {
    display: inline-block;
    padding: 0px 5px 0px 0px;
}

    .cr-icon img {
        width: 26px;
    }

.step-section-2 {
    border: 2px solid #d7d7d7;
    padding: 14px 10px;
}

.Vehicle-sect {
    height: 200px;
}

    .Vehicle-sect img {
        height: 100%;
    }

.Vehicle-dtl {
    padding: 5px 0px;
}

    .Vehicle-dtl p:first-child b {
        
        color: #0a75af;
    }

    .Vehicle-dtl p {
        font-size: 18px;
        color: #000;
    }

.vehicle-price-sect {
    padding: 5px 0px;
    text-align: center;
}

    .vehicle-price-sect span {
        display: block;
        margin: 5px 0px;
    }

        .vehicle-price-sect span:first-child {
            font-size: 16px;
            color: #000;
        }

        .vehicle-price-sect span:nth-last-child(2) {
            font-size: 18px;
            color: #0a75af;
            font-weight: 600;
        }

.vehicle-btn {
    background: #0a75b4;
    color: #fff;
    font-weight: normal;
    padding: 8px 12px;
    display: inline-block !important;
    border-radius: 24px;
    font-size: 18px;
    cursor: pointer;
}

    .vehicle-btn input[type="radio"], input[type="checkbox"] {
        vertical-align: baseline !important;
        outline: 2px auto !important;
    }
    .vehicle-btn input[type="radio"] {
        z-index: 999;
        top: 4px;
        left: 4px;
    }
    .vehicle-btn.radio-check-custom {
        margin-bottom: 0px !important;
    }
.vehicle-btn label {
    margin-bottom: 0px;
    font-weight: normal !important;
    cursor: pointer;
}

.location-heading {
    box-shadow: 1px 1px 3px #7d7f7f;
    padding: 24px 15px;
    font-size: 24px;
    margin: 10px 0px;
}

    .location-heading i {
        font-size: 30px;
        color: #d62929;
    }

    .location-heading a {
        text-decoration: underline;
        padding: 0px 12px;
        font-weight: 600;
        font-size: 18px;
    }

        .location-heading a:hover {
            color: #0a75b4;
        }

.padding-px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.psngr-icon {
    display: inline-flex;
}

    .psngr-icon img {
        width: 20px;
        margin-right: 3px;
    }

.align-row {
    display: flex;
    align-items: center;
}

.num-bx {
    display: inline-block;
    /*   border: 3px solid grey;*/
    border: 3px solid #000;
    padding: 0px 10px;
    color: #000;
}

.mt-8px {
    margin-top: 8px;
}
.write-us-img> img{
    width:100%;
    border-radius:5px;
}

/*enquiry css end*/


/*checkbox css start*/


.check-box-custom {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .check-box-custom input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.check-box-custom .checkmark {
    position: absolute;
    top: 0;
    left: 2px;
    height: 21px;
    width: 21px;
    background-color: #eee;
    border: 2px solid #000;
}

/* On mouse-over, add a grey background color */
.check-box-custom:hover input ~ .checkmark {
    background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.check-box-custom input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.check-box-custom .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-box-custom input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-box-custom .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*checkbox css end*/

/*radio btn css start*/

.radio-check-custom {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .radio-check-custom input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.radio-check-custom .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #eee;
    border-radius: 50%;
    border:2px solid #000;
}

/* On mouse-over, add a grey background color */
.radio-check-custom:hover input ~ .checkmark {
    background-color: #eee;
}

/* When the radio button is checked, add a blue background */
.radio-check-custom input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-check-custom .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-check-custom input:checked ~ .checkmark:after {
    display: block;
}

    /* Style the indicator (dot/circle) */
    .radio-check-custom .checkmark:after {
        top: 5px;
        left: 5px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: white;
    }
/*Start, code added ruby Imran content Date::after 06-March-2024*/
input.input-text, select, textarea, span.custom-select {
    color: #7d7f7f !important;
}
/*End, code added ruby Imran content Date::after 06-March-2024*/


/* radio btn css end */

/*Added for login popup design change by imran on date: 18-Dec-2024*/
.guest-login {
    cursor: pointer;
    color: #fff;
    background: #0a75af;
    border: 2px solid #0a75af;
    padding: 5px 15px;
    font-size: 14px;
    display: inline-block;
    border-radius: 6px;
    letter-spacing:1px;
}
    .guest-login:hover{
        color:#fff;
    }
    .ifhaveAccount {
        display: flex;
        justify-content: space-between;
        padding: 0px 5px;
    }
.ifhaveAccount span{
    font-size:14px;
    letter-spacing:1px;
}
/*Added for login popup design change by imran on date: 18-Dec-2024*/