.d-table, .table-default, .table-sm {
    table-layout: fixed;
    border-collapse: collapse
}

.search-tabs-bg > .tabbable > .nav-tabs > .main-search-tabs-li > a {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important
}

.search-tabs-bg > .tabbable > .tab-content > .tab-pane {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top-right-radius: 6px !important
}

.cursor-pointer {
    cursor: pointer
}

.btn {
    border-radius: 6px !important
}

.bold {
    font-weight: 700 !important
}

.display-none {
    display: none !important
}

.display-block {
    display: block !important
}

.clear-both {
    clear: both !important;
    height: 0 !important
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.float-none {
    float: none !important
}

.padding-0 {
    padding: 0 !important
}

.carousel-display-right .thumb-title {
    height: 35px;
    overflow: hidden
}

.carousel-display-right .thumb-header {
    height: 180px;
    overflow: hidden
}

.own-carousel-bottom .thumb-title {
    height: 35px;
    overflow: hidden
}

@media (min-width:1200px) and (orientation:landscape) {
    .owl-carousel-center .thumb-header, .own-carousel-bottom .thumb-header {
        height: 150px;
        overflow: hidden
    }

    .main-left-slide .thumb-header {
        height: 190px;
        overflow: hidden
    }

    .tour-detail-alternative-list-content .img-style {
        max-height: 180px !important;
        overflow: hidden
    }

    .custommagnificPopup {
        max-width: 1060px !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .owl-carousel-center .thumb-header, .own-carousel-bottom .thumb-header {
        height: 150px;
        overflow: hidden
    }

    .custommagnificPopup {
        max-width: 900px !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .owl-carousel-center .thumb-header, .own-carousel-bottom .thumb-header {
        height: 180px;
        overflow: hidden
    }
}

@media (min-width:480px) and (max-width:767px) {
    .owl-carousel-center .thumb-header, .own-carousel-bottom .thumb-header {
        height: 220px;
        overflow: hidden
    }
}

@media (max-width:992px) {
    .carousel-display-right .thumb-header, .carousel-display-right .thumb-title, .own-carousel-center .thumb-header {
        height: auto
    }
}

@media (min-width:768px) and (max-width:991px) {
    .custommagnificPopup {
        max-width: 750px !important
    }
}

@media (max-width:777px) {
    .custommagnificPopup {
        max-width: 500px !important
    }
}

.pageVideoStyle {
    height: 700px
}

.video-logo-content {
    position: absolute !important;
    right: 10px;
    z-index: 5;
    opacity: .4
}

.col-md-passenger {
    padding: 0 10px
}

@media (min-width:992px) {
    .custom-col-md-1, .custom-col-md-2, .custom-col-md-5, .custom-sm-col-md-1, .special-tab-title {
        float: left
    }

    .custom-col-md-5 {
        width: 48%
    }

    .custom-col-md-2 {
        width: 15%;
        padding: 0 10px
    }

    .custom-col-md-1 {
        width: 2%;
        padding-top: 5px
    }

    .custom-sm-col-md-1 {
        width: 4%;
        padding-top: 30px
    }

    .col-md-passenger {
        width: 14.285714285714%;
        float: left
    }
}

@media (max-width:767px) {
    .custom-col-md-2 {
        width: 100%;
        padding: 0 10px
    }

    .custom-col-md-1, .custom-col-md-5, .custom-sm-col-md-1 {
        width: 100%
    }
}

.cust-hotel-room-th-background {
    background-color: #4598b1 !important;
    border-color: #4598b1 !important
}

.custom-right-arrow {
    display: inline-block;
    position: relative;
    background: red;
    padding: 1px;
    width: 80%
}

    .custom-right-arrow:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -4px;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid red
    }

.booking-item-price {
    font-size: 18px !important;
    color: #626262;
    line-height: 1em;
    display: inline-block;
    margin-bottom: 8px
}

.booking-item-footer {
    background-color: #f5f5f5;
    padding: 5px 10px;
    margin-top: 10px;
    font-size: 12px;
    border: solid 1px #e6e6e6;
    border-bottom: 0px;
}

    .booking-item-footer .btnicon {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 2px !important;
        border: 0px;
    }

        .booking-item-footer .btnicon.empty {
            border: solid 1px #c1c1c1;
            background-color: transparent;
            color: #666;
        }

        .booking-item-footer .btnicon.bordernone {
            border: 0;
            background-color: transparent;
            color: #666;
            padding: 0px 0px 5px 0px;
            border-bottom: solid 1px #e6e6e6;
            margin-bottom: 5px
        }

    .booking-item-footer .onewayfeeprice {
        font-weight: bold;
        font-size: 13px;
        color: #666;
        padding-left: 15px
    }

    .booking-item-footer .divonewayamount {
        display: none;
        margin-top: 5px;
    }

.booking-item .tmhotelimgcontent {
    overflow: hidden;
    max-height: 260px;
    margin-bottom: 10px;
}

@media (max-width:992px) {
    .booking-item-footer .divonewayamount {
        display: block
    }
}





.color-green {
    color: green !important
}

.background-grey {
    background-color: grey !important;
    cursor: default !important
}

.border-red {
    border-color: #fb9f9f !important;
}

.p1 {
    font-size: 12px;
    margin: 0;
    line-height: 17px
}

.in-title, .title-mobile-filter {
    font-size: 13px;
    padding: 8px 10px;
    color: #615A5A;
    font-weight: 700
}

.in-title {
    background-color: #f7f7f7
}

.title-mobile-filter {
    background-color: #dedede
}

.special-tab-title {
    color: #fff;
    background-color: #ed8323;
    font-size: 14px;
    padding: 5px 15px
}

.flight-daychange-content, .search-pax-popover {
    background-color: #fff
}

.border-orange, .special-tab-content {
    border: 1px solid #d9d9d9
}

.special-tab-content {
    margin: 0;
    padding: 15px !important;
    font-size: 12px
}

    .special-tab-content:hover {
        border: 1px solid #ed8323
    }

.special-tab {
    margin-bottom: 20px
}

.mn-col-default {
    padding-left: 0;
    padding-right: 0
}

.Subscriber-Content, .header-customer-phone-content {
    float: right
}

@media (max-width:992px) {
    .header-customer-phone-content {
        float: left
    }

    .Subscriber-Content {
        float: none
    }
}

.footer-bottom-topmenu-conainer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: "Open Sans",sans-serif;
    font-size: 13px
}

.footer-bottom-topmenu-conainer li {
    float: left
}

    .footer-bottom-topmenu-conainer li a {
        display: block;
        text-align: center;
        padding: 10px 25px;
        text-decoration: none;
        font-weight: 700
    }

@media (max-width:992px) {
    .footer-bottom-topmenu-conainer li {
        float: none
    }

        .footer-bottom-topmenu-conainer li a {
            text-align: left
        }
}

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

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

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

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

.search-pax-popover {
    width: auto;
    position: absolute;
    z-index: 0;
    border: 1px solid #ccc
}

@media (min-width:992px) {
    .search-pax-popover {
        width: 170px;
        position: absolute;
        z-index: 999999;
        background-color: #fff;
        padding: 10px
    }

    .flight-daychange-content {
        float: right;
        margin-top: -2px;
        padding-left: 5px
    }
}

@media (max-width:767px) {
    .search-pax-popover {
        width: auto;
        background-color: #fff;
        padding: 10px;
        position: relative
    }

    .flight-daychange-content {
        float: right;
        margin-top: -2px;
        padding-left: 2px
    }
}

@media (min-width:467px) {
    .flight-daychange-content {
        float: right;
        margin-top: -2px;
        padding-left: 2px
    }
}

@media (max-width:467px) {
    .flight-daychange-content {
        float: none;
        margin-bottom: 10px;
        margin-left: 10px
    }
}

.btnFlightSelect {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px
}

.flight-international-list-title, .flightListTitle {
    padding-left: 20px;
    line-height: 34px;
    font-size: 16px;
    color: #fff
}

.d-table td, .d-table th, .flightRule {
    font-size: 11px !important
}

.flightListTitle {
    margin-bottom: 15px
}

.flight-international-list-title {
    background-color: #ed8323;
    margin-bottom: 10px
}

.flight-international-package-content {
    border: 1px solid #CCC;
    padding: 10px;
    margin-bottom: 20px
}

.flightRule {
    background-color: grey;
    color: #fff;
    padding: 0 10px;
    cursor: pointer;
    line-height: 26px;
    float: left;
    transition: .2s
}

    .flightRule:hover {
        background-color: #e27513;
        color: #fff;
        border-radius: 10px;
        transition: .2s
    }

.CheapPrice-direct, .CheapPrice-direct-price {
    background-color: #f9f9f9
}

@media (max-width:992px) {
    .flight-duration {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #ed8323;
        text-align: center;
        padding: 5px 0;
        margin-bottom: 10px
    }
}

@media (min-width:992px) {
    .flight-duration {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #ed8323;
        text-align: center;
        padding: 5px 0;
        margin-bottom: 10px
    }

    .line-left {
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #CCC
    }
    .line-right {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #CCC
    }
}

@media (max-width:450px) {
    .flight-duration {
        border: 1px solid #ed8323;
        text-align: center;
        padding: 5px 0;
        margin-bottom: 10px
    }
}

.CheapPrice-air, .CheapPrice-all, .CheapPrice-direct, .CheapPrice-direct-price {
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #ddd;
    border-right-color: #ddd
}

.CheapPrice-all, .CheapPrice-direct {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ddd;
    font-size: 12px;
    vertical-align: middle
}

.flight-cheap-price-filter-content {
    height: 170px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: 20px
}

.CheapPrice-air, .CheapPrice-all {
    height: 47px
}

.CheapPrice-grid {
    display: inline-block;
    vertical-align: middle;
    width: 104px
}

.CheapPrice-all {
    line-height: 50px;
    text-align: center;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: 700
}

.CheapPrice-air {
    text-align: center;
    padding: 10px
}

.CheapPrice-Indirect, .CheapPrice-Indirect-price, .CheapPrice-direct, .CheapPrice-direct-price {
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    text-align: center
}

.CheapPrice-direct-price {
    vertical-align: middle;
    font-size: 14px
}

.CheapPrice-Indirect {
    border: 1px solid #ddd;
    vertical-align: middle;
    font-size: 12px
}

.CheapPrice-Indirect-price {
    vertical-align:: middle;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    font-size: 14px
}

.mobile-result-filter-scroll {
    overflow: auto;
    margin-bottom: 15px
}

.magnificShowError {
    position: relative;
    width: auto
}

    .magnificShowError h4 {
        float: left;
        color: #ed8323
    }

    .magnificShowError .paragraph {
        min-height: 100px
    }

    .magnificShowError hr {
        margin: 0 0 10px
    }

    .magnificShowError .closePopup {
        float: right;
        font-size: 26px;
        color: #565656;
        cursor: pointer
    }

    .magnificShowError .seconds {
        font-size: 18px;
        color: red;
        font-weight: 700;
        margin: 0 5px
    }

.pymtOptContainer {
    border: 1px solid #ddd;
    padding: 10px 10px 0
}

    .pymtOptContainer img {
        margin-bottom: 10px
    }

.loaderDialog {
    background-color: #fff;
    padding: 40px 0;
    width: 100%;
    font-size: 18px;
    color: #2ba89f;
    text-align: center;
    display: none
}

    .loaderDialog .content, .loaderDialog img {
        width: 160px;
        height: 20px
    }

    .loaderDialog .content {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px
    }

.hotel-region-scroll, .hotel-room-scroll, .payment-role-scroll {
    margin-bottom: 5px;
    overflow: auto
}

.payment-role-scroll {
    height: 150px;
    font-size: 12px;
    line-height: 16px
}

.payment-price-color {
    color: #111 !important
}

.hotel-region-scroll {
    max-height: 200px
}

.hotel-room-scroll {
    max-height: 300px
}

.card-additional-services-scroll {
    max-height: 400px;
    overflow: auto;
    margin-bottom: 15px;
    padding-top: 5px
}

.car-cancel-policy-scroll {
    max-height: 200px;
    overflow: auto;
    margin-bottom: 15px;
    padding-top: 5px
}

.tour-description-scroll {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 5px
}

.hotel-romm-name {
    width: 380px
}

.hotel-romm-description {
    display: block
}

.magament-panel-body a {
    font-size: 11px
}

@media (min-width:992px) {
    .div-booking-item-img {
        width: 114px;
        height: 100px;
        overflow: hidden
    }

        .div-booking-item-img img {
            height: 100px
        }
}

.table-default th, .table-sm th {
    font-weight: 400;
    line-height: 18px;
    height: 18px
}

.mobile-search-result-filter-button-content {
    background-color: #333;
    border-top: 1px solid #888;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0
}

    .mobile-search-result-filter-button-content .in-content {
        width: 50%;
        float: left;
        text-align: center;
        color: #fff
    }

        .mobile-search-result-filter-button-content .in-content a {
            color: #afafaf !important;
            padding: 5px 15px
        }

.mobile-top-phone-content {
    background-color: #24c15f;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 14px !important
}

    .mobile-top-phone-content:hover {
        background-color: #25d366;
        color: #fff
    }

        .mobile-top-phone-content:hover a {
            color: #fff
        }

    .mobile-top-phone-content i {
        margin-right: 5px
    }

.div-car-vendor-logo {
    margin: 5px auto 0;
    text-align: center
}

.table-default {
    width: 100%
}

    .table-default td {
        padding: 5px;
        color: #333;
        line-height: 18px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ccc
    }

        .table-default td:first-child {
            border-left-width: 1px;
            border-left-style: solid;
            border-left-color: #ccc
        }

        .table-default td:last-child {
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: #ccc
        }

    .table-default th {
        padding: 6px;
        color: #fff;
        background-color: #888;
        text-align: left;
        border: 1px solid #888
    }

.table-sm {
    width: 100%;
    margin-bottom: 10px
}

    .table-sm td {
        padding: 5px;
        color: #333;
        line-height: 18px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        text-align: center
    }

        .table-sm td:first-child {
            border-left-width: 1px;
            border-left-style: solid;
            border-left-color: #ccc
        }

        .table-sm td:last-child {
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: #ccc
        }

    .table-sm th {
        padding: 3px 6px;
        color: #fff;
        background-color: #888;
        text-align: center;
        border: 1px solid #888
    }

.divTableFoot, .divTableHeading {
    background-color: #EEE;
    font-weight: 700
}

.divTable {
    display: table;
    width: 100%
}

.divTableRow {
    display: table-row
}

.divTableCell, .g-tabletop-cell {
    display: table-cell;
    vertical-align: middle
}

.divTableCell {
    padding: 2px 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ccc
}

    .divTableCell:last-child {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #ccc
    }

.divTableHeading {
    display: table-header-group
}

.divTableFoot {
    display: table-footer-group
}

.divTableBody {
    display: table-row-group
}

.scroll-to-top {
    padding: 2px;
    text-align: center;
    position: fixed;
    z-index: 10001;
    bottom: 40px;
    display: none;
    right: 20px
}

    .scroll-to-top > i {
        display: inline-block;
        font-size: 32px;
        opacity: .7;
        filter: alpha(opacity=70)
    }

    .scroll-to-top:hover {
        cursor: pointer
    }

        .scroll-to-top:hover > i {
            opacity: 1;
            filter: alpha(opacity=100)
        }

.hotel-result-select-hotels-contanier {
    background-color: #d9d9d9;
    border-top: 1px solid #888;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0
}

    .hotel-result-select-hotels-contanier .imgContent {
        float: left;
        margin-right: 10px
    }

    .hotel-result-select-hotels-contanier .icon {
        position: absolute;
        font-size: 14px;
        background-color: #fff;
        margin-left: 28px
    }

    .hotel-result-select-hotels-contanier .imgContent img {
        border: 2px solid #fff;
        height: 40px;
        width: 40px
    }

.hotel-list-line:hover {
    border-color: #ed8323
}

.i-hotel-result-autocomplate-clear {
    position: absolute;
    z-index: 100;
    margin-top: 2px;
    cursor: pointer;
    font-size: 16px;
    padding: 2px 5px;
    background-color: #fff
}

.hotel-detail-tab-container .hd-tab-button {
    color: #fff;
    font-size: 13px;
    padding: 5px 14px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px !important
}

.typeahead-content .league-name {
    font-weight: 700;
    font-size: 16px;
    padding: 10px 0 0 10px
}

.typeahead-content .tt-suggestion {
    line-height: 1em;
    padding: 10px !important;
    font-size: 13px;
    border-bottom: 1px solid #e6e6e6
}

.package-price-border, .package-top-container {
    border: 1px solid #dee2ea
}

.typeahead-content .tt-suggestion p {
    margin: 0
}

.main-search-opacity {
    opacity: .8
}

.col-md50 {
    width: 50%;
    float: left
}

@media (max-width:700px) {
    .col-md50 {
        width: 100%
    }
}

.col-md-3-extra {
    width: 33.333%;
    float: left;
    padding: 10px
}

@media (min-width:500px) and (max-width:700px) {
    .col-md-3-extra {
        width: 50%
    }
}

@media (min-width:100px) and (max-width:499px) {
    .col-md-3-extra {
        width: 100%
    }
}

.width100 {
    width: 100px
}

.package-active {
    box-shadow: 0 1px 8px 0 #2b2b2b !important
}

.package-top-container .p-title {
    background: #edf2f7;
    line-height: 32px;
    font-weight: 700;
    padding: 5px 10px;
    font-size: 16px;
    color: #222
}

.package-top-container .p-bottom {
    background: #edf2f7;
    padding: 10px
}

.package-top-container .p-content {
    padding: 8px;
    min-height: 150px
}

    .package-top-container .p-content .p-content-title {
        font-size: 14px !important;
        font-weight: 700;
        margin-bottom: 2px
    }

    .package-top-container .p-content .p-content-text {
        font-size: 12px !important;
        line-height: 16px
    }

.package-price-container {
    background-color: #636363;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    text-align: right
}

    .package-price-container .package-buy-button {
        background-color: #39ad39;
        color: #fff;
        font-size: 20px;
        line-height: 46px;
        text-align: center;
        width: 180px;
        border: 0;
        margin-left: 10px
    }

        .package-price-container .package-buy-button:hover {
            background-color: #5cb85c
        }

.package-page-title {
    background: #edf2f7;
    line-height: 32px;
    font-weight: 700;
    padding: 7px 15px;
    font-size: 20px;
    color: #222;
    margin-bottom: 20px
}

.package-result-search-container {
    border: 1px solid #dee2ea
}

    .package-result-search-container .s-content {
        padding: 10px;
        min-height: 150px
    }

    .package-result-search-container .s-title {
        color: #fff;
        line-height: 32px;
        font-weight: 700;
        padding: 5px 20px;
        font-size: 16px
    }

.package-top-col-md-4, .package-top-col-md-8 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left
}

