.modal-backdrop {
    z-index: 800 !important;
}

.modal {
    z-index: 900 !important;
}

/**/
.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: bold !important;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

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

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-none {
    float: none !important;
}



.padding-0 {
    padding: 0px !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;
}

/*slider thumb header*/


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

    .owl-carousel-center .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;
    }
}

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

    .owl-carousel-center .thumb-header {
        height: 150px;
        overflow: hidden;
    }
}

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

    .owl-carousel-center .thumb-header {
        height: 180px;
        overflow: hidden;
    }
}

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

    .owl-carousel-center .thumb-header {
        height: 220px;
        overflow: hidden;
    }
}

/* END slider thumb header*/


@media (min-width: 1200px) and (orientation: landscape) {
    .custommagnificPopup {
        max-width: 1060px !important;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .custommagnificPopup {
        max-width: 900px !important;
    }
}

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

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

.color-fume1 {
    background-color: #f3f3f3;
}

.pageVideoStyle {
    height: 700px;
}

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

.main-video-display-content {
    position: absolute !important;
    left: 10px;
    z-index: 9;
    opacity: 0.4;
    bottom: 0;
    background-color: #fff;
    padding: 5px;
    color: #222;
}

@media (min-width:992px) {

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

    #OnRequestModal .modal-dialog {
        width: 600px !important;
        margin: 60px auto 0 auto;
    }

    #OnRequestModal.hotelrequest .modal-dialog {
        width: 850px !important;
        margin: 60px auto 0 auto;
    }
}



@media (max-width:992px) {

    .main-video-display-content {
        position: absolute !important;
        left: 10px;
        z-index: 9;
        opacity: 0.4;
        background-color: #fff;
        padding: 5px;
        color: #222;
        top: 10px;
        height: 35px;
    }
}

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

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

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

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

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

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

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

@media (max-width:767px) {
    .custom-col-md-5, .custom-col-md-1 {
    }

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

    .custom-col-md-5 {
        width: 100%;
    }

    .custom-col-md-1 {
        width: 100%;
    }

    .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: #ff0000;
    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 #ff0000;
    }

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

.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;
}

.color-red {
    color: red !important;
}

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

.border-red {
    border: solid 2px #fb9f9f;
}

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

.in-title {
    font-weight: bold;
    background-color: #f7f7f7;
    font-size: 13px;
    padding: 8px 10px;
    color: #615A5A;
}

.title-mobile-filter {
    font-weight: bold;
    background-color: #dedede;
    font-size: 13px;
    padding: 8px 10px;
    color: #615A5A;
}

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



@media (min-width:992px) {
    .special-tab-title {
        float: left;
    }
}


.border-orange {
    border: 1px solid #d9d9d9;
}

.special-tab-content {
    border: 1px solid #d9d9d9;
    margin: 0px;
    padding: 15px !important;
    font-size: 12px;
}

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

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

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

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

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

    .Subscriber-Content {
        float: none;
    }
}

/*Flight*/
.search-pax-popover {
    width: auto;
    position: absolute;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #cccccc;
}

.flight-daychange-content {
    background-color: #fff;
}

@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;
}

.flightListTitle {
    color: #fff;
    padding-left: 20px;
    line-height: 34px;
    margin-bottom: 15px;
    font-size: 16px;
}


.flight-international-list-title {
    color: #fff;
    padding-left: 20px;
    line-height: 34px;
    font-size: 16px;
    background-color: #ed8323;
    margin-bottom: 10px;
}

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

.flightRule {
    background-color: #808080;
    color: #fff;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 11px !important;
    line-height: 26px;
    float: left;
    transition: 0.2s;
}

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

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

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

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

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

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

.CheapPrice-all {
    height: 47px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #dddddd;
    border-right-color: #dddddd;
    border-left-color: #dddddd;
    font-size: 12px;
    font-weight: bold;
}

.CheapPrice-air {
    height: 47px;
    text-align: center;
    padding: 10px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #dddddd;
    border-right-color: #dddddd;
}

.CheapPrice-direct {
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    background-color: #f9f9f9;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #dddddd;
    border-right-color: #dddddd;
    border-left-color: #dddddd;
    font-size: 12px;
    font-weight: bold;
}

.CheapPrice-direct-price {
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    background-color: #f9f9f9;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #dddddd;
    border-right-color: #dddddd;
    font-size: 14px;
    font-weight: bold;
}

