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

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

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width:992px) {
    .col-sm-style .col-sm-6 {
        width: 50%;
        float: left;
    }
}

@media (max-width:600px) {
    .col-sm-style .col-sm-6 {
        width: 100%;
        float: none;
    }
}

.dropdown-user-content .dropdown-menu {
    margin-top: 1px !important;
}

.dropdown-user-content .list-horizontal {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .dropdown-user-content .list-horizontal > li {
        line-height: 40px;
    }

.dropdown-user-content .dropdown-menu li a {
    font-size: 14px !important;
    line-height: 20px !important;
    color: #6f6f6f !important;
}

    .dropdown-user-content .dropdown-menu li a:hover {
        color: #6f6f6f !important;
    }

.dropdown-menu {
    margin-bottom: 0px !important;
    padding: 0px !important;
}

    .dropdown-menu li a {
        margin-left: 0px !important;
        color: rgb(51, 51, 51);
        font-weight: 300 !important;
        padding: 6px 12px;
    }

    .dropdown-menu a:before {
        content: "" !important;
    }

.list-horizontal > li {
    float: left;
    margin-right: 10px;
    padding: 0;
    display: block;
}

.btn {
    border-radius: 4px !important;
}

.bold {
    font-weight: 700 !important;
}

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

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

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

.float-right {
    float: right;
}

.float-left {
    float: left;
}

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

.form-control {
    border-radius: 0px !important;
}

.input-disabled {
    background-color: #efefef !important;
}

.padding-0 {
    padding: 0 !important;
}

.border-0 {
    border: 0px !important;
}

.bodyoverflow {
    overflow: hidden;
}

.drporderby {
    border-radius: 0px !important;
}

    .drporderby .btn {
        border-radius: 0px !important;
        border: 0px !important;
        font-weight: bold;
    }

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

.cursor-poiner {
    cursor: pointer;
}

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

.top-search-title {
    border: 1px solid rgba(0, 0, 0, .3);
    padding: 10px 10px 10px 15px;
    border-bottom: 0px !important;
    font-size: 16px !important;
    color: #fff;
    font-weight: bold;
    background: rgba(0, 0, 0, .5);
}

    .top-search-title .tsc-arrow {
        float: right;
        margin-right: 10px;
        font-size: 20px !important;
        color: #fff;
        cursor: pointer;
    }

.tst-border {
    border-bottom: 1px solid rgba(0, 0, 0, .3) !important;
}

.top-search-content {
    border: 1px solid rgba(0, 0, 0, .3);
    padding: 10px;
    background: rgba(0, 0, 0, .5);
}

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

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

.rules-color {
    color: #ff001e !important;
}

.rules-color-white {
    color: white !important;
}

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

.main-search-opacity {
    opacity: 0.8;
}

.result-map-title {
    padding: 10px 10px 10px 15px;
    border-bottom: 0px !important;
    font-size: 16px !important;
    color: #fff;
    font-weight: bold;
}

    .result-map-title .rmap-arrow {
        float: right;
        margin-right: 10px;
        font-size: 20px !important;
        color: #fff;
        cursor: pointer;
    }

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


.filter {
    border-bottom: 1px solid #e6e6e6;
}

    .filter .pf-arrow {
        float: right;
        cursor: pointer;
    }

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

.pfcontent-filter-scroll {
    margin-bottom: 5px;
    overflow: auto;
    max-height: 220px;
}

label {
    font-size: 12px !important;
}

.cruise-header-content {
    padding: 10px 0px;
}

@media (max-width:992px) {
    .account-text-center {
        text-align: center;
    }
}

.show-datetime {
    cursor: pointer;
}

.pl-promotion-line {
    background-color: #dff0d8 !important
}

    .pl-promotion-line .flight-list-footer {
        background-color: #c5e0b9 !important
    }

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

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

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

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

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

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




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

#Hotel-Price-Change-Dialog .modal-content {
    width: 700px;
}

@media (max-width:776px) {
    .general-modal {
        width: 94%;
    }

    #Hotel-Price-Change-Dialog .modal-content {
        width: 100%;
    }
}

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

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

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

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

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

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

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