.package-top-col-md-4 {
    width: 33.33333333%
}

.package-top-col-md-8 {
    width: 66.66666667%
}

@media (max-width:992px) {
    .package-top-col-md-4 {
        width: 35%
    }

    .package-top-col-md-8 {
        width: 65%
    }
}

.payment-btn-make-booking {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #4cae4c;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px
}

    .payment-btn-make-booking:hover {
        background-color: #5cb85c
    }

.payment-btn-prebooking-booking {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #ed8323;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700
}

    .payment-btn-prebooking-booking:hover {
        background-color: #f79033
    }

.payment-box-title {
    background: #d9e0e6;
    line-height: 32px;
    font-weight: 700;
    padding: 5px 10px;
    font-size: 16px;
    color: #222;
    border: 1px solid #d9d9d9 !important;
    border-bottom: 0 !important
}

.payment-option-content .nav-tabs > li.active > a {
    background-color: #d9e0e6 !important
}

.car-result-offer-contanier, .flight-result-offer-contanier {
    border-top: 1px solid #888;
    z-index: 100;
    bottom: 0;
    padding: 5px 0;
    left: 0
}

@media (min-width:992px) {
    .col-md-1-transfer {
        width: 11% !important
    }
}

.custom-booking-image {
    float: none;
    margin: 0 0 20px;
    width: 125px
}

.custom-booking-car-image {
    float: none;
    margin: 0 0 20px;
    width: 20%
}

.custom-booking-info-div {
    float: none
}

.home-page-slider {
    height: auto;
    overflow: hidden
}

@media (min-width:992px) {
    .custom-booking-car-image, .custom-booking-image {
        float: left;
        margin: 0 20px 0 0
    }

    .custom-booking-info-div {
        float: right;
        width: 75%
    }

    .home-page-slider {
        height: auto
    }
}

.input-disabled {
    cursor: not-allowed !important;
    background-color: #eee !important;
    opacity: 1 !important
}

.flight-result-offer-contanier {
    background-color: #d9d9d9;
    position: fixed;
    width: 100%
}

    .flight-result-offer-contanier .imgContent {
        float: left;
        margin-right: 10px
    }

    .flight-result-offer-contanier .icon {
        position: absolute;
        font-size: 14px;
        background-color: #fff;
        margin-left: 28px;
        cursor: pointer
    }

    .flight-result-offer-contanier .imgContent img {
        margin-top: 10px;
        max-height: 40px;
        width: 40px
    }

.car-result-offer-contanier {
    background-color: #d9d9d9;
    position: fixed;
    width: 100%
}

    .car-result-offer-contanier .imgContent {
        float: left;
        margin-right: 10px
    }

    .car-result-offer-contanier .icon {
        position: absolute;
        font-size: 14px;
        background-color: #fff;
        margin-left: 28px;
        cursor: pointer
    }

    .car-result-offer-contanier .imgContent img {
        width: 36px;
        margin: 10px 2px 0
    }

.promotion-line {
    border: thin dashed red !important
}

.map-detail-container {
    top: -15px;
    position: absolute;
    height: 70px;
    width: 190px;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 1px 2px 3px 1px rgba(0,0,0,.29);
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer
}

    .map-detail-container:after {
        content: '';
        position: absolute;
        right: 160px;
        bottom: -16px;
        border-style: solid;
        border-top-width: 17px;
        border-right-width: 6px;
        border-left-width: 10px;
        border-color: #ed8323 transparent transparent
    }

    .map-detail-container .name {
        font-size: 12px;
        color: #222;
        height: 40px;
        margin-bottom: 3px;
        overflow: hidden;
        padding-top: 5px;
        font-weight: 700;
        padding-right: 5px;
        line-height: 16px
    }

    .map-detail-container .star {
        font-size: 10px;
        color: #ed8323;
        margin-bottom: 3px
    }

    .map-detail-container .price {
        font-size: 15px;
        color: #222;
        font-weight: 700
    }

.meta-author-img {
    background-color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #ed8323;
    vertical-align: middle;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    position: relative;
    z-index: 11;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin: 0 10px 0 -20px
}

.populer-destination-title {
    background-color: #ed8526;
    color: #fff;
    padding: 0 15px;
    line-height: 40px;
    font-weight: 700
}

.populer-destination-scroll-content {
    background-color: #f4f4f4;
    padding: 15px;
    overflow: auto;
    max-height: 550px
}

.product-tour-categories-scroll-content {
    background-color: #f4f4f4;
    padding: 15px;
    overflow: auto;
    max-height: 300px
}
.product-cruise-categories-scroll-content {
    background-color: #f4f4f4;
    padding: 15px;
    overflow: auto;
    max-height: 300px
}

.categories-list-info-content {
    background: rgba(0,0,0,.8);
    padding: 8px;
    z-index: 5;
    margin-top: -34px;
    position: relative;
    height: 34px
}

.categories-list-info-content2 {
    background: rgba(0,0,0,.8);
    padding: 10px;
    z-index: 5;
    margin-top: -36px;
    position: relative
}

.tour-detail-alternative-list-content {
    overflow: auto;
    max-height: 3000px
}

.product-hotel-detail-info-scroll {
    overflow: auto;
    max-height: 320px
}

@media (min-width:992px) {
    .main-left-slide .thumb-title {
        height: 36px;
        overflow: hidden
    }

    .tour-categories-list img {
        min-height: 220px
    }
}

.main-right-product-scroll {
    overflow: auto;
    max-height: 540px
}

.flight-info__segments {
    text-align: center;
    position: relative;
    height: 16px;
    min-width: 76px;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto
}

    .flight-info__segments:before {
        content: '';
        height: 2px;
        top: 50%;
        left: 0;
        right: 0;
        margin-top: -1px;
        position: absolute;
        background: #7B4397
    }

    .flight-info__segments.flight-info__segments--direct:before {
        background: #92BE14
    }

.stops-circle {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #FFF;
    display: inline-block;
    top: -1px
}

    .stops-circle:after {
        content: '';
        position: absolute;
        border: 2px solid #7B4397;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        top: 3px;
        left: 2px;
        right: 1px
    }

.white-popup-content {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 80%;
    margin: 20px auto
}

.content-0 {
    border: 1px solid #e6e6e6
}

.content-5 {
    border: 1px solid #e6e6e6;
    padding: 5px
}

.content-10 {
    border: 1px solid #e6e6e6;
    padding: 10px
}

.content-15 {
    border: 1px solid #e6e6e6;
    padding: 15px
}

.top-area-video-content {
    min-height: 100%;
    height: 100vh;
    width: auto;
    padding: 0 !important;
    margin: 0 !important;
    background-color: gray;
    position: relative
}

.myribbon .ribbon, .myribbon .ribbon.ribbon-color-default, .myribbon .ribbon.ribbon-color-default > .ribbon-sub, .myribbon .ribbon > .ribbon-sub {
    background-color: #bac3d0;
    color: #384353
}

#video {
    width: 100vw;
    height: auto;
    object-fit: cover;
    left: 0;
    top: 0;
    z-index: 1
}

@media (min-aspect-ratio:169) {
    #video {
        height: 150%;
        top: -100%
    }
}

@media (max-aspect-ratio:169) {
    #video {
        width: 150%;
        left: -100%
    }
}

@media only screen and (min-width :992px) {
    #video {
        display: block
    }
}

.position-absolute {
    position: absolute !important
}