.CheapPrice-Indirect {
    height: 30px;
    border: 1px solid #dddddd;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
}

.CheapPrice-Indirect-price {
    height: 30px;
    text-align: center;
    vertical-align:: middle;
    line-height: 30px;
    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: #dddddd;
    border-right-color: #dddddd;
    border-bottom-color: #dddddd;
    font-size: 14px;
    font-weight: bold;
}

.mobile-result-filter-scroll {
    /*max-height: 250px;*/
    overflow: auto;
    margin-bottom: 15px;
}

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

/**/
.magnificShowError {
    position: relative;
    width: auto;
}

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

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

    .magnificShowError hr {
        margin: 0px 0px 10px 0px;
    }

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

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


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

    .pymtOptContainer img {
        margin-bottom: 10px;
    }

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

    .loaderDialog .content {
        width: 160px;
        height: 20px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
    }

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

.payment-role-scroll {
    height: 150px;
    overflow: auto;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 16px;
}

.hotel-region-scroll {
    max-height: 200px;
    overflow: auto;
    margin-bottom: 5px;
}

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

.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;
}

.searchpage-announcement-scroll {
    max-height: 450px;
    overflow: auto;
    font-size: 12px;
    line-height: 16px;
    margin: 0 -10px 0 0 !important;
}

.payment-price-style {
    font-size: 14px !important;
    color: #737373 !important;
}


.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 {
            /*width: 150%;*/
            height: 100px;
        }
}

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

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

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




/*default*/
.table-default {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .table-default td {
        padding: 5px 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: white;
        background-color: #888;
        font-weight: normal;
        line-height: 18px;
        height: 18px;
        text-align: left;
        border: 1px solid #888;
    }


.table-sm {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .table-sm td {
        padding: 5px 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: white;
        background-color: #888;
        font-weight: normal;
        line-height: 18px;
        height: 18px;
        text-align: center;
        border: 1px solid #888;
    }




.table-tm {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 10px;
}

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

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

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

    .table-tm th {
        padding: 2px 4px;
        color: #222;
        background-color: #edf2f7;
        font-weight: normal;
        line-height: 18px;
        height: 18px;
        text-align: center;
        border: 1px solid #ccc;
    }

/*table*/


/*Div Tablo*/
.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

/*.divTableRow:first-child .divTableCell {
        border: 0px;
    }*/

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

.divTableCell {
    display: table-cell;
    padding: 3px 10px;
    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;
    }

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

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

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

.divTableBody {
    display: table-row-group;
}
/**/

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

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

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

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



/*Hotel*/
.hotel-result-select-hotels-contanier {
    background-color: #d9d9d9;
    border-top: 1px solid #888;
    position: fixed;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    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: white;
        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 {
}

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


/*typeahead category*/

.typeahead-content {
}

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

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

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

/*extra div*/
.main-search-opacity {
    opacity: 0.8;
}


.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*/

/*.package-container {
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
}

    .package-container .package-img-style {
        height: 100px;
        overflow: hidden;
        position: relative;
    }

    .package-container .p-img {
        position: absolute;
    }

    .package-container .content {
        height: 110px;
        width: 90%;
        background-color: #fff;
        z-index: 10;
        margin-left: 5%;
        margin-right: 5%;
        position: relative;
        margin-top: -30px;
        padding: 10px;
    }

        .package-container .content .div {
            border-bottom: 1px solid #e6e6e6;
            height: 50px;
            margin-bottom: 15px;
        }

        .package-container .content .flight-dest-code {
            font-size: 30px;
            color: #ed8323;
        }

        .package-container .content .flight-dest {
            font-size: 11px;
            color: #666;
            margin-top: -5px;
            height: 22px;
            overflow: hidden;
        }

        .package-container .content .title {
            font-size: 16px;
            font-weight: bold;
            color: #ed8323;
            margin-top: -3px;
            height: 22px;
            overflow: hidden;
        }

        .package-container .content .sub-title {
            font-size: 12px;
            color: #666;

        }*/


.package-top-container {
    border: 1px solid #dee2ea;
    /*margin-bottom: 30px;*/
}

.package-active {
    box-shadow: 0px 1px 8px 0px #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 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: bold;
        margin-bottom: 2px;
    }

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


.package-price-border {
    border: 1px solid #dee2ea;
}

.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: 0px;
        margin-left: 10px;
    }

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


.package-page-title {
    background: #edf2f7;
    line-height: 32px;
    font-weight: 700;
    color: #646872;
    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 {
    width: 33.33333333%;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

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


/**/
.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: bold;
    border-radius: 6px !important;
}

    .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: bold;
}

    .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: 0px !important;
}

.onrequest-box-title {
    height: 32px;
    line-height: 32px;
    background-color: #d9e0e6;
    padding: 0px 10px;
    margin-bottom: 5px;
    color: #222;
    font-weight: bold;
    margin-bottom: 10px;
}



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

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

/**/

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

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

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

.booking-car-image {
    width: 100%;
}

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


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

@media (max-width: 992px) {

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

    .booking-car-image {
        width: 30% !important;
    }

    .div-car-vendor-logo {
        width: 30% !important;
        margin: 5px !important;
    }
}

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

    .custom-booking-car-image {
        float: left;
        margin: 0 20px 0px 0;
    }

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

/*index sayfası slider yükselik*/

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

@media (min-width:992px) {
    .home-page-slider {
        /*height: 530px;*/
        height: auto;
    }
}

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


/*uçak teklif*/


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

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

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

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


/*araç teklif*/


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

    .car-result-offer-contanier .imgContent {
        float: left;
        margin-right: 10px;
        /*background-color: #fff;*/
    }

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

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

/*transfer teklif*/


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

    .transfer-result-offer-contanier .imgContent {
        float: left;
        margin-right: 10px;
        /*background-color: #fff;*/
    }

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

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


/*uçak teklif*/


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

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

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

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





.promotion-line {
    border: thin dashed #F00 !important;
}

/*Hotel maps hotel info*/

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

    /*.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: 30px;
        margin-bottom: 3px;
        overflow: hidden;
        padding-top: 5px;
        font-weight: 700;
        padding-right: 5px;
    }

    .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-right: 5px !important;
}

    .meta-author-img img {
        margin-top: -6px;
        margin-left: -6px;
    }


.populer-destination-title {
    background-color: #ed8526;
    color: white;
    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;
}

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

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

/*uçuş aktarma style*/
.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;
    }




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

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

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