.hot-deal-grid .wrapper .hot-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(10, 49, 82, 0.5);
    margin: 0;
    padding: 5px 5px;
    font-weight: bold;
    height: 56px;
}

    .hot-deal-grid .wrapper .hot-content h5 {
        font-size: 15px;
        color: #fff !important;
    }

    .hot-deal-grid .wrapper .hot-content .hc-intitle {
        height: 24px;
        overflow: hidden;
        font-size: 14px !important;
    }
/***************************** Slider ***********************************/


#owl-carousel-mainslider .owl-nav div.owl-prev,
#owl-carousel-mainslider .owl-nav div.owl-next {
    color: #fff;
    font-size: 18px;
    margin-top: -20px;
    top: 50%;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    width: 40px;
    height: 40px;
    margin: -30px 0 0;
    background: rgba(0, 0, 0, 0.2);
    transition: .3s;
    border-radius: 20px;
}

    #owl-carousel-mainslider .owl-nav div.owl-prev:hover,
    #owl-carousel-mainslider .owl-nav div.owl-next:hover {
        background: rgba(0, 0, 0, 1.5);
    }

#owl-carousel-mainslider .owl-nav div.owl-prev {
    left: 5%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
    position: absolute;
    z-index: 20;
}

#owl-carousel-mainslider .owl-nav div.owl-next {
    right: 5%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
    position: absolute;
    z-index: 20;
}
/***************************** END Slider ***********************************/


.span-times-cursor {
    cursor: pointer;
    font-weight: bold;
}

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

@media (min-width:992px) {

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

    .col-md-1-transfer {
        width: 11% !important;
    }
}



/******************************** TABLE*****************************************/

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

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




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

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

.hrtable {
    background-color: #fff;
}

    .hrtable:hover {
        background-color: #eaeaea;
        cursor: pointer;
    }

.hotelroom-table-body {
    display: table-row-group;
}

.hotelroom-tabletop {
    display: table-row;
}

.hotelroom-tabletop-cell {
    height: 32px;
    line-height: 32px;
    background-color: #e7e7e7;
    display: table-cell;
    vertical-align: middle;
    border: 0px;
    padding: 0px 8px;
    font-size: 13px;
    font-weight: bold;
}


.hotelroom-tablecell {
    padding: 2px 8px;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    /*border-right: solid 1px #ccc;*/
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
}

    .hotelroom-tablecell:last-child {
        border-right: solid 1px #ccc;
    }

.hotelroom-tablerow:last-child .hotelroom-tablecell {
    border-bottom: solid 1px #ccc;
}













.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: 10px 6px;
        color: #333;
        text-align: center;
        border: 1px solid #f2f2f2;
        font-size: 11px !important;
        background-color: #e7e7e7;
    }

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

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