.myribbon, .myribbon .ribbon {
    position: relative
}

    .myribbon .ribbon-content {
        margin: 0;
        padding: 15px;
        clear: both
    }

        .myribbon .ribbon-content.no-padding {
            padding-top: 0
        }

    .myribbon .ribbon {
        padding: .5em 1em;
        z-index: 5;
        float: left;
        margin: 10px 0 0 -2px;
        clear: left
    }

        .myribbon .ribbon.ribbon-right {
            float: right;
            clear: right;
            margin: 10px -2px 0 0
        }

        .myribbon .ribbon.ribbon-vertical-left {
            clear: none;
            margin: -2px 0 0 10px;
            padding-top: 1em;
            padding-bottom: 1em;
            width: 41px;
            text-align: center
        }

        .myribbon .ribbon.ribbon-vertical-right {
            clear: none;
            float: right;
            margin: -2px 10px 0 0;
            padding-top: 1em;
            padding-bottom: 1em;
            width: 41px;
            text-align: center
        }

        .myribbon .ribbon.ribbon-shadow {
            box-shadow: 2px 2px 7px rgba(0,0,0,.4)
        }

            .myribbon .ribbon.ribbon-shadow.ribbon-right, .myribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
                box-shadow: -2px 2px 7px rgba(0,0,0,.4)
            }

        .myribbon .ribbon.ribbon-round {
            border-top-right-radius: 5px !important;
            border-bottom-right-radius: 5px !important
        }

            .myribbon .ribbon.ribbon-round.ribbon-right {
                border-radius: 5px 0 0 5px !important
            }

            .myribbon .ribbon.ribbon-round.ribbon-vertical-left, .myribbon .ribbon.ribbon-round.ribbon-vertical-right {
                border-radius: 0 0 5px 5px !important
            }

        .myribbon .ribbon.ribbon-border:after {
            border: 1px solid;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 5px;
            right: 5px
        }

        .myribbon .ribbon.ribbon-border-vert:after {
            border-top: none;
            border-bottom: none;
            border-left: 1px solid;
            border-right: 1px solid;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 5px;
            right: 5px
        }

        .myribbon .ribbon.ribbon-border-hor:after {
            border-top: 1px solid;
            border-bottom: 1px solid;
            border-left: none;
            border-right: none;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 0;
            right: 0
        }

        .myribbon .ribbon.ribbon-border-dash:after {
            border: 1px dashed;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 5px;
            right: 5px
        }

        .myribbon .ribbon.ribbon-border-dash-vert:after {
            border-top: none;
            border-bottom: none;
            border-left: 1px solid;
            border-right: 1px solid;
            border-left-style: dashed;
            border-right-style: dashed;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 5px;
            right: 5px
        }

        .myribbon .ribbon.ribbon-border-dash-hor:after {
            border-top: 1px solid;
            border-bottom: 1px solid;
            border-left: none;
            border-right: none;
            border-top-style: dashed;
            border-bottom-style: dashed;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 0;
            right: 0
        }

        .myribbon .ribbon.ribbon-clip {
            left: -10px;
            margin-left: 0
        }

            .myribbon .ribbon.ribbon-clip.ribbon-right {
                left: auto;
                right: -10px;
                margin-right: 0
            }

        .myribbon .ribbon > .ribbon-sub {
            z-index: -1;
            position: absolute;
            padding: 0;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

            .myribbon .ribbon > .ribbon-sub.ribbon-clip:after, .myribbon .ribbon > .ribbon-sub.ribbon-clip:before {
                content: '';
                position: absolute;
                border-style: solid;
                border-color: transparent !important;
                bottom: -10px
            }

            .myribbon .ribbon > .ribbon-sub.ribbon-clip:before {
                border-width: 0 10px 10px 0;
                border-right-color: #222 !important;
                left: 0
            }

            .myribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after, .myribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {
                content: '';
                position: absolute;
                border-style: solid;
                border-color: transparent;
                bottom: -10px
            }

            .myribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {
                border-right-color: transparent !important
            }

            .myribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
                border-width: 0 0 10px 10px;
                border-left-color: #222 !important;
                right: 0
            }

            .myribbon .ribbon > .ribbon-sub.ribbon-bookmark:after {
                border-left: 21px solid;
                border-right: 20px solid;
                border-bottom: 1em solid transparent !important;
                bottom: -1em;
                content: '';
                height: 0;
                left: 0;
                position: absolute;
                width: 0
            }

        .myribbon .ribbon:after {
            border-color: #62748f
        }

        .myribbon .ribbon > .ribbon-sub:after {
            border-color: #62748f #bac3d0
        }

        .myribbon .ribbon.ribbon-color-default:after {
            border-color: #9ca8bb
        }

        .myribbon .ribbon.ribbon-color-default > .ribbon-sub:after {
            border-color: #62748f #bac3d0
        }

        .myribbon .ribbon.ribbon-color-primary {
            background-color: #337ab7;
            color: #fff
        }

            .myribbon .ribbon.ribbon-color-primary:after {
                border-color: #286090
            }

            .myribbon .ribbon.ribbon-color-primary > .ribbon-sub {
                background-color: #337ab7;
                color: #000
            }

                .myribbon .ribbon.ribbon-color-primary > .ribbon-sub:after {
                    border-color: #122b40 #337ab7
                }

        .myribbon .ribbon.ribbon-color-info {
            background-color: #659be0;
            color: #fff
        }

            .myribbon .ribbon.ribbon-color-info:after {
                border-color: #3a80d7
            }

            .myribbon .ribbon.ribbon-color-info > .ribbon-sub {
                background-color: #659be0;
                color: #0c203a
            }

                .myribbon .ribbon.ribbon-color-info > .ribbon-sub:after {
                    border-color: #1d4f8e #659be0
                }

        .myribbon .ribbon.ribbon-color-success {
            background-color: #36c6d3;
            color: #fff
        }

            .myribbon .ribbon.ribbon-color-success:after {
                border-color: #27a4b0
            }

            .myribbon .ribbon.ribbon-color-success > .ribbon-sub {
                background-color: #36c6d3;
                color: #020808
            }

                .myribbon .ribbon.ribbon-color-success > .ribbon-sub:after {
                    border-color: #14565c #36c6d3
                }

        .myribbon .ribbon.ribbon-color-danger {
            background-color: #ed6b75;
            color: #fff
        }

            .myribbon .ribbon.ribbon-color-danger:after {
                border-color: #e73d4a
            }

            .myribbon .ribbon.ribbon-color-danger > .ribbon-sub {
                background-color: #ed6b75;
                color: #4f0a0f
            }

        .myribbon .ribbon.ribbon-color-warning, .myribbon .ribbon.ribbon-color-warning > .ribbon-sub {
            background-color: #F1C40F;
            color: #010100
        }

        .myribbon .ribbon.ribbon-color-danger > .ribbon-sub:after {
            border-color: #a91520 #ed6b75
        }

        .myribbon .ribbon.ribbon-color-warning:after {
            border-color: #c29d0b
        }

        .myribbon .ribbon.ribbon-color-warning > .ribbon-sub:after {
            border-color: #614f06 #F1C40F
        }

.CaptchaContainer {
    width: auto;
    margin-bottom: 15px
}

    .CaptchaContainer .textbox, .CaptchaContainer img {
        margin-right: 10px;
        width: 100px;
        float: left
    }

    .CaptchaContainer .textbox {
        max-width: 130px;
        padding: 10px;
        font-size: 16px;
        text-align: center
    }

    .CaptchaContainer .refresh {
        float: left;
        margin-top: 8px;
        cursor: pointer
    }

.list-fa-conainer {
    border: 1px solid #e6e6e6;
    padding: 2px 6px;
    float: right
}

    .list-fa-conainer i {
        cursor: pointer
    }

.cust-booking-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

    .cust-booking-list > li {
        margin-bottom: 15px;
        position: relative
    }

    .cust-booking-list .cust-booking-item {
        cursor: pointer;
        display: block;
        position: relative;
        padding: 10px;
        border: 1px solid #e6e6e6;
        color: #737373;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s
    }

.cmsbox-booking-list .cust-booking-item, .custbox-booking-list .cust-booking-item {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    cursor: pointer;
    position: relative
}

.cust-booking-item.active, .cust-booking-list .cust-booking-item:hover {
    color: #737373;
    border: 1px solid #ed8323;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2);
    box-shadow: 0 2px 1px rgba(0,0,0,.2)
}

.cust-booking-list .cust-booking-item .image-content {
    width: 20%;
    float: left
}

.cust-booking-list .cust-booking-item .descreption-content {
    width: 60%;
    float: left;
    padding-right: 10px
}

    .cust-booking-list .cust-booking-item .descreption-content .descreption-text {
        font-size: 12px;
        line-height: normal;
        text-align: justify
    }

.cust-booking-list .cust-booking-item .price-content {
    width: 20%;
    float: left
}

@media (max-width:776px) {
    .cust-booking-list .cust-booking-item .image-content, .cust-booking-list .cust-booking-item .price-content {
        width: 100%;
        float: none
    }

    .cust-booking-list .cust-booking-item .descreption-content {
        width: 100%;
        float: none;
        padding-right: 10px
    }
}

.cust-booking-list .cust-booking-item .price-content .boxprice-content-in {
    display: none
}

.cust-booking-list .cust-booking-item .price-content .price-content-in {
    text-align: center;
    padding-top: 5px
}

    .cust-booking-list .cust-booking-item .price-content .price-content-in .pc-currency {
        font-weight: 700;
        font-size: 12px
    }

    .cust-booking-list .cust-booking-item .price-content .price-content-in h4 {
        font-weight: 700;
        margin-bottom: 5px !important;
        line-height: normal
    }

    .cust-booking-list .cust-booking-item .price-content .price-content-in h5 {
        margin-bottom: 5px !important
    }

    .cust-booking-list .cust-booking-item .price-content .price-content-in .price-button {
        display: block
    }

.cust-booking-list .cust-booking-item .image-content img {
    width: 100%
}

.cust-booking-list .cust-booking-item .cust-booking-item-title {
    font-weight: 700;
    margin-bottom: 5px
}

.cust-booking-list .cust-booking-item .cust-booking-item-category {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px
}

.cust-booking-list .cust-booking-item .cust-booking-item-fa {
    font-size: 12px;
    color: #333
}

.custbox-booking-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

    .custbox-booking-list > li {
        position: relative;
        width: 32%;
        float: left;
        margin-right: 1%;
        margin-bottom: 1%
    }

    .custbox-booking-list .div-transportation-departurepoints {
        display: none
    }

@media (min-width:698px) and (max-width:1150px) {
    .custbox-booking-list > li {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%
    }
}

.custbox-booking-list .cust-booking-item {
    display: block;
    padding: 10px;
    border: 1px solid #e6e6e6;
    color: #737373;
    transition: .2s
}

    .custbox-booking-list .cust-booking-item .cust-booking-item-fa, .custbox-booking-list .cust-booking-item .descreption-text, .custbox-booking-list .cust-booking-item .price-content .price-content-in .price-button {
        display: none
    }

    .cust-booking-item.active, .custbox-booking-list .cust-booking-item:hover {
        color: #737373;
        border: 1px solid #ed8323;
        -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2);
        box-shadow: 0 2px 1px rgba(0,0,0,.2)
    }

    .custbox-booking-list .cust-booking-item .image-content, .custbox-booking-list .cust-booking-item .image-content img {
        width: 100%;
        height: 160px
    }

@media (min-width:698px) and (max-width:1150px) {
    .custbox-booking-list .cust-booking-item .image-content, .custbox-booking-list .cust-booking-item .image-content img {
        width: 100%;
        height: 200px
    }
}

@media (max-width:698px) {
    .custbox-booking-list > li {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .custbox-booking-list .cust-booking-item .image-content, .custbox-booking-list .cust-booking-item .image-content img {
        width: 100%;
        height: auto
    }
}

.custbox-booking-list .cust-booking-item .cust-booking-item-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px;
    height: 38px;
    overflow: hidden
}

.custbox-booking-list .cust-booking-item .cust-booking-item-category {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px;
    height: 16px
}

.custbox-booking-list .cust-booking-item .descreption-content {
    width: 100%;
    text-align: center
}

.custbox-booking-list .cust-booking-item .price-content {
    width: 100%
}

    .custbox-booking-list .cust-booking-item .price-content .price-content-in {
        text-align: center;
        padding-top: 5px;
        display: none
    }

        .custbox-booking-list .cust-booking-item .price-content .price-content-in .pc-currency {
            font-weight: 700;
            font-size: 12px !important
        }

        .custbox-booking-list .cust-booking-item .price-content .price-content-in h4 {
            font-weight: 700;
            margin-bottom: 5px !important;
            line-height: normal
        }

        .custbox-booking-list .cust-booking-item .price-content .price-content-in h5 {
            margin-bottom: 5px !important
        }

    .custbox-booking-list .cust-booking-item .price-content .boxprice-content-in {
        text-align: center;
        padding: 10px;
        background-color: #f3f3f3;
        height: 78px
    }

        .custbox-booking-list .cust-booking-item .price-content .boxprice-content-in .pc-currency {
            font-size: 12px !important
        }

        .custbox-booking-list .cust-booking-item .price-content .boxprice-content-in .fa-box {
            float: left;
            text-align: left;
            font-size: 12px;
            line-height: 17px
        }

        .custbox-booking-list .cust-booking-item .price-content .boxprice-content-in .pricebox {
            float: right
        }

        .custbox-booking-list .cust-booking-item .price-content .boxprice-content-in h4 {
            font-weight: 700;
            margin-bottom: 5px !important;
            line-height: normal;
            font-size: 18px
        }

        .custbox-booking-list .cust-booking-item .price-content .boxprice-content-in h5 {
            margin-bottom: 0 !important;
            font-size: 13px
        }