.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-slider-content .owl-controls .owl-pagination {
    display: none;
}

/*Video olayları*/


.top-area-video-content {
    width: 100%;
    min-height: 100%;
    /* Set the height to match that of the viewport. */
    height: 100vh;
    width: auto;
    padding: 0 !important;
    margin: 0 !important;
    background-color: gray;
    position: relative;
}

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

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

@media (max-aspect-ratio: 16/9) {
    #video {
        width: 150%;
        left: -100%;
    }
}
/*if there is 992  pixels or more, then display the video but hide the image*/
@media only screen and (min-width : 992px) {
    #video {
        display: block;
    }
}


/*--------------------------------------Ribbon-------------------------------------*/


.position-absolute {
    position: absolute !important;
}

.myribbon {
    position: relative;
}

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

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

    .myribbon .ribbon {
        padding: 0.5em 1em;
        z-index: 5;
        float: left;
        margin: 10px 0 0 -2px;
        clear: left;
        position: relative;
        background-color: #bac3d0;
        color: #384353;
    }

        .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, 0.4);
        }

            .myribbon .ribbon.ribbon-shadow.ribbon-right, .myribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
                box-shadow: -2px 2px 7px rgba(0, 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-top-right-radius: 0px !important;
                border-bottom-right-radius: 0px !important;
                border-top-left-radius: 5px !important;
                border-bottom-left-radius: 5px !important;
            }

            .myribbon .ribbon.ribbon-round.ribbon-vertical-right, .myribbon .ribbon.ribbon-round.ribbon-vertical-left {
                border-top-right-radius: 0px !important;
                border-bottom-right-radius: 5px !important;
                border-top-left-radius: 0px !important;
                border-bottom-left-radius: 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 solid;
            border-style: 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:before, .myribbon .ribbon > .ribbon-sub.ribbon-clip:after {
                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:before, .myribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
                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 {
            background-color: #bac3d0;
            color: #384353;
        }

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

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

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

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

                .myribbon .ribbon.ribbon-color-default > .ribbon-sub:after {
                    border-color: #62748f;
                    border-left-color: #bac3d0;
                    border-right-color: #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: black;
            }

                .myribbon .ribbon.ribbon-color-primary > .ribbon-sub:after {
                    border-color: #122b40;
                    border-left-color: #337ab7;
                    border-right-color: #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;
                    border-left-color: #659be0;
                    border-right-color: #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;
                    border-left-color: #36c6d3;
                    border-right-color: #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-danger > .ribbon-sub:after {
                    border-color: #a91520;
                    border-left-color: #ed6b75;
                    border-right-color: #ed6b75;
                }

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

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

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

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

/*Acente limitini göstermek*/
/*.btnSingleText {
    padding:6px
}

.singleDropdown {
    position: relative;
    display: inline-block;
}

.singleDropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 999;
    margin-top:-6px;
}

    .singleDropdown-content a {
        color: black;
        padding: 2px 15px;
        text-decoration: none;
        display: block;
    }

        .singleDropdown-content a:hover {
         
        }

.singleDropdown:hover .singleDropdown-content {
    display: block;
}*/

/*Captcha*/

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

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

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

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



/*List Style*/

.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: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.2s;
    }

        .cust-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,0.2);
            box-shadow: 0 2px 1px rgba(0,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 {
        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 {
        width: 100%;
        float: none;
    }
}

.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: bold;
        font-size: 12px;
    }

    .cust-booking-list .cust-booking-item .price-content .price-content-in h4 {
        font-weight: bold;
        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: bold;
    margin-bottom: 5px;
}

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

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