/**/
.list-item-features {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-item-features > li {
        float: left;
        position: relative;
        margin-right: 7px;
        margin-bottom: 7px;
    }

        .list-item-features > li img {
            height: auto !important;
            padding: inherit !important;
        }

        .list-item-features > li:hover > i {
            border-color: #d66f11;
        }

        .list-item-features > li .booking-item-feature-sign {
            position: absolute;
            bottom: 2px;
            left: 0;
            display: block;
            text-align: center;
            font-size: 10px;
            line-height: 1em;
            width: 100%;
        }

        .list-item-features > li > i {
            height: 30px;
            width: 30px;
            text-align: center;
            line-height: 30px;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            -ms-transition: .3s;
            transition: .3s;
            font-size: 20px;
            display: block;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #ccc;
            color: #686868;
        }

.list-item-features-dark > li > i {
    background: #4d4d4d;
    border: 1px solid #333;
    color: #fff;
}

.list-item-features-rentals {
    margin-top: 10px;
}

    .list-item-features-rentals > li {
        margin-bottom: 0;
    }


/*************** Ribbon Start **********************/

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.myribbon .ribbon.ribbon-color-black {
    background-color: #222;
    color: #fff;
}

    .myribbon .ribbon.ribbon-color-black:after {
        border-color: #222;
    }

    .myribbon .ribbon.ribbon-color-black > .ribbon-sub {
        background-color: #222;
        color: #fff;
    }

        .myribbon .ribbon.ribbon-color-black > .ribbon-sub:after {
            border-color: #222 #222;
        }


/*************** Ribbon End ************************/

/*************** Top Menu Start ************************/
/*******************************************************/

.mega-menu-height {
    min-height: 150px;
}

@media (max-width: 998px) {
    .mega-menu-height {
        min-height: initial;
    }

    .light-menu .navbar-nav > li > a {
        padding: 15px;
    }
}
/*************** Top Menu End ************************/
/*******************************************************/

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

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

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

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

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

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

.payment-product-table-div {
    width: 100%;
    min-height: 280px;
}

.payment-price-style {
    font-weight: normal !important;
}



.cc-form .form-group {
    float: left;
}

    .cc-form .form-group.form-group-cc-name,
    .cc-form .form-group.form-group-cc-number {
        width: 60%;
        margin-right: 5%;
    }

    .cc-form .form-group.form-group-cc-cvc,
    .cc-form .form-group.form-group-cc-date {
        width: 25%;
    }

    .cc-form .form-group.form-group-cc-number .cc-card-icon {
        display: block;
        width: 41px;
        height: 26px;
        position: absolute;
        right: 4px;
        top: 34px;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        transition: .3s;
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    .cc-form .form-group.form-group-cc-number input.identified + .cc-card-icon {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        transition: .3s;
    }

    .cc-form .form-group.form-group-cc-number input.visa + .cc-card-icon {
        background-image: url(../img/payment/visa-curved-32px.png);
    }

    .cc-form .form-group.form-group-cc-number input.mastercard + .cc-card-icon {
        background-image: url(../img/payment/mastercard-curved-32px.png);
    }

    .cc-form .form-group.form-group-cc-number input.amex + .cc-card-icon {
        background-image: url(../img/payment/american-express-curved-32px.png);
    }

    .cc-form .form-group.form-group-cc-number input.discover + .cc-card-icon {
        background-image: url(../img/payment/discover-curved-32px.png);
    }

    .cc-form .form-group.form-group-cc-number input.maestro + .cc-card-icon {
        background-image: url(../img/payment/maestro-curved-32px.png);
    }

.pymtOptContainer .i-radio {
    width: 16px;
    width: 16px;
    height: 16px;
    top: 1px;
    left: -4px;
    margin-left: -6px;
    line-height: 14px
}

    .pymtOptContainer .i-radio:before {
        font-size: 10px
    }

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

.theme-divTableRow {
    display: table-row;
}

.theme-divTableHeading {
    display: table-header-group;
}

.theme-divTableCell, .divTableHead {
    border-bottom: solid 1px #e6e6e6;
    display: table-cell;
    padding: 3px 10px;
    font-size: 12px;
}

.theme-divTableHeading {
    display: table-header-group;
    font-weight: bold;
}

.theme-divTableFoot {
    display: table-footer-group;
    font-weight: bold;
}

.theme-divTableBody {
    display: table-row-group;
}

/*************** Footer Start ************************/
/*******************************************************/
.footer-menu-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.footer-bottom-topmenu-conainer ul {
    overflow: hidden;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
}

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

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

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

        .footer-bottom-topmenu-conainer li a {
            text-align: left;
        }
}
/*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;
        /*max-width: 224px;*/
    }

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

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

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

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

.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-product-image {
    max-height: 80px !important;
    overflow: hidden;
}

@media (max-width:992px) {
    .payment-product-image {
        max-height: 150px !important;
    }
}

/*************************************** REVIZE *******************************/

.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: 2px;
    right: 5px;
}
/*************************************** mobile search result filter *******************************/

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

/*************************************** package tailormade *******************************/
.product-in-title-content {
    height: 44px;
    background-color: #e7e7e7;
    padding: 0px 10px;
    margin-bottom: 5px;
}

    .product-in-title-content .title-name {
        color: #222;
        font-size: 18px;
        /*font-weight: bold;*/
        line-height: 44px;
    }


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

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

.turd-search-container {
}

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



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

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