.cmsbox-booking-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    background-color: #fff
}

    .cmsbox-booking-list .cust-booking-item {
        display: block;
        padding: 10px;
        border: 1px solid #e6e6e6;
        color: #737373;
        transition: .2s
    }

        .cmsbox-booking-list .cust-booking-item .cust-booking-item-fa, .cmsbox-booking-list .cust-booking-item .descreption-text, .cmsbox-booking-list .cust-booking-item .price-content .price-content-in .price-button {
            display: none
        }

        .cmsbox-booking-list .cust-booking-item:hover, .cust-booking-item.active {
            color: #737373;
            border: 1px solid #ed8323;
            -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2);
            box-shadow: 0 2px 1px rgba(0,0,0,.2)
        }

        .cmsbox-booking-list .cust-booking-item .image-content, .cmsbox-booking-list .cust-booking-item .image-content img {
            width: 100%;
            height: 130px
        }

        .cmsbox-booking-list .cust-booking-item .cust-booking-item-title {
            font-weight: 700;
            margin-bottom: 5px;
            font-size: 14px;
            height: 38px;
            overflow: hidden
        }

        .cmsbox-booking-list .cust-booking-item .cust-booking-item-category {
            font-weight: 700;
            margin-bottom: 5px;
            font-size: 12px;
            height: 16px
        }

        .cmsbox-booking-list .cust-booking-item .descreption-content {
            width: 100%;
            text-align: center
        }

        .cmsbox-booking-list .cust-booking-item .price-content {
            width: 100%
        }

            .cmsbox-booking-list .cust-booking-item .price-content .price-content-in {
                text-align: center;
                padding-top: 5px;
                display: none
            }

                .cmsbox-booking-list .cust-booking-item .price-content .price-content-in .pc-currency {
                    font-weight: 700;
                    font-size: 12px !important
                }

                .cmsbox-booking-list .cust-booking-item .price-content .price-content-in h4 {
                    font-weight: 700;
                    margin-bottom: 5px !important;
                    line-height: normal
                }

                .cmsbox-booking-list .cust-booking-item .price-content .price-content-in h5 {
                    margin-bottom: 5px !important
                }

            .cmsbox-booking-list .cust-booking-item .price-content .boxprice-content-in {
                text-align: center;
                padding: 10px;
                background-color: #f3f3f3;
                height: 78px
            }

.bannerbox-list, .dcms-banner {
    background-color: #fff
}

.cmsbox-booking-list .cust-booking-item .price-content .boxprice-content-in .pc-currency {
    font-size: 12px !important
}

.cmsbox-booking-list .cust-booking-item .price-content .boxprice-content-in .fa-box {
    float: left;
    text-align: left;
    font-size: 12px;
    line-height: 17px
}

.cmsbox-booking-list .cust-booking-item .price-content .boxprice-content-in .pricebox {
    float: right
}

.cmsbox-booking-list .cust-booking-item .price-content .boxprice-content-in h4 {
    font-weight: 700;
    margin-bottom: 5px !important;
    line-height: normal;
    font-size: 17px
}

.cmsbox-booking-list .cust-booking-item .price-content .boxprice-content-in h5 {
    margin-bottom: 0 !important;
    font-size: 13px
}

@media (max-width:992px) {
    .cmsbox-booking-list .cust-booking-item .image-content, .cmsbox-booking-list .cust-booking-item .image-content img {
        width: 100%;
        height: auto
    }
}

.dcms-banner img {
    width: 100%
}

.bannerbox-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

    .bannerbox-list .cust-booking-item {
        cursor: pointer;
        display: block;
        position: relative;
        padding: 10px;
        border: 1px solid #e6e6e6;
        color: #737373;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s
    }

        .bannerbox-list .cust-booking-item:hover, .cust-booking-item.active {
            color: #737373;
            border: 1px solid #ed8323;
            -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2);
            box-shadow: 0 2px 1px rgba(0,0,0,.2)
        }

        .bannerbox-list .cust-booking-item .image-content, .bannerbox-list .cust-booking-item .image-content img {
            width: 100%;
            height: 130px
        }

        .bannerbox-list .cust-booking-item .cust-booking-item-title {
            font-weight: 700;
            font-size: 14px !important
        }

        .bannerbox-list .cust-booking-item .cust-booking-item-category {
            font-weight: 700;
            margin-bottom: 5px;
            font-size: 12px;
            height: 16px
        }

        .bannerbox-list .cust-booking-item .descreption-content {
            width: 100%;
            text-align: center;
            background-color: #f1f1f1;
            padding: 10px;
            line-height: 15px
        }

            .bannerbox-list .cust-booking-item .descreption-content .cont {
                height: 36px;
                overflow: hidden
            }

.data-protect {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 7px #999;
    padding: 15px 25px 15px 15px
}

.data-company-cokie-policy-container {
    position: relative;
    width: 100%;
    padding: 0
}

.btn-mobile-product ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .btn-mobile-product ul .icon {
        width: 40px;
        height: 40px;
        float: left;
        margin-right: 12px
    }

    .btn-mobile-product ul .flight-back {
        background: url(/Asset/img/mobile/products.jpg) no-repeat
    }

    .btn-mobile-product ul .hotel-back {
        background: url(/Asset/img/mobile/products.jpg) -40px 0 no-repeat
    }

    .btn-mobile-product ul .tour-back {
        background: url(/Asset/img/mobile/products.jpg) -80px 0 no-repeat
    }   
    
    .btn-mobile-product ul .cruise-back {
        background: url(/Asset/img/mobile/products.jpg) -80px 0 no-repeat
    }

    .btn-mobile-product ul .rentacar-back {
        background: url(/Asset/img/mobile/products.jpg) -120px 0 no-repeat
    }

    .btn-mobile-product ul .transfer-back {
        background: url(/Asset/img/mobile/products.jpg) -160px 0 no-repeat
    }

    .btn-mobile-product ul .package-back {
        background: url(/Asset/img/mobile/products.jpg) -200px 0 no-repeat
    }

    .btn-mobile-product ul li:first-child {
        border-top: dashed 1px #d6d6d6
    }

    .btn-mobile-product ul li {
        padding: 5px 0;
        line-height: 40px;
        font-size: 18px;
        border-bottom: dashed 1px #d6d6d6
    }

        .btn-mobile-product ul li a {
            display: block;
            color: #222 !important;
            text-decoration: none;
            cursor: pointer
        }

            .btn-mobile-product ul li a:hover {
                color: #666 !important
            }

.cms-hotel-categories-container {
    margin-bottom: 20px
}

    .cms-hotel-categories-container .hover-img {
        height: 275px !important
    }

@media (min-width:992px) and (max-width:1200px) {
    .cms-hotel-categories-container .hover-img {
        height: 200px !important
    }
}

@media (max-width:992px) {
    .cms-hotel-categories-container .hover-img {
        height: 80% !important
    }
}

.hd-title-content {
    border: 1px solid #ddd;
    padding: 14px;
    background-color: #f9f9f9;
    width: 100%;
    height: 110px
}

    .hd-title-content .h-name {
        font-size: 20px;
        margin-bottom: 0 !important;
        font-weight: 700
    }

    .hd-title-content .h-address {
        font-size: 14px;
        margin-bottom: 0 !important
    }

.hd-buy-top-content {
    border: 1px solid #ddd;
    padding: 10px;
    width: 100%;
    height: 70px;
    text-align: center
}

    .hd-buy-top-content .hd-top-price {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 0 !important
    }

    .hd-buy-top-content .hd-top-currency {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 0 !important;
        color: #555 !important
    }

    .hd-buy-top-content .hd-top-descreption {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 0 !important;
        color: #555
    }

.hd-buy-top-container .hd-buy-top-button, .hd-buy-top-container .hd-onrequest-top-button {
    font-size: 20px;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-weight: 700
}

.hd-buy-top-container .hd-buy-top-button {
    color: #fff;
    background-color: #0aa40e
}

    .hd-buy-top-container .hd-buy-top-button:hover {
        background-color: #45b748
    }

.hd-buy-top-container .hd-onrequest-top-button {
    color: #fff;
    background-color: #d9534f
}

    .hd-buy-top-container .hd-onrequest-top-button:hover {
        background-color: #d43f3a
    }

.hd-smallmap-container .btn-bigshowmap {
    position: absolute;
    padding: 5px 10px;
    margin-right: 10px;
    right: 5px;
    margin-top: 140px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    z-index: 5
}

.hd-smallfeature-container ul {
    list-style: none;
    padding: 0 5px
}

    .hd-smallfeature-container ul li {
        font-family: Roboto,arial,helvetica,sans-serif;
        color: #222;
        padding: 5px;
        border-bottom: dashed 1px #ddd;
        font-size: 13px
    }

        .hd-smallfeature-container ul li:last-child {
            border: 0 !important;
            padding-bottom: 0
        }

.hd-smallfeature-container hr {
    margin: 6px 0
}

.hd-smallfeature-container .hd-smallfeature-content {
    border: 1px solid #ddd;
    padding: 15px;
    width: 100%;
    background-color: #f9f9f9
}

.hd-smallfeature-container .hd-smallfeature-scroll {
    height: 165px;
    overflow: auto
}

.hd-smallfeature-container .hd-smallfeature-content .sf-title {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    margin-bottom: 0 !important
}

.hd-smallfeature-container .hd-smallfeature-button {
    width: 100%;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    background-color: #c5c5c5
}

    .hd-smallfeature-container .hd-smallfeature-button:hover {
        background-color: #dadada
    }

.hd-search-container .hd-search-content {
    background-color: #eaeaea;
    padding: 15px;
    height: 90px
}

.hd-search-container .hd-search-button {
    height: 90px;
    line-height: 90px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer
}

@media (max-width:992px) {
    .hd-search-container .hd-search-content {
        height: auto
    }

    .hd-search-container .hd-search-button {
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        cursor: pointer
    }

    .hd-searchresult-container .hd-table-top {
        display: none
    }
}

.hd-searchresult-container {
    margin-bottom: 15px
}

    .hd-searchresult-container .hd-sr-title {
        font-weight: 700;
        font-size: 20px !important;
        color: #333
    }

    .hd-searchresult-container .hd-table-top {
        height: 44px;
        background-color: #e7e7e7;
        color: #222;
        font-size: 13px;
        font-weight: 700;
        line-height: 44px;
        padding: 0 10px;
        margin-bottom: 5px
    }

    .hd-searchresult-container .hd-table-content {
        border: 1px solid #ddd;
        margin-bottom: 5px
    }

        .hd-searchresult-container .hd-table-content .row-border {
            border-left: dashed 1px #ddd;
            border-right: dashed 1px #ddd
        }

        .hd-searchresult-container .hd-table-content .rowcontent {
            padding: 17px 10px
        }

        .hd-searchresult-container .hd-table-content .buycontent {
            padding: 7px 10px
        }

@media (max-width:992px) {
    .hd-searchresult-container .hd-searchresult-title-content {
        text-align: center
    }

    .hd-searchresult-container .hd-table-content .row-border {
        border-left: 0;
        border-right: 0
    }

    .hd-searchresult-container .hd-table-content .rowcontent {
        padding: 7px 10px;
        text-align: center;
        border-bottom: dashed 1px #ddd
    }

    .hd-searchresult-container .hd-table-content .buycontent {
        padding: 0
    }
}

.hd-searchresult-container .hd-table-content .facheck {
    color: #51a351;
    margin-right: 5px;
    font-size: 13px
}

.hd-searchresult-container .hd-table-content .hd-price {
    font-size: 20px
}

.hd-searchresult-container .hd-table-content .hd-buybutton, .hd-searchresult-container .hd-table-content .hd-onrequestbutton {
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-weight: 700
}

.hd-searchresult-container .hd-table-content .hd-buybutton {
    background-color: #0aa40e
}

.hd-searchresult-container .hd-table-content .hd-onrequestbutton {
    background-color: #d9534f
}

.hd-hotelinfo-container {
    margin-bottom: 15px
}

    .hd-hotelinfo-container .in-content {
        border: 1px solid #ddd;
        padding: 15px
    }

.hd-table-title-content {
    height: 44px;
    background-color: #e7e7e7;
    padding: 0 10px;
    margin-bottom: 5px
}

    .hd-table-title-content .h-name {
        color: #222;
        font-size: 18px;
        font-weight: 700;
        line-height: 44px
    }

.turd-title-content {
    border: 1px solid #ddd;
    padding: 14px 14px 0;
    background-color: #f9f9f9;
    width: 100%
}

    .turd-title-content .turd-button {
        color: #fff;
        font-size: 13px;
        padding: 5px 20px;
        text-align: center;
        cursor: pointer;
        float: left;
        margin-right: 10px;
        margin-bottom: 14px
    }

    .turd-title-content .td-name {
        font-size: 22px;
        margin-bottom: 10px !important;
        font-weight: 700
    }

    .turd-title-content .td-address {
        font-size: 13px;
        margin-bottom: 10px !important;
        font-weight: 700;
        color: #444
    }

.turd-search-container .turd-tailormadefilter-content {
    background-color: #ffc652;
    padding: 25px 15px 15px;
    min-height: 420px
}

.tm-filter-search-button {
    background-color: #003466;
    color: #fff;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 100%;
    cursor: pointer
}

    .tm-filter-search-button:hover {
        background-color: #134e88
    }

.turd-search-container .turd-search-content {
    background-color: #eaeaea;
    padding: 15px;
    height: 90px
}

.turd-search-container .turd-search-button {
    height: 90px;
    line-height: 90px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer
}

.tm-filter-container {
    margin-top: 40px
}

@media (max-width:992px) {
    .turd-search-container .turd-search-content {
        height: auto
    }

    .turd-search-container .turd-search-button {
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        cursor: pointer
    }

    .tm-filter-container {
        margin-top: auto
    }
}

.turd-searchresult-container {
    margin-bottom: 15px
}

    .turd-searchresult-container .turd-sr-title {
        font-weight: 700;
        font-size: 20px !important;
        color: #333
    }

    .turd-searchresult-container .turd-sr-price {
        font-weight: 700;
        font-size: 18px !important
    }

    .turd-searchresult-container .gtabletopcell-desc {
        width: auto;
        font-size: 14px
    }

    .turd-searchresult-container .turd-buybutton, .turd-searchresult-container .turd-onrequestbutton {
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: 14px;
        padding: 0 20px;
        text-align: center;
        cursor: pointer;
        font-weight: 700
    }

    .turd-searchresult-container .gtabletopcell-small {
        width: 136px !important
    }

    .turd-searchresult-container .turd-buybutton {
        width: 100%;
        background-color: #0aa40e;
        margin: 5px auto
    }

    .turd-searchresult-container .turd-onrequestbutton {
        width: 100%;
        background-color: #d9534f;
        margin-left: auto;
        margin-right: auto
    }

    .turd-searchresult-container .horizontal-scrool {
        width: 100%
    }