/*Box*/

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

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

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

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

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

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

    .custbox-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,0.2);
        box-shadow: 0 2px 1px rgba(0,0,0,0.2);
    }

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

        .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 {
        width: 100%;
        height: 200px;
    }

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

@media (max-width: 698px) {
    .custbox-booking-list .cust-booking-item .image-content {
        width: 100%;
        height: auto;
    }

        .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: bold;
    margin-bottom: 5px;
    font-size: 14px;
    height: 38px;
    overflow: hidden;
}

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

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

.custbox-booking-list .cust-booking-item .descreption-text {
    display: none;
}

.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: bold;
            font-size: 12px !important;
        }

        .custbox-booking-list .cust-booking-item .price-content .price-content-in h4 {
            font-weight: bold;
            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 .price-content-in .price-button {
            display: none;
        }


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

        .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: bold;
            margin-bottom: 5px !important;
            line-height: normal;
            font-size: 17px;
        }

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

.custbox-booking-list .cust-booking-item .cust-booking-item-fa {
    display: none;
}



/*CMS bottom center box*/

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


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

        .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,0.2);
            box-shadow: 0 2px 1px rgba(0,0,0,0.2);
        }

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

            .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: bold;
            margin-bottom: 5px;
            font-size: 15px;
            height: 38px;
            overflow: hidden;
        }



        .cmsbox-booking-list .cust-booking-item .cust-booking-item-category {
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 12px;
            height: 16px;
            text-overflow: ellipsis;
            height: 30px;
            overflow: hidden;
        }



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

        .cmsbox-booking-list .cust-booking-item .descreption-text {
            display: none;
        }

        .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: bold;
                    font-size: 12px !important;
                }

                .cmsbox-booking-list .cust-booking-item .price-content .price-content-in h4 {
                    font-weight: bold;
                    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 .price-content-in .price-button {
                    display: none;
                }


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

                .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: bold;
                    margin-bottom: 5px !important;
                    line-height: normal;
                    font-size: 17px;
                }

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

        .cmsbox-booking-list .cust-booking-item .cust-booking-item-fa {
            display: none;
        }


.dcms-banner {
    background-color: #fff;
}

    .dcms-banner img {
        width: 100%;
    }

/*banner box*/

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


    .bannerbox-list .cust-booking-item {
        cursor: pointer;
        display: block;
        position: relative;
        padding: 10px;
        border: 1px solid #e6e6e6;
        color: #737373;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.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,0.2);
            box-shadow: 0 2px 1px rgba(0,0,0,0.2);
        }

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

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

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

        .bannerbox-list .cust-booking-item .cust-booking-item-category {
            font-weight: bold;
            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;
            }



/*Tur Detail*/

.turd-title-content {
    border: solid 1px #dddddd;
    padding: 14px 14px 0px 14px;
    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;
        border-radius: 4px !important;
    }

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

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

.turd-search-container {
}

    .turd-search-container .turd-tailormadefilter-content {
        background-color: #ffc652;
        padding: 25px 15px 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: bold;
    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: bold;
        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: bold;
        font-size: 20px !important;
        color: #333;
    }

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

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

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

    .turd-searchresult-container .turd-buybutton {
        height: 30px;
        line-height: 30px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer;
        background-color: #0aa40e;
        margin: 5px auto;
        padding: 0px 20px;
    }

    .turd-searchresult-container .turd-onrequestbutton {
        height: 30px;
        line-height: 30px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
        background-color: #d9534f;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 20px;
    }

    .turd-searchresult-container .horizontal-scrool {
        width: 100%;
        /*overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;*/
    }