.PackageProductDetailContent {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.package-box-Best {
    box-shadow: 0px 0px 4px rgb(93, 194, 255);
}

.package-box-Recommended {
    box-shadow: 0px 0px 4px rgb(39, 174, 96);
}

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

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

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

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

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

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

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

/**/

.col-md-pull-4 {
    right: 33.33333333%;
}

.col-md-pull-6 {
    right: 50%;
}

.col-md-push-8 {
    left: 66.66666667%;
}

.col-md-push-6 {
    left: 50%;
}

@media (max-width:992px) {

    .col-md-pull-4 {
        right: inherit;
    }

    .col-md-pull-6 {
        right: inherit;
    }

    .col-md-push-8 {
        left: inherit;
    }

    .col-md-push-6 {
        left: inherit;
    }
}

/**/


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

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

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

/********************************************* Timeline *******************************/


.timeline-centered {
    position: relative;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #f5f5f6;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 15px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 40px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -40px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        font-size: 12px;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 30px;
                height: 30px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                border-radius: 15px;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #f5f5f6;
                -webkit-box-shadow: 0 0 0 5px #f5f5f6;
                box-shadow: 0 0 0 5px #f5f5f6;
                line-height: 30px !important;
                font-size: 15px;
                float: left;
                font-size: 20px;
                margin-top: 5px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon i {
                    margin-top: 5px;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                /*background: #f7f7f7;*/
                padding: 1em;
                margin-left: 50px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                margin-bottom: 15px;
                border: solid 1px #e6e6e6;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #e6e6e6 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #222;
                    font-size: 12px;
                    margin: 0;
                    line-height: 1.428571429;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 15px;
                    }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 16px;
                    margin-bottom: 10px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #303641;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60);
                    }






/*************************************************** Custom Button **************************************/

.btn-theme {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-brick-red {
    color: #fff;
    background-color: #cf315a;
}

    .btn-brick-red:hover {
        background-color: #a62746;
        color: #fff;
    }

.btn-bright-turquoise {
    color: #fff;
    background-color: #0EBCF2;
}

    .btn-bright-turquoise:hover {
        color: #fff;
        background-color: #0da9da;
    }

.btn-cerise {
    color: #fff;
    background-color: #CA2AC6;
}

    .btn-cerise:hover {
        color: #fff;
        background-color: #ac24a8;
    }

.btn-denim {
    color: #fff;
    background-color: #1A5AE4;
}

    .btn-denim:hover {
        color: #fff;
        background-color: #1548b6;
    }

.btn-deyork {
    color: #fff;
    background-color: #74C683;
}

    .btn-deyork:hover {
        color: #fff;
        background-color: #63a86f;
    }

.btn-green-smoke {
    color: #fff;
    background-color: #96AA66;
}

    .btn-green-smoke:hover {
        color: #fff;
        background-color: #809157;
    }

.btn-hippie-blue {
    color: #fff;
    background-color: #4F96B6;
}

    .btn-hippie-blue:hover {
        color: #fff;
        background-color: #43809b;
    }

.btn-horizon {
    color: #fff;
    background-color: #5B84AA;
}

    .btn-horizon:hover {
        color: #fff;
        background-color: #496a88;
    }

.btn-leather {
    color: #fff;
    background-color: #966650;
}

    .btn-leather:hover {
        color: #fff;
        background-color: #785240;
    }

.btn-mandy {
    color: #fff;
    background-color: #E45E66;
}

    .btn-mandy:hover {
        color: #fff;
        background-color: #b64b52;
    }

.btn-salem {
    color: #fff;
    background-color: #12A641;
}

    .btn-salem:hover {
        color: #fff;
        background-color: #0e8534;
    }

.btn-scarlet {
    color: #fff;
    background-color: #FF1D13;
}

    .btn-scarlet:hover {
        color: #fff;
        background-color: #cc170f;
    }

.btn-shamrock {
    color: #fff;
    background-color: #30BBB1;
}

    .btn-shamrock:hover {
        color: #fff;
        background-color: #26968e;
    }

.btn-studio {
    color: #fff;
    background-color: #7646B8;
}

    .btn-studio:hover {
        color: #fff;
        background-color: #1e7872;
    }

.btn-turkish-rose {
    color: #fff;
    background-color: #B66672;
}

    .btn-turkish-rose:hover {
        color: #fff;
        background-color: #92525b;
    }

.btn-classic {
    color: #fff;
    background-color: #ed8323;
}

    .btn-classic:hover {
        color: #fff;
        background-color: #be691c;
    }

.btn-yellow {
    color: #fff;
    background-color: #f0ff00;
}

    .btn-yellow:hover {
        color: #fff;
        background-color: #d7e600;
    }

.btn-theme-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

    .btn-theme-default:hover {
        color: #333333;
        background-color: #f3f3f3;
    }


.btn-themexs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-themesm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-themelg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

@media (min-width:992px) {

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

        #AnnouncementModal .modal-dialog img {
            /*width: 100% !important;*/
        }

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

/* Package Table */

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



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

.package-divTableRow {
    display: table-row;
}

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

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


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

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

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

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

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

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

    .package-divTableRow {
        display: normal;
    }

    .package-divTableBody {
        display: normal;
    }

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





/************************************** 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;
            line-height: 17px;
            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 ***************************************/

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





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

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


/****************************** Merge Booking ************************/

.mergebooking-content {
    padding: 8px;
    text-align: center;
    font-size: 18px;
    background-color: #ff9800;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9800), color-stop(50%, #faab37), color-stop(50%, #fe9800), color-stop(100%, #da8200));
    background-image: -webkit-linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
    background-image: -moz-linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
    background-image: -ms-linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
    background-image: -o-linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
    background-image: linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
    border: 1px solid #ff9800;
    -webkit-box-shadow: inset 0 0 0 1px rgba(37, 114, 180, 0.4), 0 1px 3px #333333;
    box-shadow: inset 0 0 0 1px rgba(37, 114, 180, 0.4), 0 1px 3px #333333;
    color: #252020;
}

    .mergebooking-content .btn-open, .mergebooking-content .spn {
        margin-right: 15px;
        /*font-size: 30px;*/
        font-weight: bold;
        -webkit-text-fill-color: white;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
    }

    .mergebooking-content span.spn-pnr {
        display: inline-block;
    }



    .mergebooking-content .btn-danger {
        border-radius: 4px !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: #dff0d8;
    /*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: 14px;
        margin-right: 15px;
        margin-bottom: 2px;
    }

    #mergebooking-product-content .centernav a {
        text-decoration: none;
        display: block;
        transition: .3s background-color;
        background-color: #F7941D;
        border-radius: 5px;
        color: #fff;
        font: bold 18px/1 "helvetica neue", helvetica, arial, sans-serif;
        padding: 12px 0 14px 0;
        text-align: center;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
    }

    #mergebooking-product-content .centernav i {
        margin-bottom: 5px;
    }


    #mergebooking-product-content .centernav a.flight {
        /*background-color: #0b73bd;#0963b1;*/
        /*#ee432e = #0b73bd;
            #c63929 = #2572b4;
            #b51700=#0a63a6;
            #891100=    #095393

            */
        background-color: #0b73bd;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b73bd), color-stop(50%, #2572b4), color-stop(50%, #0a63a6), color-stop(100%, #095393));
        background-image: -webkit-linear-gradient(top, #0b73bd 0%, #2572b4 50%, #0a63a6 50%, #095393 100%);
        background-image: -moz-linear-gradient(top, #0b73bd 0%, #2572b4 50%, #0a63a6 50%, #095393 100%);
        background-image: -ms-linear-gradient(top, #0b73bd 0%, #2572b4 50%, #0a63a6 50%, #095393 100%);
        background-image: -o-linear-gradient(top, #0b73bd 0%, #2572b4 50%, #0a63a6 50%, #095393 100%);
        background-image: linear-gradient(top, #0b73bd 0%, #2572b4 50%, #0a63a6 50%, #095393 100%);
        border: 1px solid #0b73bd;
        -webkit-box-shadow: inset 0 0 0 1px rgba(11, 7, 0, 0.4), 0 1px 3px #333333;
        box-shadow: inset 0 0 0 1px rgba(11, 7, 0, 0.4), 0 1px 3px #333333;
    }

        #mergebooking-product-content .centernav a.flight:hover {
            background-color: #0b73bd;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b73bd));
        }

    #mergebooking-product-content .centernav a.hotel {
        /*background-color: #ff9800;*/
        background-color: #ff9800;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9800), color-stop(50%, #faab37), color-stop(50%, #fe9800), color-stop(100%, #da8200));
        background-image: -webkit-linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
        background-image: -moz-linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
        background-image: -ms-linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
        background-image: -o-linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
        background-image: linear-gradient(top, #ff9800 0%, #faab37 50%, #fe9800 50%, #da8200 100%);
        border: 1px solid #ff9800;
        -webkit-box-shadow: inset 0 0 0 1px rgba(37, 114, 180, 0.4), 0 1px 3px #333333;
        box-shadow: inset 0 0 0 1px rgba(37, 114, 180, 0.4), 0 1px 3px #333333;
    }

        #mergebooking-product-content .centernav a.hotel:hover {
            background-color: #ff9800;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9800));
        }

    #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: #ee432e;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
        background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
        background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
        background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
        background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
        background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
        border: 1px solid #951100;
        -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
        box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
    }

        #mergebooking-product-content .centernav a.transfer:hover {
            background-color: #ee432e;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e));
        }

    #mergebooking-product-content .centernav a.rentacar {
        /*background-color: #34a70f;*/
        background-color: #34a70f;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34a70f), color-stop(50%, #3fb519), color-stop(50%, #34a70f), color-stop(100%, #218102));
        background-image: -webkit-linear-gradient(top, #34a70f 0%, #3fb519 50%, #34a70f 50%, #218102 100%);
        background-image: -moz-linear-gradient(top, #34a70f 0%, #3fb519 50%, #34a70f 50%, #218102 100%);
        background-image: -ms-linear-gradient(top, #34a70f 0%, #3fb519 50%, #34a70f 50%, #218102 100%);
        background-image: -o-linear-gradient(top, #34a70f 0%, #3fb519 50%, #34a70f 50%, #218102 100%);
        background-image: linear-gradient(top, #34a70f 0%, #3fb519 50%, #34a70f 50%, #218102 100%);
        border: 1px solid #34a70f;
        -webkit-box-shadow: inset 0 0 0 1px rgba(17, 70, 0, 0.4), 0 1px 3px #333333;
        box-shadow: inset 0 0 0 1px rgba(17, 70, 0, 0.4), 0 1px 3px #333333;
    }

        #mergebooking-product-content .centernav a.rentacar:hover {
            background-color: #34a70f;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34a70f));
        }


    /*#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: 160px;
        border-bottom: none;
        font-size: 1.4em;
    }

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

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

.last-search-content {
    background-color: #f3f3f3;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    border: solid 1px #dcdcdc;
    border-radius: 4px;
    cursor: pointer;
}

    .last-search-content:hover {
        background-color: #ececec;
    }

    .last-search-content .facontent {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        float: left;
        margin-right: 10px;
        color: #fff;
        border-radius: 4px
    }

    .last-search-content .textcontent {
        line-height: 30px;
        text-align: center;
    }

    .last-search-content .searchbutton {
        padding: 4px 10px;
        border-radius: 4px;
        float: right;
        font-size: 14px
    }


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

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

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

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


.percentasyncinfo {
    font-size: 16px;
    font-weight: bold;
}

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


/*flex grid*/


.flexgridcontent {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    margin-left: -10px;
    margin-right: -10px;
    height: 100%;
}

.flexgridcontent-box {
    overflow: hidden;
    word-wrap: break-word;
    margin: 1%;
    background: #f8f8f8;
    border: 1px solid #e6e7e8;
    width: 31%;
    position: relative;
    min-height: 400px;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .flexgridcontent-box {
        width: 48%;
    }
}

@media (max-width:768px) {
    .flexgridcontent-box {
        width: 98%;
    }
}



/*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;
            margin-top: 15px;
        }

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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



/*ExtraServiceDetail*/

.extra-service-detail-content {
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

    .booking-item:hover .booking-item-number,
    .booking-item.active .booking-item-number {
        background: #808080;
    }

    .booking-item:hover .booking-item-img-wrap .booking-item-img-num,
    .booking-item.active .booking-item-img-wrap .booking-item-img-num {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        background: rgba(0,0,0,0.5);
    }

.booking-item.booking-item-small {
    padding: 11px;
}

    .booking-item.booking-item-small .booking-item-title {
        font-size: 14px;
        margin-bottom: 0;
    }

    .booking-item.booking-item-small .booking-item-rating-stars {
        font-size: 12px;
        margin-bottom: 0;
        color: #ed8323;
    }

    .booking-item.booking-item-small .booking-item-price {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 2px;
        display: inline;
    }

    .booking-item.booking-item-small .booking-item-price-from {
        font-size: 12px;
        margin-bottom: 2px;
    }

.booking-item-title {
    margin-bottom: 7px;
}

.booking-item-description {
    font-size: 13px;
    line-height: 1.5em;
}

.booking-item-img-wrap {
    position: relative;
}

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


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

.autocomplate-location-content {
    width: 100%;
    position: absolute;
    background-color: #eaeaea;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 10;
}

    .autocomplate-location-content .location-href {
        height: 34px;
        line-height: 34px;
        padding: 0px 10px;
        cursor: pointer;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .autocomplate-location-content .location-href:hover {
            background-color: #c3cdd1;
        }






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

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.border-light {
    border: 1px solid #DDDDDD !important;
    font-size: 12px;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 4px;
}



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


.list-block {
    margin-bottom: 20px;
    box-shadow: 0 0 16px rgba(0,0,0,.10)
}

    .list-block .main-mask {
        bottom: 20px
    }

    .list-block .list-img {
        width: 100%
    }

    .list-block .list-info {
        padding: 30px
    }

        .list-block .list-info a {
            text-decoration: none
        }

        .list-block .list-info .block-title {
            font-size: 24px
        }

        .list-block .list-info .block-minor {
            font-weight: 400;
            margin-bottom: 10px
        }

        .list-block .list-info .btn {
            padding: 6px 21px 7px;
            font-size: 12px;
            margin-top: 15px
        }






@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;
                padding: 0px !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: 300px;
}



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




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

.grid-description {
    height: 40px;
    overflow: hidden;
    padding: 0px 10px
}

.dropdown-menu .phonetable {
    min-width: 150px !important;
    font-size: 12px;
}

    .dropdown-menu .phonetable th {
        background-color: #d2d2d2;
        color: #333;
        padding: 3px 3px !important;
        line-height: 20px
    }

        .dropdown-menu .phonetable th:first-child {
            border-right: solid 1px #a7a7a7;
        }

    .dropdown-menu .phonetable td {
        color: #333;
        padding: 3px 3px !important;
        border-bottom: solid 1px #a7a7a7;
        line-height: 20px
    }

        .dropdown-menu .phonetable td:first-child {
            border-right: solid 1px #a7a7a7;
        }

    .dropdown-menu .phonetable .bottom0 {
        border-bottom: 0px !important;
    }

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

@media (max-width:992px) {

    .mfp-content {
        vertical-align: top !important;
    }
}

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

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

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

@media (min-width:992px) {
    .payment-advance {
        width: 40%;
    }
}

@media (max-width:992px) {
    .payment-advance {
        width: 75%;
    }
}

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




/*Pdf page*/

.pdfpage-content {
    padding: 10px;
    width: 100%;
}

    .pdfpage-content .pdfpage-title {
        font-size: 22px;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        font-weight: bold;
        color: #fff;
    }

    .pdfpage-content .pdfpage-shortdescription {
        font-size: 13px;
        margin-bottom: 10px !important;
        font-weight: bold;
        color: #fff;
        margin-bottom: 0px;
    }

.pdfpage-main-image {
    max-height: 450px;
    margin-bottom: 15px;
}

    .pdfpage-main-image img {
        max-height: 450px;
        margin-bottom: 20px;
        width: 100% !important;
    }


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

.bftitle2 {
    color: #cf5031 !important;
}

.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;
    }
}
.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%;
}
.hd-buybutton.btnwarning {
    background-color: #ed8323 !important
}
.panel-title > a {
    display: block;
    position: relative;
    padding: 10px 15px;
    background: #fff;
}