.turdetail-pricetable-scroll {
    max-height: 500px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 10px
}

@media (max-width:810px) {
    .turd-searchresult-container .horizontal-scrool {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap
    }

    .turd-searchresult-container .gtabletopcell-small {
        width: 140px !important
    }
}

.turd-tourinfo-container {
    margin-bottom: 15px
}

    .turd-tourinfo-container .in-content {
        border: 1px solid #ddd;
        padding: 15px
    }

.turd-table-title-content {
    height: 44px;
    background-color: #e7e7e7;
    padding: 0 10px;
    margin-bottom: 5px
}

    .turd-table-title-content .turd-name {
        color: #222;
        font-size: 18px;
        font-weight: 700;
        line-height: 44px
    }

.turd-tailormale-title {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0 !important;
    background-color: #edf2f7;
    height: 40px;
    padding-left: 10px
}

.tailormade-title-Best {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 60px;
    background-color: #5dc2ff;
    height: 60px;
    padding-left: 10px;
    text-align: center;
    margin-bottom: 10px
}

.tailormade-title-Recommended {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 60px;
    background-color: #27ae60;
    height: 60px;
    padding-left: 10px;
    text-align: center;
    margin-bottom: 10px
}

.tailormade-title-Custom {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    background-color: #faaf05;
    height: 40px;
    padding-left: 10px;
    text-align: center;
    margin-bottom: 10px
}

.turd-package-title {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0 !important;
    background-color: #edf2f7;
    height: 40px;
    padding-left: 10px
}

.package-product-title {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 52px;
    margin-bottom: 0 !important;
    background-color: #edf2f7;
    height: 52px;
    padding-left: 10px
}

.package-title-Best {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 60px;
    background-color: #5dc2ff;
    height: 60px;
    padding-left: 10px;
    text-align: center;
    margin-bottom: 10px
}

.package-title-Recommended {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 60px;
    background-color: #27ae60;
    height: 60px;
    padding-left: 10px;
    text-align: center;
    margin-bottom: 10px
}

.package-title-Custom {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    background-color: #faaf05;
    height: 40px;
    padding-left: 10px;
    text-align: center;
    margin-bottom: 10px
}

.tm-fonttitle {
    font-size: 13px !important
}

.tm-fontsize {
    font-size: 12px !important
}

.tm-btnsize {
    padding: 3px 8px
}

.tmfilter-head {
    color: #fff;
    background: #07253F;
    padding: 10px
}

    .tmfilter-head h4 {
        line-height: 1.5;
        position: relative;
        color: #fff;
        font-size: 18px
    }

        .tmfilter-head h4:after {
            content: "\f0b0";
            background: #07253F none repeat scroll 0 0;
            border: 1px solid #0A3152;
            border-radius: 50%;
            font-family: "FontAwesome";
            height: 30px;
            left: 45%;
            position: absolute;
            top: 120%;
            width: 30px;
            z-index: 1;
            color: #fff
        }

.g-table {
    display: table;
    width: 100% !important;
    margin-bottom: 5px
}

.g-tablerow {
    display: table-row
}

.g-table-body {
    display: table-row-group
}

.g-tabletop {
    display: table-row
}

.g-tabletop-cell {
    height: 44px;
    line-height: 44px;
    background-color: #e7e7e7;
    border: 0;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 700
}

.g-tablecell, .g-tablecell:last-child {
    padding: 2px 8px;
    display: table-cell;
    vertical-align: middle
}

.g-tablecell {
    border: 1px solid #ccc;
    border-right: 0;
    font-size: 13px
}

    .g-tablecell:last-child {
        border: 1px solid #ccc
    }

.g-tablerow:last-child .g-tablecell {
    border-top: 0
}

.price-table {
    display: table;
    width: 100%
}

.price-tablerow {
    display: table-row
}

.price-table-heading {
    background-color: #EEE;
    display: table-header-group
}

.price-table-head, .price-tablecell {
    border: 1px solid #eaeaea;
    display: table-cell;
    padding: 3px 10px;
    vertical-align: middle
}

.d-table td, .d-table td:first-child {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ccc
}

.price-tablefoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: 700
}

.price-tablebody {
    display: table-row-group
}

.d-table {
    width: 99.9%;
    margin-bottom: 10px
}

    .d-table td {
        color: #333;
        text-align: center;
        padding-left: 3px;
        padding-right: 3px
    }

    .d-table .d-table-td-style {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        padding: 2px 1px !important;
        line-height: 18px
    }

    .d-table td:last-child {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #ccc
    }

    .d-table th {
        padding: 3px 6px;
        color: #fff;
        text-align: center;
        border: 1px solid #f2f2f2
    }

        .d-table th:first-child {
            border-left: 0
        }

        .d-table th:last-child {
            border-right: 0
        }

.g-offer-container {
    background-color: #f1f1f1;
    padding: 15px
}

    .g-offer-container .g-offer-content {
        background-color: #fff;
        padding: 5px;
        margin: 0 2px;
        height: 60px
    }

    .g-offer-container .select-content {
        color: #333;
        font-size: 12px
    }

        .g-offer-container .select-content a {
            color: #333 !important
        }

    .g-offer-container .g-offer-content img {
        width: 24% !important;
        max-height: 50px !important;
        height: 50px;
        float: left
    }

    .g-offer-container .g-offer-content .text-content {
        float: right;
        width: 74%
    }

    .g-offer-container .g-offer-content h5 {
        background-color: #fff;
        font-size: 12px !important;
        font-weight: 700;
        margin-bottom: 0 !important;
        height: 30px !important;
        overflow: hidden
    }

    .g-offer-container .g-offer-content .g-close {
        float: right;
        color: #333;
        cursor: pointer
    }

.user-profile {
    padding: 60px 0;
    overflow: hidden
}

.user-profile-tabs {
    margin-bottom: 40px
}

    .user-profile-tabs i {
        display: block;
        font-size: 24px;
        margin-bottom: 10px
    }

    .user-profile-tabs .nav-tabs > li {
        float: none !important;
        border-bottom: 2px solid #404040
    }

        .user-profile-tabs .nav-tabs > li a:hover {
            border: none;
            background: #F2676B
        }

        .user-profile-tabs .nav-tabs > li > a {
            background: #404040;
            border-radius: 0;
            color: #fff;
            font-weight: 700;
            line-height: 1.42857;
            padding: 20px 0;
            margin-right: 0;
            border: none
        }

.user-profile .user-name h3 {
    margin: 0 0 15px
}

.user-profile-tabs .nav-tabs > li.active > a, .user-profile-tabs .nav-tabs > li.active > a:focus {
    background: #F2676B;
    color: #fff;
    border: none
}

.user-profile .brief-info {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 5px #e6e6e6;
    padding: 20px 20px 0
}

    .user-profile .brief-info img {
        max-width: 100%;
        border-radius: 50%
    }

    .user-profile .brief-info h5 i {
        margin-right: 10px;
        color: #F2676B
    }

    .user-profile .brief-info h3 {
        margin-top: 0
    }

.user-profile .brief-info-footer {
    background: #e6e6e6;
    margin: 0 -20px;
    padding: 10px 15px 10px 30px
}

    .user-profile .brief-info-footer a {
        color: #07253F;
        margin-right: 10px;
        font-size: 13px
    }

        .user-profile .brief-info-footer a:hover {
            color: #F2676B
        }

        .user-profile .brief-info-footer a i {
            margin-right: 5px
        }

.most-recent-booking .field-entry .fa-star {
    color: #F19C4F;
    margin: 0
}

.most-recent-booking .field-entry {
    padding: 15px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6
}

    .most-recent-booking .field-entry p {
        margin: 0
    }

        .most-recent-booking .field-entry p i {
            margin: 0 5px
        }

    .most-recent-booking .field-entry a {
        color: #F2676B
    }

.confirmed {
    color: #093
}

.failed, .user-profile-offer .offer-left {
    color: #F2676B
}

.most-recent-booking {
    box-shadow: 0 0 5px #e6e6e6;
    overflow: hidden;
    margin: 40px 0;
    background: #fff
}

    .most-recent-booking h4, .user-change-password h4, .user-notification h4, .user-personal-info h4, .user-preference h4, .user-profile-offer h4 {
        background: #e6e6e6;
        margin: 0;
        padding: 15px
    }

.user-notification .notification-body, .user-profile-offer .offer-body {
    padding: 15px 15px 0;
    overflow: hidden
}

.user-profile-offer {
    box-shadow: 0 0 5px #e6e6e6;
    overflow: hidden;
    background: #fff
}

    .user-profile-offer .offer-body .offer-entry {
        overflow: hidden;
        margin-bottom: 20px
    }

    .user-profile-offer .offer-left p {
        font-size: 24px;
        font-weight: 600
    }

    .user-profile-offer .offer-right p {
        line-height: 1.6
    }

    .user-profile-offer .offer-right {
        border-left: 1px solid #e6e6e6
    }

    .user-profile-offer .offer-entry a {
        color: #F2676B;
        font-weight: 600
    }

.user-notification {
    margin: 40px 0;
    background: #fff
}

.notification-entry p {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6
}

    .notification-entry p i {
        color: #fff;
        background: #F2676B;
        padding: 5px;
        margin-right: 5px
    }

.item-entry {
    overflow: hidden;
    margin: 40px 0
}

    .item-entry span {
        background: #F2676B;
        display: inline-block;
        font-weight: 700;
        padding: 8px 20px;
        color: #fff
    }

.item-content {
    background: #fff;
    padding: 15px;
    overflow: hidden
}

    .item-content img {
        max-width: 100%
    }

    .item-content h4 {
        margin-top: 0;
        font-size: 16px;
        font-weight: 600
    }

        .item-content h4 i {
            color: #F19C4F
        }

    .item-content p {
        margin-bottom: 5px;
        line-height: 2
    }

    .item-content .confirmed i, .item-content .failed i {
        margin-right: 5px
    }

    .item-content a {
        background: #f2676b;
        color: #fff;
        display: inline-block;
        font-weight: 600;
        padding: 5px 15px
    }

.item-body {
    padding-bottom: 15px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6
}

.item-footer {
    padding-top: 10px
}

    .item-footer p {
        margin-bottom: 0
    }

    .item-footer a {
        display: inline-block;
        color: #f2676b;
        border: 2px solid #f2676b;
        background: 0 0;
        margin-left: 30px
    }

    .item-footer strong {
        margin: 0 5px 0 20px
    }

.completed span {
    background: #e6e6e6;
    color: #07253F
}

.card-entry, .user-add-card, .user-change-password, .user-personal-info, .user-preference {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 5px #e6e6e6
}

.change-password-body, .user-info-body {
    padding: 20px 5px;
    overflow: hidden
}

.user-change-password label, .user-personal-info label, .user-preference label {
    font-weight: 400
}

.user-change-password .form-control, .user-personal-info .form-control, .user-preference .form-control {
    border-radius: 0;
    margin-bottom: 15px;
    padding: 10px;
    height: 40px
}

.user-personal-info textarea {
    height: auto !important
}

.submit-complaint button, .user-add-card button, .user-change-password button, .user-personal-info button, .user-preference button {
    border: 0;
    color: #fff;
    background: #00adef;
    padding: 10px 20px;
    margin-top: 20px;
    font-weight: 700
}

.submit-complaint button, .user-add-card button, .user-change-password button, .user-preference button {
    margin-top: 5px
}

.user-personal-info a {
    background: #F2676B;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 20px
}

.user-preference {
    margin: 40px 0
}

    .user-preference .collapse {
        padding: 20px 5px;
        overflow: hidden
    }

.upload-pic {
    height: 30px
}

.card-entry {
    padding: 15px;
    margin-bottom: 40px
}

    .card-entry .pull-right a {
        margin: 0 5px;
        color: #07253F;
        font-size: 20px
    }

        .card-entry .pull-right a:hover {
            color: #F2676B
        }

    .card-entry .card-type {
        overflow: hidden
    }

        .card-entry .card-type h3 {
            margin-top: 0
        }

        .card-entry .card-type p {
            margin: 20px 0 0
        }

.primary-card span {
    color: #fff;
    background: #F2676B;
    display: block;
    padding: 5px 10px;
    margin-bottom: 10px
}

.primary-card h3 {
    margin-top: 0
}

.user-add-card {
    padding: 15px
}

    .user-add-card .form-control {
        border-radius: 0;
        height: 40px;
        padding: 10px;
        margin-bottom: 15px
    }

.recent-complaint h3 {
    margin: 30px 0 40px;
    position: relative
}

    .recent-complaint h3:after {
        content: "";
        width: 100px;
        height: 3px;
        background: #F2676B;
        position: absolute;
        top: 115%;
        left: 0
    }

.recent-complaint .nav-tabs > li > a {
    font-size: 16px;
    color: #07253F
}