@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: solid 1px #ddd;
        padding: 15px;
    }

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

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

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

.tailormade-title-Best {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    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: bold;
    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: bold;
    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: bold;
    line-height: 40px;
    margin-bottom: 0px !important;
    background-color: #edf2f7;
    height: 40px;
    padding-left: 10px;
}

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

.package-title-Best {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    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: bold;
    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: bold;
    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;
    display: table-cell;
    vertical-align: middle;
    border: 0px;
    padding: 0px 8px;
    font-size: 13px;
    font-weight: bold;
}


.g-tablecell {
    padding: 2px 8px;
    border: solid 1px #ccc;
    border-right: 0px;
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
}

    .g-tablecell:last-child {
        padding: 2px 8px;
        border: solid 1px #ccc;
        display: table-cell;
        vertical-align: middle;
    }

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

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

.price-tablerow {
    display: table-row;
}

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

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


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

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

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

.d-table {
    width: 99.9%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .d-table td {
        color: #333;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #ccc;
        text-align: center;
        padding-left: 3px;
        padding-right: 3px;
        font-size: 11px !important;
    }

    .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:first-child {
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #ccc;
    }

    .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;
        font-size: 11px !important;
    }

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

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


/*Teklif Slider*/
.g-offer-general-container {
    /*background-color: #f1f1f1;*/
    position: fixed;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0px 0px;
}

.g-offer-container {
    background-color: #f1f1f1;
    padding: 10px;
    border: solid 1px #cecece;
}

    .g-offer-container .g-offer-content {
        background-color: #fff;
        padding: 5px;
        margin: 0px 2px;
        height: 60px;
        border: solid 1px #cecece;
        /*margin-right: 5px;*/
    }

    .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: bold;
        margin-bottom: 0px !important;
        height: 30px !important;
        overflow: hidden;
    }

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

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

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

@media (max-width:992px) {

    .general-modal {
        width: 96%;
    }
}
/*Tailoar made filter*/

.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 #cccccc;
    font-size: 13px;
}

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

    .tailormade-filtern-location-content .button-child-location {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        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 10px 10px;
    }



    .tailormade-filtern-location-content .drp-dialoglocation {
        background-color: #f4f4f4
    }



/************************************** PriceDatepicker ***************************************/
#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 {
    }

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

            #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: bold;
    font-size: 9px;
    margin-top: 1px;
    line-height: 12px;
}

/************************************** End PriceDatepicker ***************************************/


/*Uçuş kabin bazlı renklendirme*/

.flight-list-color-All {
}
/*Red*/
.flight-list-color-Promotion {
    border-left: 3px solid #f9676b;
}
/*Blue*/
.flight-list-color-First {
    border-left: 3px solid #2f7af8;
}
/*Purple*/
.flight-list-color-Business {
    border-left: 3px solid #9E7DD3;
}
/*Green*/
.flight-list-color-Economy {
    border-left: 3px solid #009f8b;
}
/*Blue*/
.flight-list-color-PremiumFirst {
    border-left: 3px solid #2f7af8;
}
/*Green*/
.flight-list-color-PremiumCoach {
    border-left: 3px solid #009f8b;
}
/*Orange*/
.flight-list-color-Protocol {
    border-left: 3px solid #F7941D;
}


/********************************* *Custom tooltip ***************************************/

.btn-toltip-question {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    font-size: 12px;
    border: solid 1px #ddd;
    padding: 0px 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: #EEEEEE;
        background-color: #444444;
        font-weight: normal;
        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 0.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: #444444;
            box-shadow: 0 1px 8px rgba(0,0,0,0.5);
        }



.myCustomScrollbar {
    margin-bottom: 5px;
    overflow: auto;
}
/***************************************  Cancellation Policies*/


.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: 0px;
        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: 0px;
        }


.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: 0px;
        }


.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: 0px;
        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: 0px;
        }



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


/************************/

.hotel-feature-content {
}

    .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: bold;
        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 ****************************/

.air-branded-container {
}

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

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

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

        .air-branded-container .ai-content .ai-row {
            line-height: 16px;
            padding: 3px 0px;
            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 0px;
            font-size: 16px;
            color: #fff;
            text-align: center;
            width: 100%;
            cursor: pointer;
            margin: 0px auto;
            background-color: #30a0ea;
            font-weight: bold;
        }

            .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: #ff0000;
        }

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

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


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


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

    #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 auto;
    }
}

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

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


/************************************* End Air ****************************/
.mergebooking-content {
    background-color: #fcf8e3;
    padding: 8px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

    .mergebooking-content .btn-open, .mergebooking-content .spn {
        margin-right: 5px;
        color: #f20000;
        font-size: 20px;
        font-weight: bold;
    }

    .mergebooking-content .btn-danger {
        border-radius: 2px !important;
    }

.mergebooking-modal-style {
    width: 80%;
    background-color: #fff;
}

@media (max-width:770px) {

    .mergebooking-modal-style {
        width: 96%;
    }
}

.mergebooking-errorcontent {
    padding: 50px 0px;
    text-align: center;
}

    .mergebooking-errorcontent .fa-exclamation {
        font-size: 50px;
        color: #ff0606;
    }



#mergebooking-product-content {
    border: 1px solid #d9d9d9;
    margin: 0px;
    padding: 15px !important;
    margin-bottom: 20px;
    background-color: #fcf8e3;
    /*width: 100%;*/
    text-align: center;
}

    #mergebooking-product-content .question {
        font-size: 16px;
        margin-bottom: 20px;
    }


    #mergebooking-product-content .centernav ul {
        list-style: none;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    #mergebooking-product-content .centernav li {
        font-size: 12px;
        margin-right: 2px;
        margin-bottom: 2px;
    }

    #mergebooking-product-content .centernav a {
        text-decoration: none;
        color: #fff;
        display: block;
        transition: .3s background-color;
        background-color: #F7941D;
        padding: 8px 10px;
        border-radius: 4px;
    }


        #mergebooking-product-content .centernav a.flight {
            background-color: #2eb4ff;
        }

            #mergebooking-product-content .centernav a.flight:hover {
                background-color: #2a98d6;
            }

        #mergebooking-product-content .centernav a.hotel {
            background-color: #ff9800;
        }

            #mergebooking-product-content .centernav a.hotel:hover {
                background-color: #da9f49;
            }

        #mergebooking-product-content .centernav a.tour {
            background-color: #88c74b;
        }

            #mergebooking-product-content .centernav a.tour:hover {
                background-color: #78af44;
            }

        #mergebooking-product-content .centernav a.transfer {
            background-color: #F44336;
        }

            #mergebooking-product-content .centernav a.transfer:hover {
                background-color: #e4645a;
            }

        #mergebooking-product-content .centernav a.rentacar {
            background-color: #77889c;
        }

            #mergebooking-product-content .centernav a.rentacar:hover {
                background-color: #647e9c;
            }


        /*#mergebooking-product-content .centernav a:hover {
            background-color: #005f5f;
        }*/

        #mergebooking-product-content .centernav a i {
            font-size: 20px;
        }

@media screen and (min-width: 600px) {
    .centernav li {
        width: 130px;
        border-bottom: none;
        font-size: 1.4em;
    }

    /* Option 1 - Display Inline */
    .centernav li {
        display: inline-block;
        margin-right: -4px;
    }

    /* Options 2 - Float
  .nav li {
    float: left;
  }
  .nav ul {
    overflow: auto;
    width: 600px;
    margin: 0 auto;
  }
  .nav {
    background-color: #444;
  }
  */
}

.mobile-myribbon {
}

    .mobile-myribbon .mribbon {
        position: absolute;
        background: #ffffff;
        color: #222;
        font-size: 11px;
        padding: 0px 10px;
    }

        .mobile-myribbon .mribbon.onrequest {
            background: #ed6b75;
            color: #fff;
        }

        .mobile-myribbon .mribbon i {
            position: relative;
            cursor: pointer;
        }


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

    .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;
    }



/* Auto Complete */

.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;
}

/*Tab left*/

.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: 0px;
    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: #eeeeee #dddddd #eeeeee #eeeeee;
        }

    .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: #ffffff;
    }

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

/*paket fiyat gösterim style*/
.package-children-totalprice-container {
    background-color: #f1f1f1;
    font-size: 14px;
    font-weight: normal;
    border-top: 1px solid #e6e6e6;
}

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

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


.search-arranger-clearboth {
}