.recent-complaint .tab-content {
    background: #fff;
    padding: 20px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

    .recent-complaint .tab-content a {
        color: #07253F
    }

        .recent-complaint .tab-content a:hover {
            color: #00adef
        }

        .recent-complaint .tab-content a span {
            font-weight: 600
        }

    .recent-complaint .tab-content p:nth-child(2n+1) {
        background: #f7f7f7;
        margin: 0;
        padding: 15px
    }

    .recent-complaint .tab-content p:nth-child(2n+0) {
        background: #e6e6e6;
        margin: 0;
        padding: 15px
    }

.submit-complaint {
    overflow: hidden;
    background: #fff;
    padding: 20px 5px
}

    .submit-complaint .form-control {
        border-radius: 0;
        height: 40px;
        padding: 10px;
        margin-bottom: 20px
    }

    .submit-complaint textarea {
        height: auto !important
    }

@media (max-width:767px) {
    .item-content img {
        margin-bottom: 20px
    }
}

.general-modal {
    position: relative;
    width: 700px;
    margin: 0 auto;
    padding: 10px;
    background-color: #fff;
    min-height: 250px
}

@media (max-width:992px) {
    .general-modal {
        width: 96%
    }
}

.tailormade-filtern-content {
    padding: 15px;
    background-color: #f3f3f3
}

.tailormade-filtern-title {
    height: 40px;
    padding-left: 15px;
    color: #fff;
    background-color: #003466;
    line-height: 40px
}

.tailormade-filtern-location-content {
    border: solid 1px #ccc;
    font-size: 13px
}

    .tailormade-filtern-location-content .child-location {
        padding: 0 12px;
        border-right: dashed 1px #ccc;
        float: left;
        margin: 5px 0
    }

    .tailormade-filtern-location-content .button-child-location {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        background-color: #ed8323;
        color: #fff;
        float: right;
        margin: 10px
    }

.package-pro-title {
    font-size: 18px !important;
    font-weight: 700
}

.package-divTable {
    display: table;
    width: 100%
}

.package-divTableRow {
    display: table-row
}

.package-divTableHeading {
    background-color: #EEE;
    display: table-header-group
}

@media (min-width: 992px) {
    .package-divTableCell, .package-divTableHead {
        display: table-cell
    }
}

.package-divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: 700
}

.package-divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: 700
}

.package-divTableBody {
    display: table-row-group
}

.package-cell-width {
    width: 75%;
    border-right-color: #c1c1c1;
    border-right-style: dashed;
    border-right-width: 1px
}

.package-cell-middle {
    vertical-align: middle
}

@media (max-width: 992px) {
    .package-divTable {
        display: normal
    }

    .package-divTableRow {
        display: normal
    }

    .package-divTableBody {
        display: normal
    }

    .package-cell-width {
        width: inherit;
        border-right-width: 0
    }
}

#PriceDatepicker {
    z-index: 5;
    position: absolute;
    top: 57px
}

    #PriceDatepicker select {
        height: 26px;
        line-height: 26px
    }

    #PriceDatepicker .ui-widget-content {
        width: 390px
    }

    #PriceDatepicker .ui-datepicker-calendar td {
        height: 48px !important;
        width: 45px !important;
        border: solid 1px #d3d3d3;
        padding: 0
    }

        #PriceDatepicker .ui-datepicker-calendar td:first-child {
            border-left: none
        }

        #PriceDatepicker .ui-datepicker-calendar td:last-child {
            border-right: none
        }

    #PriceDatepicker .ui-datepicker-calendar tr:last-child td {
        border-bottom: none
    }

    #PriceDatepicker .ui-datepicker-calendar td a {
        height: 46px;
        width: 100%;
        padding: 3px;
        text-align: left
    }

    #PriceDatepicker .ui-datepicker td span {
        text-align: left
    }

    #PriceDatepicker .ui-datepicker-header {
        background-color: #fff
    }

    #PriceDatepicker .ui-state-disabled {
        background-color: #ccc;
        vertical-align: top
    }

    #PriceDatepicker .ui-state-active:after {
        color: #fff
    }

.ui-datepicker td a:after {
    content: "";
    display: block;
    text-align: right;
    color: #222;
    font-weight: 700;
    font-size: 9px;
    margin-top: 1px;
    line-height: 12px
}

.flight-list-color-Promotion {
    border-left: 3px solid #f9676b
}

.flight-list-color-First {
    border-left: 3px solid #2f7af8
}

.flight-list-color-Business {
    border-left: 3px solid #9E7DD3
}

.flight-list-color-Economy {
    border-left: 3px solid #009f8b
}

.flight-list-color-PremiumFirst {
    border-left: 3px solid #2f7af8
}

.flight-list-color-PremiumCoach {
    border-left: 3px solid #009f8b
}

.flight-list-color-Protocol {
    border-left: 3px solid #F7941D
}

.btn-toltip-question {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    font-size: 12px;
    border: solid 1px #ddd;
    padding: 0 4px;
    cursor: pointer
}

.custom-tooltip {
    display: inline-block;
    position: relative;
    text-align: left
}

    .custom-tooltip h3 {
        margin: 12px 0
    }

    .custom-tooltip .right {
        min-width: 350px;
        max-width: 400px;
        top: 50%;
        left: 100%;
        margin-left: 5px;
        transform: translate(0,-50%);
        padding: 0;
        color: #EEE;
        background-color: #444;
        font-weight: 400;
        font-size: 13px;
        border-radius: 4px;
        position: absolute;
        z-index: 99999999;
        box-sizing: border-box;
        box-shadow: 0 1px 8px rgba(0,0,0,0.5);
        visibility: hidden;
        opacity: 0;
        transition: opacity .8s
    }

    .custom-tooltip:hover .right {
        visibility: visible;
        opacity: 1
    }

    .custom-tooltip .right img {
        width: 400px;
        border-radius: 8px 8px 0 0
    }

    .custom-tooltip .text-content {
        padding: 10px 20px
    }

    .custom-tooltip .right i {
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -12px;
        width: 12px;
        height: 24px;
        overflow: hidden
    }

        .custom-tooltip .right i::after {
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            left: 0;
            top: 50%;
            transform: translate(50%,-50%) rotate(-45deg);
            background-color: #444;
            box-shadow: 0 1px 8px rgba(0,0,0,0.5)
        }

.myCustomScrollbar {
    margin-bottom: 5px;
    overflow: auto
}

.policies-cancellation {
    float: left;
    position: relative
}

    .policies-cancellation .l-span {
        position: absolute;
        font-size: 11px;
        margin-top: -25px
    }

    .policies-cancellation .r-span {
        position: absolute;
        right: 0;
        font-size: 11px;
        margin-top: -25px
    }

    .policies-cancellation .bar {
        background-image: linear-gradient(to right,#83b90b,#76a709,#6a9508,#5d8406,#517305);
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        position: relative
    }

        .policies-cancellation .bar:before {
            content: '';
            position: absolute;
            display: block;
            height: 35px;
            width: 2px;
            background-image: linear-gradient(to right,#83b90b,#76a709,#6a9508,#5d8406,#517305);
            z-index: 1;
            margin-top: -5px
        }

        .policies-cancellation .bar:after {
            content: '';
            position: absolute;
            display: block;
            height: 35px;
            width: 2px;
            background-image: linear-gradient(to right,#83b90b,#76a709,#6a9508,#5d8406,#517305);
            z-index: 1;
            margin-top: -35px;
            right: 0
        }

.policies-intermediate {
    float: left;
    position: relative
}

    .policies-intermediate .l-span {
        position: absolute;
        font-size: 11px;
        margin-top: -25px
    }

    .policies-intermediate .bar {
        background-image: linear-gradient(to right,#ff9b00,#ff8a00,#ff7800,#ff6500,#ff4e00);
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: 12px;
        text-align: center
    }

        .policies-intermediate .bar:before {
            content: '';
            position: absolute;
            display: block;
            height: 35px;
            width: 2px;
            background-image: linear-gradient(to right,#ff9b00,#ff8a00,#ff7800,#ff6500,#ff4e00);
            z-index: 1;
            margin-top: -5px
        }

        .policies-intermediate .bar:after {
            content: '';
            position: absolute;
            display: block;
            height: 35px;
            width: 2px;
            background-image: linear-gradient(to right,#ff9b00,#ff8a00,#ff7800,#ff6500,#ff4e00);
            z-index: 1;
            margin-top: -35px;
            right: 0
        }

.policies-penalty {
    float: left;
    position: relative
}

    .policies-penalty .l-span {
        position: absolute;
        font-size: 11px;
        margin-top: -25px
    }

    .policies-penalty .r-span {
        position: absolute;
        right: 0;
        font-size: 11px;
        margin-top: -25px
    }

    .policies-penalty .bar {
        position: relative;
        background-image: linear-gradient(to right,#f21712,#e41611,#d71611,#c91510,#bc140f);
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: 12px;
        text-align: center
    }

        .policies-penalty .bar:before {
            content: '';
            position: absolute;
            display: block;
            height: 35px;
            width: 2px;
            background-image: linear-gradient(to right,#f21712,#e41611,#d71611,#c91510,#bc140f);
            z-index: 1;
            margin-top: -5px
        }

        .policies-penalty .bar:after {
            content: '';
            position: absolute;
            display: block;
            height: 35px;
            width: 2px;
            background-image: linear-gradient(to right,#f21712,#e41611,#d71611,#c91510,#bc140f);
            z-index: 1;
            margin-top: -35px;
            right: 0
        }

.margin-minus-l {
    margin-left: -45px
}

.hotel-feature-content .fa-icon-con {
    width: 5%;
    margin-right: 1%;
    float: left;
    font-size: 20px;
    text-align: center;
    padding-top: 5px;
    position: relative
}

.hotel-feature-content .with-category-con {
    width: 94%;
    float: right;
    padding-left: 20px;
    border-left: solid 1px #eee
}

.hotel-feature-content h4 {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-bottom: 5px !important
}

.hotel-feature-content .non-bullet-list {
    line-height: 25px;
    width: 100%;
    display: inline-block;
    zoom: 1;
    margin: 0;
    list-style: none;
    outline: 0;
    padding: 0
}

    .hotel-feature-content .non-bullet-list:after {
        clear: both
    }

    .hotel-feature-content .non-bullet-list .bulletlist-item {
        width: 32%;
        padding: 0 20px 0 0;
        float: left;
        font-size: 12px
    }

        .hotel-feature-content .non-bullet-list .bulletlist-item i {
            font-size: 12px
        }

.type-enum-Unknown {
    color: #222
}

.type-enum-Free {
    color: #398439
}

.type-enum-Paid {
    color: red
}

@media (max-width: 768px) {
    .hotel-feature-content .fa-icon-con {
        width: 8%
    }

    .hotel-feature-content .with-category-con {
        width: 90%
    }

    .hotel-feature-content .non-bullet-list .bulletlist-item {
        width: 46%
    }
}

.h-table-responsive {
    overflow-x: scroll
}

.room-table-responsive {
    overflow-x: scroll
}

@media (max-width: 768px) {
    .room-table-responsive .divTable {
        min-width: 700px
    }
}

.air-branded-container .incontent-title {
    background-color: #e6e6e6;
    color: #333;
    font-weight: 700 !important;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
    font-size: 12px !important;
    line-height: 14px
}

.air-branded-container .ai-title {
    padding: 0 10px;
    line-height: 34px;
    height: 34px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.air-branded-container .ai-content {
    border: 1px solid #e6e6e6;
    padding: 10px;
    border-top: 0
}

    .air-branded-container .ai-content .ai-row {
        line-height: 16px;
        padding: 3px 0;
        border-bottom: dashed 1px #e6e6e6;
        color: #555;
        font-size: 11px
    }

    .air-branded-container .ai-content .ai-price {
        padding-top: 10px;
        color: #333;
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px
    }

    .air-branded-container .ai-content .ai-button {
        padding: 5px 0;
        font-size: 16px;
        color: #fff;
        text-align: center;
        width: 100%;
        cursor: pointer;
        margin: 0 auto;
        background-color: #30a0ea;
        font-weight: 700
    }

        .air-branded-container .ai-content .ai-button:hover {
            background-color: #57aee8
        }

    .air-branded-container .ai-content .ai-button-active {
        background-color: #7d868c !important
    }

    .air-branded-container .ai-content i {
        border-radius: 100px;
        width: 18px;
        height: 18px;
        text-align: center;
        padding-top: 4px
    }

    .air-branded-container .ai-content .ai-color-Included {
        color: #fff;
        margin-right: 5px;
        background-color: #398439
    }

    .air-branded-container .ai-content .ai-color-Paid {
        color: #fff;
        margin-right: 5px;
        background-color: #9e56b1
    }

    .air-branded-container .ai-content .ai-color-Excluded {
        color: #fff;
        margin-right: 5px;
        background-color: red
    }

.air-branded-buy-button {
    padding: 8px 15px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 100%;
    cursor: pointer;
    margin: 0 auto;
    background-color: #398439;
    font-weight: 700
}

    .air-branded-buy-button:hover {
        color: #fff
    }

.air-branded-container .branded-generaltitle {
    color: #333;
    font-size: 14px
}

.brandedcarousel .owl-controls .owl-pagination {
    margin-top: 10px
}

.brandedcarousel .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.brandedcarousel .owl-controls .owl-page, .brandedcarousel .owl-controls .owl-buttons div {
    cursor: pointer;
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

    .brandedcarousel .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        opacity: .5;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        filter: alpha(opacity=50);
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #ed8323;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        transition: .3s
    }

#branded-fare-modal .modal-dialog {
    width: 980px !important;
    margin: 60px auto 0
}

    #branded-fare-modal .modal-dialog .owl-nav {
        display: none
    }

@media (max-width:992px) {
    #branded-fare-modal .modal-dialog {
        width: 94% !important;
        margin: 10px auto 0
    }
}

.branded-fare-description-content {
    background-color: #dfdfdf;
    padding: 5px;
    color: #333;
    margin: 2px 0px;
    border-radius: 3px;
    font-size: 12px;
    position: relative;
}

    .branded-fare-description-content .mbbtnclose {
        right: 5px;
        top: 5px;
        position: absolute;
    }

#no-more-tables th {
    background-color: #e7e7e7 !important;
    font-size: 15px;
    border: 0 !important
}

#no-more-tables th, #no-more-tables td {
    padding: 10px 5px
}

@media (max-width:992px) {
    #no-more-tables table {
        border: 0 !important
    }
}

@media only screen and (max-width: 800px) {
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
        display: block
    }

        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px
        }

    #no-more-tables tr {
        border: 1px solid #ccc
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left
    }

        #no-more-tables td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: 700;
            content: attr(data-title)
        }
}