.search-arranger-label {
    font-weight: bold;
}

.search-arranger-select-1 {
    margin-right: 30px !important;
    width: 32%;
}

.search-arranger-select {
    width: 32%;
}

@media (max-width:750px) {
    .search-arranger-clearboth {
        clear: both;
    }

    .search-arranger-label {
        width: 34%;
    }

    .search-arranger-select {
        width: 60%;
        margin-right: 0px !important;
    }

    .search-arranger-select-1 {
        margin-right: 0px !important;
        width: 60%;
    }
}

.pac-item {
    padding: 3px 5px;
    font-size: 14px;
    cursor: pointer;
}

    .pac-item:hover {
        background-color: #ececec;
    }

.input-group-addon {
    background: none;
    background-color: none;
    border: 0px !important;
    width: 20px !important;
    padding: 0px 5px;
    position: absolute !important;
    z-index: 9;
    line-height: 32px !important;
    margin-right: 0px;
    padding: 0px !important;
    margin-top: 1px;
    right: 5px;
}

.airadvancedsearch-content .tt-dropdown-menu {
    margin-top: 30px;
}


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

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

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


/*Async yüzde gösterim */




.percentasyncconteiner {
    box-sizing: content-box;
    height: 30px; /* Can be anything */
    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: bold;
        line-height: 30px;
        color: white;
    }

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



    .percentasyncconteiner > span {
        display: block;
        height: 100%;
        background-color: rgb(43, 194, 83);
        background-image: linear-gradient( center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 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;
}




/*Rentacar Addinationservice*/

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

    .rentacaraddination-pagecontent .rentacar-extra-service-scroll {
        /*max-height: 820px;*/
    }

    .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;
        }

        .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 {
            margin-bottom: 10px
        }

        .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;
        }

            .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;
        margin-bottom: 0px;
    }

    .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;
    }

        .csfooter-mediaitem img {
            height: 40px !important;
        }
}




/*Hub comment*/
.hubcomment-content {
    width: 350px;
    margin-top: 0px !important;
    border-radius: 4px !important;
    border: solid 1px #5c5c5c !important;
}

    .hubcomment-content li {
        background-color: #fff;
    }


        .hubcomment-content li.humcommentitem {
            /*  height: 300px;*/
        }


        .hubcomment-content li .hbtitle {
            padding: 5px 15px !important;
            background-color: #33363A;
            color: #ebebeb;
        }

            .hubcomment-content li .hbtitle a {
                color: #ebebeb !important;
            }

        .hubcomment-content li.humcommentitem .hubdivcontent {
            padding: 5px 15px !important;
            border-bottom: solid 1px #5c5c5c !important;
            line-height: 18px;
            font-size: 13px;
        }

            .hubcomment-content li.humcommentitem .hubdivcontent:hover {
                background-color: #efefef;
            }

            .hubcomment-content li.humcommentitem .hubdivcontent .commentdescreption {
                font-size: 12px;
                color: #666;
            }

            .hubcomment-content li.humcommentitem .hubdivcontent img {
                width: auto !important;
            }

            .hubcomment-content li.humcommentitem .hubdivcontent a {
                color: #333 !important;
            }

                .hubcomment-content li.humcommentitem .hubdivcontent a:hover {
                    color: #5b9bd1;
                }

            .hubcomment-content li.humcommentitem .hubdivcontent:last-child {
                border: 0px !important;
            }



.hubcomment-badge-notify {
    background: red !important;
    position: absolute !important;
    top: 0px !important;
    right: 5px !important;
}



.humcommentDataContent {
    overflow-y: scroll;
    max-height: 280px;
}



    .humcommentDataContent::-webkit-scrollbar {
        width: 8px;
    }



    .humcommentDataContent::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 5px;
    }



    .humcommentDataContent::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px #6b6b6b;
    }







/*Contact*/



.contact-block-2 {
    text-align: center;
    padding: 30px 30px;
    background: white;
    margin-top: -30px;
    position: relative;
    min-height: 210px;
    z-index: 400;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}

    .contact-block-2 .fa {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .contact-block-2 .fa {
        color: #faa61a;
    }

    .contact-block-2 h4 {
        color: #111;
    }



/*multiselect style*/


.multiselect-content .multiselect-dropdown {
    width: 100% !important;
    display: inline-block;
    padding: 2px 5px 0px 5px;
    border-radius: 4px;
    border: solid 1px #ced4da;
    background-color: white;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}

    .multiselect-content .multiselect-dropdown label {
        display: inline-block !important;
        margin-bottom: 0px !important;
        position: relative;
    }

    .multiselect-content .multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder {
        margin-right: 0.5em;
        margin-bottom: 2px;
        padding: 1px 0;
        border-radius: 4px;
        display: inline-block;
    }



    .multiselect-content .multiselect-dropdown span.optext {
        background-color: lightgray;
        padding: 1px 0.75em;
    }



        .multiselect-content .multiselect-dropdown span.optext .optdel {
            float: right;
            margin: 0 -6px 1px 5px;
            font-size: 0.7em;
            margin-top: 2px;
            cursor: pointer;
            color: #666;
        }



            .multiselect-content .multiselect-dropdown span.optext .optdel:hover {
                color: #c66;
            }



    .multiselect-content .multiselect-dropdown span.placeholder {
        color: #ced4da;
    }



.multiselect-content .multiselect-dropdown-list-wrapper {
    box-shadow: gray 0 3px 8px;
    z-index: 100;
    padding: 2px;
    border-radius: 4px;
    border: solid 1px #ced4da;
    display: none;
    margin: -1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: white;
}



    .multiselect-content .multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
        margin-bottom: 5px;
    }



.multiselect-content .multiselect-dropdown-list {
    padding: 2px;
    height: 15rem;
    overflow-y: auto;
    overflow-x: hidden;
}



    .multiselect-content .multiselect-dropdown-list::-webkit-scrollbar {
        width: 6px;
    }



    .multiselect-content .multiselect-dropdown-list::-webkit-scrollbar-thumb {
        background-color: #bec4ca;
        border-radius: 3px;
    }



    .multiselect-content .multiselect-dropdown-list div {
        padding: 4px;
    }



    .multiselect-content .multiselect-dropdown-list input {
        height: 1.15em;
        width: 1.15em;
        margin-right: 0.35em;
    }



    .multiselect-content .multiselect-dropdown-list div.checked {
    }



    .multiselect-content .multiselect-dropdown-list div:hover {
        background-color: #ced4da;
    }



.multiselect-content .multiselect-dropdown span.maxselected {
    width: 100%;
}



.multiselect-content .multiselect-dropdown-all-selector {
    border-bottom: solid 1px #999;
}

.payment-disabled-button {
    pointer-events: none;
    opacity: 0.4;
}



@media (max-width:992px) {

    .mfp-content {
        vertical-align: top !important;
    }
}
/*Cookie style*/
.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;
}

.payment-error-title {
    font-weight: bold;
}

.payment-error-detail {
    font-weight: normal;
    font-size: 13px;
    padding-left: 15px;
    margin-bottom: 7px
}


/*.txtUpdateAdvance {
    padding-left: 40px;
}
*/


.lbl-advance-min {
    left: 10px;
    position: absolute;
    z-index: 1;
    line-height: 35px;
    color: #bb2c51;
}

.lbl-advance-currency {
    right: 20px;
    position: absolute;
    z-index: 2;
    line-height: 34px;
}



.mfp-search-dialog {
    max-width: 800px !important;
}

.mfp-dialog {
    background: #fff;
    padding: 20px 20px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}

.childage-text-info {
    font-size: 12px;
}

.product-searchfilter-birth::placeholder {
    font-size: 12px;
}


.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;
}


/*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;
    }



.bftitle1 {
    color: #3176cf !important;
}

.bftitle2 {
    color: #cf5031 !important;
}


.cust__rightBadge {
    position: absolute;
    z-index: 1;
    left: -2px;
    background-color: #caf848;
    padding: 5px 10px;
    font-size: 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}



.cust-element {
    position:relative
}

.cust-element label {
    cursor: pointer;
}

.cust-element spn {
    position:absolute;
    left:28px;
    font-size:14px;
    font-weight:normal;
}

.cust-element input[type=radio] {
    margin: 0px;
    appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-clip: content-box;
    background-color: #fff;
    border: 1px solid #0EBCF2 !important;
    cursor: pointer;
}

.cust-element input[type="radio"]:checked, .cust-element input[type="radio"]:focus {
    background-color: #0EBCF2;
    padding: 5px;
    border: 0px !important;
    border: 1px solid #0EBCF2 !important;
    outline: none;
    box-shadow: none !important;
}



#OutOfRuleMechanismModal {
    z-index: 890 !important;
}