.categoryIconColor {
    color: #C94038;
    vertical-align: top
}

.tourIconColor {
    color: #f48f00;
    vertical-align: top
}

.departurePointIconColor {
    color: #007FAF;
    vertical-align: top
}

.locationIconColor {
    color: #007FAF;
    vertical-align: top
}

.tt-suggestion:hover i {
    color: #fff;
    vertical-align: top
}

.tt-typesize {
    font-size: 10.5px !important;
    position: absolute;
    right: 10px
}

.autocomplete-width {
    width: 70%;
    display: inline-block
}

#B2CAnnouncementModal .modal-dialog, #B2CAnnouncementModal .modal-dialog {
    margin-top: 90px;
}

    #B2CAnnouncementModal .modal-dialog, #B2CAnnouncementModal .modal-dialog .modal-content {
        width: 900px !important
    }

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

    #B2CAnnouncementModal .modal-dialog, #B2CAnnouncementModal .modal-dialog {
        margin-top: 20px !important;
    }

        #B2CAnnouncementModal .modal-dialog, #B2CAnnouncementModal .modal-dialog .modal-content {
            width: 98% !important
        }
}

.tabs-left > .nav-tabs {
    border-bottom: 0
}

.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: none
}

.tab-content > .active, .pill-content > .active {
    display: block
}

.tabs-left > .nav-tabs > li {
    float: none
}

    .tabs-left > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
        line-height: 12px
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 0;
    border-right: 1px solid #ddd
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }

        .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
            border-color: #eee #ddd #eee #eee
        }

    .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
        border-color: #ddd transparent #ddd #ddd;
        *border-right-color: #fff
    }

@media (max-width:992px) {
    .payment-tab-response {
        float: left;
        width: 85%
    }
}

.package-children-totalprice-container {
    background-color: #f1f1f1;
    font-size: 14px;
    font-weight: 400;
    border-top: 1px solid #e6e6e6
}

    .package-children-totalprice-container .pricetext {
        line-height: 30px;
        color: #333;
        font-weight: 700;
        text-align: right
    }

    .package-children-totalprice-container .pricecontent {
        background-color: #2795ae;
        line-height: 30px;
        color: #fff;
        font-weight: 700;
        float: right;
        text-align: center
    }

.airline-filter img, .rentacar-filter img {
    max-width: 40px;
    max-height: 40px;
    margin-right: 2px
}

.productloading-textcontent {
    font-size: 40px;
    margin-bottom: 20px
}

#displayinfo-modal .modal-dialog {
    width: 800px
}

@media (max-width:992px) {
    .productloading-textcontent {
        font-size: 24px
    }

    #displayinfo-modal .modal-dialog {
        width: 98%
    }
}

.productModalContant {
    width: 800px;
    margin: 0 auto;
    margin-top: 30px
}

    .productModalContant.mobile {
        width: 98%;
        margin: 0 auto;
        margin-top: 30px
    }

    .productModalContant .closebutton {
        padding: 10px;
        font-size: 20px;
        float: right;
        cursor: pointer
    }

.percentasyncconteiner {
    box-sizing: content-box;
    height: 30px;
    position: relative;
    background: #555;
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    position: relative
}

    .percentasyncconteiner .perpentcontent {
        height: 30px;
        width: 5%;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        line-height: 30px;
        color: #fff
    }

    .percentasyncconteiner .ptext {
        height: 30px;
        width: 100%;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        line-height: 30px;
        color: #fff;
        position: absolute;
        z-index: 10
    }

    .percentasyncconteiner > span {
        display: block;
        height: 100%;
        background-color: #2bc253;
        background-image: linear-gradient(center bottom,#2bc253 37%,#54f054 69%);
        box-shadow: inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden
    }

        .percentasyncconteiner > span:after, .animate > span > span {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);
            z-index: 1;
            background-size: 50px 50px;
            animation: move 2s linear infinite;
            overflow: hidden
        }

.animate > span:after {
    display: none
}

@keyframes move {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 50px 50px
    }
}

.orange > span {
    background-image: linear-gradient(to right,#f36d0a,#F7941D)
}

.nostripes > span > span, .nostripes > span::after {
    background-image: none
}

#page-wrap {
    width: 490px;
    margin: 80px auto
}


/*Rentacar Addinationservice*/

.rentacaraddination-pagecontent {
    background-color: #ebebeb;
    width: 100%;
    padding: 40px 0px;
}

    .rentacaraddination-pagecontent .rentacar-extra-service-scroll {
        max-height: 900px;
    }

    .rentacaraddination-pagecontent .addination-container {
        background-color: #fff;
        width: 1000px;
        margin: 0 auto;
        padding: 50px 40px 40px 40px;
        color: #222;
        font-family: 'Open Sans', Tahoma, Arial, helvetica, sans-serif;
        font-size: 14px;
        position: relative;
    }

        .rentacaraddination-pagecontent .addination-container .vechilestyle {
            margin-bottom: 15px;
        }

        .rentacaraddination-pagecontent .addination-container .vechilestyle-title {
            padding: 10px 0;
            font-size: 18px;
            text-align: left;
            font-weight: 100;
            color: #ff7d19;
            /*   white-space: nowrap;*/
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: 500;
            border-bottom: dashed 1px #ddd;
            margin-bottom: 15px;
        }

            .rentacaraddination-pagecontent .addination-container .vechilestyle-title span {
                font-size: 14px;
                color: #555 !important;
                font-weight: normal;
            }

        .rentacaraddination-pagecontent .addination-container .propertiy-title {
            font-size: 14px;
            text-align: left;
            color: #555;
            font-weight: 700;
            margin-bottom: 5px !important;
        }

        .rentacaraddination-pagecontent .addination-container .propertiy-text {
            line-height: 18px;
            font-size: 13px;
            margin-bottom: 20px
        }

        .rentacaraddination-pagecontent .addination-container .propertiy-istyle {
            height: 35px;
            width: 35px;
            font-size: 18px;
            color: #777;
            font-style: normal;
        }

        .rentacaraddination-pagecontent .addination-container .propertiy-icontent {
            width: 38px;
            height: 38px;
            text-align: center;
            line-height: 38px;
            border: 1px solid #dee2ea;
            border-radius: 5px;
        }

        .rentacaraddination-pagecontent .addination-container .propertiy-hr {
            border-bottom: dashed 1px #ddd;
            margin-bottom: 15px;
            margin-top: 15px;
        }

        .rentacaraddination-pagecontent .addination-container .rental-condition {
            padding: 5px;
            background-color: #d9534f;
            color: #fff;
            text-align: center;
            display: block;
            cursor: pointer;
        }

        .rentacaraddination-pagecontent .addination-container .addination-title {
            padding: 0;
            font-size: 24px;
            text-align: left;
            color: #ff7d19;
            font-weight: 500;
            margin-bottom: 10px;
            margin-top: 0px;
        }

        .rentacaraddination-pagecontent .addination-container .totalpricecontainer {
        }

        .rentacaraddination-pagecontent .addination-container .addination-title-price {
            padding: 10px 0;
            font-size: 20px;
            text-align: right;
            color: #ff7d19;
            font-weight: bold
        }

            .rentacaraddination-pagecontent .addination-container .addination-title-price .currencycode {
                padding: 10px 0;
                font-size: 14px;
                text-align: right;
            }

        .rentacaraddination-pagecontent .addination-container .addination-total-price {
            padding: 5px;
            font-size: 20px;
            text-align: center;
            color: #ff7d19;
        }

            .rentacaraddination-pagecontent .addination-container .addination-total-price .totalpricecur {
                font-size: 16px;
                color: #666;
            }


        .rentacaraddination-pagecontent .addination-container .addination-total-price-text {
            padding: 5px;
            font-size: 16px;
            text-align: center;
            color: #555;
            font-weight: bold;
            text-decoration: underline
        }

        .rentacaraddination-pagecontent .addination-container .addination-buy-button {
            padding: 10px;
            background-color: #21ba1a;
            color: #fff;
            text-align: center;
            display: block;
            font-size: 16px;
            width: 90%;
            margin: 0 auto 10px auto;
            cursor: pointer;
        }

            .rentacaraddination-pagecontent .addination-container .addination-buy-button:hover {
                background-color: #1fad18;
            }

        .rentacaraddination-pagecontent .addination-container .btn-backlist {
            text-decoration: underline;
            position: absolute;
            right: 40px;
            margin-top: -30px;
        }

.padding-list-right {
    padding-right: 20px;
    margin-bottom: 30px
}

@media (max-width:992px) {
    .rentacaraddination-pagecontent .addination-container {
        width: 100%;
    }

    .padding-list-right {
        padding-right: 0px;
    }

    .rentacaraddination-pagecontent .addination-container .addination-buy-button {
        width: 100%;
    }

    .rentacaraddination-pagecontent .addination-container .totalpricecontainer {
        position: fixed;
        bottom: 0px;
        background-color: #fff;
        z-index: 10
    }

    .rentacaraddination-pagecontent .addination-container .addination-title {
        margin-top: 15px;
    }
}



/*ExtraServiceDetail*/

.extra-service-detail-content {
}

    .extra-service-detail-content .extitle {
        padding: 5px 10px;
        color: #fff;
        margin-bottom: 5px;
    }

    .extra-service-detail-content .box-content {
        background-color: #f2f4f7;
        padding: 10px 15px;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 17px;
        border: solid 2px #f2f4f7;
        color: #333;
    }

        .extra-service-detail-content .box-content.boxmandatory {
            background-color: #fff3ea;
            border: solid 2px #fcdec7 !important;
        }

        .extra-service-detail-content .box-content .detail {
            font-size: 12px;
            cursor: pointer;
        }

        .extra-service-detail-content .box-content:hover {
            border: solid 2px #dbdbdb;
        }

        .extra-service-detail-content .box-content .drpcount {
            background-color: #fff;
        }

        .extra-service-detail-content .box-content .service-description {
            padding: 7px;
            border: dashed 1px #dbdbdb;
            margin-top: 10px;
            border-radius: 3px;
            background-color: #fff;
            font-size: 12px;
        }

        .extra-service-detail-content .box-content .pricestyle {
            font-size: 12px;
        }

        .extra-service-detail-content .box-content .pricestylecur {
            font-size: 11px;
            color: #666 !important;
            font-style: normal !important;
        }

    .extra-service-detail-content .totalprice {
        font-size: 18px;
    }


    .extra-service-detail-content .box-content .btncount {
        height: 30px;
        float: left;
        background-color: #ff7d19c9;
        width: 20px;
        color: #fff;
        text-align: center;
        line-height: 30px;
        font-size: 12px;
        cursor: pointer;
    }

        .extra-service-detail-content .box-content .btncount:hover {
            background-color: #df7f34;
        }

    .extra-service-detail-content .box-content .checkstyle {
        color: #1fad18;
        font-size: 18px
    }

    .extra-service-detail-content .box-content .infocount {
        height: 30px;
        float: left;
        background-color: #fff;
        width: 28px;
        color: #555;
        text-align: center;
        line-height: 30px;
    }

        .extra-service-detail-content .box-content .infocount.mandatory {
            height: 30px;
            background-color: #f2f4f7;
            width: 70px;
            color: #555;
            text-align: center;
            line-height: 30px;
            border: solid 1px #dfdfdf;
        }





/*Branded Fares Mobile Style */

.mobilebrandedfares-container {
    font-family: 'Roboto', sans-serif !important;
    background-color: #E9E9E9;
}

    .mobilebrandedfares-container .owl-pagination {
        display: block !important;
    }

    .mobilebrandedfares-container.mbdomestic {
        background-color: #fff;
        margin-top: 10px;
    }

    .mobilebrandedfares-container .mbfbacklink {
        text-align: center;
        margin: 10px 0px;
    }

        .mobilebrandedfares-container .mbfbacklink a {
            font-size: 14px;
            color: #555;
            /*font-weight: bold;*/
        }

            .mobilebrandedfares-container .mbfbacklink a:hover {
                color: #999;
                text-decoration: underline
            }


    .mobilebrandedfares-container .mbflegtitlecontent {
        background-color: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 10px;
        margin: 0px 0px 20px 0px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(150,150,150,0.6);
        -moz-box-shadow: 0px 0px 5px 0px rgba(150,150,150,0.6);
        box-shadow: 0px 0px 5px 0px rgba(150,150,150,0.6);
    }

        .mobilebrandedfares-container .mbflegtitlecontent.mbweb {
            background-color: #fff;
            border-radius: 10px;
            width: 96%;
            margin: 0px auto 20px auto;
            box-shadow: none !important;
            border: 1px solid #eeeeee;
        }

        .mobilebrandedfares-container .mbflegtitlecontent.mbtopfixed {
            position: fixed;
            top: 0;
            width: 100%;
        }

        .mobilebrandedfares-container .mbflegtitlecontent h4 {
            color: #ed8323;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 5px;
            /*      text-decoration: underline*/
        }

        .mobilebrandedfares-container .mbflegtitlecontent .mblifgtinfo {
            color: #707070;
            font-size: 14px;
            padding: 0px 10px;
        }

    .mobilebrandedfares-container .mbbox-content {
        padding: 10px 16px;
        margin: 0px auto;
        width: 90%;
        -webkit-box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.6);
        -moz-box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.6);
        box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.6);
        border-radius: 8px;
        margin-bottom: 10px;
        border: solid 1px #fff;
        border-left: solid 8px #FEE75E;
        background-color: #fff;
    }

        .mobilebrandedfares-container .mbbox-content.mbweb {
            padding: 10px 16px;
            margin: 0px auto;
            width: 98%;
            margin-bottom: 10px;
        }


    .mobilebrandedfares-container.mbdomesticcontent {
        background-color: #fff;
        margin-top: 10px;
    }

    .mobilebrandedfares-container .mbbox-content.mbdomestic {
        width: 96%;
        position: relative;
    }

        .mobilebrandedfares-container .mbbox-content.mbdomestic:hover {
            background-color: #fafafa;
            cursor: pointer;
        }

        .mobilebrandedfares-container .mbbox-content.mbdomestic.active {
            background-color: #fafafa !important;
        }

    /*        .mobilebrandedfares-container .mbbox-content.mbbox-extrafly {
            border-left: solid 8px #fed4b9;
        }*/

    .mobilebrandedfares-container .mbbox-content .mbbuyradiobutton {
        appearance: none;
        width: 20px;
        height: 20px;
        border: 2px solid #999;
        border-radius: 50%;
        background-clip: content-box;
        padding: 3px;
        position: absolute;
        right: 30px;
        top: 20px;
        margin: 0;
        cursor: pointer;
    }

        .mobilebrandedfares-container .mbbox-content .mbbuyradiobutton.active {
            background-color: #13c20f
        }

    .mobilebrandedfares-container .mbbox-content h4 {
        color: #707070;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }

        .mobilebrandedfares-container .mbbox-content h4.mbweb {
            font-size: 15px;
        }

    .mobilebrandedfares-container .mbbox-content {
        margin-bottom: 10px;
    }

        .mobilebrandedfares-container .mbbox-content .mbscroll {
            height: 104px;
            overflow: hidden;
        }

        .mobilebrandedfares-container .mbbox-content .mbrow {
            font-size: 12px;
            color: #707070;
            line-height: 17px;
        }

            .mobilebrandedfares-container .mbbox-content .mbrow.mbdomestic {
                font-size: 12px;
            }

        .mobilebrandedfares-container .mbbox-content .mbrow-overflowhidden {
            max-height: 50px;
            overflow: hidden;
        }

        .mobilebrandedfares-container .mbbox-content .hiddencontentmbweb {
            height: 80px;
        }

        .mobilebrandedfares-container .mbbox-content .mbfooter {
            margin-top: 5px;
            color: #707070;
        }

        .mobilebrandedfares-container .mbbox-content .mb-color-Included {
            color: #fff;
            margin-right: 5px;
            color: #398439
        }

        .mobilebrandedfares-container .mbbox-content .mb-color-Paid {
            color: #fff;
            margin-right: 5px;
            color: #9e56b1
        }

        .mobilebrandedfares-container .mbbox-content .mb-color-Excluded {
            color: #fff;
            margin-right: 5px;
            color: red
        }




        .mobilebrandedfares-container .mbbox-content .mbfooter .mbmoreinfo {
            font-size: 12px;
            cursor: pointer;
        }

        .mobilebrandedfares-container .mbbox-content .mbfooter .mbprice {
            font-size: 16px;
            font-weight: bold;
            margin-right: 2px;
        }

        .mobilebrandedfares-container .mbbox-content .mbfooter .mbbtnselect {
            padding: 5px 10px;
            font-size: 12px;
            color: #fff;
            background-color: #707070;
            border-radius: 3px;
            margin-left: 10px;
            cursor: pointer;
            text-decoration: none !important;
        }

            .mobilebrandedfares-container .mbbox-content .mbfooter .mbbtnselect.active {
                background-color: #398439;
            }

.mbtotalprice-container {
    padding: 10px 16px;
    margin: 0px auto;
    width: 90%;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.6);
    -moz-box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.6);
    box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.6);
    border-radius: 8px;
    margin-bottom: 10px;
    border: solid 1px #fff;
    background-color: #fff;
    text-align: center;
}

    .mbtotalprice-container.mbweb {
        padding: 10px 16px;
        margin: 0px auto 15px auto;
        width: 100%;
        border-radius: 0px;
        border: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .mbtotalprice-container .mbtotalprice {
        font-size: 16px;
        font-weight: bold;
        margin-right: 2px;
    }

    .mbtotalprice-container .mbbtncontinue {
        padding: 6px 18px;
        font-size: 14px;
        color: #fff;
        background-color: #398439;
        border-radius: 3px;
        margin-left: 10px;
        text-decoration: none !important;
        cursor: pointer;
    }

.bbranded-fare-owl-carousel {
    padding: 0px 20px !important;
}


/*END Branded Fares Mobile Style */



.csfooter-mediaitem {
    height: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
    border-radius: 6px;
}

    .csfooter-mediaitem img {
        height: 60px !important;
        width: auto !important;
    }





@media (max-width:777px) {

    .csfooter-mediaitem {
        height: 40px;
        margin-top: 20px;
    }

        .csfooter-mediaitem img {
            height: 40px !important;
        }
}


.leaflet-mapautocomplate-content {
    position: absolute;
    z-index: 999;
    width: 500px;
    left: 80px;
    margin-top: 20px
}

    .leaflet-mapautocomplate-content .tt-dropdown-menu {
        margin-top: 0px !important;
    }

.leaflet-container a.leaflet-popup-close-button {
    top: -15px !important;
    right: -130px !important;
}

@media (max-width:700px) {

    .leaflet-mapautocomplate-content {
        width: 200px !important;
    }
}


.footerparent {
    text-align: center;
}

    .footerparent .footercontentdiv {
        display: inline-block;
    }

.payment-disabled-button {
    pointer-events: none;
    opacity: 0.4;
}

@media (max-width:992px) {

    .mfp-content {
        vertical-align: top !important;
        min-height: 500px;
    }
}



.tour-mobile-prices {
    display: flex;
}

    .tour-mobile-prices .tmp-item {
        margin: 10px;
        width: 80%;
    }

        .tour-mobile-prices .tmp-item .turd-onrequestbutton, .tour-mobile-prices .tmp-item .turd-buybutton {
            width: 70%;
        }

    .tour-mobile-prices .img-content {
        width: 30%;
    }


.roomGrid__grid {
    display: grid;
    gap: 20px;
    grid-template-columns: auto 200px;
}

@media (max-width: 1400px) {
    .roomGrid__grid {
        grid-template-columns: auto 180px;
    }
}

@media (max-width: 1199px) {
    .roomGrid__grid {
        grid-template-columns: auto;
    }

        .roomGrid__grid > *:nth-child(2) {
            grid-column: 2 span;
        }
}

@media (max-width: 991px) {
    .roomGrid__grid {
        grid-template-columns: auto;
        display: inherit;
    }

        .roomGrid__grid > *:nth-child(2) {
            grid-column: 2 span;
        }
}

}

@media (max-width: 767px) {
    .roomGrid__grid {
        grid-template-columns: auto;
    }

        .roomGrid__grid > *:nth-child(1) {
            display: block;
            align-items: unset;
        }

            .roomGrid__grid > *:nth-child(1) > *:first-child {
                min-width: auto;
                width: 100%;
                margin-right: 0;
            }
}

.roomGrid__content {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 10px;
}

@media (max-width: 767px) {
    .roomGrid__content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.f-middle {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tour-desc {
    text-align: justify;
    font-size: 12px;
}

.border-dashed {
    border-right: dashed 1px #ddd;
}

.guest-img {
    height: 35px;
    width: 20px;
    text-align: center;
    font-size: 19px;
    color: #686868;
    margin-top: 5px;
}
.refund-icon {
    margin-left:3px;
    font-size:12px;
    padding:1px 3px;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #686868;
    text-align: center;
    line-height: 35px;
}

.payment-error-title {
    font-weight: bold;
}

.payment-error-detail {
    font-weight: normal;
    font-size: 13px;
    padding-left: 15px;
    margin-bottom: 7px
}

.lbl-advance-currency {
    right: 20px;
    position: absolute;
    z-index: 2;
    line-height: 34px;
}
.search-person-icon {
    cursor: pointer;
}
.chb-want-invoice {
    float: left;
    margin-left: -1.5em;
    width: 18px;
    height: 18px;
    border: solid 1px #DDDDDD;
    cursor: pointer;
    margin-top: 8px;

}


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

.y-gap-10 {
    margin-top: -5px;
    margin-bottom: -5px;
}

.x-gap-10 {
    margin-left: -5px;
    margin-right: -5px;
}


.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.border-light {
    border: 1px solid #DDDDDD !important;
    font-size: 12px;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 4px;
}

.border-r4 {
    border-radius: 4px;
}



/******************************************/


.tmlist-price-content {
    font-size: 26px;
    color: #111;
    font-weight: 700;
    text-align: center;
    line-height: 18px !important;
}


.tmlist-flex {
    display: flex;
    font-size: 0;
    flex-wrap: wrap;
}





.tmlist-circle {
    position: absolute;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: 40px;
    right: 0;
    top: 55px;
    background-color: #fff;
}

.tmlist-circle2 {
    position: absolute;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: 40px;
    right: 0;
    background-color: #fff;
    bottom: 75px;
}


    .tmlist-circle .fa, .tmlist-circle2 .fa {
        font-size: 12px !important;
        line-height: 40px;
        margin-left: 10px;
    }

.tmlist-flex-item {
    display: inline-block;
    padding-right: 2%;
    width: 25%;
}

.tmlist-flex-item2 {
    display: inline-block;
    padding-right: 2%;
    width: 50%;
}



.tmlist-flex-item img {
    height: 150px;
    width: 100% !important;
    margin-bottom: 5px;
    border-radius: 4px;
}



.tmlist-flex-item2 img {
    height: 100px;
    width: 100% !important;
    margin-bottom: 10px;
    border-radius: 4px;
}

.tmlist-flex-item .desc, .tmlist-flex-item2 .desc {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 18px;
    height: 20px;
    overflow: hidden;
}




.tmlist-flex-item .dateinfo, .tmlist-flex-item2 .dateinfo {
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}







.tmlist-imagecontent {
    float: left;
    width: 45%;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}



.tmlist-infocontent {
    float: right;
    width: 55%;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}



@media (max-width:660px) {
    .tmlist-flex-item {
        padding-right: 2%;
        width: 50%;
    }

    .tmlist-imagecontent {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .tmlist-infocontent {
        float: none;
        width: 100%;
    }
}







.tailormade-filter-background {
    background-color: rgba(220, 220, 220, 0.3);
    padding: 25px 0px;
}


.tailormade-filter-locations {
    text-align: left;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 13px
}



.tailormade-ntitle {
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
    position: relative
}

    .tailormade-ntitle .datetimecontent {
        font-size: 16px;
        width: 46px;
        float: left;
        text-align: center;
        color: #fff;
        line-height: 17px;
        padding: 5px 0px;
        font-weight: 700;
        margin-right: 20px
    }



.tailormade-buybutton-container {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 10;
}

    .tailormade-buybutton-container.nofixedbottom {
        position: relative;
        margin-bottom: 0px;
        bottom: 20px
    }


.image-grid-content {
    margin: 0px -15px;
}


.image-grid {
    --gap: 15px;
    --num-cols: 4;
    --row-height: 200px;
    box-sizing: border-box;
    padding: var(--gap);
    display: grid;
    grid-template-columns: repeat(var(--num-cols), 1fr);
    grid-auto-rows: var(--row-height);
    gap: var(--gap);
}

    .image-grid .img-item {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px;
        overflow: hidden;
    }

        .image-grid .img-item img {
            width: 140%;
            height: 140%;
            margin-left: -20%;
            margin-top: -20%
        }

.image-grid-col-2 {
    grid-column: span 2;
}

.image-grid-row-2 {
    grid-row: span 2;
}

/* Anything udner 1024px */
@media screen and (max-width: 1024px) {
    .image-grid {
        --num-cols: 2;
        --row-height: 200px;
    }
}

.hd-buybutton.btnwarning {
    background-color: #ed8323 !important
}

.showallphotocontent {
    position: absolute;
    bottom: 30px;
    right: 15px;
    z-index: 1;
}

.showallmapcontent {
    position: absolute;
    bottom: 70px;
    right: 15px;
    z-index: 1;
}


.btn-tmdetailmap {
    background-color: #fff;
    border: solid 1px #dddddd;
    color: #222 !important;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
}

#TailormadeMap .modal-dialog {
    width: 90%;
}

.hoteldetail-selectedroom {
    border: 1px solid #0aa40e !important;
}

.animation-selectroom {
    background-color: #eeffef
}


.iSlider-content {
    z-index: 2;
    margin-top: -5px;
    position: absolute;
    width: 100%;
}

.spnJourneyDuration {
    color: #fff;
    font-size: 11px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #428bca;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}


/*Pdf page*/

.pdfpage-content {
    padding: 10px;
    width: 100%;
}

    .pdfpage-content .pdfpage-title {
        font-size: 22px;
        margin-bottom: 0px !important;
        font-weight: bold;
        color: #fff;
    }

    .pdfpage-content .pdfpage-shortdescription {
        font-size: 13px;
        margin-bottom: 10px !important;
        font-weight: bold;
        color: #fff;
        margin-bottom: 0px;
    }

.pdfpage-main-image {
    max-height: 450px;
    margin-bottom: 15px;
}

    .pdfpage-main-image img {
        max-height: 450px;
        margin-bottom: 20px;
        width: 100% !important;
    }