@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Montserrat:400,500&display=swap";
@import url('Autocomplete.css');
/* CSS Document */


ul, li, ul li, table, lable, p, span, dl, dt, dd, table, tr, td {
    margin: 0px;
    padding: 0px;
}

* {
    margin: 0px;
    padding: 0px;
}

a:hover, a:focus {
    text-decoration: none !important;
}

img {
    border: none;
}

.mt5 {
    margin-top: 5px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

textarea {
    resize: none;
}

pd10 {
    padding: 10px;
}

.img-fullwidth img {
    width: 100%;
    height: auto;
}

select.title-mr {
    padding: 0 0 0 2px !important;
}

.custome-progress-bar-outer {
    width: 100%;
    height: 15px;
    margin: -10px 0 10px 0;
    float: left;
    background: #eee;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.custome-progress-bar {
    position: absolute;
    width: 5%;
    height: 100%;
    top: 0px;
    left: 0;
    background: #FF834F;
}

.progress-bar-theme {
    background-color: #FF834F !important;
}
/*.custome-progress-bar::before{content: ""; position: absolute; width: 5%; height: 100%; top: 0px; left: 0; background: #FF834F;}*/

body {
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important; /*letter-spacing: 0.4px;*/
    word-spacing: 1px;
    background: #f5f5f5 !important;
    background: #FFF !important;
}

header, footer, figure, aside, section, article {
    display: block;
}

.full-width {
    float: left;
    width: 100%;
    padding: 0 15px 30px;
    max-width: 100%;
}

.widthfull {
    width: 100%;
    float: left;
}

.breadcrumb {
    padding: 8px 0px !important;
    margin-bottom: 0px !important;
    list-style: none !important;
    background-color: transparent !important;
    border-radius: 0px !important;
    margin-top: 10px;
}

.top_line {
    width: 100%;
    height: 4px;
    float: left;
    background: #003366;
    margin-bottom: 5px;
}

.im-responsive {
    width: 100%;
    height: auto;
}

select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important;
}

.topcontrol {
    background: #15bdcc !important;
}

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

.ul-common {
    width: 100%;
    float: left;
    padding-left: 20px;
}

    .ul-common li {
        float: left;
        width: 100%;
    }

.ol-common {
    width: 100%;
    float: left;
    padding-left: 20px;
}

    .ol-common li {
        float: left;
        width: 100%;
    }

.ul-coomon {
    width: 100%;
    float: left;
    padding-left: 20px;
}

    .ul-coomon li {
        float: left;
        width: 100%;
    }

/*Start Price Slider*/
.multi-range,
.multi-range * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.multi-range {
    position: relative;
    width: 100%;
    height: 28px;
    font-family: monospace;
    -webkit-appearance: none;
    float: left;
    margin: 10px 0 15px 0;
}

    .multi-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-top: 5px;
        background: #15bdcc;
        cursor: pointer;
    }

    .multi-range > hr {
        position: absolute;
        width: 100%;
        top: 50%;
    }

    .multi-range > input[type=range] {
        width: calc(100% - 16px);
        position: absolute;
        bottom: 6px;
        left: 0;
    }

        .multi-range > input[type=range]:last-of-type {
            margin-left: 16px;
        }

        .multi-range > input[type=range]::-webkit-slider-thumb {
            transform: translateY(-18px);
        }

        .multi-range > input[type=range]::-webkit-slider-runnable-track {
            -webkit-appearance: none;
            height: 0px;
        }

        .multi-range > input[type=range]::-moz-range-thumb {
            transform: translateY(-18px);
        }

        .multi-range > input[type=range]::-moz-range-track {
            -webkit-appearance: none;
            height: 0px;
        }

        .multi-range > input[type=range]::-ms-thumb {
            transform: translateY(-18px);
        }

        .multi-range > input[type=range]::-ms-track {
            -webkit-appearance: none;
            height: 0px;
        }
/*End Price Slider*/

/*Start Loader Slider*/
.page {
    padding: 1px;
    background: #e5e5e5;
    margin-bottom: 30px;
}

.page-title {
    margin-top: 5px;
    margin-bottom: 10px;
}

.page-content {
    background: #fff;
    padding: 25px 0;
}

.top-search-section {
    margin-top: 80px;
}

    .top-search-section .placeholder-content {
        height: 100px;
    }

    .top-search-section .page-content {
        background: #fff;
        padding: 5px 0 25px;
    }

.placeholder-content {
    height: 205px;
    overflow: hidden;
    background: #000;
    position: relative;
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: placeholderAnimate;
    animation-name: placeholderAnimate;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
    background-size: 1300px;
}

.placeholder-content_item {
    width: 100%;
    height: 20px;
    position: absolute;
    background: #fff;
    z-index: 2;
}

    .placeholder-content_item:after, .placeholder-content_item:before {
        width: inherit;
        height: inherit;
        content: "";
        position: absolute;
    }

    .placeholder-content_item:nth-child(1) {
        top: 0;
        left: 0;
    }

    .placeholder-content_item:nth-child(2) {
        top: 20px;
        left: 0;
        width: 10%;
        height: 90px;
    }

    .placeholder-content_item:nth-child(3) {
        top: 0px;
        left: 0;
        width: 10%;
        height: 100%;
    }

    .placeholder-content_item:nth-child(4) {
        top: 20px;
        width: 20px;
        left: 240px;
        height: 90px;
    }

    .placeholder-content_item:nth-child(5) {
        top: 40px;
        left: 240px;
        height: 12px;
    }

    .placeholder-content_item:nth-child(6) {
        top: 75px;
        left: 240px;
        height: 12px;
    }

    .placeholder-content_item:nth-child(7) {
        top: 20px;
        right: 0;
        width: 23%;
        height: 20px;
    }

    .placeholder-content_item:nth-child(8) {
        top: 0;
        right: 0;
        width: 10%;
        height: 100%;
    }

    .placeholder-content_item:nth-child(9) {
        top: 110px;
        height: 17px;
        left: 0;
    }

    .placeholder-content_item:nth-child(10) {
        top: 149px;
        height: 12px;
        left: 0;
    }

    .placeholder-content_item:nth-child(11) {
        top: 183px;
        left: 0;
        height: 100%;
    }

.left-icon .placeholder-content_item:nth-child(5) {
    top: 40px;
    left: 0px;
    height: 12px;
}

.left-icon .placeholder-content_item:nth-child(6) {
    top: 75px;
    left: 0px;
    height: 12px;
}

.left-icon .placeholder-content_item:nth-child(7) {
    top: 20px;
    left: 0;
    height: 20px;
}

@-webkit-keyframes placeholderAnimate {
    0% {
        background-position: -650px 0;
    }

    100% {
        background-position: 650px 0;
    }
}

@keyframes placeholderAnimate {
    0% {
        background-position: -650px 0;
    }

    100% {
        background-position: 650px 0;
    }
}
/*End Loader Slider*/
.padding0-advance-search {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

    .padding0-advance-search > .padding-center {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .padding0-advance-search > .padding-right {
        padding-right: 5px !important;
    }

    .padding0-advance-search > .padding-left {
        padding-left: 5px !important;
    }

.padding02 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

    .padding02 > div {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .padding02 {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

        .padding02 > div {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }
}

.main-shadow-box {
    width: 100%;
    float: left;
    background: #fff;
    overflow: auto;
    border-radius: 5px;
    -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
}

    .main-shadow-box:hover {
        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
        box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
    }

.main-shadow-box-normal {
    -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
}

    .main-shadow-box-normal:hover {
        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
        box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
    }

.select2-container--default {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 5px !important;
    border: 1px solid #c5c5c5 !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 34px !important;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

/*Bootstrap time Picker*/
/*.table-condensed {width: 100% !important;}
.table-condensed thead {display: none !important;}
.table-condensed tfoot {display: none !important;}*/
/*Bootstrap time Picker*/



/* 10 OTHERS */
.text-heading {
    font-size: 22px;
    font-weight: 600;
}

.alert {
    color: #ce2b2b;
    font-weight: 700
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 170px;
}

.AutoExtender {
    width: 100%;
}

.dropdown-menu {
    background: #fff;
    padding: 10px 10px !important;
    margin: 8px auto !important;
    width: 355px !important;
    color: #333;
}

.addbtn {
    width: 30px;
    float: left !important;
    background: none;
    border: 1px solid #ccc !important;
    line-height: 24px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.quantity {
    width: 30px;
    float: left !important;
    background: none;
    border: 1px solid #ccc !important;
    line-height: 24px;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.backto-result-common-outer {
    width: 100%;
    float: right;
}

.backto-result-common {
    padding: 5px 0px;
    float: right;
    color: #333;
    text-align: center;
    border: 0px solid #15bdcc;
    border-radius: 10px;
}



/* COMMON CSS */

.filter-panel-btn {
    background: #16528e;
    width: 100%;
    float: left;
    color: #fff;
    cursor: pointer;
    padding: 5px 15px;
    margin-bottom: 5px;
}

    .filter-panel-btn span i {
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

.collapse.filter-panel {
    display: block;
}

.advance-search-btn {
    background: #16528e;
    width: 100%;
    float: left;
    color: #fff;
    cursor: pointer;
    padding: 5px 15px;
    margin-bottom: 5px;
    margin-top: 10px;
}

    .advance-search-btn span i {
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

.collapse.advance-search {
    display: block;
}

@media (min-width:768px) {
    .filter-panel-btn {
        display: none;
    }

    .advance-search-btn {
        display: none;
    }
}

@media (max-width:767px) {
    .filter-panel-btn span {
        float: right;
    }

    .filter-panel-btn[aria-expanded="true"] span i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .collapse.filter-panel {
        display: none;
    }

    .advance-search-btn span {
        float: right;
    }

    .advance-search-btn[aria-expanded="true"] span i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .collapse.advance-search {
        display: none;
    }
}

.advance-search-full-btn {
    background: #ff5b02;
    width: 100%;
    float: left;
    color: #fff;
    cursor: pointer;
    padding: 5px 15px;
}

    .advance-search-full-btn span i {
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

.collapse.advance-search-full {
    display: block;
}

@media (min-width:768px) {
    .advance-search-full-btn {
        display: none;
    }

    .beat-deal-show {
        background-color: #f7f7f7;
    }

        .beat-deal-show .deal-show-in {
            width: 100%;
            /* text-align: center; */
            padding: 19px 0px;
        }

            .beat-deal-show .deal-show-in .block-sh {
                width: 32%;
                /* float: left; */
                overflow: hidden;
                display: inline-block;
                margin: 0 auto;
                text-align: left;
                text-align: center;
                border-right: #d6d6d6 1px solid;
            }

                .beat-deal-show .deal-show-in .block-sh .im-set {
                    /* float: left; */
                    width: 22%;
                    margin: 0 auto;
                }

    img.usp {
        width: 100%;
    }

    .beat-deal-show .deal-show-in .block-sh .dtl-set {
        /* float: left; */
        /* width: 75%; */
        padding: 1px 0px;
        /* margin-left: 26px; */
    }

        .beat-deal-show .deal-show-in .block-sh .dtl-set h3 {
            margin: 0;
            font-size: 18px;
            font-weight: 600;
            color: #201f68;
        }

        .beat-deal-show .deal-show-in .block-sh .dtl-set p {
            margin: 0;
            color: #848484;
            font-size: 12px;
        }

    .beat-deal-show .deal-show-in .deal-offer {
        background-color: #001239;
        text-align: center;
        padding: 11px 0px;
        border: #FFC107 2px dashed;
        margin-top: 8px;
    }

        .beat-deal-show .deal-show-in .deal-offer p {
            color: #fff;
            margin: 0;
            font-size: 14px;
            padding: 5px 0px;
        }

        .beat-deal-show .deal-show-in .deal-offer h3 {
            color: #fff;
            margin: 0;
            font-weight: bold;
        }

        .beat-deal-show .deal-show-in .deal-offer a {
            color: #FFEB3B;
        }
}

@media (max-width:767px) {
    .top-stip-icon {
        display: none;
    }

    .advance-search-full-btn[aria-expanded="true"] span i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .collapse.advance-search-full {
        display: none;
    }

    .flight-results .results .row.header.mt30 {
        margin-top: 10px !important;
    }
}

/*--- FOR BOOTSTRAP DROPDOWN ---*/
@media (max-width:767px) {
    .collapse.advance-search.in {
        display: block;
    }

    .collapse.advance-search-full.in {
        display: block;
    }

    .collapse.filter-panel.collapse.in {
        display: block;
    }

    .collapse.advance-search-nd.in {
        display: block;
    }
}
/*--- FOR BOOTSTRAP DROPDOWN ---*/

.collapse.advance-search.fh-advance-search {
    display: none;
}

    .collapse.advance-search.fh-advance-search.in {
        display: block;
    }

/* CONTAINER */
.container-full {
    width: 100%;
    float: left; /*background:#e8ffff;*/
}

    /* ADVANCE SEARCH PANEL */
    .container-full .flight-result {
        width: 100%;
        float: left;
    }

    .container-full .advance-search {
        width: 100%;
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
        height: auto !important;
    }

        .container-full .advance-search .adserch-left-panel {
            width: 100%;
            float: left;
            background: #c1f1f4;
            border: 1px solid #71a7c4;
            padding: 10px 10px;
        }

        .container-full .advance-search .adserch-left-panel {
            width: 100%;
            min-height: 95px;
            float: left;
            background: #fff;
            border: 1px solid #71a7c4;
            padding: 10px 10px;
            margin: 0px 0 20px 0;
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        }

            .container-full .advance-search .adserch-left-panel .tab-panel {
                width: 100%;
                float: left;
            }

                .container-full .advance-search .adserch-left-panel .tab-panel .city {
                    width: 18%;
                    float: left;
                    padding-right: 10px;
                }

                .container-full .advance-search .adserch-left-panel .tab-panel .date {
                    width: 11%;
                    float: left;
                    padding-right: 10px;
                }

                .container-full .advance-search .adserch-left-panel .tab-panel .traveller {
                    width: 20%;
                    float: left;
                    padding-right: 10px;
                    position: relative;
                }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-control {
                        font-size: 11px;
                        padding-top: 9px;
                        height: 40px;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult {
                        width: 33.3333%;
                        float: left;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .label-text {
                        width: 100%;
                        font-weight: 600;
                        text-align: left;
                        color: #6b6f72;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .select-box {
                        width: 100%;
                        float: left;
                        border: 1px solid #ccc;
                        border-radius: 5px;
                        overflow: hidden;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller select.form-control {
                        border: 0px;
                        border-radius: 5px;
                        padding-left: 20px !important;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-group {
                        margin-bottom: 5px;
                    }

                        .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-group label {
                            margin-bottom: 5px;
                        }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult select.form-control:focus {
                        box-shadow: none;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .pos-static span {
                        line-height: 1em;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-control {
                        box-shadow: 5px 0 0 #fe492b inset;
                        -webkit-box-shadow: 5px 0 0 #fe492b inset;
                        margin-bottom: 10px;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax {
                        margin-bottom: 10px;
                    }

                        .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax .room-icon {
                            padding-left: 3px;
                            color: #15bdcc;
                        }

                            .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax .room-icon.fa-child {
                                color: #5944e4;
                            }

                        .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax .adult-icon {
                            padding-left: 3px;
                            color: #5944e4;
                        }

                        .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax .infant-icon {
                            padding-left: 3px;
                            color: #ef6945;
                        }

                /*---cabin-class-dropdown---*/
                .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect {
                    position: relative;
                    width: 12%;
                }

                    .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .class-sellect .class-input {
                        font-size: 12px;
                        color: #555;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect.custome-class-multy-city .class-sellect .class-input {
                        font-size: 10px;
                        color: #555;
                    }

                    .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown {
                        width: 220px;
                        position: relative;
                        position: absolute;
                        top: 100%;
                        z-index: 11111;
                        float: left;
                        background: #fff;
                        color: #999;
                        border-radius: 5px;
                        box-shadow: 0 2px 3px 0 #999;
                        border: 1px solid #eee;
                    }

                        .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown:before {
                            left: 50px;
                        }

                        .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner {
                            width: 100%;
                            float: left;
                            background: #00387c;
                            padding: 15px;
                        }

                            .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .ul-class {
                                width: 100%;
                                float: left;
                                list-style: none;
                                margin-bottom: 10px;
                            }

                                .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .ul-class li {
                                    width: 100%;
                                    float: left;
                                    border: 1px solid #fff;
                                    padding: 5px 0;
                                    text-align: center;
                                    margin-bottom: 5px;
                                    color: #fff;
                                    cursor: pointer;
                                }

                                    .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .ul-class li:hover {
                                        background: #fe492b;
                                    }

                                    .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .ul-class li.active {
                                        background: #fe492b;
                                    }

                            .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .btn-outer {
                                width: 100%;
                                float: left;
                                text-align: center;
                            }

                                .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .btn-outer .class-done-btn {
                                    background: linear-gradient(90deg,#f67504 0%,#fe492b 100%);
                                    color: #fff;
                                    font-size: 14px;
                                    font-weight: 400;
                                    border: 1px solid #f66104;
                                    padding: 2px 10px;
                                    border-radius: 4px;
                                    text-decoration: none;
                                }

                                    .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .btn-outer .class-done-btn:hover {
                                        background: linear-gradient(90deg,#fe492b 0%,#f67504 100%);
                                    }


@media screen and (min-width:320px) and (max-width:767px) {
    .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown {
        left: initial;
        right: 0px;
    }

        .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown:before {
            left: initial;
            right: 50%;
            margin-left: 0px;
            margin-right: -15px;
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .class-sellect .class-input {
        font-size: 10px;
        padding-left: 10px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .class-sellect .class-input {
        font-size: 10px;
    }
    .deal-offer h3 {
       font-size: 17px;
    }
}
/*---cabin-class-dropdown---*/


.container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center {
    width: 100%;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
}

    .container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center .city {
        float: none;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center .date2 {
        float: none;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center .traveller .form-control {
        text-align: left;
    }
/*.container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center .search-btn-outer .search-btn{width:100%;}*/
.container-full .advance-search .adserch-left-panel .tab-panel .search-btn-outer {
    width: 10%;
    float: left;
    padding-right: 10px;
    position: relative;
}

    .container-full .advance-search .adserch-left-panel .tab-panel .search-btn-outer .search-btn {
        width: auto;
        float: left;
        padding: 6px 10px;
        margin-top: 25px;
        text-align: center;
        font-size: 14px;
        border: 1px solid #13becd;
        border-radius: 5px;
        color: #fff;
        outline: 0px;
        background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
        background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
    }

        .container-full .advance-search .adserch-left-panel .tab-panel .search-btn-outer .search-btn:hover {
            background: linear-gradient( #15bdcc 50%, #41d8e5 50%);
            background: -webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);
        }

@media screen and (min-width:320px) and (max-width:767px) {
    .container-full .advance-search .adserch-left-panel .tab-panel .search-btn-outer .search-btn {
        margin-top: 10px;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center {
        display: inline-block;
    }
}


/*--------------PAX------------------*/
.container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown {
    width: 220px;
    position: relative;
    margin-top: 5px;
    position: absolute;
    top: 100%;
    z-index: 1111;
    float: left;
    background: #fff;
    color: #999;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 #999;
    border: 1px solid #eee;
}

    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown:before {
        position: absolute;
        content: "";
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent #eaeaea transparent;
        bottom: 100%;
        left: 50%;
        margin-left: -15px;
        border-top: none;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content {
        width: 100%;
        float: left;
        padding: 0 10px;
        margin-top: 20px;
    }

        .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .form-group {
            width: 100%;
            float: left;
        }

            .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .form-group label {
                color: #333;
            }

            .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .form-group select.form-control {
                line-height: 28px;
            }

        .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel {
            width: 100%;
            float: left;
        }

            .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .heading {
                width: 100%;
                float: left;
                font-size: 16px;
                font-weight: 600;
                color: #333;
                margin-bottom: 10px;
            }

            /*.container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer{width:100%; float:left; position:relative; padding-left:120px; margin-bottom:20px;}
.container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .min-max{width:120px; position:absolute; left:0px; top:-5px;}
.container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn1{float:left; width:30px; font-weight: 400; height:30px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#00a4e1; background:transparent; font-size:30px; outline:none;}
.container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn2{float:left; width:30px; font-weight: 400; height:30px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#00a4e1; background:transparent; font-size:30px; outline:none;}
.container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-text{float:left; text-align:center; width:50px; font-weight: 400;  height:30px; font-size:16px; color:#000; background:transparent; border:0px; outline:none;}
.container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .age-text{float:left; font-weight: 400;}*/


            .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer {
                width: 100%;
                float: left;
                display: flex;
                align-items: center;
                justify-content: space-between;
                position: relative;
                margin-bottom: 10px;
                padding: 0px;
                font-size: 12px;
            }

                .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .text-panel {
                    display: flex;
                    flex-wrap: wrap;
                }

                .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .inner-heading {
                    font-size: 12px;
                    float: left;
                    margin-right: 5px;
                    font-weight: 600;
                    color: #333;
                    display: inline-block;
                }

                .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .age-text {
                    float: left;
                    font-weight: 400;
                }

                .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .min-max {
                    width: 70px;
                    display: flex;
                    right: 0px;
                    top: -5px;
                    position: static;
                }

                .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn1 {
                    float: left;
                    width: 20px;
                    font-weight: 400;
                    height: 20px;
                    line-height: 20px;
                    border-radius: 50%;
                    border: 1px solid #ccc;
                    color: #fe492b;
                    background: transparent;
                    font-size: 18px;
                    outline: none;
                }

                .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn2 {
                    float: left;
                    width: 20px;
                    font-weight: 400;
                    height: 20px;
                    line-height: 20px;
                    border-radius: 50%;
                    border: 1px solid #ccc;
                    color: #fe492b;
                    background: transparent;
                    font-size: 18px;
                    outline: none;
                }

                .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-text {
                    float: left;
                    text-align: center;
                    width: 30px;
                    font-weight: 400;
                    height: 20px;
                    font-size: 13px;
                    color: #000;
                    background: transparent;
                    border: 0px;
                    outline: none;
                }


        .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .info-text1 {
            width: 100%;
            float: left;
            font-size: 12px;
            color: #999;
            margin-bottom: 10px;
            font-weight: 400;
        }

    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .done-btn-full {
        width: 100%;
        float: left;
        border-top: 1px solid #ccc;
        padding: 5px 10px
    }

        .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .done-btn-full .done-btn {
            float: right;
            font-size: 14px;
            color: #ffffff;
            background: #00a4e1;
            padding: 0px 5px;
            border-radius: 10px;
        }

    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .form-group .form-control {
        border: 1px solid #ccc;
    }

.container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu {
    color: #333;
}

    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu .done-btn-full {
        width: 100%;
        float: left;
        border-top: 0px solid #ccc;
        padding: 5px 5px
    }

        .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu .done-btn-full .done-btn {
            float: right;
            font-size: 12px;
            font-weight: bold;
            background: #d3302c;
            text-decoration: none;
            padding: 1px 12px;
            border-radius: 10px;
            box-shadow: 0 0 10px #ccc;
            color: #fff;
        }

    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu #divRoom1 .row .col-md-4,
    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu #divRoom2 .row .col-md-4,
    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu #divRoom3 .row .col-md-4,
    .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu #divRoom4 .row .col-md-4 {
        margin-bottom: 5px;
    }

.container-full .advance-search.fh-advance-search .traveller .dropdown-menu .done-btn-full {
    width: 100%;
    float: left;
    border-top: 0px solid #ccc;
    padding: 5px 5px
}

    .container-full .advance-search.fh-advance-search .traveller .dropdown-menu .done-btn-full .done-btn {
        float: right;
        font-size: 12px;
        font-weight: bold;
        background: #d3302c;
        text-decoration: none;
        padding: 1px 12px;
        border-radius: 10px;
        box-shadow: 0 0 10px #ccc;
        color: #fff;
    }

/*--------------PAX------------------*/




.container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel {
    width: 100%;
    float: left;
}

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination {
        width: 58%;
        float: left;
    }

        .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner {
            width: 100%;
            float: left;
        }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials {
        width: 42%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner .city {
        width: 31%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner .date {
        width: 19%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials .traveller {
        width: 48%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials .date {
        width: 26%;
        float: left;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination {
        width: 100%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials {
        width: 100%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner .city {
        width: 100%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner .date {
        width: 100%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials .traveller {
        width: 100%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials .date {
        width: 100%;
        float: left;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination {
        width: 100%;
        float: left;
    }

    .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials {
        width: 100%;
        float: left;
    }
}




.accommodation-result-pg.add-guide-pg .advance-search .adserch-left-panel .tab-panel .traveller {
    width: 20%;
    float: left;
    padding-right: 10px;
    position: relative;
}

.adult-class-dropdown {
    width: 100%;
    position: absolute;
    top: 100%;
    z-index: 111111;
    margin-top: 0px;
    float: left;
    background: #fff;
    color: #999;
    border-radius: 5px;
    box-shadow: 0 4px 10px 0 #999;
}

    .adult-class-dropdown:before {
        position: absolute;
        content: "";
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        bottom: 100%;
        left: 50%;
        margin-left: -15px;
    }

    .adult-class-dropdown .dropdown-content {
        width: 100%;
        float: left;
        padding: 0 10px;
        margin-top: 20px;
    }

        .adult-class-dropdown .dropdown-content .form-group {
            width: 100%;
            float: left;
        }

            .adult-class-dropdown .dropdown-content .form-group label {
                color: #333;
                margin-bottom: 10px;
            }

            .adult-class-dropdown .dropdown-content .form-group select.form-control {
                border: 1px solid #ccc !important;
                border-radius: 5px;
            }

            .adult-class-dropdown .dropdown-content .form-group select.form-control {
                line-height: 28px;
            }

        .adult-class-dropdown .dropdown-content .adult-panel {
            width: 100%;
            float: left;
        }

            .adult-class-dropdown .dropdown-content .adult-panel .heading {
                width: 100%;
                float: left;
                font-size: 16px;
                font-weight: 600;
                color: #333;
                margin-bottom: 10px;
            }

            .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 120px;
                margin-bottom: 20px;
            }

                .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .min-max {
                    width: 120px;
                    position: absolute;
                    left: 0px;
                    top: -5px;
                }

                .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn1 {
                    float: left;
                    width: 30px;
                    height: 30px;
                    line-height: 20px;
                    border-radius: 50%;
                    border: 1px solid #ccc;
                    color: #77a516;
                    background: transparent;
                    font-size: 30px;
                    outline: none;
                }

                .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn2 {
                    float: left;
                    width: 30px;
                    height: 30px;
                    line-height: 20px;
                    border-radius: 50%;
                    border: 1px solid #ccc;
                    color: #77a516;
                    background: transparent;
                    font-size: 30px;
                    outline: none;
                }

                .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-text {
                    float: left;
                    width: 50px;
                    height: 30px;
                    font-size: 16px;
                    color: #000;
                    background: transparent;
                    border: 0px;
                    outline: none;
                }

                .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .age-text {
                    float: left;
                }

        .adult-class-dropdown .dropdown-content .info-text1 {
            width: 100%;
            float: left;
            font-size: 12px;
            color: #999;
            margin-bottom: 10px;
        }

    .adult-class-dropdown .done-btn-full {
        width: 100%;
        float: left;
        border-top: 1px solid #ccc;
        padding: 5px 10px
    }

        .adult-class-dropdown .done-btn-full .done-btn {
            float: right;
            font-size: 16px;
            color: #77a516;
        }

    .adult-class-dropdown h6 {
        width: 100%;
        float: left;
    }

    .adult-class-dropdown.for-room-class:before {
        left: 17% !important;
    }

.container-full .advance-search .adserch-left-panel .tab-panel .class {
    width: 14%;
    float: left;
}

.container-full .advance-search .adserch-left-panel .form-group {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

    .container-full .advance-search .adserch-left-panel .form-group label.position-relative {
        position: relative;
        width: 100%;
        float: left;
        font-weight: normal;
        color: #fff;
    }

        .container-full .advance-search .adserch-left-panel .form-group label.position-relative label {
            width: 100%;
            font-weight: 600;
            text-align: left;
            color: #6b6f72;
        }

        .container-full .advance-search .adserch-left-panel .form-group label.position-relative .plus-icon {
            background: url(../Images/icons/plus.png);
            width: 20px;
            height: 20px;
            margin-top: 10px;
            margin-left: 7px;
            border: none;
            float: left;
            display: block;
            cursor: pointer
        }

        .container-full .advance-search .adserch-left-panel .form-group label.position-relative .minus-icon {
            background: url(../Images/icons/cross.png);
            width: 20px;
            height: 20px;
            margin-top: 8px;
            margin-left: 7px;
            border: none;
            float: left;
            display: block;
            cursor: pointer
        }

    .container-full .advance-search .adserch-left-panel .form-group span {
        position: absolute;
        font-size: 16px;
        color: #8ec320;
        bottom: 0px;
        left: 10px;
        line-height: 34px;
    }

        .container-full .advance-search .adserch-left-panel .form-group span img {
            width: 10px;
        }

    .container-full .advance-search .adserch-left-panel .form-group label.position-relative .form-control {
        padding-right: initial;
        height: 40px;
        padding: 0 10px;
    }
/*.container-full .advance-search .adserch-left-panel .form-group label.position-relative .form-control::placeholder{color:#16528e;}*/

.container-full .advance-search .adserch-left-panel .tab-panel .city .form-group label.position-relative .form-control {
    box-shadow: 5px 0 0 #385d9e inset;
    -webkit-box-shadow: 5px 0 0 #385d9e inset;
}

.container-full .advance-search .adserch-left-panel .tab-panel .city.city2 .form-group label.position-relative .form-control {
    box-shadow: 5px 0 0 #9c27b0 inset;
    -webkit-box-shadow: 5px 0 0 #9c27b0 inset;
}

.container-full .advance-search .adserch-left-panel .tab-panel .date .form-group label.position-relative .form-control {
    box-shadow: 5px 0 0 #ef6945 inset;
    -webkit-box-shadow: 5px 0 0 #ef6945 inset;
}

.container-full .advance-search .adserch-left-panel .tab-panel .date .form-group label.position-relative select.form-control {
    padding-right: 2px;
}

.container-full .advance-search .adserch-left-panel .tab-panel .date.date2 .form-group label.position-relative .form-control {
    box-shadow: 5px 0 0 #009688 inset;
    -webkit-box-shadow: 5px 0 0 #009688 inset;
}

.container-full .advance-search .adserch-left-panel .tab-panel .adc .form-group label.position-relative .form-control {
    box-shadow: 5px 0 0 #009688 inset;
    -webkit-box-shadow: 5px 0 0 #009688 inset;
}

.container-full .advance-search .adserch-left-panel .tab-panel .traveller .select-box select {
    background: transparent;
}

.container-full .advance-search .adserch-left-panel .tab-panel .traveller .select-box {
    box-shadow: 5px 0 0 #999 inset;
    -webkit-box-shadow: 5px 0 0 #999 inset;
    background: #fff;
}

.container-full .advance-search .adserch-left-panel .form-group label.position-relative .form-control:focus {
    box-shadow: 5px 0 0 #7636dc inset;
    -webkit-box-shadow: 5px 0 0 #7636dc inset;
}

.container-full .advance-search .adserch-left-panel .form-group label.position-relative.left-icon span.left {
    position: absolute;
    width: 20px;
    font-size: 16px;
    color: #c0257c;
    bottom: 0px;
    left: 5px;
    line-height: 34px;
}

.container-full .advance-search .adserch-left-panel .form-group label.position-relative.left-icon input {
    padding-right: initial;
    padding-left: 25px;
}

.container-full .advance-search .adserch-left-panel .form-group label.position-relative select {
    height: 34px;
    width: 100%;
    float: left;
    line-height: 28px;
}

.container-full .advance-search .adserch-left-panel .radio-full {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    .container-full .advance-search .adserch-left-panel .radio-full .radio {
        float: left;
        margin: 0px 10px 0 0;
    }

        .container-full .advance-search .adserch-left-panel .radio-full .radio label.active {
            font-weight: 600;
        }

        .container-full .advance-search .adserch-left-panel .radio-full .radio label {
            width: auto;
            float: left;
            color: #fff;
            font-size: 14px;
        }

        .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked,
        .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) {
            position: absolute;
            left: -9999px;
        }

            .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked + label,
            .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label {
                position: relative;
                padding-left: 20px;
                cursor: pointer;
                line-height: 20px;
                display: inline-block;
                color: #16528e;
            }

                .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label.active {
                    font-weight: bold;
                }

                .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked + label:before,
                .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label:before {
                    content: '';
                    position: absolute;
                    left: 0px;
                    top: 4px;
                    width: 14px;
                    height: 14px;
                    border: 1px solid #ddd;
                    border-radius: 100%;
                    background: #fff;
                }

                .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked + label:after,
                .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label:after {
                    content: '';
                    width: 8px;
                    height: 8px;
                    background: #f7941d;
                    position: absolute;
                    top: 7px;
                    left: 3px;
                    border-radius: 100%;
                    -webkit-transition: all 0.2s ease;
                    transition: all 0.2s ease;
                }

                .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label:after {
                    opacity: 0;
                    -webkit-transform: scale(0);
                    transform: scale(0);
                }

                .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked + label:after {
                    opacity: 1;
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }

    .container-full .advance-search .adserch-left-panel .radio-full .flexi-checkbox-full {
        float: left;
    }

        .container-full .advance-search .adserch-left-panel .radio-full .flexi-checkbox-full .checkbox-inner {
            display: inline-block;
            padding-right: 10px;
        }

            .container-full .advance-search .adserch-left-panel .radio-full .flexi-checkbox-full .checkbox-inner label {
                font-weight: normal;
                color: #16528e;
                position: relative;
                top: -1px;
            }


/*.container-full .advance-search .adserch-modify-btn-outer{width:10%; float:left; padding-left:5px;}
.container-full .advance-search .adserch-modify-btn{width:100%; height:111px; float:left; text-align:center; background:#16528e; color:#fff; border-radius:5px;}
.container-full .advance-search .adserch-modify-btn .text1{width:100%; float:left; text-align:center; margin-top:30px; font-size:20px; font-weight:600;}
.container-full .advance-search .adserch-modify-btn .text2{width:100%; float:left; text-align:center; font-size:16px; margin-top:-5px;}*/

.container-full .advance-search .adserch-modify-btn-outer {
    width: 10%;
    float: left;
    padding-left: 5px;
}

.container-full .advance-search .adserch-modify-btn {
    width: 100%;
    height: 95px;
    float: left;
    text-align: center;
    background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
    background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
    color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
}

    .container-full .advance-search .adserch-modify-btn:hover {
        background: linear-gradient( #15bdcc 50%, #41d8e5 50%);
        background: -webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);
    }

    .container-full .advance-search .adserch-modify-btn .text1 {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 37px;
        font-size: 18px;
        font-weight: 600;
    }

    .container-full .advance-search .adserch-modify-btn .text2 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 14px;
        margin-top: -5px;
    }

.container-full .flight-result .advance-search .adserch-modify-btn {
    height: 111px;
}

    .container-full .flight-result .advance-search .adserch-modify-btn .text1 {
        margin-top: 45px;
    }

/*.container-full .advance-search .advance-search-top-outer .adserch-modify-btn-outer{width:10%; float:left; padding-left:5px;}
.container-full .advance-search .advance-search-top-outer .adserch-modify-btn-outer .adserch-modify-btn-new{width: auto; float: right; padding: 5px 10px; margin-top: 30px; text-align: center; font-size: 14px; border: 1px solid #13becd; border-radius: 5px; color: #fff; outline: 0px; background: linear-gradient( #41d8e5 50%, #15bdcc 50%); background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);}*/


/* FILTER PANEL */
.container-full .filter-panel {
    width: 100%;
    float: left;
    border: 0px solid #71a7c4;
    margin-bottom: 30px;
    height: auto !important;
}

    .container-full .filter-panel .header {
        width: 100%;
        float: left;
        background: #16528e;
        color: #fff;
        padding: 10px 10px;
    }

        .container-full .filter-panel .header span:last-child {
            float: right;
        }

        .container-full .filter-panel .header span i {
            float: right;
        }

    .container-full .filter-panel .content {
        width: 100%;
        float: left;
        padding: 0 10px;
    }

        .container-full .filter-panel .content h3 {
            width: 100%;
            float: left;
            color: #16528e;
            font-size: 24px;
            padding-bottom: 20px;
            border-bottom: 1px solid #16528e;
        }

        .container-full .filter-panel .content .price {
            width: 100%;
            float: left;
            font-size: 16px;
            font-weight: bold;
            color: #16528e;
            margin-top: 10px;
        }

        .container-full .filter-panel .content .checkbox-full label {
            width: 100%;
        }

            .container-full .filter-panel .content .checkbox-full label input[type="checkbox"] {
                display: none;
            }

                .container-full .filter-panel .content .checkbox-full label input[type="checkbox"] ~ i.fa.fa-square-o {
                    color: #16528e;
                    display: inline;
                }

                .container-full .filter-panel .content .checkbox-full label input[type="checkbox"] ~ i.fa.fa-check-square-o {
                    display: none;
                }

                .container-full .filter-panel .content .checkbox-full label input[type="checkbox"]:checked ~ i.fa.fa-square-o {
                    display: none;
                }

                .container-full .filter-panel .content .checkbox-full label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o {
                    color: #16528e;
                    display: inline;
                }

            .container-full .filter-panel .content .checkbox-full label:hover input[type="checkbox"] ~ i.fa {
                color: #16528e;
            }

            .container-full .filter-panel .content .checkbox-full label.active {
                color: #16528e;
            }

        .container-full .filter-panel .content .checkbox-full label {
            display: inline-block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 2em;
            line-height: 22px;
            text-align: left;
            white-space: inherit;
            vertical-align: top;
            cursor: pointer;
            background-color: none;
            border: 0px solid #c8c8c8;
            border-radius: 3px;
            color: #16528e;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
        }

            .container-full .filter-panel .content .checkbox-full label:hover {
                color: #16528e;
            }

            .container-full .filter-panel .content .checkbox-full label:active,
            .container-full .filter-panel .content .checkbox-full label.active {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        .container-full .filter-panel .content .checkbox-full label {
            padding: 5px 0px;
            width: 100%;
            float: left;
        }

            .container-full .filter-panel .content .checkbox-full label i {
                float: left;
            }

                .container-full .filter-panel .content .checkbox-full label i.fa-2x {
                    font-size: 24px !important;
                }

            .container-full .filter-panel .content .checkbox-full label span {
                float: left;
                padding-left: 10px;
                margin-top: 1px;
                width: calc(100% - 23px);
            }

        .container-full .filter-panel .content .ul-departure-time {
            width: 100%;
            float: left;
            display: flex;
            justify-content: space-between;
            list-style: none;
            margin-top: 5px;
        }

            .container-full .filter-panel .content .ul-departure-time li {
                display: inline-block;
                padding: 5px 0;
                border: 1px solid #16528e;
                background: #fff;
                color: #16528e;
                cursor: pointer;
            }

                .container-full .filter-panel .content .ul-departure-time li span {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 11.5px;
                }

                .container-full .filter-panel .content .ul-departure-time li.active {
                    background: #16528e;
                    color: #fff;
                }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .container-full .filter-panel .content .ul-departure-time {
        display: inline-block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container-full .filter-panel .content .ul-departure-time li span {
        font-size: 7.9px;
    }

    .container-full .filter-panel .content .checkbox-full label span {
        margin-top: -1px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container-full .filter-panel .content .ul-departure-time li span {
        font-size: 9px;
    }

    .container-full .filter-panel .content .checkbox-full label span {
        margin-top: -1px;
    }
}


.filter {
    border: 0px solid #ccc;
    float: left;
    width: 100%;
    padding: 10px;
    margin-top: 0px;
}

    .filter .reset {
        width: 100%;
        float: right;
        text-align: right;
        font-size: 10px;
        color: #3399cc;
        padding: 10px 0;
    }

    .filter .accordianfilter {
        width: 100%;
        float: left;
    }

    .filter ul.starrating,
    .filter ul.services {
        width: 100%;
        list-style: none;
        float: left;
    }

        .filter ul.starrating span img {
            width: auto !important;
            height: auto;
        }

        .filter ul.starrating li,
        .filter ul.services li {
            display: inline-block;
            float: left;
            width: 100%;
            padding-top: 8px;
        }

            .filter ul.starrating li input[type=checkbox],
            .filter ul.services li input[type=checkbox] {
                margin-top: 3px;
                margin-right: 5px;
                float: left;
            }

            .filter ul.starrating li i {
                color: #333;
            }

    .filter .starrating img {
        width: 100px;
        height: 15px;
    }

    .filter ul.services span {
        margin-left: -5px;
        font-weight: normal !important;
    }

/* 12 ACCORDIAN CSS */
.panel-default > .panel-heading {
    color: #333;
    background-color: none;
    border-color: none;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .panel-default > .panel-heading a {
        display: block;
        padding: 10px 15px;
    }

        .panel-default > .panel-heading a:after {
            content: "";
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: right;
            transition: transform .25s linear;
            -webkit-transition: -webkit-transform .25s linear;
        }

        .panel-default > .panel-heading a[aria-expanded="true"] {
            background-color: none;
        }

            .panel-default > .panel-heading a[aria-expanded="true"]:after {
                content: "\2212";
                transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
            }

        .panel-default > .panel-heading a[aria-expanded="false"]:after {
            content: "\002b";
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }

.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

    .accordion-option .title {
        font-size: 20px;
        font-weight: bold;
        float: left;
        padding: 0;
        margin: 0;
    }

    .accordion-option .toggle-accordion {
        float: right;
        font-size: 16px;
        color: #6a6c6f;
    }

        .accordion-option .toggle-accordion:before {
            content: "Expand All";
        }

        .accordion-option .toggle-accordion.active:before {
            content: "Collapse All";
        }

.filter .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px solid #ddd;
}

.filter .panel {
    margin-bottom: 0px;
    background-color: transparent !important;
    border: 0px solid transparent !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
    box-shadow: 0 0px 0px rgba(0,0,0,.05);
    border-bottom: 0px solid #999999 !important;
    border-radius: 0px !important;
}

    .filter .panel:last-child {
        border-bottom: 0px !important;
    }

.filter .panel-default > .panel-heading a {
    display: block;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 600;
    color: #16528e;
    border-bottom: 1px solid #16528e;
}

.filter .panel-body {
    padding: 15px 0px;
}

.filter .panel-default > .panel-heading {
    color: #333;
    background-color: transparent !important;
    border-color: transparent !important;
}

.accordianfilter .panel-group {
    margin-bottom: 0px;
}

.filter .panel-default label {
    width: 100%;
    font-weight: normal;
}

.filter .panel-default .panel-body .starrating label {
    margin-left: 0px;
}

.filter .panel.panel-default {
    width: 100%;
    float: left;
}

.filter .slider-box-price-range {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    .filter .slider-box-price-range .slider {
        width: calc(100% - 15px);
        float: left;
        margin: 0px 0 10px 8px;
    }

    .filter .slider-box-price-range label,
    .filter .slider-box-price-range input {
        border: none;
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 30%
    }

    .filter .slider-box-price-range input {
        width: 70%
    }

    .filter .slider-box-price-range .priceRang-heading,
    .filter .slider-box-price-range .priceRang-value {
        width: 100%;
        float: left;
        outline: none;
    }

    .filter .slider-box-price-range .ui-state-default,
    .filter .slider-box-price-range .ui-widget-content .ui-state-default,
    .filter .slider-box-price-range .ui-widget-header .ui-state-default {
        background: #f00 !important;
    }


/*--mobile filter--*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .filter-mobile .panel-default > .panel-heading a[aria-expanded="true"]:after {
        content: "\002b";
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }

    .filter-mobile .panel-default > .panel-heading a[aria-expanded="false"]:after {
        content: "\002b";
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }

    .filter-mobile .panel-default > .panel-heading a.divCollapse_main_Price[aria-expanded="true"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main_Price[aria-expanded="false"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main1[aria-expanded="true"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main1[aria-expanded="false"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main1a[aria-expanded="true"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main1a[aria-expanded="false"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main2[aria-expanded="true"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main2[aria-expanded="false"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main8[aria-expanded="true"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main8[aria-expanded="false"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main9[aria-expanded="true"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main9[aria-expanded="false"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main10[aria-expanded="true"]:after,
    .filter-mobile .panel-default > .panel-heading a.divCollapse_main10[aria-expanded="false"]:after {
        content: "\2212";
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .filter-mobile .panel .collapse.in {
        display: none;
    }

    .filter-mobile .panel .collapse.divCollapsePrice,
    .filter-mobile .panel .collapse.divCollapse1,
    .filter-mobile .panel .collapse.divCollapse1a,
    .filter-mobile .panel .collapse.divCollapse2,
    .filter-mobile .panel .collapse.divCollapse8,
    .filter-mobile .panel .collapse.divCollapse9,
    .filter-mobile .panel .collapse.divCollapse10 {
        display: block;
        height: auto !important;
    }
}
/*--mobile filter--*/



/*FLIGHT RESULT PANEL */
.container-full .flight-result .result-panel {
    width: 100%;
    float: left;
    padding-left: 0px;
}

    .container-full .flight-result .result-panel .result-panel-header {
        width: 100%;
        float: left;
        margin-top: 0px;
        padding: 0 0px;
    }

        .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner {
            width: 100%;
            float: left;
            display: flex;
            flex-wrap: wrap;
            border: 1px solid #d19e01;
            background: #fff;
        }

            .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-1 {
                width: 25%;
                min-height: 54px;
                float: left;
                padding: 5px 0 5px 10px;
                border-right: 1px solid #d19e01;
            }

            .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 {
                width: 50%;
                min-height: 54px;
                float: left;
                display: flex;
            }

            .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3 {
                width: 25%;
                min-height: 54px;
                float: left;
                padding: 5px 9px 5px 0px;
                border-left: 1px solid #f7941d;
            }

        .container-full .flight-result .result-panel .result-panel-header .found-flight {
            font-weight: normal;
            font-size: 14px;
            font-weight: bold;
            color: #203375;
            margin-bottom: 0px;
        }

        .container-full .flight-result .result-panel .result-panel-header .return-flight {
            float: left;
            color: #333;
            font-size: 14px;
            margin-bottom: 0px;
        }

        .container-full .flight-result .result-panel .result-panel-header .travel-detail {
            font-weight: normal;
            font-size: 14px;
            overflow-wrap: anywhere;
            text-align: right;
            margin-bottom: 0px;
            color: #484848;
        }

        .container-full .flight-result .result-panel .result-panel-header .travel-info {
            font-weight: normal;
            font-size: 14px;
            float: right;
            margin-bottom: 0px;
        }

            .container-full .flight-result .result-panel .result-panel-header .travel-info .icon {
                float: left;
                width: 13px;
                margin-right: 1px;
                margin-top: -2px;
            }

                .container-full .flight-result .result-panel .result-panel-header .travel-info .icon img {
                    width: 100%;
                    height: auto;
                }

            .container-full .flight-result .result-panel .result-panel-header .travel-info .font-icon {
                width: auto;
                padding-left: 5px;
            }

                .container-full .flight-result .result-panel .result-panel-header .travel-info .font-icon .room-icon {
                    padding-left: 3px;
                    color: #15bdcc;
                    font-size: 16px;
                }

                .container-full .flight-result .result-panel .result-panel-header .travel-info .font-icon .adult-icon {
                    padding-left: 3px;
                    color: #5944e4;
                    font-size: 12px;
                }

                .container-full .flight-result .result-panel .result-panel-header .travel-info .font-icon .infant-icon {
                    padding-left: 3px;
                    color: #ef6945;
                    font-size: 12px;
                }

            .container-full .flight-result .result-panel .result-panel-header .travel-info .number {
                float: left;
                margin-right: 5px;
            }

        .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box1 {
            width: 40%;
            min-height: 54px;
            float: left;
            text-align: center;
            padding: 5px 0 5px 0px;
            border-right: 1px solid #f7941d;
        }

        .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box2 {
            width: 20%;
            min-height: 54px;
            float: left;
            text-align: center;
            padding: 5px 0 5px 0px;
        }

        .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box3 {
            width: 40%;
            min-height: 54px;
            float: left;
            text-align: center;
            padding: 5px 0 5px 0px;
            border-left: 1px solid #f7941d;
        }

        .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .city-name {
            width: 100%;
            float: left;
            overflow-wrap: anywhere;
            text-align: center;
            color: #16528e;
            font-size: 14px;
            font-weight: 600;
        }

        .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .date {
            width: 100%;
            float: left;
            text-align: center;
            color: #333;
            margin-top: -3px;
            font-size: 14px;
            font-weight: 600;
        }

        .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .day {
            width: 100%;
            float: left;
            text-align: center;
            color: #333;
            font-size: 14px;
            font-weight: normal;
        }

        .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .icon1 {
            width: 100%;
            float: left;
            text-align: center;
            float: left;
            margin-top: 10px;
        }

        .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .icon2 {
            width: 100%;
            float: left;
            text-align: center;
            float: left;
            margin-top: -14px;
            display: none;
        }

            .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .icon1 i,
            .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .icon2 i {
                font-size: 22px;
                color: #16528e;
            }

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-1 {
        min-height: 50px;
        width: 100%;
        border-right: 0px;
        border-bottom: 1px solid #f7941d;
    }

    .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 {
        width: 65%;
    }
    /*.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box1,
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box2,
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box3{min-height: 70px;}*/
    /*.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3{min-height: 70px;}*/
    .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3 {
        width: 35%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    /*.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-1{min-height: 63px;}
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box1,
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box2,
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box3{min-height: 63px;}
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3{min-height: 63px;}*/
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    /*.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-1{min-height: 70px;}
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box1,
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box2,
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box3{min-height: 70px;}
.container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3{min-height: 70px;}*/
}
/* FLEXI RESULT TWO WAY */
.flexi-result-full {
    width: 100%;
    float: left;
    border: 2px solid #ccc;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .flexi-result-full .header {
        width: 100%;
        float: left;
        background: #ff9900;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        padding: 5px 15px;
    }

        .flexi-result-full .header .im {
            width: 20px;
            height: 20px;
            float: left;
            margin: 5px 10px 0 0;
        }

            .flexi-result-full .header .im img {
                width: 100%;
                float: left;
            }

    .flexi-result-full .table-widht-full {
        width: 100%;
        float: left;
        overflow: initial;
    }

        .flexi-result-full .table-widht-full .towway-table {
            width: 100%;
            float: left;
            overflow: auto;
            text-align: center;
            font-size: 12px;
            margin-bottom: 0px;
            font-weight: 600;
        }

            .flexi-result-full .table-widht-full .towway-table thead tr th {
                text-align: center;
                background: #f7d29b !important;
            }

            .flexi-result-full .table-widht-full .towway-table tr td { /*border:1px solid #ccc;*/
                width: 12.5%;
                vertical-align: inherit;
            }

        .flexi-result-full .table-widht-full .date-heading {
            text-align: center;
            background: #f7d29b !important;
            font-weight: bold;
        }

        .flexi-result-full .table-widht-full .inbound {
            width: 100%;
            float: left;
            font-size: 14px;
            color: #666;
        }

            .flexi-result-full .table-widht-full .inbound i {
                float: right;
            }

        .flexi-result-full .table-widht-full .cheapest .text1 {
            width: 100%;
            float: left;
            color: #ff5454;
        }

        .flexi-result-full .table-widht-full .cheapest .text2 {
            width: 100%;
            float: left;
            color: #ff5454;
        }

        .flexi-result-full .table-widht-full .towway-table tr th {
            vertical-align: inherit;
        }

        .flexi-result-full .table-widht-full .towway-table tr td .active {
            font-size: 15px;
            color: #f00;
            font-weight: bold;
            border: 2px solid #ff9900;
        }

            .flexi-result-full .table-widht-full .towway-table tr td .active a {
                color: #f00;
            }

        .flexi-result-full .table-widht-full .towway-table tr td.cheapest.active {
            font-size: 20px;
            color: #f00;
            font-weight: bold;
            border: 2px solid #ff9900;
        }

            .flexi-result-full .table-widht-full .towway-table tr td.cheapest.active .text1 {
                font-size: 12px;
                font-weight: normal;
                color: #f00;
            }

            .flexi-result-full .table-widht-full .towway-table tr td.cheapest.active .text2 {
                font-size: 20px;
                font-weight: bold;
                color: #f00;
            }

        .flexi-result-full .table-widht-full .towway-table tr th { /*border:1px solid #ccc;*/
            width: 12.5%;
        }

        /*Tooltip*/
        /*.tooltip i .fa {margin-top: -20px;}*/
        .flexi-result-full .table-widht-full .tooltip {
            position: relative;
        }

        .flexi-result-full .table-widht-full .tooltips {
            position: relative;
        }

            .flexi-result-full .table-widht-full .tooltips .popup {
                position: absolute;
                width: 180px;
                z-index: 11111;
                color: #000;
                background: #fff;
                display: none;
                font-size: 10px;
                padding: 10px;
                border: 2px solid #ed8323;
                border-radius: 4px;
            }

                .flexi-result-full .table-widht-full .tooltips .popup .im-outer {
                    width: 100%;
                    float: left;
                }

                    .flexi-result-full .table-widht-full .tooltips .popup .im-outer .im {
                        width: 100%;
                        float: left;
                    }

                        .flexi-result-full .table-widht-full .tooltips .popup .im-outer .im img {
                            width: 50px;
                            float: left;
                            margin-left: 35%;
                        }

                .flexi-result-full .table-widht-full .tooltips .popup .popuptext1 {
                    width: 100%;
                    float: left;
                    text-align: center;
                }

                .flexi-result-full .table-widht-full .tooltips .popup .popuptext1 {
                    width: 100%;
                    float: left;
                    text-align: center;
                }

            .flexi-result-full .table-widht-full .tooltips:hover .popup {
                display: block;
                top: -100px;
                left: 50%;
                margin-left: -94px;
            }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .flexi-result-full .table-widht-full {
        width: 100%;
        float: left;
        overflow: auto;
    }

        .flexi-result-full .table-widht-full .towway-table {
            width: 600px;
        }
}



/* FLEXI RESULT TWO WAY */
.flexi-result-full2 {
    width: 100%;
    float: left;
    border: 1px solid #71a7c4;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px;
}

    .flexi-result-full2 .header {
        width: 100%;
        float: left;
        background: #ff9900;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        padding: 5px 15px;
    }

        .flexi-result-full2 .header .im {
            width: 20px;
            height: 20px;
            float: left;
            margin: 5px 10px 0 0;
        }

            .flexi-result-full2 .header .im img {
                width: 100%;
                float: left;
            }

    .flexi-result-full2 .table-widht-full {
        width: 100%;
        float: left;
        overflow: initial;
    }

        .flexi-result-full2 .table-widht-full .towway-table {
            width: 100%;
            float: left;
            overflow: auto;
            text-align: center;
            font-size: 12px;
            margin-bottom: 0px;
            font-weight: 600;
        }

            .flexi-result-full2 .table-widht-full .towway-table thead tr th {
                text-align: center; /*background:#f7d29b !important;*/
                padding: 0px;
                color: #16528e;
                background: linear-gradient(#dffcfc, #c1f1f4);
                background: -webkit-linear-gradient(#dffcfc, #c1f1f4);
            }

            .flexi-result-full2 .table-widht-full .towway-table tr td { /*border:1px solid #ccc;*/
                width: 12.5%;
                background: #63a8ee;
                padding: 0px;
                vertical-align: inherit;
            }

                .flexi-result-full2 .table-widht-full .towway-table tr td table tbody tr td {
                    padding: 8px;
                }

                    .flexi-result-full2 .table-widht-full .towway-table tr td table tbody tr td .tooltips a {
                        color: #fff;
                    }

        .flexi-result-full2 .table-widht-full .date-heading {
            text-align: center;
            background: #aad1e0 !important;
            font-weight: bold;
            color: #16528e;
        }

        .flexi-result-full2 .table-widht-full .inbound {
            width: 100%;
            float: left;
            font-size: 13px;
            color: #666;
        }

            .flexi-result-full2 .table-widht-full .inbound i {
                float: right;
                color: #16528e;
            }

        .flexi-result-full2 .table-widht-full .cheapest .text1 {
            width: 100%;
            float: left;
            color: #fff;
        }

        .flexi-result-full2 .table-widht-full .cheapest .text2 {
            width: 100%;
            float: left;
            color: #fff;
        }

        .flexi-result-full2 .table-widht-full .towway-table tr th {
            vertical-align: inherit;
            border-bottom: 0px;
            border-top: 0px;
        }

        .flexi-result-full2 .table-widht-full .towway-table tr td .active {
            font-size: 15px;
            color: #f00;
            font-weight: bold;
            float: left;
            border: 2px solid #ff9900;
        }

            .flexi-result-full2 .table-widht-full .towway-table tr td .active a {
                color: #f00;
            }

            .flexi-result-full2 .table-widht-full .towway-table tr td .active .text1 {
                font-weight: normal;
            }

        .flexi-result-full2 .table-widht-full .towway-table tr td.cheapest.active {
            font-size: 20px;
            color: #f00;
            font-weight: bold;
            border: 2px solid #ff9900;
        }

            .flexi-result-full2 .table-widht-full .towway-table tr td.cheapest.active .text1 {
                font-size: 12px;
                font-weight: normal;
                color: #f00;
            }

            .flexi-result-full2 .table-widht-full .towway-table tr td.cheapest.active .text2 {
                font-size: 20px;
                font-weight: bold;
                color: #f00;
            }

        .flexi-result-full2 .table-widht-full .towway-table tr th { /*border:1px solid #ccc;*/
            width: 12.5%;
        }

        /*Tooltip*/
        /*.tooltip i .fa {margin-top: -20px;}*/
        .flexi-result-full2 .table-widht-full .tooltip {
            position: relative;
        }

        .flexi-result-full2 .table-widht-full .tooltips {
            position: relative;
        }

            .flexi-result-full2 .table-widht-full .tooltips .popup {
                position: absolute;
                width: 180px;
                z-index: 11111;
                color: #000;
                background: #fff;
                display: none;
                font-size: 10px;
                padding: 10px;
                border: 2px solid #ed8323;
                border-radius: 4px;
            }

                .flexi-result-full2 .table-widht-full .tooltips .popup .im-outer {
                    width: 100%;
                    float: left;
                }

                    .flexi-result-full2 .table-widht-full .tooltips .popup .im-outer .im {
                        width: 100%;
                        float: left;
                    }

                        .flexi-result-full2 .table-widht-full .tooltips .popup .im-outer .im img {
                            width: 50px;
                            float: left;
                            margin-left: 35%;
                        }

                .flexi-result-full2 .table-widht-full .tooltips .popup .popuptext1 {
                    width: 100%;
                    float: left;
                    text-align: center;
                }

                .flexi-result-full2 .table-widht-full .tooltips .popup .popuptext1 {
                    width: 100%;
                    float: left;
                    text-align: center;
                }

            .flexi-result-full2 .table-widht-full .tooltips:hover .popup {
                display: block;
                top: -100px;
                left: 50%;
                margin-left: -94px;
            }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .flexi-result-full2 .table-widht-full {
        width: 100%;
        float: left;
        overflow: auto;
    }
    /*.flexi-result-full2 .table-widht-full .towway-table{width:600px;}*/
}


.container-full .flight-result .result-panel .service-full-outer {
    width: 100%;
    float: left;
}

.container-full .flight-result .result-panel .service-full {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0px 0px 0px 0px;
}

    .container-full .flight-result .result-panel .service-full .service-box1-outer {
        width: 33.33%;
        float: left;
        padding-right: 5px;
        cursor: pointer;
    }

    .container-full .flight-result .result-panel .service-full .service-box1 {
        width: 100%;
        float: left;
        position: relative;
        border-radius: 3px;
        padding: 10px 0 5px 0;
        border: 1px solid #acacac;
        background: linear-gradient(#eee, #fafafa);
        background: -webkit-linear-gradient(#eee, #fafafa);
    }

    .container-full .flight-result .result-panel .service-full .title {
        width: 100%;
        float: left;
        font-size: 16px;
        color: #339933;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0px;
    }

    .container-full .flight-result .result-panel .service-full .text1 {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #336600;
        font-weight: 600;
        text-align: center;
        margin-bottom: 0px;
    }

    .container-full .flight-result .result-panel .service-full .im {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 15px;
        left: 10px;
    }

        .container-full .flight-result .result-panel .service-full .im img {
            width: 100%;
            float: left;
        }

    .container-full .flight-result .result-panel .service-full .service-box2 .title {
        color: #c26e0b;
    }

    .container-full .flight-result .result-panel .service-full .service-box2 .text1 {
        color: #999900;
    }

    .container-full .flight-result .result-panel .service-full .service-box3 .title {
        color: #cc3333;
    }

    .container-full .flight-result .result-panel .service-full .service-box3 .text1 {
        color: #cc3333;
    }

    .container-full .flight-result .result-panel .service-full .service-box1-outer.active .service-box1 {
        background: #203375;
        border: 1px solid #203375;
    }

        .container-full .flight-result .result-panel .service-full .service-box1-outer.active .service-box1 .title,
        .container-full .flight-result .result-panel .service-full .service-box1-outer.active .service-box1 .text1 {
            color: #fff;
        }

    .container-full .flight-result .result-panel .service-full .service-box1-outer:hover .service-box1 {
        background: #203375;
        border: 1px solid #203375;
    }

        .container-full .flight-result .result-panel .service-full .service-box1-outer:hover .service-box1 .title,
        .container-full .flight-result .result-panel .service-full .service-box1-outer:hover .service-box1 .text1 {
            color: #fff;
        }


@media only screen and (min-width:992px) and (max-width: 1199px) {
    .container-full .flight-result .result-panel .service-full .im {
        width: 20px;
        height: 20px;
        top: 10px;
    }
}

.container-full .flight-result .result-panel .flexi-price-panel {
    width: 100%;
    float: left;
    border: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    margin-top: 20px;
}

    .container-full .flight-result .result-panel .flexi-price-panel .package {
        width: 100%;
        float: left;
        position: relative;
        background: #fff;
        padding: 5px 0;
        border-left: 1px solid #cccccc;
        font-weight: 700;
    }

        .container-full .flight-result .result-panel .flexi-price-panel .package .date {
            width: 100%;
            float: left;
            margin-bottom: 2px;
            text-align: center;
            font-size: 11px;
            color: #2f2f2f;
            text-transform: uppercase;
        }

        .container-full .flight-result .result-panel .flexi-price-panel .package .price-panel {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 14px;
            color: #1e52a4;
            text-transform: uppercase;
        }

        .container-full .flight-result .result-panel .flexi-price-panel .package:after {
            content: "";
            position: absolute;
            width: 0%;
            height: 3px;
            background: #f7941d;
            left: 0px;
            bottom: 0px;
        }

        .container-full .flight-result .result-panel .flexi-price-panel .package:hover:after {
            width: 100%;
        }

        .container-full .flight-result .result-panel .flexi-price-panel .package.active:after {
            width: 100%;
        }


.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 0px 35px;
    width: 100%;
    position: relative
}

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left
    }

        .MultiCarousel .MultiCarousel-inner .item {
            float: left
        }

            .MultiCarousel .MultiCarousel-inner .item > div {
                text-align: center;
                background: #f1f1f1;
                color: #666
            }

    .MultiCarousel .leftLst,
    .MultiCarousel .rightLst {
        position: absolute;
        border-radius: 50%;
        top: calc(50% - 20px)
    }

    .MultiCarousel .leftLst {
        left: 0;
        outline: none !important;
    }

    .MultiCarousel .rightLst {
        right: 0;
        outline: none !important;
    }

        .MultiCarousel .leftLst.over,
        .MultiCarousel .rightLst.over {
            pointer-events: none;
            background: #ccc;
            outline: none !important;
        }

.container-full .flight-result .result-panel .result-content {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    .container-full .flight-result .result-panel .result-content .result {
        width: 100%;
        float: left;
        background: #fff;
        border: 0px solid #dddddd;
        padding: 10px 0 0 0;
        margin-bottom: 20px;
    }

        .container-full .flight-result .result-panel .result-content .result.active-result {
            border: 3px solid #f7941d;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-logo-outer {
            width: 15%;
            float: left;
            padding: 0 10px;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-logo {
            width: 100%;
            float: left;
            text-align: center;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-logo img {
                width: 70%;
            }

        .container-full .flight-result .result-panel .result-content .result .flight-detail {
            width: 65%;
            float: left;
            padding: 15px 5px 5px 10px;
            background: #f9f9f9;
            border-radius: 5px;
            color: #16528e;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .outbond {
                width: 100%;
                float: left;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-detail .outbond.inbond {
                    width: 100%;
                    float: left;
                    margin-top: 10px;
                }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .box1 {
                width: 35%;
                float: left;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .box2 {
                width: 30%;
                float: left;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .box3 {
                width: 35%;
                float: left;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .airport {
                width: 100%;
                float: left;
                font-size: 14px;
                margin-bottom: 0px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .box1 .airport {
                padding-left: 15%;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .duration-full {
                width: 100%;
                float: left;
                position: relative;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-detail .duration-full .duration {
                    width: 85%;
                    float: left;
                }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .duration {
                width: 100%;
                float: left;
                font-size: 16px;
                font-weight: bold;
                margin-bottom: 0px;
                padding-left: 0px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .radio {
                width: 15%;
                float: left;
                margin-top: 4px;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-detail .radio .icon {
                    width: 100%;
                    float: left;
                }

                    .container-full .flight-result .result-panel .result-content .result .flight-detail .radio .icon img {
                        width: 80%;
                        height: auto;
                    }

                .container-full .flight-result .result-panel .result-content .result .flight-detail .radio label {
                    width: auto;
                    float: left;
                    color: #fff;
                    font-size: 16px;
                }

                .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked,
                .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) {
                    position: absolute;
                    left: -9999px;
                }

                    .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked + label,
                    .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) + label {
                        position: relative;
                        padding-left: 28px;
                        cursor: pointer;
                        line-height: 20px;
                        display: inline-block;
                        color: #666;
                    }

                        .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked + label:before,
                        .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) + label:before {
                            content: '';
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: 16px;
                            height: 16px;
                            border: 1px solid #ddd;
                            border-radius: 100%;
                            background: #fff;
                        }

                        .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked + label:after,
                        .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) + label:after {
                            content: '';
                            width: 10px;
                            height: 10px;
                            background: #f7941d;
                            position: absolute;
                            top: 3px;
                            left: 3px;
                            border-radius: 100%;
                            -webkit-transition: all 0.2s ease;
                            transition: all 0.2s ease;
                        }

                        .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) + label:after {
                            opacity: 0;
                            -webkit-transform: scale(0);
                            transform: scale(0);
                        }

                        .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked + label:after {
                            opacity: 1;
                            -webkit-transform: scale(1);
                            transform: scale(1);
                        }


            .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage {
                width: 100%;
                float: left;
                font-size: 12px;
                font-weight: 600;
                text-align: center;
                margin-bottom: 0px;
                color: #f7941d;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage-point-outer {
                width: 60%;
                margin: 0 auto;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage-point {
                width: 100%;
                height: 1px;
                float: left;
                position: relative;
                background: #999;
                padding: 0px 10px;
                margin: 10px 0;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage-point:before {
                    position: absolute;
                    content: "";
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    background: #999;
                    border: 0px solid #999;
                    left: 50%;
                    margin-left: -5px;
                    top: -5px;
                }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage-city {
                width: 100%;
                float: left;
                font-size: 12px;
                font-weight: 600;
                text-align: center;
                margin-bottom: 0px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .baggaes {
                width: 100%;
                float: left;
                font-size: 12px;
                font-weight: 600;
                text-align: center;
                margin-bottom: 0px;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-detail .baggaes img {
                    width: 16px;
                    height: 15px;
                    margin-right: 5px;
                }

            .container-full .flight-result .result-panel .result-content .result .flight-detail .baggaes-text {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 16px;
                font-weight: normal;
                color: #16528e;
                margin-bottom: 0px;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-detail .baggaes-text .icon i {
                    font-size: 16px;
                    color: #16528e;
                }

                .container-full .flight-result .result-panel .result-content .result .flight-detail .baggaes-text .text {
                    padding-left: 5px;
                    font-size: 12px;
                }

        .container-full .flight-result .result-panel .result-content .result .flight-price-outer {
            width: 20%;
            float: left;
            padding: 0 10px;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-price {
            width: 100%;
            float: left;
            background: none;
            border-radius: 5px;
            padding: 0 10px;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-price.width-return {
                padding: 37px 10px;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.design-4 {
                    padding: 10px 10px;
                }

            .container-full .flight-result .result-panel .result-content .result .flight-price .price {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 20px;
                font-weight: bold;
                color: #16528e;
                margin-bottom: 0px;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-price .price span {
                    color: #15bdcc;
                }

            .container-full .flight-result .result-panel .result-content .result .flight-price .text {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 12px;
                font-weight: normal;
                color: #16528e;
                display: none;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-price .book-flight {
                width: 100%;
                float: left;
                text-align: center;
                background: #c1f1f4;
                color: #16528e;
                border-radius: 5px;
                font-size: 14px;
                font-weight: bold;
                margin-bottom: 13px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-price .select-btn {
                width: 100px;
                float: right;
                padding: 5px 0;
                margin-top: 10px;
                text-align: center;
                font-size: 14px;
                border: 1px solid #13becd;
                border-radius: 5px;
                color: #fff;
                outline: 0px;
                background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
                background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
            }

                .container-full .flight-result .result-panel .result-content .result .flight-price .select-btn:hover {
                    background: linear-gradient( #15bdcc 50%, #41d8e5 50%);
                    background: -webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);
                }

            .container-full .flight-result .result-panel .result-content .result .flight-price .book-now {
                width: 100%;
                float: left;
                text-align: center;
                margin-top: 3px;
                outline: none;
                padding: 5px 0px;
                border: 0px;
                font-size: 16px;
                color: #fff;
                background: #16528e;
                font-weight: bold;
                box-shadow: -3px 3px 2px #666;
                -webkit-box-shadow: -3px 3px 2px #666;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design {
                background: #ED1863;
                color: #fff;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .best-deal {
                    width: 100%;
                    float: left;
                    font-weight: 600;
                    text-align: center;
                }

                .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .just-call {
                    width: 100%;
                    float: left;
                    font-weight: 600;
                    margin-bottom: 5px;
                    text-align: center;
                }

                .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .phone-no {
                    width: 100%;
                    float: left;
                    font-weight: 600;
                    margin-bottom: 5px;
                    font-size: 14px;
                }

                .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .call-now {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-weight: 800;
                    border-radius: 5px;
                    padding: 5px 10px;
                    background: #fff;
                    color: #f23131;
                }

                    .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .call-now i {
                        transform: rotateY(180deg);
                        position: relative;
                        top: 2px;
                        left: 2px;
                    }

                .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .flight-detail-p {
                    width: 100%;
                    float: left;
                    text-align: center;
                    display: none;
                }

                    .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .flight-detail-p a {
                        text-decoration: underline;
                        font-size: 10px;
                        color: #fff;
                    }



        .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel {
            width: 100%;
            float: left; /*background:#ebebeb;*/
            background: #f7f5f5;
            border-top: 1px solid #e8e6e6;
            margin-top: 10px;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 {
                width: 33.3333%;
                float: left;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: #a5a4a4;
                    font-weight: normal;
                    margin-bottom: 0px;
                    padding: 5px 10px;
                }

                    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info .baggaes-text {
                        width: auto;
                        text-align: center;
                        font-size: 16px;
                        font-weight: normal;
                        color: #16528e;
                        margin-bottom: 0px;
                    }

                        .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info .baggaes-text .icon i {
                            font-size: 16px;
                            color: #16528e;
                        }

                        .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info .baggaes-text .text {
                            padding-left: 5px;
                            font-size: 12px;
                        }

                    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info .click-btn {
                        cursor: pointer;
                    }

                    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info i {
                        transition: 0.3s;
                        -webkit-transition: 0.3s;
                    }

                    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info[aria-expanded="true"] i {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                    }

                    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info .click-btn[aria-expanded="true"] i {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                    }

                .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .refundable {
                    float: left;
                    color: #fe492b;
                    font-weight: 700;
                    font-size: 10px;
                    margin-top: 3px;
                }

                .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .non-refundable {
                    color: #fe492b;
                    float: left;
                    font-weight: 700;
                    font-size: 12px;
                    margin-top: 3px;
                }

        .container-full .flight-result .result-panel .result-content .result .display-flex-panel {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-logo-outer {
                float: none;
                display: flex;
                align-items: center;
            }

            .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-detail {
                float: none;
                display: flex;
                flex-direction: column;
            }

                .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-detail .outbond {
                    float: none;
                    display: flex;
                }

            .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price-outer {
                float: none;
                display: flex;
                align-items: center;
            }

            .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return {
                padding: 0px 10px;
            }

            .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return {
                padding: 5px 10px;
            }

                .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design {
                    background: #f23131;
                    color: #fff;
                }

                    .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .best-deal {
                        width: 100%;
                        float: left;
                    }

                    .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .just-call {
                        width: 100%;
                        float: left;
                        font-weight: 600;
                    }

                    .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .phone-no {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-weight: 600;
                    }

                    .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .call-now {
                        width: 100%;
                        float: left;
                        font-weight: 800;
                        border-radius: 5px;
                        padding: 5px 10px;
                        background: #fff;
                        color: #f23131;
                    }

                        .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .call-now i {
                            transform: rotateY(180deg);
                            position: relative;
                            top: 2px;
                        }

                    .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .flight-detail-p {
                        width: 100%;
                        float: left;
                        text-align: center;
                    }

                        .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .flight-detail-p a {
                            text-decoration: underline;
                            font-size: 10px;
                            color: #fff;
                        }

                    .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .price {
                        color: #fff !important;
                        margin-top: 5px;
                        margin-bottom: -5px;
                    }

                        .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .price span {
                            color: #fff !important;
                        }

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-full .flight-result .result-panel .result-content .result .display-flex-panel {
        flex-direction: column;
    }
}

@media only screen and (min-width:320px) and (max-width:599px) {
    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(1) {
        width: 50%;
    }

    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(2) {
        width: 50%;
    }

        .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(2) p {
            text-align: right;
        }

    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(3) {
        width: 100%;
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(1) {
        width: 30%;
    }

    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(2) {
        width: 30%;
    }

    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(3) {
        width: 40%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(1) {
        width: 30%;
    }

    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(2) {
        width: 30%;
    }

    .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(3) {
        width: 40%;
    }
}

.container-full .flight-result .result-panel .result-content .result .flight-dropdown-content {
    width: 100%;
    float: left;
    background: #f7f5f5;
    border-top: 1px solid #dddddd;
}

.container-full .flight-result .result-panel .result-content .result .flight-info-dropdown {
    width: 100%;
    float: left;
    padding: 10px 10px;
    margin-top: 0px;
}

    .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner {
        width: 100%;
        float: left;
    }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner + .flight-info-dropdown-inner {
            border-top: 1px solid #16528e;
            margin-top: 5px;
            padding-top: 5px;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box1 {
            width: 25%;
            float: left;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box2 {
            width: 25%;
            float: left;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box3 {
            width: 10%;
            float: left;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box4 {
            width: 25%;
            float: left;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box5 {
            width: 15%;
            float: left;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .title {
            width: 100%;
            float: left;
            font-size: 14px;
            margin-bottom: 10px;
            font-weight: 600;
            color: #000;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .title2 {
            width: 100%;
            float: left;
            font-size: 14px;
            font-weight: 600;
            color: #000;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .text1 {
            width: 100%;
            float: left;
            font-size: 14px;
            font-weight: normal;
            color: #333;
            margin-bottom: 0px;
        }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon {
            float: left;
            margin-top: 30px;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon i {
                font-size: 16px;
                color: #16528e;
            }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text {
            width: 100%;
            float: left;
            font-size: 14px;
            font-weight: normal;
            color: #333;
            margin-bottom: 0px;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon {
                float: left;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon i {
                    font-size: 18px;
                    color: #16528e;
                }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .text {
                float: left;
                padding-left: 10px;
            }
        /*.container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full{width:100%; float:left; margin-top:30px;}
.container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text{float:left; background:#16528e; color:#fff; padding:5px 20px 5px 5px; border-radius:5px;}
.container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .icon{float:left; padding-right:10px;}*/

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full {
            width: 100%;
            float: left;
            margin: 10px 0 10px 0;
            border-top: 1px dashed #999;
            border-bottom: 1px dashed #999;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {
                float: left;
                color: #333;
                padding: 5px 20px 5px 5px;
                margin-bottom: 0px;
                border-radius: 5px;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .layover-title {
                    float: left;
                    font-weight: bold;
                    padding-right: 10px;
                }

                .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .text {
                    float: left;
                }

                .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .symble {
                    float: left;
                    padding: 0 5px;
                }



        /*--display flex--*/
        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex {
            display: flex;
            flex-direction: column;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex + .flight-info-dropdown-inner.display-flex {
                border-top: 1px solid #16528e;
                margin-top: 5px;
                padding-top: 5px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel {
                width: 100%;
                display: flex;
            }

                .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3 {
                    display: flex;
                    text-align: center;
                    justify-content: center;
                    flex-direction: column;
                }

                .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon {
                    margin-top: 0px;
                }

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex {
        width: 100%;
        padding: 0 5px;
    }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel {
            flex-wrap: wrap;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1 {
                width: 100%;
                margin-bottom: 10px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2 {
                width: 39%;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3 {
                width: 22%;
                padding: 0 2px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4 {
                width: 39%;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5 {
                width: 100%;
                margin-top: 10px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon {
                margin-top: 0px;
            }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex {
        width: 100%;
        padding: 0 5px;
    }

        .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel {
            flex-wrap: wrap;
        }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1 {
                width: 100%;
                margin-bottom: 10px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2 {
                width: 40%;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3 {
                width: 20%;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4 {
                width: 40%;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5 {
                width: 100%;
                margin-top: 10px;
            }

            .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon {
                margin-top: 0px;
            }
}

/*--display flex--*/



.container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown {
    width: 50%;
    float: right;
    margin-right: 5px;
}

    .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown .heading {
        width: 100%;
        float: left;
        background: #16528e;
        color: #fff;
        font-size: 20px;
        padding: 5px 10px;
        margin-bottom: 0px;
    }

    .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown table {
        color: #16528e;
        border: 1px solid #7fa3c3;
    }

        .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown table tbody tr {
            background: #f5ffff;
        }

        .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown table thead tr th {
            background: #eafeff;
        }

        .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown table tbody tr:last-child {
            background: #eafeff;
            font-weight: bold;
        }



/* =======FLIGHT RESULT DOMESTIC======= */
.container-full .flight-result.flight-result-domestic .domestic-filter {
    width: 100%;
    display: flex;
    background: #fff;
    justify-content: center;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    border: 1px solid #ccc;
}

    .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box {
        display: flex;
        min-width: 135px;
        border-right: 1px solid #ccc;
    }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box:first-child {
            border-right: 0px;
        }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box:last-child {
            border-right: 0px;
        }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .filter-box-inner {
            width: 100%;
            display: flex;
            justify-content: space-around;
        }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .icon1 {
            display: flex;
            margin-top: 5px;
        }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .f-text {
            display: flex;
        }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .icon2 {
            display: flex;
        }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box.dropdown.open .icon2 {
            transform: rotate(-180deg);
        }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu {
            width: 200px !important;
        }

            .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu .price {
                width: 100%;
                float: left;
                font-size: 16px;
                font-weight: bold;
                color: #16528e;
                margin-top: 10px;
            }

            .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu ul {
                list-style: none;
            }

                .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu ul li {
                    display: block;
                    padding: 3px 0px;
                }

                    .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu ul li:hover {
                        background-color: #f5f5f5;
                    }

                    .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu ul li .checkbox {
                        margin: 0px;
                    }

.container-full .flight-result.flight-result-domestic .domestic-radio-full {
    width: 100%;
    float: left;
}

.container-full .flight-result.flight-result-domestic .domestic-radio-full {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

    .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio {
        width: 100%;
        float: left;
        margin: 0px 0px 10px 0;
    }

        .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio:last-child {
            margin-bottom: 0px;
        }

        .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio label.active {
            font-weight: 600;
        }

        .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio label {
            width: auto;
            float: left;
            color: #fff;
            font-size: 14px;
        }

        .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked,
        .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:not(:checked) {
            position: absolute;
            left: -9999px;
        }

            .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked + label,
            .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:not(:checked) + label {
                position: relative;
                padding-left: 20px;
                cursor: pointer;
                line-height: 20px;
                display: inline-block;
                color: #16528e;
            }

                .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:not(:checked) + label.active {
                    font-weight: bold;
                }

                .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked + label:before,
                .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:not(:checked) + label:before {
                    content: '';
                    position: absolute;
                    left: 0px;
                    top: 4px;
                    width: 14px;
                    height: 14px;
                    border: 1px solid #ddd;
                    border-radius: 100%;
                    background: #fff;
                }

                .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked + label:after,
                .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:not(:checked) + label:after {
                    content: '';
                    width: 8px;
                    height: 8px;
                    background: #f7941d;
                    position: absolute;
                    top: 7px;
                    left: 3px;
                    border-radius: 100%;
                    -webkit-transition: all 0.2s ease;
                    transition: all 0.2s ease;
                }

                .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:not(:checked) + label:after {
                    opacity: 0;
                    -webkit-transform: scale(0);
                    transform: scale(0);
                }

                .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked + label:after {
                    opacity: 1;
                    -webkit-transform: scale(1);
                    transform: scale(1);
                }

    .container-full .flight-result.flight-result-domestic .domestic-radio-full .flexi-checkbox-full {
        float: left;
    }

        .container-full .flight-result.flight-result-domestic .domestic-radio-full .flexi-checkbox-full .checkbox-inner {
            float: left;
            padding-right: 10px;
        }

            .container-full .flight-result.flight-result-domestic .domestic-radio-full .flexi-checkbox-full .checkbox-inner label {
                font-weight: normal;
                color: #16528e;
            }


@media only screen and (min-width: 320px) and (max-width:767px) {
    .container-full .flight-result.flight-result-domestic .domestic-filter {
        padding-top: 0px;
    }

    .container-full .flight-result.flight-result-domestic .domestic-filter {
        flex-wrap: wrap;
    }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box {
            min-width: 130px;
            margin-top: 15px;
            margin-left: 2px;
            margin-right: 2px;
        }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .container-full .flight-result.flight-result-domestic .domestic-filter {
        padding-top: 0px;
    }

    .container-full .flight-result.flight-result-domestic .domestic-filter {
        flex-wrap: wrap;
    }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box {
            min-width: 130px;
            margin-top: 15px;
            margin-left: 2px;
            margin-right: 2px;
        }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box {
        min-width: 100px;
        margin-left: 5px;
        margin-right: 5px;
    }

        .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .f-text {
            margin: 0 5px;
        }
}


.container-full .flight-result.flight-result-domestic .frd-row-panel {
    width: 100%;
    display: flex;
}

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6 {
        width: 50%;
        display: flex;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6:nth-child(odd) {
            margin-right: 5px;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6:nth-child(even) {
            margin-left: 5px;
        }

.container-full .flight-result.flight-result-domestic .new-row .frd-row-panel .frd-col-6:nth-child(odd) {
    margin-right: 0px;
}

.container-full .flight-result.flight-result-domestic .new-row .frd-row-panel .frd-col-6:nth-child(even) {
    margin-left: 0px;
}

.container-full .flight-result.flight-result-domestic .new-row .new-column {
    height: 700px;
    overflow: auto;
}

/*--::-webkit-scrollbar {width: 6px;}--*/
::-webkit-scrollbar-track {
    background-color: #dfdfdf !important;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #5b5873 !important;
}

.container-full .flight-result.flight-result-domestic .new-row .new-column::-webkit-scrollbar {
    width: 3px;
}



.container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1 {
    background: #fff;
    padding: 15px 15px;
    justify-content: space-between;
}

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1 .destination {
        display: flex;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1 .date {
        display: flex;
    }

.container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 {
    padding: 0px 0px;
    justify-content: space-between;
}

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1 {
        width: 16.6667%;
        display: flex;
        padding: 0 10px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-text {
        line-height: 39px;
        color: #333;
        font-size: 11px;
        text-transform: uppercase;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-text i {
            line-height: 39px;
            font-size: 8px;
            margin-left: 3px;
        }

.container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel {
    margin-bottom: 10px;
    flex-direction: column;
    min-height: 112px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    transition: box-shadow 200ms cubic-bezier(.4, 0, .2, 1);
    border: 1px solid rgba(0,0,0,0.125);
}

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel:hover {
        -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.24);
        -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.24);
        box-shadow: 0 1px 10px rgba(0,0,0,0.24);
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100 {
        width: 100%;
        display: flex;
        padding: 10px 0px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100.active {
            background-color: #eef6ff;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100.w-100-2 {
            flex-direction: column;
            padding: 0 0;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1 {
        width: 15.6667%;
        display: flex;
        flex-direction: column;
        padding: 0 10px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2 {
        width: 25%;
        display: flex;
        padding: 0 10px;
        flex-direction: column;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3 {
        width: 8%;
        display: flex;
        padding: 0 10px;
        flex-direction: column;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4 {
        width: 20%;
        display: flex;
        padding: 0 10px;
        flex-direction: column;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1.pd0,
        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2.pd0,
        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3.pd0,
        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4.pd0 {
            padding: 0 0px;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo {
        width: 48px;
        height: 48px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo img {
            width: 48px;
            float: left;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .air-detail {
        font-size: 11px;
        color: #333;
        display: block;
        margin-top: 5px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-time {
        font-size: 18px;
        color: #333;
        font-weight: 700;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-place {
        font-size: 12px;
        color: #333;
        line-height: 12px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-duration-time {
        font-size: 12px;
        color: #333;
        line-height: 0px;
        margin: 10px 0 0 0;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-stopage {
        font-size: 12px;
        color: #333;
        line-height: 0px;
        margin: 10px 0 0 0;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .stoppage {
        width: 100%;
        float: left;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 0px;
        color: #f7941d;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .stoppage-point-outer {
        width: 80%;
        margin: 0 auto;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .stoppage-point {
        width: 100%;
        height: 1px;
        float: left;
        position: relative;
        background: #999;
        padding: 0px 10px;
        margin: 10px 0;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .stoppage-point:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #999;
            border: 0px solid #999;
            left: 50%;
            margin-left: -5px;
            top: -5px;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .stoppage-city {
        width: 100%;
        float: left;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 0px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-price {
        color: #d63b05;
        font-size: 20px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-price i {
            font-size: 12px;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-roundtrip {
        color: #26a000;
        text-align: left;
        font-size: 10px;
        padding-top: 4px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-price2 {
        color: #26a000;
        font-size: 12px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .domestic-radio-full .radio [type="radio"]:checked + label:before,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .domestic-radio-full .radio [type="radio"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 4px;
        width: 20px;
        height: 20px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .domestic-radio-full .radio [type="radio"]:checked + label:after,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .domestic-radio-full .radio [type="radio"]:not(:checked) + label:after {
        content: '';
        width: 14px;
        height: 14px;
        background: #f7941d;
        position: absolute;
        top: 7px;
        left: 3px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

@media only screen and (min-width:320px) and (max-width:600px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1 {
        flex-direction: column;
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1 {
        padding: 05px 10px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel {
        margin-bottom: 4px;
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6:nth-child(odd) {
        margin-right: 2px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6:nth-child(even) {
        margin-left: 2px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 {
        flex-wrap: wrap;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1 {
            width: 33.3333%;
            padding: 0 2px;
        }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1:nth-child(4) {
                display: none;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1:nth-child(5) {
                display: none;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1:nth-child(6) {
                display: none;
            }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-text {
            font-size: 10px;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-time {
        font-size: 16px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4 {
        width: 23%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2 {
        width: 22%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3 {
        padding: 0 2px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1 {
        width: 33.333333%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4.pd0 {
        width: 30%;
        padding: 0 5px;
        display: none;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2 {
        width: 75%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3 {
        width: 25%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100 {
        flex-wrap: wrap;
        min-height: 151px;
        padding: 10px 5px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100.w-100-2 {
            min-height: initial;
        }
}

@media only screen and (min-width:320px) and (max-width:500px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo {
        width: 30px;
        height: 30px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo img {
            width: 30px;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-time {
        font-size: 12px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-place {
        font-size: 10px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-price {
        color: #d63b05;
        font-size: 16px;
    }
}


@media only screen and (min-width:768px) and (max-width:991px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo {
        width: 30px;
        height: 30px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo img {
            width: 30px;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-place {
        font-size: 10px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1 {
        padding: 0 2px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-text {
        font-size: 10px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-time {
        font-size: 14px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4 {
        width: 23%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2 {
        width: 22%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3 {
        padding: 0 2px;
    }
}


.container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel {
    width: 100%;
    float: left; /*background:#ebebeb;*/
    background: #fff;
    border-top: 0px solid #e8e6e6;
    margin-top: 0px;
}

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 {
        width: 33.3333%;
        float: left;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info {
            width: 100%;
            float: left;
            font-size: 14px;
            color: #a5a4a4;
            font-weight: normal;
            margin-bottom: 0px;
            padding: 5px 10px;
            cursor: pointer;
        }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text {
                width: auto;
                text-align: center;
                font-size: 16px;
                font-weight: normal;
                color: #16528e;
                margin-bottom: 0px;
            }

                .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .icon i {
                    font-size: 16px;
                    color: #16528e;
                }

                .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .text {
                    padding-left: 5px;
                    font-size: 12px;
                }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info i {
                transition: 0.3s;
                -webkit-transition: 0.3s;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info[aria-expanded="true"] i {
                transform: rotate(-180deg);
                -webkit-transform: rotate(-180deg);
            }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .refundable {
            float: left;
            color: #06caf9;
            font-weight: 700;
            font-size: 12px;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .non-refundable {
            color: #26a000;
            float: left;
            font-weight: 700;
            font-size: 12px;
        }


.container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel {
    display: flex;
    flex-direction: row;
}

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-logo-outer {
        float: none;
        display: flex;
        align-items: center;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-detail {
        float: none;
        display: flex;
        flex-direction: column;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-detail .outbond {
            float: none;
            display: flex;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-price-outer {
        float: none;
        display: flex;
        align-items: center;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-price.width-return {
        padding: 0px 10px;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel {
        flex-direction: column;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info {
        font-size: 10px;
        padding: 5px 5px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .icon i {
            font-size: 10px;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .non-refundable {
        font-size: 10px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text {
        font-size: 10px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .text {
            font-size: 10px;
        }
}

@media only screen and (min-width:320px) and (max-width:599px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(1) {
        width: 50%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2) {
        width: 50%;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2) p {
            text-align: right;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(3) {
        width: 100%;
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(1) {
        width: 50%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2) {
        width: 50%;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2) .checkin-info {
            text-align: right;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(3) {
        width: 100%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(1) {
        width: 30%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2) {
        width: 30%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(3) {
        width: 40%;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info {
        font-size: 10px;
        padding: 5px 5px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .icon i {
            font-size: 10px;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .non-refundable {
        font-size: 10px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text {
        font-size: 10px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .text {
            font-size: 10px;
        }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info {
        font-size: 12px;
    }
}


.container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-content {
    width: 100%;
    float: left;
    background: #f7f5f5;
}

.container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown {
    width: 100%;
    float: left;
    padding: 10px 10px;
    margin-top: 0px;
    border-top: 1px solid #dddddd;
}

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner {
        width: 100%;
        float: left;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner + .flight-info-dropdown-inner {
            border-top: 1px solid #16528e;
            margin-top: 5px;
            padding-top: 5px;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box1 {
            width: 25%;
            float: left;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box2 {
            width: 25%;
            float: left;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box3 {
            width: 10%;
            float: left;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box4 {
            width: 25%;
            float: left;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box5 {
            width: 15%;
            float: left;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title {
            width: 100%;
            float: left;
            font-size: 14px;
            font-weight: 600;
            color: #000;
            margin-bottom: 10px;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title2 {
            width: 100%;
            float: left;
            font-size: 14px;
            font-weight: 600;
            color: #000;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .text1 {
            width: 100%;
            float: left;
            font-size: 14px;
            font-weight: normal;
            color: #333;
            margin-bottom: 0px;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon {
            float: left;
            margin-top: 30px;
        }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon i {
                font-size: 16px;
                color: #16528e;
            }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text {
            width: 100%;
            float: left;
            font-size: 14px;
            font-weight: normal;
            color: #333;
            margin-bottom: 0px;
        }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon {
                float: left;
            }

                .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon i {
                    font-size: 18px;
                    color: #16528e;
                }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .text {
                float: left;
                padding-left: 10px;
            }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full {
            width: 100%;
            float: left;
            margin: 10px 0 10px 0;
            border-top: 1px dashed #999;
            border-bottom: 1px dashed #999;
        }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {
                float: left;
                color: #333;
                padding: 5px 20px 5px 5px;
                margin-bottom: 0px;
                border-radius: 5px;
            }

                .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .layover-title {
                    float: left;
                    font-weight: bold;
                    padding-right: 10px;
                }

                .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .text {
                    float: left;
                }

                .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .symble {
                    float: left;
                    padding: 0 5px;
                }

.container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown {
    width: 50%;
    float: right;
    margin-right: 5px;
    border-top: 1px solid #dddddd;
}

    .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown .heading {
        width: 100%;
        float: left;
        background: #16528e;
        color: #fff;
        font-size: 20px;
        padding: 5px 10px;
        margin-bottom: 0px;
    }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown table {
        color: #16528e;
        border: 1px solid #7fa3c3;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown table tbody tr {
            background: #f5ffff;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown table thead tr th {
            background: #eafeff;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown table tbody tr:last-child {
            background: #eafeff;
            font-weight: bold;
        }

/*--display flex--*/
.container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex {
    display: flex;
    flex-direction: column;
}

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel {
        width: 100%;
        display: flex;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3 {
            display: flex;
            text-align: center;
            justify-content: center;
            flex-direction: column;
        }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon {
            margin-top: 0px;
        }

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex {
        width: 100%;
        padding: 0 5px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel {
            flex-wrap: wrap;
        }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1 {
                width: 100%;
                margin-bottom: 10px;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2 {
                width: 39%;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3 {
                width: 22%;
                padding: 0 2px;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4 {
                width: 39%;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5 {
                width: 100%;
                margin-top: 10px;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon {
                margin-top: 0px;
            }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .layover-full .layover-text {
            padding-right: 0px;
        }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title2,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .text1,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {
        font-size: 12px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex {
        width: 100%;
        padding: 0 5px;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel {
            flex-wrap: wrap;
        }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1 {
                width: 100%;
                margin-bottom: 10px;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2 {
                width: 40%;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3 {
                width: 20%;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4 {
                width: 40%;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5 {
                width: 100%;
                margin-top: 10px;
            }

            .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon {
                margin-top: 0px;
            }

    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title2,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .text1,
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {
        font-size: 12px;
    }
}
/*--display flex--*/

@media only screen and (min-width:320px) and (max-width:600px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown {
        width: 100%;
        overflow: auto;
    }

        .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner {
            width: 600px;
        }
}

@media only screen and (min-width:320px) and (max-width:992px) {
    .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown {
        width: 100%;
        margin-right: 0px;
    }
}


/*--COMPARE PRICE PANEL--*/
.container-full .flight-result.flight-result-domestic .compare-price-panel {
    width: 100%;
    position: fixed;
    z-index: 1;
    bottom: 0px;
    float: left;
    padding: 15px 0;
    background: rgba(0,0,0,1);
    color: #fff;
}

    .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner {
        width: 100%;
        display: flex;
    }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box1 {
            width: 33.3333%;
            display: flex;
            border-right: 1px solid #fff;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box2 {
            width: 33.3333%;
            display: flex;
            border-right: 1px solid #fff;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box3 {
            width: 33.3333%;
            display: flex;
            justify-content: space-between;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box1 {
            width: 33.3333%;
            display: flex;
            padding: 0 2px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box2 {
            width: 16.6666%;
            display: flex;
            padding: 0 2px;
            flex-direction: column;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box3 {
            width: 8%;
            display: flex;
            padding: 0 2px;
            flex-direction: column;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box4 {
            width: 16.6666%;
            display: flex;
            padding: 0 2px;
            flex-direction: column;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box5 {
            width: 25%;
            display: flex;
            padding: 0 2px;
            flex-direction: column;
        }

            .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box1.pd0,
            .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box2.pd0,
            .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box3.pd0,
            .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box4.pd0,
            .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box5.pd0 {
                padding: 0 0px;
            }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .pd-left {
            padding-left: 10px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .pd-right {
            padding-right: 10px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-logo {
            width: 35px;
            height: 35px;
        }

            .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-logo img {
                width: 35px;
                float: left;
            }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .air-detail {
            font-size: 11px;
            color: #fff;
            display: flex;
            flex-direction: column;
            margin-top: 0px;
            margin-left: 5px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-time {
            font-size: 14px;
            font-weight: 600;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-place {
            font-size: 18px;
            font-weight: 700;
            line-height: 12px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-direction {
            display: flex;
            height: 100%;
            align-items: center;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-price {
            color: #fff;
            font-size: 18px;
            text-align: right;
        }

            .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-price i {
                font-size: 16px;
            }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-detail {
            color: #fff;
            font-size: 12px;
            text-align: right;
            line-height: 10px;
            text-decoration: underline;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total {
            display: flex;
            margin-left: 15px;
            font-size: 18px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-price {
            font-size: 18px;
            font-weight: 600;
        }

            .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-price i {
                font-size: 14px;
            }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-book-now-btn {
            display: flex;
            width: 150px;
            border-radius: 5px;
            padding: 10px 0;
            justify-content: center;
            background: #ef6614;
            color: #fff;
        }

            .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-book-now-btn:hover {
                background: #da5200;
            }

@media only screen and (min-width:320px) and (max-width:992px) {
    .deal-show-in {
     margin-top: 23px;
    }
    #calltodeal.col-md-5.col-xl-12 {
        display: inline;
    }
       
    img.usp {
    width:100%;
    }
    .dtl-set {
        text-align: center;
        float: left;
        width: 73%;
        padding: 12px 0px;
        margin-left: 8px;
    }
    .block-sh {
        overflow: hidden;
        display: inline-block;
        margin: 0 auto;
        text-align: left;
        text-align: center;
        border-right: #d6d6d6 1px solid;
    }
    .im-set {
        float: left;
        width: 17%;
        margin-top: 10px;
    }
    .dtl-set h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: #201f68;
    }

    .deal-offer {
        background: #03a9f4;
        text-align: center;
        padding: 10px;
        border: #FFC107 2px dashed;
        margin-top: 0px;
    }
        .deal-offer h3 {
            margin: 0px;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
        }
    .beat-deal-show .deal-show-in .deal-offer p {
        font-size: 14px;
        color: #fff;
    }
    .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner {
        flex-direction: column;
    }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box1 {
            width: 100%;
            margin-bottom: 10px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box2 {
            width: 100%;
            margin-bottom: 10px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box3 {
            width: 100%;
            margin-bottom: 0px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box1,
        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box2 {
            border: 0px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .pd-left {
            padding-left: 0px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .pd-right {
            padding-right: 0px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total {
            margin-left: 0px;
        }

        .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-book-now-btn {
            width: 100px;
        }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-book-now-btn {
        width: 100px;
    }
}



/*--COMPARE PRICE PANEL--*/

/* compare price popup*/
.compare-price-fd-popup .modal-dialog {
    width: auto;
    max-width: 700px;
}

.compare-price-fd-popup .login-popup-panel {
    width: 100% !important;
    float: left;
    border: 0px solid #ccc;
    background: #fff;
    border-radius: 5px !important;
}

    .compare-price-fd-popup .login-popup-panel button {
        outline: none;
    }

        .compare-price-fd-popup .login-popup-panel button.close {
            background: #242424;
            width: 20px;
            height: 20px;
            font-size: 16px;
            color: #fff !important;
            padding: 0px;
            margin-top: 5px;
            border-radius: 50%;
            opacity: 1 !important;
        }

.compare-price-fd-popup .modal-content {
    border: 0px;
    width: 100%;
    float: left;
}

.compare-price-fd-popup .modal-body {
    width: 100%;
    float: left;
    padding: 0px;
}

.compare-price-fd-popup .modal-header {
    display: none;
}

.compare-price-fd-popup .modal-footer {
    display: none;
}

.compare-price-fd-popup button.close {
    background: #00588c;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #fff !important;
    padding: 0px;
    margin-top: -13px;
    margin-right: -10px;
    border-radius: 50%;
    z-index: 11;
    position: relative;
    opacity: 1 !important;
}

.compare-price-fd-popup .popup-content {
    width: 100%;
    float: left;
}

    .compare-price-fd-popup .popup-content .pc-header {
        width: 100%;
        float: left;
        padding: 10px 15px;
        border-radius: 5px 5px 0 0;
        margin-top: -17px;
        background: #eee;
        color: #000;
        font-size: 16px;
    }

    .compare-price-fd-popup .popup-content .pc-content-inner {
        width: 100%;
        float: left;
        padding: 15px;
    }

    .compare-price-fd-popup .popup-content .pc-tab {
        width: 100%;
        float: left;
        list-style: none;
        margin-bottom: 10px;
    }

        .compare-price-fd-popup .popup-content .pc-tab li {
            display: inline-block;
            padding: 5px 20px;
            border-radius: 10px;
        }

            .compare-price-fd-popup .popup-content .pc-tab li.active {
                background: #da5200;
            }

            .compare-price-fd-popup .popup-content .pc-tab li a {
                color: #000;
            }

            .compare-price-fd-popup .popup-content .pc-tab li.active a {
                color: #fff;
            }

    .compare-price-fd-popup .popup-content .pc-tab-content {
        width: 100%;
        float: left;
        border: 1px solid #ccc;
        padding: 10px;
    }

    .compare-price-fd-popup .popup-content .flight-dropdown-content {
        width: 100%;
        float: left;
        background: #f7f5f5;
    }

    .compare-price-fd-popup .popup-content .flight-info-dropdown {
        width: 100%;
        float: left;
        padding: 10px 10px;
        margin-top: 0px;
        border-top: 0px solid #dddddd;
    }

        .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner {
            width: 100%;
            float: left;
        }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner + .flight-info-dropdown-inner {
                border-top: 1px solid #16528e;
                margin-top: 5px;
                padding-top: 5px;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box1 {
                width: 25%;
                float: left;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box2 {
                width: 25%;
                float: left;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box3 {
                width: 10%;
                float: left;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box4 {
                width: 25%;
                float: left;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box5 {
                width: 15%;
                float: left;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 600;
                color: #000;
                margin-bottom: 10px;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title2 {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 600;
                color: #000;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .text1 {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: normal;
                color: #333;
                margin-bottom: 0px;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon {
                float: left;
                margin-top: 30px;
            }

                .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon i {
                    font-size: 16px;
                    color: #16528e;
                }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: normal;
                color: #333;
                margin-bottom: 0px;
            }

                .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon {
                    float: left;
                }

                    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon i {
                        font-size: 18px;
                        color: #16528e;
                    }

                .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .text {
                    float: left;
                    padding-left: 10px;
                }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full {
                width: 100%;
                float: left;
                margin: 10px 0 10px 0;
                border-top: 1px dashed #999;
                border-bottom: 1px dashed #999;
            }

                .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {
                    float: left;
                    color: #333;
                    padding: 5px 20px 5px 5px;
                    margin-bottom: 0px;
                    border-radius: 5px;
                }

                    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .layover-title {
                        float: left;
                        font-weight: bold;
                        padding-right: 10px;
                    }

                    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .text {
                        float: left;
                    }

                    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .symble {
                        float: left;
                        padding: 0 5px;
                    }

    .compare-price-fd-popup .popup-content .fare-rulu-dropdown {
        width: 50%;
        float: right;
        margin-right: 5px;
        border-top: 0px solid #dddddd;
    }

        .compare-price-fd-popup .popup-content .fare-rulu-dropdown .heading {
            width: 100%;
            float: left;
            background: #16528e;
            color: #fff;
            font-size: 20px;
            padding: 5px 10px;
            margin-bottom: 0px;
        }

        .compare-price-fd-popup .popup-content .fare-rulu-dropdown table {
            color: #16528e;
            border: 1px solid #7fa3c3;
        }

            .compare-price-fd-popup .popup-content .fare-rulu-dropdown table tbody tr {
                background: #f5ffff;
            }

            .compare-price-fd-popup .popup-content .fare-rulu-dropdown table thead tr th {
                background: #eafeff;
            }

            .compare-price-fd-popup .popup-content .fare-rulu-dropdown table tbody tr:last-child {
                background: #eafeff;
                font-weight: bold;
            }


    /*--compare display flex--*/
    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex {
        display: flex;
        flex-direction: column;
    }

        .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel {
            width: 100%;
            display: flex;
        }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3 {
                display: flex;
                text-align: center;
                justify-content: center;
                flex-direction: column;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon {
                margin-top: 0px;
            }

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner-slider {
        position: absolute;
    }
        .banner-slider .carousel-caption .carousel-caption-inner {
            display: none;
        } 
    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex {
        width: 100%;
        padding: 0 5px;
    }

        .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel {
            flex-wrap: wrap;
        }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1 {
                width: 100%;
                margin-bottom: 10px;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2 {
                width: 39%;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3 {
                width: 22%;
                padding: 0 2px;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4 {
                width: 39%;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5 {
                width: 100%;
                margin-top: 10px;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon {
                margin-top: 0px;
            }

        .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .layover-full .layover-text {
            padding-right: 0px;
        }

    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title,
    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title2,
    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .text1,
    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {
        font-size: 12px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex {
        width: 100%;
        padding: 0 5px;
    }

        .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel {
            flex-wrap: wrap;
        }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1 {
                width: 100%;
                margin-bottom: 10px;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2 {
                width: 40%;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3 {
                width: 20%;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4 {
                width: 40%;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5 {
                width: 100%;
                margin-top: 10px;
            }

            .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon {
                margin-top: 0px;
            }

    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title,
    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title2,
    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .text1,
    .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {
        font-size: 12px;
    }
}
/*--compare display flex--*/

@media only screen and (min-width:320px) and (max-width:600px) {
    .compare-price-fd-popup .popup-content .flight-info-dropdown {
        width: 100%;
        overflow: auto;
    }

        .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner {
            width: 600px;
        }
}

@media only screen and (min-width:320px) and (max-width:992px) {
    .compare-price-fd-popup .popup-content .fare-rulu-dropdown {
        width: 100%;
        margin-right: 0px;
    }
}

/* compare price popup*/


/* =======FLIGHT RESULT DOMESTIC======= */


/* FLIGHT HOTEL RESULT PAGE */

/*advance search modify*/
.fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .city {
    width: 18%;
    float: left;
    padding-right: 10px;
}

.fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .date {
    width: 11%;
    float: left;
    padding-right: 10px;
}

.fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .night {
    width: 11%;
    float: left;
    padding-right: 10px;
}

.fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .search-btn.btn-2 {
    margin-top: 0px;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .night {
        width: 100% !important;
        padding-right: 0px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .date {
        width: 20% !important;
    }

    .fh-result-pg .fh-hotel-modify-search.adserch-left-panel .tab-panel .date {
        width: 20% !important;
    }
}

/*advance search modify*/

.fh-result-pg .fh-header-panel-outer {
    width: 100%;
    float: left;
}

.fh-result-pg .fh-header-panel {
    width: 100%;
    float: left;
    border: 1px solid #16528e;
    margin-bottom: 30px;
    position: relative;
    background: #fff;
}

    .fh-result-pg .fh-header-panel:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        background: #16528e;
        bottom: -8px;
        left: 0px;
    }

    .fh-result-pg .fh-header-panel .box1 {
        width: 35%;
        float: left;
    }

    .fh-result-pg .fh-header-panel .box2 {
        width: 45%;
        float: left;
    }

    .fh-result-pg .fh-header-panel .box3 {
        width: 20%;
        float: left;
    }

    .fh-result-pg .fh-header-panel .hotel-panel {
        width: 100%;
        float: left;
        position: relative;
        background: #16528e;
        padding-left: 25px;
    }

        .fh-result-pg .fh-header-panel .hotel-panel .heading-panel {
            width: 25px;
            float: left;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 0px;
            padding-top: 10px;
        }

            .fh-result-pg .fh-header-panel .hotel-panel .heading-panel ul {
                width: 100%;
                float: left;
                list-style: none;
                margin-top: 10px;
            }

                .fh-result-pg .fh-header-panel .hotel-panel .heading-panel ul li {
                    width: 100%;
                    float: left;
                    text-align: center;
                    color: #FFF;
                    font-size: 16px;
                    padding-bottom: 3px;
                }

        .fh-result-pg .fh-header-panel .hotel-panel .content-panel {
            width: 100%;
            min-height: 170px;
            float: left;
            font-size: 12px;
            background: #fff;
            padding: 10px 0 0 10px;
        }

            .fh-result-pg .fh-header-panel .hotel-panel .content-panel .im {
                width: 30%;
                float: left;
            }

                .fh-result-pg .fh-header-panel .hotel-panel .content-panel .im img {
                    width: 100%;
                    height: 100px;
                }

            .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail {
                width: 70%;
                float: left;
                padding: 0 10px;
            }

                .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .hotel-name {
                    width: 100%;
                    float: left;
                    font-size: 16px;
                    margin-bottom: 5px;
                    font-weight: bold;
                    color: #16528e;
                }

                .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .hotel-address {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    margin-bottom: 5px;
                    color: #16528e;
                }

                .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .starrating-full {
                    width: 100%;
                    float: left;
                }

                .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .starrating {
                    width: 90px;
                    float: left;
                }

                    .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .starrating img {
                        width: 90%;
                        height: auto;
                    }

                .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .more-info {
                    width: auto;
                    float: left;
                    font-size: 12px;
                    margin-top: 10px;
                    color: #f00;
                    text-decoration: underline;
                }

                .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .change {
                    width: 100%;
                    float: right;
                    text-align: right;
                    font-size: 14px;
                    color: #999;
                }

                    .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .change a {
                        color: #999;
                        float: right;
                    }

    .fh-result-pg .fh-header-panel .flight-panel {
        width: 100%;
        float: left;
        position: relative;
        background: #16528e;
        padding-left: 30px;
    }

        .fh-result-pg .fh-header-panel .flight-panel .heading-panel {
            width: 30px;
            float: left;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 0px;
            padding-top: 10px;
        }

            .fh-result-pg .fh-header-panel .flight-panel .heading-panel ul {
                width: 100%;
                float: left;
                list-style: none;
                margin-top: 10px;
            }

                .fh-result-pg .fh-header-panel .flight-panel .heading-panel ul li {
                    width: 100%;
                    float: left;
                    text-align: center;
                    color: #FFF;
                    font-size: 16px;
                    padding-bottom: 3px;
                }

        .fh-result-pg .fh-header-panel .flight-panel .content-panel {
            width: 100%;
            min-height: 170px;
            float: left;
            font-size: 12px;
            background: #fff;
        }

            .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel-outer {
                width: 100%;
                float: left;
                padding: 0 15px;
            }

            .fh-result-pg .fh-header-panel .flight-panel .content-panel.one-way .f-result-panel {
                padding: 57px 0px;
            }

            .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel {
                width: 100%;
                float: left;
                padding: 10px 0 10px 0px;
                font-size: 12px;
            }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel + .f-result-panel {
                    border-top: 1px dashed #16528e;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .result-box1 {
                    width: 25%;
                    float: left;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .result-box2 {
                    width: 30%;
                    float: left;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .result-box3 {
                    width: 25%;
                    float: left;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .result-box4 {
                    width: 20%;
                    float: left;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .heading {
                    width: 100%;
                    float: left;
                    text-align: center;
                    margin-bottom: 0px;
                    padding-left: 0px;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .duration-full {
                    width: 100%;
                    float: left;
                    position: relative;
                    padding-left: 0px;
                }

                    .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .duration-full .duration {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 14px;
                        font-weight: bold;
                        color: #16528e;
                        margin-bottom: 0px;
                        padding-left: 0px;
                    }

                    .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .duration-full .icon {
                        width: 0px;
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        float: left;
                        text-align: center;
                        margin-top: 4px;
                        display: none;
                    }

                        .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .duration-full .icon img {
                            width: 20px;
                            height: auto;
                        }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .date {
                    width: 100%;
                    float: left;
                    text-align: center;
                    margin-bottom: 0px;
                    color: #999;
                    padding-left: 0px;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    font-weight: 600;
                    text-align: center;
                    margin-bottom: 0px;
                    color: #16528e;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage-point-outer {
                    width: 60%;
                    margin: 0 auto;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage-point {
                    width: 100%;
                    height: 1px;
                    float: left;
                    position: relative;
                    background: #16528e;
                    padding: 0px 10px;
                    margin: 10px 0;
                }

                    .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage-point:before {
                        position: absolute;
                        content: "";
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        background: #16528e;
                        border: 0px solid #16528e;
                        left: 50%;
                        margin-left: -5px;
                        top: -5px;
                    }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage-city {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    color: #16528e;
                    font-weight: 600;
                    text-align: center;
                    margin-bottom: 0px;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .baggaes-text {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 14px;
                    font-weight: normal;
                    color: #16528e;
                    margin-bottom: 0px;
                }

                    .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .baggaes-text .icon i {
                        font-size: 16px;
                        color: #16528e;
                    }

                    .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .baggaes-text .text {
                        padding-left: 5px;
                        font-size: 12px;
                    }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .detail-info {
                    width: 100%;
                    float: left;
                    text-align: center;
                    text-decoration: underline;
                    color: #f00;
                }

                .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .change {
                    width: 100%;
                    float: right;
                    text-align: right;
                    font-size: 14px;
                    color: #999;
                }

            .fh-result-pg .fh-header-panel .flight-panel .content-panel .change a {
                color: #999;
                float: right;
            }

    .fh-result-pg .fh-header-panel .price-panel {
        width: 100%;
        min-height: 170px;
        padding: 10px;
        float: left;
        border-left: 1px solid #16528e;
    }

        .fh-result-pg .fh-header-panel .price-panel .text1 {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 12px;
            font-weight: 600;
            color: #16528e;
            margin-top: 15px;
            margin-bottom: 0px;
        }

        .fh-result-pg .fh-header-panel .price-panel .text2 {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 12px;
            font-weight: normal;
            color: #16528e;
        }

        .fh-result-pg .fh-header-panel .price-panel .price {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 24px;
            font-weight: bold;
            color: #16528e;
            margin-bottom: 0px;
        }

            .fh-result-pg .fh-header-panel .price-panel .price span {
                color: #15bdcc;
            }

        .fh-result-pg .fh-header-panel .price-panel .book-now-outer {
            width: 120px;
            margin: 0 auto;
        }

        .fh-result-pg .fh-header-panel .price-panel .book-now {
            width: 100%;
            float: left;
            text-align: center;
            margin-top: 3px;
            outline: none;
            padding: 5px 0px;
            border: 0px;
            font-size: 16px;
            color: #fff;
            background: #16528e;
            font-weight: bold;
            box-shadow: -3px 3px 2px #666;
            -webkit-box-shadow: -3px 3px 2px #666;
        }


    /*--fh result header new flex design--*/
    .fh-result-pg .fh-header-panel.new-flex-design {
        display: flex;
    }

        .fh-result-pg .fh-header-panel.new-flex-design .box1,
        .fh-result-pg .fh-header-panel.new-flex-design .box2,
        .fh-result-pg .fh-header-panel.new-flex-design .box3 {
            display: flex;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel {
            display: flex;
        }

            .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .heading-panel,
            .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel {
                padding-top: 0px;
            }

                .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .heading-panel ul,
                .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel ul {
                    margin-top: 0px;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    justify-content: center;
                    text-align: center;
                }

        .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel {
            padding-left: 30px;
        }

            .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel,
            .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .heading-panel {
                width: 30px;
                height: 100%;
                background: #f00;
            }

        .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel {
            background: #fff !important;
        }

            .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel,
            .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel,
            .fh-result-pg .fh-header-panel.new-flex-design .price-panel {
                min-height: 170px;
                display: flex;
                align-items: center;
            }

                .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel {
                    display: flex;
                    align-items: center;
                }

            .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel {
                flex-direction: column;
                justify-content: center;
            }

                .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .detail .hotel-name {
                    margin-top: 0px;
                }

                .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .im {
                    width: 100px;
                }

                    .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .im img {
                        height: auto;
                    }

                .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .hotel-row-panel {
                    display: flex;
                    width: 100%;
                }

                    .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .hotel-row-panel + .hotel-row-panel {
                        margin-top: 5px;
                        margin-bottom: 10px;
                    }

        .fh-result-pg .fh-header-panel.new-flex-design .price-panel {
            min-height: initial;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .fh-result-pg .fh-header-panel.new-flex-design .price-panel .text1 {
                margin-top: 0px;
            }

            .fh-result-pg .fh-header-panel.new-flex-design .price-panel .text1,
            .fh-result-pg .fh-header-panel.new-flex-design .price-panel .price,
            .fh-result-pg .fh-header-panel.new-flex-design .price-panel .book-now-outer {
                display: flex;
                justify-content: center;
            }


@media screen and (min-width:320px) and (max-width:767px) {
    .fh-result-pg .fh-header-panel.new-flex-design {
        width: 100%;
        float: left;
        display: block;
    }

        .fh-result-pg .fh-header-panel.new-flex-design .box1,
        .fh-result-pg .fh-header-panel.new-flex-design .box2 {
            width: 100%;
            float: left;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .box3 {
            width: 100%;
            float: left;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .price-panel {
            padding: 20px 0;
            border-top: 1px solid #f00;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel {
            border-top: 1px solid #f00;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .price-panel {
            border-left: 0px;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel-outer {
            padding: 0 5px;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel {
            padding-left: 20px;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel {
            padding-left: 20px;
        }

            .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel,
            .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .heading-panel {
                width: 20px;
            }

        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel {
            font-size: 11px;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel {
            padding: 10px 0 0 5px;
        }

            .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .detail .hotel-name {
                font-size: 14px;
            }

            .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .im {
                margin-bottom: 2px;
            }



        .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel,
        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .heading-panel {
            width: 20px;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel,
        .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel {
            padding-left: 20px;
        }

            .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel-outer {
                padding: 0 5px;
            }
}

@media screen and (min-width:320px) and (max-width:450px) {
    .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .duration-full .duration {
        font-size: 11px;
    }

    .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .stoppage,
    .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .date,
    .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .heading {
        font-size: 11px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel,
    .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .heading-panel {
        width: 20px;
    }

    .fh-result-pg .fh-header-panel.new-flex-design .flight-panel,
    .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel {
        padding-left: 20px;
    }

        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel-outer {
            padding: 0 5px;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .duration-full .duration {
            font-size: 12px;
        }

        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .stoppage,
        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .date,
        .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .heading {
            font-size: 11px;
        }
}
/*--fh result header new flex design--*/


.fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return {
    padding: 23px 10px;
}

.fh-result-pg .fh-header-panel .price-panel .nd-fh-price {
    width: 100%;
    float: left;
    background: none;
    border-radius: 5px;
    padding: 0px 10px;
}

    .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design {
        background: rgb(237, 24, 99);
        color: rgb(255, 255, 255);
    }

        .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .best-deal {
            width: 100%;
            float: left;
            font-weight: 600;
            text-align: center;
        }

        .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .just-call {
            width: 100%;
            float: left;
            font-weight: 600;
            margin-bottom: 5px;
            text-align: center;
        }

        .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .phone-no {
            width: 100%;
            float: left;
            text-align: center;
            font-weight: 600;
            margin-bottom: 5px;
            font-size: 17px;
        }

        .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .call-now {
            width: 100%;
            float: left;
            text-align: center;
            font-weight: 800;
            border-radius: 5px;
            padding: 5px 10px;
            background: rgb(255, 255, 255);
            color: rgb(242, 49, 49);
        }

            .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .call-now i {
                transform: rotateY(180deg);
                position: relative;
                top: 2px;
                left: 2px;
            }

        .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .flight-detail-p {
            width: 100%;
            float: left;
            text-align: center;
            display: none;
        }

            .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .flight-detail-p a {
                text-decoration: underline;
                font-size: 10px;
                color: rgb(255, 255, 255);
            }

.fh-result-pg .fh-result-tab-full {
    width: 100%;
    float: left;
    border-bottom: 1px double #16528e;
    position: relative;
    margin-bottom: 0px;
}

    .fh-result-pg .fh-result-tab-full:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0px;
        background: #16528e;
        bottom: -6px;
        left: 0px;
    }

    .fh-result-pg .fh-result-tab-full ul {
        width: 100%;
        float: left;
        list-style: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

        .fh-result-pg .fh-result-tab-full ul li {
            display: inline-block;
            position: relative;
            background: #e6e5e5;
            color: #333;
            border: 1px solid #16528e;
            border-bottom: 0px;
            border-radius: 5px 5px 0 0;
            padding: 10px 30px;
            cursor: pointer;
        }

            .fh-result-pg .fh-result-tab-full ul li.active:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 1px;
                background: #fefdfd;
                bottom: -1px;
                left: 0px;
            }

            .fh-result-pg .fh-result-tab-full ul li:hover,
            .fh-result-pg .fh-result-tab-full ul li.active {
                color: #16528e;
                background: #fefdfd;
            }

                .fh-result-pg .fh-result-tab-full ul li.active .fa-chevron-right {
                    transform: rotate(90deg);
                }

            .fh-result-pg .fh-result-tab-full ul li .icon {
                margin-right: 5px;
            }

.fh-result-pg .fh-result-tab-content-full {
    width: 100%;
    float: left;
    background: #fefdfd;
    padding-top: 15px;
}

    .fh-result-pg .fh-result-tab-content-full .heading-full {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 14px;
        color: #000;
        margin-top: 20px;
        margin-bottom: 10px;
        cursor: pointer;
    }

        .fh-result-pg .fh-result-tab-content-full .heading-full i {
            transition: 0.3s;
            -webkit-transition: 0.3s;
        }

        .fh-result-pg .fh-result-tab-content-full .heading-full[aria-expanded="true"] i {
            transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
        }

    .fh-result-pg .fh-result-tab-content-full .search-panel {
        width: 100%;
        float: left;
        background: rgb(7, 73, 133);
        padding: 10px;
        margin-bottom: 20px;
    }

        .fh-result-pg .fh-result-tab-content-full .search-panel .heading {
            width: 100%;
            float: left;
            text-align: left;
            font-size: 20px;
            font-weight: bold;
            color: rgb(237,129,49);
            margin-top: 0px;
        }

    .fh-result-pg .fh-result-tab-content-full .heading-full.for-advance-serch-btn {
        background: #214acc;
        padding: 10px 0;
        margin-bottom: 0px;
        font-size: 15px;
        color: #ffffff;
        font-weight: 600;
    }

        .fh-result-pg .fh-result-tab-content-full .heading-full.for-advance-serch-btn i {
            font-size: 16px;
            font-weight: bold;
        }

    .fh-result-pg .fh-result-tab-content-full .fh-umrah-flter {
        margin-top: 15px;
    }

    .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab {
        width: 100%;
        float: left;
        border: 1px solid #7d7979;
    }

        .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab ul {
            display: flex;
            justify-content: space-between;
        }

        .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-justified > li {
            width: auto;
            display: flex;
            padding: 0px 0px;
            margin: 0px;
        }

        .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav > li {
            border-left: 1px solid #7d7979;
        }

            .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav > li > a {
                font-size: 12px;
                display: flex;
                align-items: center;
                border-radius: 0px;
                padding: 10px 6px;
                margin-bottom: 0px;
                color: #fff;
                border-left: 0px solid #7d7979;
            }

            .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav > li:first-child {
                border-left: 0px;
            }

        .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-pills > li.active,
        .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-pills > li.active:focus,
        .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-pills > li.active:hover {
            background: #d19e01;
        }

        .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav > li > a:focus,
        .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav > li > a:hover {
            background: #d19e01;
        }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav > li {
        justify-content: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav > li > a {
        font-size: 10px;
    }
}


.fh-result-pg .fh-result-tab-content-full .search-panel .form-group {
    width: 100%;
    float: left;
}

    .fh-result-pg .fh-result-tab-content-full .search-panel .form-group .form-control {
        border-radius: 0px;
        padding: 6px 2px;
        padding-left: 20px;
    }

    .fh-result-pg .fh-result-tab-content-full .search-panel .form-group select.form-control {
        height: 34px;
        line-height: 28px;
        padding-left: 10px;
    }

    .fh-result-pg .fh-result-tab-content-full .search-panel .form-group label {
        position: relative;
        width: 100%;
        font-weight: normal;
        color: #fff;
    }

        .fh-result-pg .fh-result-tab-content-full .search-panel .form-group label span {
            position: absolute;
            font-size: 16px;
            color: rgb(237,129,49);
            bottom: 0px;
            left: 4px;
            line-height: 34px;
        }

            .fh-result-pg .fh-result-tab-content-full .search-panel .form-group label span.left {
                left: 5px;
            }

.fh-result-pg .fh-result-tab-content-full .search-panel .checkbox-full {
    width: 100%;
    float: left;
    color: #fff;
}

    .fh-result-pg .fh-result-tab-content-full .search-panel .checkbox-full label {
        margin-left: 0px;
        margin-right: 10px;
    }

.fh-result-pg .fh-result-tab-content-full .search-panel .input-btn {
    float: right;
    padding: 5px 20px;
    border-radius: 5px;
    font-weight: bold;
    background: rgb(237,129,49);
    color: #fff;
    border: 0px;
    outline: none;
    margin: 20px 0 10px 0;
}

.fh-result-pg .fh-result-tab-content-full .search-panel .traveller {
    width: 100%;
    float: left;
    position: relative;
}

    .fh-result-pg .fh-result-tab-content-full .search-panel .traveller label {
        color: #fff;
        font-weight: normal;
    }

.fh-result-pg .fh-result-tab-content-full .search-panel .main-pax {
    background: #fff;
    height: 34px;
    border-radius: 0px;
    padding: 6px 0 0 10px;
    cursor: pointer;
    border: 1px solid #ccc;
}

    .fh-result-pg .fh-result-tab-content-full .search-panel .main-pax span {
        color: #333 !important;
        position: static !important;
        border-radius: 4px;
        font-size: 14px;
    }



/* FLIGHTHOTEL UMRAH RESULT PAGE */
.fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .hotel-r-panel {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .hotel-name {
    margin-top: 0px;
    margin-bottom: 0px;
}

.fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .hotel-address {
    margin-bottom: 0px;
}

.fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .more-info {
    margin-top: 0px;
}

.fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .im img {
    width: 100%;
    height: 70px;
}

.fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .change {
    width: 100%;
    float: right;
    padding-right: 10px;
    text-align: right;
    font-size: 12px;
    color: #999;
    margin-top: -10px;
}

    .fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .change a {
        color: #999;
        float: right;
    }

.fh-umrah-result-pg.fh-result-pg .transfer-result .result-panel {
    padding-left: 20px;
}


/* FLIGHTHOTEL DETAIL PAGE */
.fh-detail-pg.fh-result-pg .fh-header-panel {
    margin-bottom: 5px;
}

.fh-detail-pg.hotel-detail-pg .slider-map-panel {
    margin: 10px 0 20px;
}

    .fh-detail-pg.hotel-detail-pg .slider-map-panel .hotel-details-info .fh-map-panel {
        width: 100%;
        float: left;
    }


/* FLIGHTHOTEL BOOKING PAGE */
.fh-booking-pg.flight-booking-pg .main-booking-content {
    margin-top: 0px;
    margin-bottom: 20px;
}

.fh-booking-pg.flight-booking-pg .booking-sidebar-full .fare-detail-panel {
    margin-top: 0px;
}

.fh-booking-pg.flight-booking-pg .main-booking-content .selected-flight-panel {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
}

    .fh-booking-pg.flight-booking-pg .main-booking-content .selected-flight-panel:hover {
        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
        box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
    }

.fh-booking-pg.hotel-booking-pg .main-booking-content2 {
    margin-bottom: 0px;
}

/* FLIGHT BOOKING PAGE */
.flight-booking-pg {
    width: 100%;
    float: left;
}

    .flight-booking-pg .flight-booking-header {
        width: 100%;
        float: left;
        position: relative;
    }

        .flight-booking-pg .flight-booking-header .ul-loginsignup {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 20px;
        }

            .flight-booking-pg .flight-booking-header .ul-loginsignup li {
                display: inline-block;
            }

                .flight-booking-pg .flight-booking-header .ul-loginsignup li .login {
                    float: left;
                    background: #0099ff;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .flight-booking-pg .flight-booking-header .ul-loginsignup li .signup {
                    float: left;
                    background: #515151;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .flight-booking-pg .flight-booking-header .ul-loginsignup li .text1 {
                    padding: 5px 15px;
                    float: left;
                    font-size: 16px;
                }

    .flight-booking-pg .backto-result {
        padding: 5px 10px;
        float: right;
        margin-top: 15px;
        color: #11aaf6;
        background: #fff;
        text-align: center;
        border: 1px solid #11aaf6;
        border-radius: 10px;
    }

    .flight-booking-pg .main-booking-content {
        width: 100%;
        float: left;
        border-radius: 5px; /*overflow:hidden;*/
        border: 0px solid #11aaf6;
        margin-top: 0px;
        margin-top: 0px;
    }

        .flight-booking-pg .main-booking-content .selected-flight-panel {
            width: 100%;
            float: left;
            margin-bottom: 30px;
            border-radius: 5px;
            overflow: hidden;
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel:hover {
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .header {
                width: 100%;
                float: left;
                background: #e2e2e2;
                padding: 10px 10px;
                border-bottom: 1px dashed #91b6da;
            }

                .flight-booking-pg .main-booking-content .selected-flight-panel .header .title {
                    float: left;
                    font-size: 16px;
                    color: #16528e;
                    font-weight: 600;
                    margin-top: 3px;
                }

                    .flight-booking-pg .main-booking-content .selected-flight-panel .header .title .icon {
                        width: auto;
                        float: left;
                        margin-top: 0px;
                        margin-right: 10px;
                    }

                        .flight-booking-pg .main-booking-content .selected-flight-panel .header .title .icon img {
                            width: 30px;
                            float: left;
                        }

                .flight-booking-pg .main-booking-content .selected-flight-panel .header .rext-text {
                    float: right;
                    font-size: 12px;
                    color: #16528e;
                    margin-top: 6px;
                }

                    .flight-booking-pg .main-booking-content .selected-flight-panel .header .rext-text.fare-rules {
                        font-weight: bold;
                    }

                        .flight-booking-pg .main-booking-content .selected-flight-panel .header .rext-text.fare-rules i {
                            font-weight: bold;
                        }

                .flight-booking-pg .main-booking-content .selected-flight-panel .header .dropdown-link {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 4px;
                    cursor: pointer;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                    margin-left: 10px;
                }

                    .flight-booking-pg .main-booking-content .selected-flight-panel .header .dropdown-link[aria-expanded="false"] {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        color: #000;
                    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .gst-panel {
            width: 100%;
            float: left;
            margin-top: 15px;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .gst-panel .gst-text1 {
                width: 100%;
                float: left;
                font-weight: 600;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .gst-panel .gst-text2 {
                width: 100%;
                float: left;
                margin-bottom: 15px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .gst-panel .gst-text3 {
                width: 100%;
                float: left;
                font-size: 10px;
                margin-bottom: 15px;
            }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .positeion-relative {
            position: relative;
        }

.backto-result-common-outer {
    width: 100%;
    float: right;
}

.backto-result-common {
    padding: 5px 0px;
    float: right;
    color: #333;
    text-align: center;
    border: 0px solid #15bdcc;
    border-radius: 10px;
}

.flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel {
    width: 100%;
    float: left;
}

    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content {
        width: 80%;
        float: left;
        margin-top: 15px;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .content-row {
            width: 100%;
            float: left;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common {
            width: 33.3333%;
            float: left;
            margin-bottom: 15px;
            position: relative;
            padding-left: 80px;
            padding-right: 5px;
            border-right: 1px solid #ccc;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common:nth-child(3n+3) {
                border-right: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-img {
                width: 80px;
                position: absolute;
                top: 50%;
                margin-top: -15px;
                left: 0px;
                text-align: center;
            }

                .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-img img {
                    width: 30px;
                }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-title {
                width: 100%;
                float: left;
                font-size: 13px;
                font-weight: 800;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-upto {
                font-size: 12px;
                display: block;
                color: #ccc;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-price {
                font-size: 14px;
                font-weight: 600;
                font-size: 13px;
            }



.flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
}

    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services {
        width: 100%;
        margin: 15px 0;
        background: #f9f9f9;
        padding: 20px;
        border: 1px solid #dcdbdb;
        border-radius: 4px;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services label {
            font-size: 13px;
            color: #999;
            font-weight: 700;
            text-transform: uppercase;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services .form-control {
            border: 1px solid #e5e5e5;
            height: 48px;
            border-radius: 3px;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services .dateField.mgt-40 {
            position: relative;
            margin-top: 40px;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services .dateField.mgt-40 i {
                position: relative;
                margin-left: -40px;
                font-size: 20px !important;
                color: #b98d03 !important;
                float: left !important;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services .dateField.mgt-40 .whealc {
                position: relative;
                padding-left: 40px;
            }



@media screen and (min-width:320px) and (max-width:1200px) {
    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content {
        width: 100%;
    }
}

@media screen and (min-width:320px) and (max-width:991px) {
    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common {
        width: 50%;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common:nth-child(3n+3) {
            border-right: 1px solid #ccc;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common:nth-child(2n+2) {
            border-right: 0px;
        }
}

@media screen and (min-width:320px) and (max-width:500px) {
    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common {
        width: 100%;
        border-right: 0px;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common:nth-child(3n+3) {
            border-right: 0px solid #ccc;
        }
}

.travel-insurance-popup .modal-content {
    width: 100%;
    float: left;
    l
}

    .travel-insurance-popup .modal-content .modal-body {
        width: 100%;
        float: left;
    }

        .travel-insurance-popup .modal-content .modal-body .heading1 {
            width: 100%;
            float: left;
            font-weight: 600;
        }

        .travel-insurance-popup .modal-content .modal-body .heading2 {
            width: 100%;
            float: left;
            font-weight: 600;
        }

        .travel-insurance-popup .modal-content .modal-body .table-outer {
            width: 100%;
            float: left;
            overflow: auto;
            margin-top: 15px;
        }

            .travel-insurance-popup .modal-content .modal-body .table-outer table {
                border: 1px solid #ccc;
            }

                .travel-insurance-popup .modal-content .modal-body .table-outer table thead tr th {
                    background: #eee;
                }

    .travel-insurance-popup .modal-content .modal-footer {
        display: none;
    }


/* FARE RULES POPUP START */
.farerules-popup {
    width: 100%;
    float: left;
}

    .farerules-popup .farerules-content {
        width: 100%;
        float: left;
        border: 0px solid #ccc;
        background: #fff;
        border-radius: 5px;
        overflow: hidden;
    }

        .farerules-popup .farerules-content .content-header {
            width: 100%;
            float: left;
            background: #eee;
            padding: 27px 10px;
            position: relative;
        }

            .farerules-popup .farerules-content .content-header:before {
                content: "";
                border-top: 80px solid #FF834F;
                border-left: 80px solid transparent;
                position: absolute;
                right: 0px;
                top: 0px;
            }

            .farerules-popup .farerules-content .content-header .close {
                float: right;
                font-size: 35px;
                font-weight: 400;
                line-height: 1;
                color: #fff;
                text-shadow: 0 1px 0 #fff;
                filter: alpha(opacity=100);
                opacity: 1;
                z-index: 111;
                top: 5px;
                right: 13px;
                position: absolute;
            }

            .farerules-popup .farerules-content .content-header h3 {
                margin: 0px;
                color: #FF834F;
                width: 100%;
                float: left;
                text-align: center;
                font-weight: 600;
            }

        .farerules-popup .farerules-content .content-inner pre {
            background: #fff;
            border: 0px;
        }

/* FARE RULES POPUP START */
.farerules-popup {
    width: 100%;
    float: left;
}

    .farerules-popup .farerules-content {
        width: 100%;
        float: left;
        border: 1px solid #ccc;
        padding: 20px 20px;
        background: #fff;
    }

        .farerules-popup .farerules-content h3 {
            margin: 0px;
            padding: 0px;
            color: #ff9900;
            margin-bottom: 26px;
            width: 100%;
            text-align: center;
            font-weight: 600;
        }

        .farerules-popup .farerules-content .content-inner {
            width: 100%;
            height: 500px;
            overflow: auto;
            float: left;
            background: #f1efef;
            padding: 0 10px;
        }

            .farerules-popup .farerules-content .content-inner .heading {
                width: 100%;
                float: left;
                font-weight: 600;
                font-size: 18px;
                margin-top: 20px;
                margin-bottom: 10px;
            }

            .farerules-popup .farerules-content .content-inner p {
                width: 100%;
                float: left;
                font-size: 14px;
                margin-bottom: 10px !important;
            }

    .farerules-popup button {
        outline: none;
    }

    .farerules-popup .modal-content {
        border: 0px;
    }

    .farerules-popup .modal-body {
        width: 100%;
        float: left;
    }

    .farerules-popup .modal-header {
        display: none;
    }

    .farerules-popup .modal-footer {
        display: none;
    }

    .farerules-popup .modal-dialog {
        width: auto !important;
        max-width: 600px
    }

@media (max-width:767px) {
    .farerules-popup .modal-dialog {
        width: initial !important;
    }

    .farerules-popup .farerules-content .content-inner .heading {
        font-size: 16px;
    }
}



.flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel-content {
    width: 100%;
    float: left;
}

.flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel {
    width: 100%;
    float: left;
    position: relative;
    background: #16528e;
    padding-left: 30px;
}

    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.inbond-panel {
        border-top: 3px solid #15528d;
    }

    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .icon-panel {
        width: 30px;
        height: 100%;
        float: left;
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
        padding-top: 10px;
    }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .icon-panel img {
            text-align: center;
            width: 20px;
        }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .icon-panel ul {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 10px;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .icon-panel ul li {
                width: 100%;
                float: left;
                text-align: center;
                color: #FFF;
                font-size: 16px;
                padding-bottom: 3px;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .icon-panel ul.one-segment li {
                font-size: 9px
            }

    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content {
        width: 100%;
        float: left;
        font-size: 12px;
        background: #fff;
    }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel {
            width: 100%;
            float: left;
            padding: 20px 0 0 20px;
            margin-bottom: 10px;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .box1 {
                width: 26%;
                float: left;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .box2 {
                width: 27%;
                float: left;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .box3 {
                width: 20%;
                float: left;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .box4 {
                width: 27%;
                float: left;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 40px;
            }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .logo {
                    width: 30px;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                }

                    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .logo img {
                        width: 100%;
                        height: auto;
                    }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .flight-content {
                    width: 100%;
                    float: left;
                }

                    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .flight-content .name {
                        width: 100%;
                        float: left;
                    }

                    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .flight-content .code {
                        width: 100%;
                        float: left;
                    }

                    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .flight-content .class {
                        width: 100%;
                        float: left;
                    }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-title {
                width: 100%;
                float: left;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-time {
                width: 100%;
                float: left;
                font-weight: bold;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-date {
                width: 100%;
                float: left;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-airport {
                width: 100%;
                float: left;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-departure-return-status {
                width: 100%;
                float: left;
                padding-left: 10px;
                color: #999;
                font-size: 26px;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-duration {
                width: 100%;
                float: left;
                font-weight: bold;
                margin-top: -10px;
            }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full {
            width: 100%;
            float: left;
            margin: 10px 0 10px 0;
            border-top: 1px dashed #999;
            border-bottom: 1px dashed #999;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text {
                float: left;
                color: #333;
                padding: 5px 20px 5px 5px;
                margin-bottom: 0px;
                border-radius: 5px;
            }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .layover-icon {
                    width: 1px;
                    height: 20px;
                    background: #999;
                    float: left;
                    position: relative;
                    margin: 0 10px;
                }

                    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .layover-icon:before {
                        content: "";
                        position: absolute;
                        top: 6px;
                        left: -3px;
                        width: 7px;
                        height: 7px;
                        border-radius: 50%;
                        background: #999;
                    }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .layover-title {
                    float: left;
                    font-weight: bold;
                    padding-right: 10px;
                }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .text {
                    float: left;
                }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .symble {
                    float: left;
                    padding: 0 5px;
                }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .bottom-strip {
            width: 100%;
            float: left;
            font-size: 14px;
            padding: 10px 10px;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .bottom-strip .fare-rule {
                float: right;
                color: #f7941d;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .bottom-strip .refundable {
                float: right;
                color: #f7941d;
                padding-left: 50px;
            }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel {
            width: 100%;
            float: left;
            border-top: 1px solid #e8e6e6;
            margin-top: 10px;
            padding: 10px 15px;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1 {
                float: left;
                margin-right: 20px;
            }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1 .text1 {
                    float: left;
                    font-size: 14px;
                    font-weight: 600;
                    color: #000;
                    padding-right: 10px;
                    margin-top: -2px;
                }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1 .icon {
                    float: left;
                    color: #b98d03;
                }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1 .text2 {
                    float: left;
                    padding-left: 10px;
                }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1:last-child {
                    margin-right: 0px;
                }


    /*--display flex--*/
    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel {
            display: flex;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box3 {
                display: flex;
                text-align: center;
                justify-content: center;
                flex-direction: column;
            }

@media only screen and (min-width:320px) and (max-width:767px) {
    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex {
        width: 100%;
    }

    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex {
        padding-left: 20px;
    }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .icon-panel {
            width: 20px;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .icon-panel img {
                width: 15px;
            }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel {
            display: block;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box1 {
                width: 100%;
                margin-bottom: 10px;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box2 {
                width: 39%;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box3 {
                width: 22%;
                padding: 0 2px;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box4 {
                width: 39%;
            }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .icon-panel ul li {
            font-size: 14px;
        }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel {
            padding: 10px 0 0 10px;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo {
                display: flex;
                justify-content: center;
                padding-left: 0px;
            }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo .logo {
                    position: static;
                    align-items: center;
                    margin-right: 10px;
                    display: flex;
                }

                .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo .flight-content {
                    display: flex;
                    flex-direction: column;
                    width: auto;
                }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel {
        display: block;
    }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box1 {
            width: 100%;
            margin-bottom: 10px;
        }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box2 {
            width: 40%;
        }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box3 {
            width: 20%;
        }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box4 {
            width: 40%;
        }

    .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel {
        padding: 10px 0 0 10px;
    }

        .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo {
            display: flex;
            justify-content: center;
            padding-left: 0px;
        }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo .logo {
                position: static;
                align-items: center;
                margin-right: 10px;
                display: flex;
            }

            .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo .flight-content {
                display: flex;
                flex-direction: column;
                width: auto;
            }
}

/*--display flex--*/

.flight-booking-pg .main-booking-content .booking-flight-login-panel {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

    .flight-booking-pg .main-booking-content .booking-flight-login-panel .header {
        width: 100%;
        float: left;
        background: #e2e2e2;
        padding: 10px 10px;
        border-bottom: 1px dashed #91b6da;
    }

        .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .title {
            float: left;
            font-size: 16px;
            color: #16528e;
            font-weight: 600;
            margin-top: 3px;
        }

            .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .title .icon {
                width: auto;
                float: left;
                margin-top: 0px;
                margin-right: 10px;
            }

                .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .title .icon img {
                    width: 30px;
                    float: left;
                }

        .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .rext-text {
            float: right;
            font-size: 12px;
            color: #16528e;
            margin-top: 6px;
        }

        .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .dropdown-link {
            float: right;
            font-size: 14px;
            color: #999;
            margin-top: 4px;
            cursor: pointer;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            margin-left: 10px;
        }

            .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .dropdown-link[aria-expanded="false"] {
                transform: rotate(-180deg);
                -webkit-transform: rotate(-180deg);
                color: #000;
            }





.flight-booking-pg .main-booking-content .booking-field-panel {
    width: 100%;
    float: left;
    border-radius: 5px;
    padding: 0 0px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .flight-booking-pg .main-booking-content .booking-field-panel .header {
        width: 100%;
        float: left;
        background: #e2e2e2;
        padding: 10px 10px;
        border-bottom: 1px dashed #91b6da;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .header .title {
            float: left;
            font-size: 16px;
            color: #16528e;
            font-weight: 600;
            margin-top: 3px;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .header .title .icon {
                width: auto;
                float: left;
                margin-top: 0px;
                margin-right: 10px;
            }

                .flight-booking-pg .main-booking-content .booking-field-panel .header .title .icon img {
                    width: 30px;
                    float: left;
                }

        .flight-booking-pg .main-booking-content .booking-field-panel .header .rext-text {
            float: right;
            font-size: 12px;
            color: #16528e;
            margin-top: 6px;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .header .dropdown-link {
            float: right;
            font-size: 14px;
            color: #999;
            margin-top: 4px;
            cursor: pointer;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            margin-left: 10px;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .header .dropdown-link[aria-expanded="false"] {
                transform: rotate(-180deg);
                -webkit-transform: rotate(-180deg);
                color: #000;
            }

    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content {
        width: 100%;
        float: left;
        background: #fff;
        padding: 10px 15px;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .panel-content-inner {
            width: 100%;
            float: left;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .panel-content-inner + .panel-content-inner {
                border-top: 1px solid #c1f1f4;
                padding-top: 30px;
                margin-top: 15px;
            }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form {
            width: 100%;
            float: left;
            position: relative;
            padding-left: 100px;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-title {
                width: 100px;
                float: left;
                color: #16528e;
                position: absolute;
                top: 8px;
                left: 0px;
                font-weight: normal;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-control {
                border: 1px solid #c5c5c5;
                height: 34px;
                transition: 0.5s;
                -webkit-transition: 0.5s;
            }

                .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-control:focus {
                    border: 1px solid #1875f0;
                }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form select.form-control {
                line-height: 36px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form textarea.form-control {
                height: auto;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-group {
                width: 100%;
                float: left;
            }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .checkbox-inline {
            width: 100%;
            float: left;
            color: #16528e;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .redirect-text {
            width: 100%;
            float: left;
            margin: 20px 0;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .payment-icon {
            margin-top: 30px;
            width: 100%;
            float: left;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full {
            margin: 30px 0;
            width: 100%;
            float: left;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer {
                width: 200px;
                float: right;
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            }

                .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn {
                    width: 100%;
                    float: left;
                    text-align: center;
                    padding: 5px 0;
                    margin-top: 10px;
                    background: #15bdcc;
                    color: #fff;
                    border-radius: 5px;
                }

                    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1 {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 12px;
                    }

                    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2 {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 18px;
                    }

                    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3 {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 16px;
                    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content h5.room-use-heading {
            width: 100%;
            float: left;
            font-weight: bold;
            padding: 5px 0px;
            margin-bottom: 20px;
            border-bottom: 2px solid #16528e;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel {
            width: 100%;
            float: left;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
                width: 10%;
                float: left;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
                width: 30%;
                float: left;
                padding-left: 10px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box3 {
                width: 30%;
                float: left;
                padding-left: 10px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
                width: 30%;
                float: left;
                padding-left: 10px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box5 {
                width: 35%;
                float: left;
                padding-left: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box6 {
                width: 20%;
                float: left;
                padding-left: 10px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box7 {
                width: 15%;
                float: left;
                padding-left: 10px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box8 {
                width: 100%;
                float: left;
                padding-left: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .first-box-pd0 {
                padding-left: 0px;
            }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .alert-text {
            width: 100%;
            float: left;
            font-size: 12px;
            color: #e54b4b;
            margin-top: 0px;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .box-panel .form-control {
            border-radius: 5px !important;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .checkbox-full-inline {
            width: 100%;
            float: left;
            padding-top: 8px;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .checkbox-full-inline label {
                width: auto;
            }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex {
            display: flex;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1 {
                width: 75px;
                display: flex;
                margin: 0 5px;
                padding: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2 {
                width: 30%;
                display: flex;
                margin: 0 5px;
                padding: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3 {
                width: 30%;
                display: flex;
                margin: 0 5px;
                padding: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4 {
                width: 30%;
                display: flex;
                margin: 0 5px;
                padding: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5 {
                width: 35%;
                display: flex;
                margin: 0 5px;
                padding: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6 {
                width: 20%;
                display: flex;
                margin: 0 5px;
                padding: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7 {
                width: 15%;
                display: flex;
                margin: 0 5px;
                padding: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8 {
                width: 100%;
                display: flex;
                margin: 0 5px;
                padding: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex select {
                padding-right: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex div:first-child {
                margin-left: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex div:last-child {
                margin-right: 0px;
            }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .checkbox-full-inline {
                padding-top: 0px;
                margin-bottom: 10px;
            }

@media only screen and (min-width:320px) and (max-width:767px) {
    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6 {
        width: 33.33%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 500px) {
    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex {
        display: flex;
        flex-direction: column;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1,
        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2,
        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3,
        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4,
        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5,
        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6,
        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7,
        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8 {
            width: 100%;
            margin: 0 0px;
        }

    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .pass-form .form-title.blank {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6 {
        width: 33.33%;
    }
}

.flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel {
    width: 100%;
    float: left;
}

    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .title {
        float: left;
        margin-top: 18px;
    }

    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box {
        float: left;
        padding-left: 20px;
        margin: 10px 0 20px 0;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control {
            float: left;
            width: 200px;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box .input-btn {
            float: left;
            line-height: 34px;
            width: 60px;
            text-align: center;
            background: #16528e;
            color: #fff;
            border: 0px;
            outline: none;
            border-radius: 5px;
        }

.flight-booking-pg .main-booking-content .booking-field-panel .panel-content .member-list-panel {
    width: 100%;
    float: left;
}

    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .member-list-panel .member-list-inner {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .member-list-panel .member-list-inner .mlp-title {
            font-weight: 600;
            display: flex;
            margin-right: 15px;
        }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .member-list-panel .member-list-inner .radio-box {
            display: flex;
            margin-right: 15px;
        }

            .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .member-list-panel .member-list-inner .radio-box:last-child {
                margin-right: 0px;
            }

.flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer {
    width: 100%;
    float: left;
}

    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer .pass-form.col-6 {
        width: 50%;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer .pass-form.col-6:nth-child(odd) {
            padding-right: 10px;
        }

.flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .pass-form.col-6 .box-panel .box10 {
    width: 100%;
    float: left;
    padding-left: 10px;
}

@media only screen and (min-width: 320px) and (max-width:600px) {
    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer .pass-form.col-6 {
        width: 100%;
    }

        .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer .pass-form.col-6:nth-child(odd) {
            padding-right: 00px;
        }

    .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .pass-form.col-6 .box-panel .box10 {
        width: 100%;
        float: left;
        padding-left: 0px;
    }
}

@media only screen and (min-width: 320px) and (max-width:500px) {
    .flight-booking-pg .main-booking-content .booking-field-panel .header .rext-text {
        float: left;
        width: 100%;
    }

    .flight-booking-pg .main-booking-content .selected-flight-panel .header .rext-text.fare-rules {
        float: left;
        width: 100%;
    }
}






.baggage-details-panel .baggage-details-content-panel {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px 15px 0px 15px;
}

    .baggage-details-panel .baggage-details-content-panel .booking-review-selection {
        background: #f6f6f6;
        box-shadow: 0px 0px 10px #a4a3a3;
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

        .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details {
            float: left;
            width: 100%;
            background: #15bdcc;
            padding: 10px;
        }

            .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details p {
                color: #fff !important;
                font-weight: 400;
            }

                .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details p.airline-name {
                    font-size: 12px;
                }

                .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details p.airline-class {
                    font-weight: 600;
                }

                .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details p.airlinr-price {
                    font-size: 24px;
                    font-weight: 600;
                    color: #ffdcce !important
                }

        .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes {
            padding: 10px;
            float: left;
            width: 100%;
        }

            .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes ul {
                padding-left: 15px;
                max-height: 250px;
                overflow-y: scroll;
            }

                .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes ul li {
                    color: #333 !important;
                    margin-bottom: 10px;
                    font-weight: 400;
                    font-size: 12px;
                }

                    .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes ul li:first-child {
                        font-size: 15px;
                        text-transform: uppercase;
                        list-style: none;
                    }

                .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes ul::-webkit-scrollbar {
                    width: 3px;
                }

            .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes .select-btn {
                color: rgb(255, 255, 255);
                float: left;
                text-align: center;
                width: 100%;
                background: none 0px 0px repeat scroll rgb(0, 210, 39);
                padding: 8px 10px;
                font-size: 15px;
                border-width: initial;
                border-style: none;
                border-color: initial;
                border-image: initial;
                cursor: pointer;
            }

            .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes .input-outer {
                position: relative;
                margin: 10px 0px;
                float: left;
                width: 100%;
            }

            .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes .select-btn.active {
                background: #16528e;
            }


/*.flight-booking-pg .flight-booking-sidebar{width:100%; float:left; margin-top:20px;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary{width:100%; float:left; background:#16528e; border-radius:5px; padding:10px; margin-top:0px; margin-bottom:30px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important;box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .header{width:100%; float:left;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .title{float:left; font-size:16px; color:#fff;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel{width:100%; float:left; position:relative; padding-left:30px; margin-top:15px;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .icon{width:20px; position:absolute; left:0px; top:-3px; color:#fff; font-size:16px;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .icon img{width:100%; height:auto;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content{width:100%; float:left;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .flith-name{width:100%; float:left; font-size:12px; color:#fff;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .date-time{width:100%; float:left; font-size:14px; color:#c1f1f4;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .airport-name{width:100%; float:left; font-size:14px; color:#c1f1f4;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .duration{width:100%; float:left; font-size:12px; color:#fff;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .fare-info-text{width:100%; float:left;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .fare-info-text .title{float:left; font-size:12px; color:#c1f1f4;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .fare-info-text .info{float:right; text-align:right; font-size:12px; color:#fff;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .lash-line-outer{width:100%; float:left; padding:0px 30px 0px 30px; margin-top:15px;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .lash-line-outer .lash-line{width:100%; height:1px; float:left; border-top:1px dashed #fff; }

.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .price-panel{width:100%; float:left; color:#fff; margin-top:15px;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .price-panel .text1{float:left; font-size:14px;}
.flight-booking-pg .flight-booking-sidebar .flight-booking-summary .price-panel .text2{float:right; font-size:16px; font-weight:600;}

.flight-booking-pg .flight-booking-sidebar .btn-panel{width:100%; float:left;}
.flight-booking-pg .flight-booking-sidebar .btn-panel a{width:60%; float:left; font-size:18px; font-weight:bold; background:#dc3a26; color:#fff; background: #e36252; float: left; padding: 23px 0px; text-align: center; margin: 0; border-radius: 6px 0 0 6px; position: relative;}
.flight-booking-pg .flight-booking-sidebar .btn-panel a:hover{background: #dc3a26;}
.flight-booking-pg .flight-booking-sidebar .btn-panel .tz-price {width:40%; background-color: #c15346; float: left; padding: 15px 0px; border-radius: 0 6px 6px 0; position: relative; overflow: hidden;}
.flight-booking-pg .flight-booking-sidebar .btn-panel .tz-price p {color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 12px; text-align:center; font-weight: bold; line-height: 0; margin: 7px 0 5px; text-transform: uppercase; position: relative; z-index: 1;}
.flight-booking-pg .flight-booking-sidebar .btn-panel .tz-price .price {float: right; width:100%; text-align:center; font-family: 'Open Sans', sans-serif; font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: 800; margin-top: 4px; position: relative; z-index: 1;}*/

.booking-sidebar-full {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 0px;
}

    .booking-sidebar-full .fare-detail-panel {
        width: 100%;
        float: left;
        border: 1px solid #d1d1d1;
        margin-top: 0px;
    }

        .booking-sidebar-full .fare-detail-panel .header {
            width: 100%;
            float: left;
            font-size: 16px;
            font-weight: bold;
            background: #e2e2e2;
            color: #16528e;
            padding: 10px 15px;
        }

        .booking-sidebar-full .fare-detail-panel .content {
            width: 100%;
            float: left;
            padding: 10px 15px;
        }

            .booking-sidebar-full .fare-detail-panel .content .price-panel {
                width: 100%;
                float: left;
                margin: 3px 0;
                color: #666;
                cursor: pointer;
            }

                .booking-sidebar-full .fare-detail-panel .content .price-panel .titel {
                    float: left;
                    text-align: left;
                }

                    .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .text {
                        font-weight: 600;
                    }

                    .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .traveler {
                        font-weight: normal;
                    }

                    .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon {
                        font-weight: normal;
                    }

                    .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon {
                        transition: 0.3s;
                        -webkit-transition: 0.3s;
                        display: inline-block;
                    }

                .booking-sidebar-full .fare-detail-panel .content .price-panel[aria-expanded="true"] .titel .icon {
                    transform: rotate(-180deg);
                    -webkit-transform: rotate(-180deg);
                }

                .booking-sidebar-full .fare-detail-panel .content .price-panel .price {
                    float: right;
                    text-align: right;
                }

                    .booking-sidebar-full .fare-detail-panel .content .price-panel .price .value {
                    }

            .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full {
                width: 100%;
                float: left;
                background: #e2e2e2;
                padding: 5px 10px;
                margin: 7px 0;
            }

                .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel {
                    width: 100%;
                    float: left;
                    margin-bottom: 0px;
                    font-size: 13px;
                    color: #666;
                    padding-bottom: 5px;
                }

                    .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .text {
                        float: left;
                        text-align: left;
                    }

                    .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .price {
                        float: right;
                        text-align: right;
                    }

            .booking-sidebar-full .fare-detail-panel .content .line-full {
                width: 100%;
                height: 1px;
                float: left;
                background: #e2e2e2;
                margin: 10px 0 10px 0;
            }

            .booking-sidebar-full .fare-detail-panel .content .total-fare-panel {
                width: 100%;
                float: left;
                border-top: 1px solid #e2e2e2;
                padding-top: 10px;
                margin-top: 10px;
            }

                .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare {
                    width: 100%;
                    float: left;
                    font-size: 16px;
                    color: #000;
                    font-weight: bold;
                    margin-bottom: 0px;
                }

                    .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare .text {
                        float: left;
                        text-align: left;
                    }

                    .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare .price {
                        float: right;
                        text-align: right;
                    }

                .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons {
                    width: 100%;
                    float: left;
                    font-size: 13px;
                    color: #666;
                    margin-bottom: 0px;
                    cursor: pointer;
                }

                    .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .text {
                        float: left;
                        text-align: left;
                    }

                    .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .icon {
                        font-weight: normal;
                        margin-left: 4px;
                    }

                    .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .icon {
                        transition: 0.3s;
                        -webkit-transition: 0.3s;
                        display: inline-block;
                    }

                    .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons[aria-expanded="true"] .icon {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                    }

                    .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .price {
                        float: right;
                        text-align: right;
                    }

                .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel {
                    width: 100%;
                    float: left;
                    font-size: 13px;
                    color: #666;
                }

                    .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel .text {
                        float: left;
                        text-align: left;
                    }

                    .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel .price {
                        float: right;
                        text-align: right;
                    }

        .booking-sidebar-full .fare-detail-panel .footer {
            width: 100%;
            float: left;
            background: #e2e2e2;
            font-size: 16px;
            color: #000;
            font-weight: bold;
            padding: 10px 15px;
        }

            .booking-sidebar-full .fare-detail-panel .footer .text {
                float: left;
                text-align: left;
            }

            .booking-sidebar-full .fare-detail-panel .footer .price {
                float: right;
                text-align: right;
                font-size: 18px;
            }

    .booking-sidebar-full .login-panel-full {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

        .booking-sidebar-full .login-panel-full .login-btn {
            width: 100%;
            font-size: 18px;
            float: left;
            cursor: pointer;
            text-align: center;
            padding: 10px 0;
            border-radius: 5px;
            border: 0px;
            outline: none;
            background: #203375;
            color: #fff;
        }

        .booking-sidebar-full .login-panel-full .guest-btn {
            width: 100%;
            font-size: 16px;
            float: left;
            cursor: pointer;
            text-align: center;
            padding: 10px 0;
            border-radius: 5px;
            border: 0px;
            outline: none;
            background: #d19e01;
            color: #fff;
        }

        .booking-sidebar-full .login-panel-full .or {
            width: 100%;
            height: 1px;
            float: left;
            background: #ccc;
            margin: 35px 0 30px 0;
            position: relative;
        }

            .booking-sidebar-full .login-panel-full .or .circle {
                width: 25px;
                height: 25px;
                line-height: 22px;
                border-radius: 50%;
                text-align: center;
                font-size: 12px;
                font-style: italic;
                color: #fff;
                border: 0px solid #ccc;
                background: #afa8a7;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
            }

.booking-sidebar-full-custome {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .booking-sidebar-full-custome .login-panel-full {
        width: 100%;
        max-width: 264px;
        float: left;
        margin-top: 10px;
    }

        .booking-sidebar-full-custome .login-panel-full .login-btn {
            width: 100%;
            font-size: 18px;
            float: left;
            cursor: pointer;
            text-align: center;
            padding: 10px 0;
            border-radius: 5px;
            border: 0px;
            outline: none;
            background: #203375;
            color: #fff;
        }

        .booking-sidebar-full-custome .login-panel-full .guest-btn {
            width: 100%;
            font-size: 16px;
            float: left;
            cursor: pointer;
            text-align: center;
            padding: 10px 0;
            border-radius: 5px;
            border: 0px;
            outline: none;
            background: #d19e01;
            color: #fff;
        }

        .booking-sidebar-full-custome .login-panel-full .or {
            width: 100%;
            height: 1px;
            float: left;
            background: #ccc;
            margin: 35px 0 30px 0;
            position: relative;
        }

            .booking-sidebar-full-custome .login-panel-full .or .circle {
                width: 25px;
                height: 25px;
                line-height: 22px;
                border-radius: 50%;
                text-align: center;
                font-size: 12px;
                font-style: italic;
                color: #fff;
                border: 0px solid #ccc;
                background: #afa8a7;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
            }

@media only screen and (min-width:320px) and (max-width:767px) {
    .booking-sidebar-full-custome .login-panel-full {
        width: 100%;
        max-width: 100%;
        float: left;
        text-align: center;
        margin-top: 10px;
    }

        .booking-sidebar-full-custome .login-panel-full .login-btn {
            display: inline-block;
            width: 100%;
            max-width: 200px;
            float: none;
        }
}

.booking-sidebar-full .payment-panel-full {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .booking-sidebar-full .payment-panel-full .payment-btn {
        width: 100%;
        font-size: 16px;
        float: left;
        cursor: pointer;
        text-align: center;
        padding: 10px 0;
        border-radius: 5px;
        border: 0px;
        outline: none;
        background: #d64443;
        color: #fff;
    }

    .booking-sidebar-full .payment-panel-full .term-condition {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

        .booking-sidebar-full .payment-panel-full .term-condition label a {
            font-weight: bold;
            text-decoration: underline;
        }

    .booking-sidebar-full .payment-panel-full.mt10 {
        margin-top: 10px;
    }

    .booking-sidebar-full .payment-panel-full .footer {
        width: 100%;
        float: left;
        background: #e2e2e2;
        font-size: 13px;
        color: #000;
        font-weight: bold;
        padding: 10px 15px;
    }

        .booking-sidebar-full .payment-panel-full .footer .text {
            float: left;
            text-align: left;
        }

        .booking-sidebar-full .payment-panel-full .footer .price {
            float: right;
            text-align: right;
            font-size: 18px;
            color: #FF834F;
        }

    .booking-sidebar-full .payment-panel-full .flight-booking-item-panel {
        width: 100%;
        float: left;
        background: #ebebeb;
        border-radius: 5px;
        overflow: hidden;
        margin-top: 0px;
        margin-bottom: 0px;
        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
        box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
        -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    }

        .booking-sidebar-full .payment-panel-full .flight-booking-item-panel:hover {
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
        }

        .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .header {
            width: 100%;
            float: left;
            background: #ed8323;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            margin: 0px;
            padding: 10px 10px;
        }

        .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content {
            width: 100%;
            float: left;
            padding: 20px 10px 0px 10px;
        }

            .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .payment-heading {
                font-size: 16px;
                font-weight: 800;
                margin-bottom: 10px;
            }

            .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .card-img {
                width: 100%;
                float: left;
                padding-bottom: 10px;
            }

                .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .card-img img {
                    max-width: 100%;
                    width: 200px;
                }

            .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel {
                width: 100%;
                float: left;
                font-size: 12px;
                background: #f5f5f5;
                padding: 10px 3px;
                border-radius: 5px;
                position: relative;
                margin-bottom: 20px;
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            }

                .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .radio-inner {
                    display: inline-block;
                }

                    .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .radio-inner label {
                        margin-left: 4px;
                        position: relative;
                        top: -2px;
                    }

                    .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .radio-inner:first-child label {
                        margin-right: 15px;
                    }

                .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .close-btn {
                    width: 15px;
                    height: 15px;
                    line-height: 15px;
                    border-radius: 50%;
                    background: #e54b4b;
                    position: absolute;
                    right: -5px;
                    top: -5px;
                    color: #fff;
                    font-size: 12px;
                    text-align: center;
                    cursor: pointer;
                }

                .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .icon {
                    width: 40px;
                    position: absolute;
                    left: 5px;
                    top: 10px;
                    color: #fff;
                    font-size: 16px;
                }

                    .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .icon img {
                        width: 100%;
                        height: auto;
                    }

                .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content {
                    width: 100%;
                    float: left;
                }

                    .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content .title {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        color: #ed8323;
                        font-weight: 600;
                    }

                    .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content .info {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        color: #999;
                    }

                    .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content .price {
                        width: 100%;
                        float: right;
                        text-align: right;
                        font-size: 12px;
                        color: #999;
                    }

                        .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content .price span {
                            font-weight: 600;
                            color: #646464;
                        }

.booking-sidebar-full .promo-code-panel {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    margin-top: 20px;
}

    .booking-sidebar-full .promo-code-panel .title-main {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 600;
    }

    .booking-sidebar-full .promo-code-panel .enter-code {
        width: 100%;
        float: left;
        position: relative;
        background: #eee;
    }

        .booking-sidebar-full .promo-code-panel .enter-code .input-form {
            width: 100%;
            height: 44px;
            float: left;
            padding-left: 10px;
            padding-right: 80px;
            background: none;
            outline: none;
            border: 0px;
        }

        .booking-sidebar-full .promo-code-panel .enter-code .aply-btn {
            width: 60px;
            position: absolute;
            padding: 5px 0;
            top: 7px;
            right: 5px;
            border-radius: 2px;
            border: 1px solid #ccc;
            color: #fff;
            text-align: center;
            background-color: green;
        }

        .booking-sidebar-full .promo-code-panel .enter-code .input-form:focus + .aply-btn {
            color: #16528e;
            border-color: #16528e;
        }

    .booking-sidebar-full .promo-code-panel .contect {
        width: 100%;
        float: left;
        max-height: 220px;
        overflow: auto;
    }

        .booking-sidebar-full .promo-code-panel .contect .code-panel {
            width: 100%;
            float: left;
            position: relative;
            padding: 5px 0 10px 25px;
            border-bottom: 1px solid #ccc;
        }

            .booking-sidebar-full .promo-code-panel .contect .code-panel .title {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 600;
            }

            .booking-sidebar-full .promo-code-panel .contect .code-panel .code-text {
                width: 100%;
                float: left;
                font-size: 12px;
            }

            .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-btn {
                float: left;
                font-size: 12px;
                color: #16528e;
                margin-top: 5px;
                cursor: pointer;
                transition: 0.3s;
                -webkit-transition: 0.3s;
            }

                .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-btn[aria-expanded="true"] i {
                    transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                }

            .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-content {
                width: 100%;
                float: left;
            }

                .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-content .title-text1 {
                    width: 100%;
                    float: left;
                    margin: 10px 0;
                }

                .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-content .title-text2 {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                }

            .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full {
                position: absolute;
                left: 0px;
                top: 10px;
            }

                .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio {
                    float: left;
                    margin: 0px 10px 0 0;
                }

                    .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio label {
                        width: auto;
                        float: left;
                        color: #fff;
                        font-size: 16px;
                    }

                    .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked,
                    .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) {
                        position: absolute;
                        left: -9999px;
                    }

                        .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked + label,
                        .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) + label {
                            position: relative;
                            padding-left: 28px;
                            cursor: pointer;
                            line-height: 20px;
                            display: inline-block;
                            color: #666;
                        }

                            .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked + label:before,
                            .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) + label:before {
                                content: '';
                                position: absolute;
                                left: 0;
                                top: 0;
                                width: 18px;
                                height: 18px;
                                border: 1px solid #000;
                                border-radius: 100%;
                                background: #fff;
                            }

                            .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked + label:after,
                            .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) + label:after {
                                content: '';
                                width: 12px;
                                height: 12px;
                                background: #0491e1;
                                position: absolute;
                                top: 3px;
                                left: 3px;
                                border-radius: 100%;
                                -webkit-transition: all 0.2s ease;
                                transition: all 0.2s ease;
                            }

                            .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) + label:after {
                                opacity: 0;
                                -webkit-transform: scale(0);
                                transform: scale(0);
                            }

                            .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked + label:after {
                                opacity: 1;
                                -webkit-transform: scale(1);
                                transform: scale(1);
                            }

        /* Scrollbar Styling */
        .booking-sidebar-full .promo-code-panel .contect::-webkit-scrollbar {
            width: 6px;
        }

::-webkit-scrollbar-track {
    background-color: #ccc;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #0491e1;
}

/* ADD HOTEL PAGE */
.container-full .add-hotel-pg {
    width: 100%;
    float: left;
}

    .container-full .add-hotel-pg .result-panel {
        width: 100%;
        float: left;
        padding-left: 0px;
    }

        .container-full .add-hotel-pg .result-panel .skip-continuew {
            width: 100%;
            float: left;
            text-align: center;
            padding: 17px 0;
            font-size: 20px;
            color: #fff;
            background: #e54b4b;
            padding-right: 80px;
            position: relative;
            margin-bottom: 10px;
        }

            .container-full .add-hotel-pg .result-panel .skip-continuew .click-btn {
                position: absolute;
                width: 50px;
                top: 10px;
                right: 10px;
                border-radius: 5px;
                background: #c1f1f4;
                color: #16528e;
                font-size: 30px;
                text-align: center;
            }

            .container-full .add-hotel-pg .result-panel .skip-continuew .skip1 {
                display: block;
            }

            .container-full .add-hotel-pg .result-panel .skip-continuew .skip2 {
                display: none;
            }

        .container-full .add-hotel-pg .result-panel .hotel-result-full {
            width: 100%;
            float: left; /*border:1px solid #ccc; background:#fff; padding:10px 10px 0px 10px;*/
        }

            .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result {
                width: 100%;
                float: left;
                background: #fff;
                border: 1px solid #ccc;
                margin-bottom: 30px;
            }

                .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result.active-hotel-result {
                    border: 3px solid #214acc;
                }

                .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header {
                    width: 100%;
                    float: left;
                    background: #16528e;
                    padding: 3px 10px 3px 10px;
                }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel {
                        width: 35%;
                        float: left;
                    }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .right-panel {
                        width: 65%;
                        float: left;
                        margin-top: 5px;
                    }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel .text1 {
                        float: left;
                        font-size: 20px;
                        color: #fff;
                    }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel .star-rating {
                        float: left;
                        width: 100px;
                        margin-left: 5px;
                        margin-top: 3px;
                    }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel .star-rating img {
                            width: 100%;
                            height: auto;
                        }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel .text2 {
                        float: left;
                        width: 100%;
                        font-size: 12px;
                        color: #fff;
                    }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form {
                        width: 200px;
                        float: right;
                        position: relative;
                        padding-left: 80px;
                    }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form .form-title {
                            width: 80px;
                            float: left;
                            position: absolute;
                            color: #fff;
                            font-size: 12px;
                            top: 6px;
                            left: 0px;
                            text-align: right;
                            padding-right: 5px;
                            font-weight: normal;
                        }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form .form-control {
                            border: 1px solid #11aaf6;
                        }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form select.form-control {
                            line-height: 28px;
                        }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form .form-group {
                            width: 100%;
                            float: left;
                            margin-bottom: 0px;
                        }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .change-date-btn {
                        float: right;
                        background: #c1f1f4;
                        border-radius: 10px;
                        padding: 5px 3px;
                        margin-top: 3px;
                        font-size: 12px;
                        color: #16528e;
                        outline: none;
                        border: 0px;
                        margin-left: 10px;
                    }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header.display-flex {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }

                .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im {
                    width: 45%;
                    float: left;
                }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .slider-full {
                        width: 100%;
                        float: left;
                    }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .slider-full img {
                            width: 100%;
                            height: 235px;
                        }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .carousel-control.left {
                        background: none !important;
                    }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .carousel-control.right {
                        background: none !important;
                    }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .slider-full .carousel-indicators {
                        display: none;
                    }

                .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail {
                    width: 55%;
                    float: left;
                    padding: 0 10px;
                }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .hotelinfo-text {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        font-weight: 600;
                        color: #16528e;
                        margin: 10px 0 20px 0;
                    }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .highlight {
                        width: 100%;
                        float: left;
                        text-align: center;
                        border: 1px solid #ccc;
                        padding: 5px 0;
                        border-radius: 5px;
                    }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .highlight img {
                            width: 150px;
                        }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .highlight .review {
                            width: 100%;
                            float: left;
                            text-align: center;
                            font-size: 12px;
                            color: #666;
                        }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .highlight .rating {
                            width: 100%;
                            float: left;
                            text-align: center;
                            font-size: 12px;
                            color: #999;
                        }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .ul-services {
                        width: 100%;
                        float: left;
                        list-style: none;
                        margin-top: 10px;
                    }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .ul-services li {
                            display: inline-block;
                        }

                            .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .ul-services li img {
                                width: 25px !important;
                                height: auto;
                                float: left;
                            }

                            .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .ul-services li.disable img {
                                -webkit-filter: grayscale(100%);
                                -moz-filter: grayscale(100%);
                                -ms-filter: grayscale(100%);
                                -o-filter: grayscale(100%);
                                opacity: 0.3;
                            }

                .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer {
                    width: 300px;
                    margin: 0 auto;
                }

                    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner {
                        width: 100%;
                        float: left;
                        border: 1px solid #ccc;
                        border-radius: 5px;
                        margin: 10px 0 0 0;
                        padding: 5px 10px;
                    }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .per-person {
                            float: left;
                            font-size: 12px;
                            color: #16528e;
                            margin-top: 5px;
                        }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .total-pax {
                            float: left;
                            font-size: 12px;
                            color: #999;
                            margin-top: 5px;
                        }

                        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full {
                            width: 50px;
                            float: left;
                            margin: 0 10px;
                            margin-top: 3px;
                        }

                            .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full .switch {
                                position: relative;
                                display: inline-block;
                                width: 50px;
                                height: 24px;
                                margin-bottom: 0px;
                            }

                                .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full .switch input {
                                    display: none;
                                }

                            .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full .slider {
                                position: absolute;
                                cursor: pointer;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                                background-color: #ccc;
                                -webkit-transition: .4s;
                                transition: .4s;
                            }

                                .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full .slider:before {
                                    position: absolute;
                                    content: "";
                                    height: 16px;
                                    width: 16px;
                                    left: 4px;
                                    bottom: 4px;
                                    background-color: #16528e;
                                    -webkit-transition: .4s;
                                    transition: .4s;
                                }

                            .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full input:checked + .slider {
                                background-color: #2196F3;
                            }

                            .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full input:focus + .slider {
                                box-shadow: 0 0 1px #2196F3;
                            }

                            .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full input:checked + .slider:before {
                                -webkit-transform: translateX(26px);
                                -ms-transform: translateX(26px);
                                transform: translateX(26px);
                            }

/*.switch-btn-full .switich-btn input:checked + .slider {background-color: #2196F3;}
.switch-btn-full .switich-btn input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.switch-btn-full .switich-btn input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px);transform: translateX(26px);}*/

.switch-btn-full .slider.round {
    border-radius: 34px;
}

    .switch-btn-full .slider.round:before {
        border-radius: 50%;
    }

.container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full-outer {
    width: 100%;
    float: left;
    padding: 0 10px;
    margin-top: 10px;
}

.container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full {
    width: 100%;
    float: left;
    background: #eafeff;
    border: 1px solid #eafeff;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 10px;
}

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full:hover {
        background: #c1f1f4;
        border: 1px solid #16528e;
    }

        .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full:hover .select-btn {
            background: #1fc123;
        }

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .box1 {
        width: 40%;
        float: left;
    }

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .box2 {
        width: 20%;
        float: left;
    }

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .box3 {
        width: 40%;
        float: left;
    }

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .title1 {
        width: 100%;
        float: left;
        font-size: 14px;
        font-weight: bold;
        color: #16528e;
    }

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .title2 {
        width: 100%;
        float: left;
        font-size: 14px;
        font-weight: normal;
        color: #16528e;
        margin-top: -3px;
    }

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .price {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 26px;
        font-weight: bold;
        color: #16528e;
    }

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .per-person {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        color: #16528e;
        margin-top: -10px;
    }

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .select-btn {
        float: right;
        width: 130px;
        text-align: center;
        background: #16528e;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 3px 5px;
        margin-top: 10px;
        border-radius: 5px;
        outline: none;
        border: 0px;
        cursor: pointer;
    }

.container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .footer {
    width: 100%;
    float: left;
    background: #16528e;
    padding: 10px 10px 10px 10px;
}

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .footer .more-room {
        width: 50%;
        float: left;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
    }

    .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .footer .rate-info {
        width: 50%;
        float: right;
        text-align: right;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
    }

/*--HOTEL RESUTL PAGE NEW --*/
.container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header {
    width: 100%;
    float: left;
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading {
            width: calc(100% - 160px);
            float: left;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading .title {
                width: 100%;
                float: left;
                font-size: 16px;
                font-weight: 600;
                color: #333;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading .location {
                width: 100%;
                float: left;
                font-size: 12px;
                font-weight: normal;
                color: #333;
                margin-top: -5px;
            }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby {
            width: 150px;
            float: right;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-text {
                display: none;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form {
                width: 100%;
                float: right;
                position: relative;
                padding-left: 0px;
            }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-title {
                    width: 80px;
                    float: right;
                    margin-top: 7px;
                    position: static;
                    color: #333;
                    font-size: 12px;
                    top: 6px;
                    left: 0px;
                    text-align: right;
                    padding-right: 5px;
                    font-weight: normal;
                }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-control {
                    border: 1px solid #11aaf6;
                    padding-right: 0px;
                }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form select.form-control {
                    line-height: 28px;
                }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-group {
                    width: 100%;
                    float: right;
                    margin-left: 10px;
                    margin-bottom: 0px;
                }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .heading {
            width: calc(100% - 240px);
            float: left;
        }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby {
            width: 230px;
            float: right;
            display: flex;
            align-items: center;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby .sortby-text {
                display: inline-block;
                width: 80px;
                display: flex;
                justify-content: flex-end;
                padding-right: 10px;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby .sortby-form {
                width: calc(100% - 80px);
            }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .heading {
            width: calc(100% - 240px);
            float: left;
        }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby {
            width: 230px;
            float: right;
            display: flex;
            align-items: center;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby .sortby-text {
                display: inline-block;
                width: 80px;
                display: flex;
                justify-content: flex-end;
                padding-right: 10px;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby .sortby-form {
                width: calc(100% - 80px);
            }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .heading {
            width: calc(100% - 200px);
            float: left;
        }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .sortby {
            width: 150px;
            float: right;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .sortby .sortby-form .form-group {
                width: 100%;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .sortby .sortby-form .form-title {
                width: auto;
            }

@media only screen and (min-width:320px) and (max-width:400px) {
    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .heading {
        width: calc(100% - 0px);
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .sortby {
        width: 100%;
    }
}

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .left-panel {
    width: calc(100% - 130px);
    float: left;
}

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .right-panel {
    width: 130px;
    float: left;
    margin-top: 0px;
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .right-panel .new-star-rating {
        width: 120px;
        padding: 5px 5px;
        float: right;
        background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
        background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
        border-radius: 10px;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .right-panel .new-star-rating img {
            width: 90%;
            height: auto;
        }

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .left-panel {
        width: calc(100% - 90px);
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .right-panel {
        width: 90px;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading {
        width: calc(100% - 0px) !important;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby {
        width: 150px !important;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-group {
            width: 100% !important;
        }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .heading {
        width: calc(100% - 00px) !important;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby {
        width: 230px !important;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .heading {
        width: calc(100% - 00px) !important;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby {
        width: 230px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading {
        width: calc(100% - 160px) !important;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby {
        width: 150px !important;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-group {
            width: 100% !important;
        }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .heading {
        width: calc(100% - 240px) !important;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby {
        width: 230px !important;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .heading {
        width: calc(100% - 240px) !important;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby {
        width: 230px !important;
    }
}

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .im {
    width: 30%;
    float: left;
    padding: 10px 10px 10px 10px;
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .im .slider-full img {
        width: 100%;
        height: 200px;
    }

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail {
    width: 70%;
    float: left;
    padding: 0 10px;
    padding-bottom: 10px;
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel {
        width: 70%;
        float: left;
        padding-left: 10px;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel {
        width: 30%;
        float: left;
        padding-top: 10px;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .availabel {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #339900;
        margin-top: 10px;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .show-map {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #000000;
        margin-top: 10px;
        font-weight: 600;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .show-map span {
            color: #15bdcc;
        }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .bed-brakfast {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #2e2960;
        margin-top: 10px;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .free-canellation {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #2e2960;
        margin-top: 0px;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return {
        padding: 37px 10px;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.design-4 {
            padding: 10px 10px;
        }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price {
        width: 100%;
        float: left;
        background: none;
        border-radius: 5px;
        padding: 0 10px;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design {
            background: #ED1863;
            color: #fff;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .best-deal {
                width: 100%;
                float: left;
                font-weight: 600;
                text-align: center;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .just-call {
                width: 100%;
                float: left;
                font-weight: 600;
                margin-bottom: 5px;
                text-align: center;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .phone-no {
                width: 100%;
                float: left;
                font-weight: 600;
                margin-bottom: 5px;
                font-size: 17px;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .call-now {
                width: 100%;
                float: left;
                text-align: center;
                font-weight: 800;
                border-radius: 5px;
                padding: 5px 10px;
                background: #fff;
                color: #f23131;
            }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .call-now i {
                    transform: rotateY(180deg);
                    position: relative;
                    top: 2px;
                    left: 2px;
                }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .flight-detail-p {
                width: 100%;
                float: left;
                text-align: center;
                display: none;
            }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .flight-detail-p a {
                    text-decoration: underline;
                    font-size: 10px;
                    color: #fff;
                }

.flightincludes {
    width: 100%;
    float: right;
    text-align: center;
    font-size: 12px;
    color: #999;
}

.hotelincludes {
    width: 100%;
    float: right;
    text-align: center;
    font-size: 12px;
    color: #999;
}

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .availabel {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #339900;
    margin-top: 10px;
}

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .show-map {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #000000;
    margin-top: 10px;
    font-weight: 600;
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .show-map span {
        color: #15bdcc;
    }

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .bed-brakfast {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #2e2960;
    margin-top: 10px;
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .bed-brakfast.bed-brakfast-new {
        color: #508019;
        font-weight: 600;
        margin-bottom: -8px;
        padding-bottom: 5px;
    }

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .free-canellation {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #2e2960;
    margin-top: 0px;
}

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .price-from {
    width: 100%;
    float: right;
    text-align: right;
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .price {
    width: 100%;
    float: right;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    color: #0f3661;
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .price.text-center {
        text-align: center;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .price.text-center .price {
            text-align: center !important;
        }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .price span {
        color: #15bdcc;
    }

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .night-person {
    width: 100%;
    float: right;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    color: #0f3661;
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .night-person.text-center {
        width: 100%;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        color: #0f3661;
    }

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .includes {
    width: 100%;
    float: right;
    text-align: right;
    font-size: 12px;
    color: #999;
}

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn {
    min-width: 100px;
    float: right;
    padding: 5px 0;
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #13becd;
    border-radius: 5px;
    color: #fff;
    outline: 0px;
    background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
    background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn:hover {
        background: linear-gradient( #15bdcc 50%, #41d8e5 50%);
        background: -webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);
    }

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .book-now {
    width: 100%;
    max-width: 100px;
    float: right;
    text-align: center;
    margin-top: 3px;
    outline: none;
    padding: 5px 0px;
    border: 0px;
    font-size: 16px;
    color: #fff;
    background: #16528e;
    font-weight: bold;
    box-shadow: -3px 3px 2px #666;
    -webkit-box-shadow: -3px 3px 2px #666;
}

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel {
    width: 100%;
    float: left;
    text-align: right;
    margin-top: 10px;
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-logo {
        width: 100%;
        float: left;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-logo img {
            max-width: 80px;
        }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-text {
        width: 100%;
        float: right;
        text-align: right;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-star-rattig {
        width: 100%;
        float: left;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-star-rattig img {
            width: auto;
        }

@media only screen and (min-width:320px) and (max-width:499px) {
    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn {
        min-width: 98%;
    }
}

/*--EXTRA ADD --*/
.container-full .extra-add-pg {
    width: 100%;
    float: left;
}

    .container-full .extra-add-pg .header {
        width: 100%;
        float: left;
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .container-full .extra-add-pg .header .result-found {
            position: absolute;
            top: 0px;
            left: 0px;
            font-size: 14px;
            color: #333;
        }

        .container-full .extra-add-pg .header .back-btn {
            position: absolute;
            top: -5px;
            right: 0px;
            width: 132px;
            padding: 5px 0;
            color: #11aaf6;
            background: #fff;
            text-align: center;
            border: 1px solid #11aaf6;
            border-radius: 10px;
        }

        .container-full .extra-add-pg .header .detail {
            width: 100%;
            float: left;
            text-align: center;
            color: #16528e;
            padding: 0 135px 0 135px;
        }

            .container-full .extra-add-pg .header .detail .pickup {
                color: #333;
                font-weight: 600;
            }

            .container-full .extra-add-pg .header .detail .icon {
                width: auto;
                padding: 0 15px;
            }

    .container-full .extra-add-pg .result-panel-full {
        width: 100%;
        float: left;
        padding-right: 10px;
    }

        .container-full .extra-add-pg .result-panel-full .result-panel {
            width: 100%;
            float: left;
            border-radius: 5px;
            overflow: hidden;
            border: 0px solid #11aaf6;
            margin-top: 0px;
            margin-bottom: 30px;
        }

            .container-full .extra-add-pg .result-panel-full .result-panel .result {
                width: 100%;
                float: left;
                border-radius: 5px;
                overflow: hidden;
                margin-bottom: 30px;
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            }

                .container-full .extra-add-pg .result-panel-full .result-panel .result:hover {
                    -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                    box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                }

                .container-full .extra-add-pg .result-panel-full .result-panel .result .header {
                    width: 100%;
                    float: left;
                    background: #e2e2e2;
                    color: #16528e;
                    padding: 10px 10px;
                    font-size: 14px;
                    font-weight: 600;
                    margin-top: 0px;
                    margin-bottom: 0px;
                }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .header .dropdown-link {
                        float: right;
                        font-size: 14px;
                        color: #999;
                        margin-top: 4px;
                        cursor: pointer;
                        transition: 0.3s;
                        -webkit-transition: 0.3s;
                        margin-left: 10px;
                    }

                        .container-full .extra-add-pg .result-panel-full .result-panel .result .header .dropdown-link[aria-expanded="false"] {
                            transform: rotate(-180deg);
                            -webkit-transform: rotate(-180deg);
                            color: #000;
                        }

                .container-full .extra-add-pg .result-panel-full .result-panel .result .radio {
                    width: 15px;
                    float: left;
                    margin-top: 4px;
                    position: absolute;
                    left: 0px;
                    top: 30%;
                    display: none;
                }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .radio label {
                        width: auto;
                        float: left;
                        color: #fff;
                        font-size: 16px;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked,
                    .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) {
                        position: absolute;
                        left: -9999px;
                    }

                        .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked + label,
                        .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) + label {
                            position: relative;
                            padding-left: 28px;
                            cursor: pointer;
                            line-height: 20px;
                            display: inline-block;
                            color: #666;
                        }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked + label:before,
                            .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) + label:before {
                                content: '';
                                position: absolute;
                                left: 0;
                                top: 0;
                                width: 18px;
                                height: 18px;
                                border: 1px solid #ddd;
                                border-radius: 100%;
                                background: #fff;
                            }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked + label:after,
                            .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) + label:after {
                                content: '';
                                width: 12px;
                                height: 12px;
                                background: #16528e;
                                position: absolute;
                                top: 3px;
                                left: 3px;
                                border-radius: 100%;
                                -webkit-transition: all 0.2s ease;
                                transition: all 0.2s ease;
                            }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) + label:after {
                                opacity: 0;
                                -webkit-transform: scale(0);
                                transform: scale(0);
                            }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked + label:after {
                                opacity: 1;
                                -webkit-transform: scale(1);
                                transform: scale(1);
                            }

                .container-full .extra-add-pg .result-panel-full .result-panel .result .content {
                    width: 100%;
                    float: left;
                    background: #fff;
                    padding: 10px 10px;
                }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content.content2 {
                        border-top: 1px solid #c1f1f4;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel {
                        width: 25%;
                        float: left;
                        position: relative;
                        padding-left: 20px;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel {
                        width: 30%;
                        float: left;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel {
                        width: 15%;
                        float: left;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel {
                        width: 30%;
                        float: left;
                    }

                        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full {
                            width: 100%;
                            float: left;
                            text-align: center;
                            margin-top: 5px;
                        }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .switch {
                                position: relative;
                                display: inline-block;
                                width: 50px;
                                height: 24px;
                            }

                                .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .switch input {
                                    display: none;
                                }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .slider {
                                position: absolute;
                                cursor: pointer;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                                background-color: #ccc;
                                -webkit-transition: .4s;
                                transition: .4s;
                            }

                                .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .slider:before {
                                    position: absolute;
                                    content: "";
                                    height: 16px;
                                    width: 16px;
                                    left: 4px;
                                    bottom: 4px;
                                    background-color: white;
                                    -webkit-transition: .4s;
                                    transition: .4s;
                                }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full input:checked + .slider {
                                background-color: #16528e;
                            }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full input:focus + .slider {
                                box-shadow: 0 0 1px #16528e;
                            }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full input:checked + .slider:before {
                                -webkit-transform: translateX(26px);
                                -ms-transform: translateX(26px);
                                transform: translateX(26px);
                            }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .slider.round {
                                border-radius: 34px;
                            }

                                .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .slider.round:before {
                                    border-radius: 50%;
                                }


                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im {
                        width: 100px;
                        float: left;
                    }

                        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im img {
                            width: 100%;
                            height: auto;
                        }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel .title {
                        width: 100%;
                        float: left;
                        color: #333;
                        font-size: 16px;
                        font-weight: 600;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel .info {
                        width: 100%;
                        float: left;
                        color: #333;
                        font-size: 12px;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel .more-info {
                        width: 100%;
                        float: left;
                        color: #16528e;
                        font-size: 12px;
                        font-weight: 600;
                        margin-top: 5px;
                        cursor: pointer;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box {
                        width: 50px;
                        float: left;
                        margin-left: 20px;
                        margin-top: 0px;
                    }

                        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box .form-group {
                            width: 100%;
                            float: left;
                        }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box .form-group .form-control {
                                padding: 6px 5px;
                            }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .input-btn-outer {
                        width: 100px;
                        margin: 0 auto;
                    }

                        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .input-btn-outer .input-btn {
                            width: 100%;
                            float: left;
                            text-align: center;
                            font-size: 14px;
                            font-weight: 600;
                            margin-top: 20px;
                            color: #333;
                            background: #ebebeb;
                            padding: 3px 0;
                            border: 0px;
                            outline: none;
                            border-radius: 15px;
                            cursor: pointer;
                            transition: 0.3s;
                            -webkit-transition: 0.3s;
                        }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .input-btn-outer .input-btn.active {
                                background: #16528e;
                                color: #fff;
                            }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .input-btn-outer .input-btn:hover {
                                background: #16528e;
                                color: #fff;
                            }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .price-per-item {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        color: #b2b2b2;
                        text-align: center;
                        margin-top: 5px;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex {
                        width: 100%;
                        display: flex;
                        align-items: center;
                    }

                        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel {
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                        }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel .select-box {
                                margin-left: 0px;
                                padding-right: 2px;
                            }

                            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel .title {
                                margin-bottom: 5px;
                            }

                        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .price-panel .input-btn-outer .input-btn {
                            margin-top: 0px;
                        }

                        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .price-panel .switch-btn-full .switch {
                            margin-bottom: 0px;
                        }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content.not-pax .select-panel {
                        display: none;
                    }

                    .container-full .extra-add-pg .result-panel-full .result-panel .result .content.not-pax .info-panel {
                        width: 45%;
                    }


    .container-full .extra-add-pg .extra-add-sidebar {
        width: 100%;
        float: left;
    }

        .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary {
            width: 100%;
            float: left;
            background: #16528e;
            border-radius: 5px;
            padding: 10px;
            margin-top: 0px;
            margin-bottom: 30px;
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary:hover {
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .title {
                float: left;
                font-size: 16px;
                color: #fff;
            }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .edit-btn {
                float: right;
                font-size: 12px;
                color: #fff;
                background: #11aaf6;
                padding: 2px 10px;
                border-radius: 10px;
            }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 30px;
                margin-top: 15px;
            }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .icon {
                    width: 20px;
                    position: absolute;
                    left: 0px;
                    top: -3px;
                    color: #fff;
                    font-size: 16px;
                }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .icon img {
                        width: 100%;
                        height: auto;
                    }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content {
                    width: 100%;
                    float: left;
                }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .flith-name {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        color: #fff;
                    }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .date-time {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        color: #c1f1f4;
                    }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .airport-name {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        color: #c1f1f4;
                    }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .duration {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        color: #fff;
                    }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .fare-info-text {
                        width: 100%;
                        float: left;
                    }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .fare-info-text .title {
                            float: left;
                            font-size: 12px;
                            color: #c1f1f4;
                        }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .fare-info-text .info {
                            float: right;
                            text-align: right;
                            font-size: 12px;
                            color: #fff;
                        }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .lash-line-outer {
                width: 100%;
                float: left;
                padding: 0px 30px 0px 30px;
                margin-top: 15px;
            }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .lash-line-outer .lash-line {
                    width: 100%;
                    height: 1px;
                    float: left;
                    border-top: 1px dashed #fff;
                }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .price-panel {
                width: 100%;
                float: left;
                color: #fff;
                margin-top: 15px;
            }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .price-panel .text1 {
                    float: left;
                    font-size: 14px;
                }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .price-panel .text2 {
                    float: right;
                    font-size: 16px;
                    font-weight: 600;
                }

        .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel {
            width: 100%;
            float: left;
            background: #ebebeb;
            border-radius: 5px;
            overflow: hidden;
            margin-top: 0px;
            margin-bottom: 30px;
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel:hover {
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .header {
                width: 100%;
                float: left;
                background: #16528e;
                color: #fff;
                font-size: 16px;
                font-weight: 600;
                margin: 0px;
                padding: 10px 10px;
            }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content {
                width: 100%;
                float: left;
                padding: 20px 10px 0px 10px;
            }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel {
                    width: 100%;
                    float: left;
                    background: #f5f5f5;
                    padding: 10px 10px;
                    border-radius: 5px;
                    position: relative;
                    padding-left: 50px;
                    margin-bottom: 20px;
                    -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                    box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                    -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .close-btn {
                        width: 15px;
                        height: 15px;
                        line-height: 15px;
                        border-radius: 50%;
                        background: #e54b4b;
                        position: absolute;
                        right: -5px;
                        top: -5px;
                        color: #fff;
                        font-size: 8px;
                        text-align: center;
                        cursor: pointer;
                    }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .icon {
                        width: 40px;
                        position: absolute;
                        left: 5px;
                        top: 10px;
                        color: #fff;
                        font-size: 16px;
                    }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .icon img {
                            width: 100%;
                            height: auto;
                        }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content {
                        width: 100%;
                        float: left;
                    }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content .title {
                            width: 100%;
                            float: left;
                            font-size: 12px;
                            color: #16528e;
                            font-weight: 600;
                        }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content .info {
                            width: 100%;
                            float: left;
                            font-size: 12px;
                            color: #999;
                        }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content .price {
                            width: 100%;
                            float: right;
                            text-align: right;
                            font-size: 12px;
                            color: #999;
                        }

                            .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content .price span {
                                font-weight: 600;
                                color: #646464;
                            }

        .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel {
            width: 100%;
            float: left;
            margin-bottom: 15px;
            background: #fff;
            border-radius: 5px;
            overflow: hidden;
        }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .im {
                width: 100%;
                float: left;
                position: relative;
            }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .im img {
                    width: 100%;
                    height: 100%;
                    float: left;
                }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .im .img {
                    width: 100%;
                    height: 180px;
                    float: left;
                }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .im .star-rating {
                    width: 100px;
                    background: rgba(255,255,255,0.8);
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    padding: 5px 5px;
                }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel {
                width: 100%;
                float: left;
                border-bottom: 1px solid #ccc;
                padding: 10px 10px 10px 10px;
            }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .name-price {
                    width: 100%;
                    float: left;
                    color: #16528e;
                }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .name-price .name {
                        font-size: 12px;
                        font-weight: 800;
                        float: left;
                    }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .name-price .price {
                        font-size: 12px;
                        font-weight: 800;
                        float: right;
                    }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .hotel-place {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    color: #333;
                }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .hotel-date {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    color: #333;
                }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .hotel-view {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    color: #333;
                }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .hotel-info {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    color: #999;
                }

            .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel {
                width: 100%;
                float: left;
                border-bottom: 0px solid #ccc;
                padding: 10px 10px 0px 10px;
            }

                .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way {
                    width: 100%;
                    float: left;
                    border-bottom: 1px dashed #ccc;
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .name-price {
                        width: 100%;
                        float: left;
                        color: #16528e;
                        margin-bottom: 3px;
                    }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .name-price .name {
                            font-size: 12px;
                            font-weight: 800;
                            float: left;
                        }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .name-price .price {
                            font-size: 12px;
                            font-weight: 800;
                            float: right;
                        }

                    .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel {
                        display: flex;
                        width: 100%;
                        font-size: 12px;
                    }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .departure {
                            width: calc(100% - 20px);
                        }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .arrival {
                            width: calc(100% - 20px);
                        }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .city {
                            display: block;
                        }

                            .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .city.standard {
                                background: #16528e;
                                color: #fff;
                                padding: 1px 2px;
                                border-radius: 2px;
                            }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .time {
                            display: block;
                        }

                        .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .icon {
                            display: block;
                            padding: 0 10px;
                        }

                            .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .icon img {
                                width: 20px;
                            }

        .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer {
            width: 100%;
            float: left;
            background: #e54b4b;
            border-radius: 5px;
            margin-bottom: 30px;
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        }

            .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer:hover {
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            }

            .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer .pay-btn {
                width: 100%;
                float: left;
                text-align: center;
                padding: 5px 0;
                margin-top: 10px;
                color: #fff;
            }

                .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer .pay-btn .text1 {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 12px;
                }

                .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer .pay-btn .text2 {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 18px;
                }

                .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer .pay-btn .text3 {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 16px;
                }


@media only screen and (min-width:320px) and (max-width:767px) {
    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel {
        padding-left: 0px;
        padding-right: 10px;
    }

        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im {
            width: 100%;
        }

    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box {
    }

    .container-full .extra-add-pg .result-panel-full {
        padding-right: 0px;
    }

        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel .title {
            font-size: 14px;
        }

        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex {
            flex-wrap: wrap;
        }

            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel .title {
                font-size: 11px;
            }

            .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .info-panel .info .title {
                margin-bottom: 5px;
            }

        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im img {
            width: 70%;
            height: auto;
        }
}

@media only screen and (min-width:320px) and (max-width:550px) {
    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel {
        width: 25%;
    }

    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel {
        width: 60%;
    }

    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel {
        width: 15%;
    }

        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box {
            margin-left: 10px;
        }

    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel {
        width: 100%;
    }

    .container-full .extra-add-pg .result-panel-full .result-panel .result .content.not-pax .info-panel {
        width: 75%;
    }

    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im img {
        width: 100%;
        height: auto;
    }

    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel .more-info {
        margin-bottom: 5px;
    }
}

@media only screen and (min-width:320px) and (max-width:400px) {
    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel {
        width: 55%;
    }

    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel {
        width: 20%;
    }

        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box {
            width: 45px;
        }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel {
        padding-left: 0px;
        padding-right: 10px;
    }

        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im {
            width: 100%;
        }

    .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box {
    }

    .container-full .extra-add-pg .result-panel-full {
        padding-right: 0px;
    }

        .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel .title {
            font-size: 12px;
        }
}


/*-- HOTEL DETAIL PAGE --*/
.hotel-detail-pg {
    width: 100%;
    float: left;
}
    /*.hotel-detail-pg .hotel-det-header{width:100%; float:left; position:relative;}
.hotel-detail-pg .hotel-det-header h3{width:100%; float:left; font-size:32px; font-weight:600; color:#333;}
.hotel-detail-pg .hotel-det-header .ul-review-star{width:100%; float:left; list-style:none;}
.hotel-detail-pg .hotel-det-header .ul-review-star li{display:inline-block;}
.hotel-detail-pg .hotel-det-header .ul-review-star li .star{width:120px; float:left;}
.hotel-detail-pg .hotel-det-header .ul-review-star li .star img{width:100%; height:auto;}
.hotel-detail-pg .hotel-det-header .ul-review-star li .exe{color:#2b920b; font-weight:600;}
.hotel-detail-pg .hotel-det-header .ul-review-star li .review{color:#999;}
.hotel-detail-pg .hotel-det-header .ul-review-star li .change-hotel{font-size:14px; color:#16528e; background:#c1f1f4; font-weight:600; border-radius:10px; padding:5px 15px;}
.hotel-detail-pg .hotel-det-header .ul-price{width:100%; float:left; list-style:none;}
.hotel-detail-pg .hotel-det-header .ul-price li{display:inline-block; font-weight:600;}
.hotel-detail-pg .hotel-det-header .ul-price li span{font-size:20px; color:#16528e;}

.hotel-detail-pg .hotel-det-header .backto-result{ position:static; float:right; margin-top:20px; width:132px; padding:5px 0; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;}
.hotel-detail-pg .hotel-det-header .ul-country{width:100%; float:left; list-style:none; margin-top:10px;}
.hotel-detail-pg .hotel-det-header .ul-country li{width:100%; float:left; padding-bottom:5px; font-weight:600;}
.hotel-detail-pg .hotel-det-header .ul-country li span{font-size:14px; color:#16528e; margin-left:5px;}
.hotel-detail-pg .hotel-det-header .select-room-from{width:100%; float:left; text-align:center; font-size:20px; padding:5px 0; background:#16528e; border-radius:5px; color:#fff; font-weight:normal; margin-top:0px; box-shadow:0px -3px 0 #11aaf6 inset;}
.hotel-detail-pg .hotel-det-header .select-room-from span{font-weight:bold; font-size:24px;}

.hotel-detail-pg .left-panel .content{width:100%; float:left;}
.hotel-detail-pg .left-panel .content .ul-slider-tab{width:100%; list-style:none; margin-bottom:0px;}
.hotel-detail-pg .left-panel .content .ul-slider-tab li{display:inline-block; width:24%; text-align:center; color:#16528e; padding:5px 0px; margin-top:5px; background:#c1f1f4; border-radius:5px 5px 0px 0px; cursor:pointer;}
.hotel-detail-pg .left-panel .content .ul-slider-tab li.active{background:#16528e; color:#fff;}
.hotel-detail-pg .left-panel .content .ul-slider-tab li:hover{background:#16528e; color:#fff;}
.hotel-detail-pg .left-panel .content .product-slider-img {width: 100%; float: left;}
.hotel-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li{height:300px;}
.hotel-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li img{height:100%; width:100%;}
.hotel-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li{height:50px;}
.hotel-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li img{height:100%; width:100%;}

.hotel-detail-pg .left-panel .content .detail-info{width:100%; float:left; margin-top:30px;}
.hotel-detail-pg .left-panel .content .detail-info p{width:100%; float:left; color: #000000; line-height: 1.5em;}
.hotel-detail-pg .left-panel .content .detail-info h3{ width:100%; float:left; font-size:26px; font-weight: 400; color: #16528e; line-height: 1.5em; margin-top:0px;}
.hotel-detail-pg .left-panel .content .detail-info .sub-heading{width:100%; float:left; color: #000000; font-weight:600; line-height: 1.5em; margin-top:-15px;}


.hotel-detail-pg .left-panel .content .detail-info .select-room-panel {width: 100%; float: left; background:#fff; border: 1px solid #ccc; margin-bottom: 20px;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .header {width: 100%; float: left; background: #16528e; padding: 8px 10px 8px 10px;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .header .text1 {float: left; font-size: 18px; color: #fff;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full{width:100%; float:left;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full + .detail-full{width:100%; float:left; border-top:1px solid #16528e;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .im {width:30%; height: 150px; float: left; }
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .im img {width: 100%; height:100%; }
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail {width:70%; float: left; padding: 0 10px; padding-bottom:10px;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel{width:70%; float:left; padding-left:10px;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel{width:30%; float:left;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .room-only{width:100%; float:left; font-size:14px; color:#339900; text-transform:uppercase; margin-top:10px; margin-bottom:0px;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .room-only .text1{color:#16528e;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .room-only .text2{color:#0099ff;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .non-refundable{width:100%; float:left; font-size:14px; color:#ff7272; margin-top:0px; font-weight:600;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .refundable1{width:100%; float:left; font-size:14px; color:#1fc123; margin-top:0px; font-weight:600;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .refundable2{width:100%; float:left; font-size:14px; color:#1fc123; margin-top:0px; font-weight:600;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .guest{width:100%; float:left; font-size:14px; color:#0099ff; text-transform:uppercase; margin-top:0px; font-weight:600; margin:10px 0;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .services{width:100%; float:left; font-size:14px; color:#16528e; margin-top:0px; font-weight:normal;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .policy{width:100%; float:left; font-size:14px; color:#16528e; margin-top:0px; font-weight:normal;}

.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .price-from{width:100%; float:right; text-align:right; font-size:18px; color:#999; margin-top:10px; position:relative; text-decoration:line-through;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .price{width:100%; float:right; text-align:right; font-size:24px; font-weight:bold; color:#16528e;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .night-person{width:100%; float:right; text-align:right; font-size:12px; font-weight:600; color:#16528e;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .select-btn{width:100px; float:right; padding:5px 0; margin-top:10px; text-align:center; font-size:14px; border:1px solid #13becd; border-radius:5px; color:#fff; outline:0px; background:#16528e;}
.hotel-detail-pg .left-panel .content .detail-info .select-room-panel .footer{width: 100%; float: left; background: #16528e; color:#fff; font-size: 16px; text-align:center; padding: 8px 10px 8px 10px;}
.hotel-detail-pg .left-panel .content .detail-info .policy-panel{width:100%; float:left; background:#fff; border:1px solid #c1f1f4; padding:30px; margin-bottom:30px;}


.hotel-detail-pg .right-panel{width:100%; float:left;}
.hotel-detail-pg .right-panel .map-panel{width:100%; float:left; border: 1px solid #63cbf5; margin-bottom:20px; box-shadow:0px 4px 3px 0px #bfbbbb; -webkit-box-shadow:0px 4px 3px 0px #bfbbbb; }
.hotel-detail-pg .right-panel .map-panel .heading { width:100%; background:#c1f1f4; position:relative; float:left; padding: 2px 15px;}
.hotel-detail-pg .right-panel .map-panel .heading .text1{width:100%; color:#16528e; float:left; padding:5px 0; margin-bottom: 0px; font-size:18px; font-weight:normal; }
.hotel-detail-pg .right-panel .map-panel .map-detail{width:100%; float:left; padding:10px;}
.hotel-detail-pg .right-panel .map-panel .map-detail p{width:100%; float:left; color: #000000; line-height: 1.5em; margin-bottom:10px; }

.hotel-detail-pg .right-panel .ask-question-panel{width:100%; float:left; border: 1px solid #11aaf6; margin-bottom:10px; box-shadow:0px 4px 3px 0px #bfbbbb; -webkit-box-shadow:0px 4px 3px 0px #bfbbbb; }
.hotel-detail-pg .right-panel .ask-question-panel .ask-question-detail{width:100%; float:left; padding:10px;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view{width:100%; float:left;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .header{width:100%; float:left; font-size:20px; color:#000; }
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel{width:100%; float:left; border-bottom:1px solid #ccc; padding:10px 0;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel.last{border-bottom:0px solid #f00;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im{width:30%; float:left;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im img{width:100%; height:80px;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail{width:70%; float:left; padding-left:10px;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .text1{width:100%; float:left; font-size:14px; color:#16528e;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full{width:50%; float:left;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating{width:110px; float:left;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating img{width:100%; height:auto;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .exe{ width:100%; float:left; color:#2b920b;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full{width:50%; float:right; color:#16528e;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text3{width:100%; float:right; text-align:right; font-size:10px; margin-top:-5px;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text4{width:100%; float:right; text-align:right; font-size:16px; font-weight:600;}
.hotel-detail-pg .right-panel .ask-question-panel .recently-view .load-more-btn{width:auto; float:left; text-align:center; padding:5px 15px; margin-top:10px; background:#11aaf6; color:#fff; border-radius:10px;}*/


    .hotel-detail-pg .hotel-det-header-full {
        width: 100%;
        float: left;
        padding: 0 30px;
        margin-bottom: 30px;
    }

    .hotel-detail-pg .hotel-det-header {
        width: 100%;
        float: left;
        position: relative;
    }

        .hotel-detail-pg .hotel-det-header h3 {
            width: 100%;
            float: left;
            font-size: 32px;
            font-weight: 600;
            color: #333;
        }

        .hotel-detail-pg .hotel-det-header .new-star-rating {
            width: 120px;
            padding: 5px 5px;
            float: left;
            margin-bottom: 5px;
            background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
            background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
            border-radius: 10px;
        }

        .hotel-detail-pg .hotel-det-header .ul-review-star {
            width: 100%;
            float: left;
            list-style: none;
        }

            .hotel-detail-pg .hotel-det-header .ul-review-star li {
                display: inline-block;
            }

                .hotel-detail-pg .hotel-det-header .ul-review-star li .star {
                    width: 120px;
                    float: left;
                }

                    .hotel-detail-pg .hotel-det-header .ul-review-star li .star img {
                        width: 100%;
                        height: auto;
                    }

                .hotel-detail-pg .hotel-det-header .ul-review-star li .exe {
                    color: #2b920b;
                    font-weight: 600;
                }

                .hotel-detail-pg .hotel-det-header .ul-review-star li .review {
                    color: #999;
                }

                .hotel-detail-pg .hotel-det-header .ul-review-star li .change-hotel {
                    font-size: 14px;
                    color: #16528e;
                    background: #c1f1f4;
                    font-weight: 600;
                    border-radius: 10px;
                    padding: 5px 15px;
                }

        .hotel-detail-pg .hotel-det-header .ul-price {
            width: 100%;
            float: left;
            list-style: none;
        }

            .hotel-detail-pg .hotel-det-header .ul-price li {
                display: inline-block;
                font-weight: 600;
            }

                .hotel-detail-pg .hotel-det-header .ul-price li span {
                    font-size: 20px;
                    color: #16528e;
                }

        .hotel-detail-pg .hotel-det-header .backto-result {
            position: static;
            float: right;
            margin-top: 20px;
            width: 132px;
            padding: 5px 0;
            color: #11aaf6;
            background: #fff;
            text-align: center;
            border: 1px solid #11aaf6;
            border-radius: 10px;
        }

        .hotel-detail-pg .hotel-det-header .ul-country {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 10px;
        }

            .hotel-detail-pg .hotel-det-header .ul-country li {
                width: 100%;
                float: left;
                padding-bottom: 5px;
                font-weight: 600;
            }

                .hotel-detail-pg .hotel-det-header .ul-country li span {
                    font-size: 14px;
                    color: #16528e;
                    margin-left: 5px;
                }

        .hotel-detail-pg .hotel-det-header .select-room-from {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 20px;
            padding: 5px 0;
            background: #16528e;
            border-radius: 5px;
            color: #fff;
            font-weight: normal;
            margin-top: 0px;
            background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
            background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
        }

            .hotel-detail-pg .hotel-det-header .select-room-from span {
                font-weight: bold;
                font-size: 24px;
            }

.accommodation-result-pg .result-panel-main .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn {
    width: 100px;
    float: right;
    padding: 5px 0;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #13becd;
    border-radius: 5px;
    color: #fff;
    outline: 0px;
    background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
    background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
}

.hotel-detail-pg .hotel-det-header .select-room-from:hover {
    background: linear-gradient( #15bdcc 50%, #41d8e5 50%);
    background: -webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);
}

.hotel-detail-pg .hotel-det-header2 {
    width: 100%;
    float: left;
    position: relative;
}

    .hotel-detail-pg .hotel-det-header2 .hotel-name {
        width: 100%;
        float: left;
    }

        .hotel-detail-pg .hotel-det-header2 .hotel-name .name-panel {
            width: 100%;
            float: left;
            font-size: 26px;
            font-weight: normal;
            color: #333;
            margin-top: 5px;
            position: relative;
            padding-right: 120px;
        }

            .hotel-detail-pg .hotel-det-header2 .hotel-name .name-panel .name {
                width: 100%;
                float: left;
            }

            .hotel-detail-pg .hotel-det-header2 .hotel-name .name-panel .star-rating {
                width: 100px;
                float: left;
                position: absolute;
                top: 0px;
                right: 0px;
            }

                .hotel-detail-pg .hotel-det-header2 .hotel-name .name-panel .star-rating img {
                    width: 100%;
                    height: auto;
                }

        .hotel-detail-pg .hotel-det-header2 .hotel-name .hotel-address {
            width: 100%;
            float: left;
            font-size: 14px;
            color: #333;
            font-weight: 600;
            margin-top: 5px;
        }

        .hotel-detail-pg .hotel-det-header2 .hotel-name .Available {
            width: 100%;
            float: left;
            font-size: 14px;
            color: #2b920b;
            margin-top: 5px;
            margin-bottom: 10px;
        }

    .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail {
        width: 100%;
        float: left;
        text-align: center;
        list-style: none;
        margin-top: 10px;
    }

        .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li {
            width: 100%;
            float: left;
            font-size: 16px;
            color: #333;
            font-weight: 600;
            margin-bottom: 5px;
        }

            .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .heading {
                font-size: 14px;
                font-weight: 800;
                color: #16528e;
                margin-left: 5px;
            }

            .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .date {
                font-size: 14px;
                color: #15bdcc;
                margin-left: 5px;
            }

            .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .day {
                font-size: 14px;
                color: #1fc123;
                margin-left: 5px;
            }

            .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .adult {
                font-size: 14px;
                color: #15bdcc;
                margin-left: 5px;
            }

            .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .child {
                font-size: 14px;
                color: #1fc123;
                margin-left: 5px;
            }

            .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .senior {
                font-size: 14px;
                color: #15bdcc;
                margin-left: 5px;
            }

            .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .infant {
                font-size: 14px;
                color: #1fc123;
                margin-left: 5px;
            }

    .hotel-detail-pg .hotel-det-header2 .backto-result {
        position: static;
        float: right;
        margin-top: 10px;
        width: 132px;
        padding: 5px 0;
        color: #11aaf6;
        margin-bottom: 10px;
        background: #fff;
        text-align: center;
        border: 1px solid #11aaf6;
        border-radius: 10px;
    }

    .hotel-detail-pg .hotel-det-header2 .price-btn {
        width: 100%;
        float: right;
        text-align: right;
        font-size: 26px;
        padding: 0px 0px;
        color: #333;
        font-weight: 800;
        margin-top: 0px;
    }

        .hotel-detail-pg .hotel-det-header2 .price-btn .symble {
            color: #15bdcc;
        }

        .hotel-detail-pg .hotel-det-header2 .price-btn .from {
            font-size: 12px;
            color: #999;
            margin-right: 5px;
            font-weight: 600;
        }

    .hotel-detail-pg .hotel-det-header2 .text2 {
        width: 100%;
        float: right;
        text-align: right;
        font-size: 12px;
        color: #999;
        margin-bottom: 10px;
    }

    .hotel-detail-pg .hotel-det-header2 .box1 {
        width: 170px;
        min-height: 80px;
        float: left;
        background: #e1e1e1;
        border-radius: 10px;
        margin-top: 10px;
        margin-bottom: 15px;
        padding: 10px 5px;
    }

    .hotel-detail-pg .hotel-det-header2 .box2 {
        width: 170px;
        min-height: 80px;
        float: right;
        background: #e1e1e1;
        border-radius: 10px;
        margin-top: 10px;
        margin-bottom: 15px;
        padding: 10px 5px;
    }

    .hotel-detail-pg .hotel-det-header2 .box3 {
        width: 100%;
        min-height: 80px;
        float: right;
        background: #e1e1e1;
        border-radius: 10px;
        margin-top: 10px;
        margin-bottom: 15px;
        padding: 10px 5px;
    }

        .hotel-detail-pg .hotel-det-header2 .box1 .heading,
        .hotel-detail-pg .hotel-det-header2 .box2 .heading,
        .hotel-detail-pg .hotel-det-header2 .box3 .heading {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 16px;
            font-weight: 800;
            color: #15bdcc;
        }

        .hotel-detail-pg .hotel-det-header2 .box1 .info,
        .hotel-detail-pg .hotel-det-header2 .box2 .info,
        .hotel-detail-pg .hotel-det-header2 .box3 .info {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 13px;
            font-weight: 600;
            color: #0f3661;
        }

        .hotel-detail-pg .hotel-det-header2 .box1 .heading2,
        .hotel-detail-pg .hotel-det-header2 .box2 .heading2,
        .hotel-detail-pg .hotel-det-header2 .box3 .heading2 {
            margin-top: 5px;
        }

    .hotel-detail-pg .hotel-det-header2 .box3-outer {
        width: 170px;
        margin: 0 auto;
    }

        .hotel-detail-pg .hotel-det-header2 .box3-outer .box3 {
            width: 100%;
            float: left;
        }

.hotel-detail-pg .slider-map-panel {
    width: 100%;
    float: left;
    margin: 0px 0 10px;
}

    .hotel-detail-pg .slider-map-panel .slider-panel {
        width: 70%;
        float: left;
    }

    .hotel-detail-pg .slider-map-panel .hotel-details-info {
        width: 30%;
        float: left;
    }

        .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom {
            background-color: #fff;
            border: 1px solid #e1e1e1;
            border-radius: 4px;
            float: left;
            width: 100%;
        }

            .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .flexOne {
                background: #ececec;
                padding: 10px;
                float: left;
                width: 100%;
            }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .flexOne h2 {
                    font-size: 20px;
                    font-weight: 600;
                    margin: 0
                }

            .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel {
                padding: 10px;
                float: left;
                width: 100%;
            }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only {
                    font-weight: 700;
                }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel > span {
                    display: block;
                }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: #339900;
                    text-transform: uppercase;
                    margin-bottom: 0px;
                }

                    .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only .text1 {
                        color: #16528e;
                        display: block;
                    }

                    .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only .text3 {
                        color: #808993;
                        font-weight: 400;
                        display: block;
                    }

                    .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only .text2 {
                        color: #0099ff;
                        display: block;
                    }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .non-refundable {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: #ff7272;
                    margin-top: 0px;
                    font-weight: 600;
                }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .refundable1 {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: #1fc123;
                    margin-top: 0px;
                    font-weight: 600;
                }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .refundable2 {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: #1fc123;
                    margin-top: 0px;
                    font-weight: 600;
                }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .guest {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: #0099ff;
                    text-transform: uppercase;
                    margin-top: 0px;
                    font-weight: 600;
                    margin: 10px 0;
                }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .services {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: #16528e;
                    margin-top: 0px;
                    font-weight: normal;
                }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .policy {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: #16528e;
                    margin-top: 0px;
                    font-weight: normal;
                }

                .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel {
                    margin-top: 00px;
                    float: left;
                    width: 100%;
                }

                    .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .price-from {
                        width: 100%;
                        display: block;
                        text-align: right;
                        font-size: 18px;
                        color: #999;
                        position: relative;
                        text-decoration: line-through;
                    }

                    .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .price {
                        text-align: right;
                        display: block;
                        font-size: 24px;
                        font-weight: bold;
                        color: #16528e;
                    }

                        .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .price span {
                            color: #15bdcc;
                        }

                    .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .night-person {
                        width: 100%;
                        display: block;
                        text-align: right;
                        font-size: 12px;
                        font-weight: 600;
                        color: #16528e;
                    }

                    .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .select-btn {
                        float: right;
                        padding: 5px;
                        margin-top: 10px;
                        text-align: center;
                        font-size: 14px;
                        border: 1px solid #13becd;
                        border-radius: 5px;
                        color: #fff;
                        outline: 0px;
                        background: #16528e;
                    }

        .hotel-detail-pg .slider-map-panel .hotel-details-info .map-img {
            margin-top: 20px;
            width: 100%;
            float: left;
            background: #fff;
        }

        .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .button-change-book .select-btn {
            width: 48%;
            float: left;
            text-align: center;
            border: 1px solid #8d8d8d;
            color: #8d8d8d;
            padding: 5px 20px;
            display: inline-block;
            border-radius: 3px;
            margin-top: 10px;
        }

            .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .button-change-book .select-btn.book {
                float: right;
                border: 1px solid #41d8e5;
                background: #16528e;
                background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
                background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
                color: #fff;
            }

    .hotel-detail-pg .slider-map-panel .slider-panel .content {
        width: 97%;
        float: left;
    }

.hotel-detail-pg .left-panel .content {
    width: 100%;
    float: left;
}

    .hotel-detail-pg .left-panel .content .ul-slider-tab {
        width: 100%;
        list-style: none;
        margin-bottom: 0px;
    }

        .hotel-detail-pg .left-panel .content .ul-slider-tab li {
            display: inline-block;
            width: 24%;
            text-align: center;
            color: #16528e;
            font-weight: 600;
            padding: 5px 0px;
            margin-bottom: 5px; /*background:#c1f1f4;*/
            border-radius: 5px 5px 0px 0px;
            cursor: pointer;
            text-transform: uppercase;
        }

            .hotel-detail-pg .left-panel .content .ul-slider-tab li.active { /*background:#16528e;*/
                color: #15bdcc;
            }

            .hotel-detail-pg .left-panel .content .ul-slider-tab li:hover { /*background:#16528e;*/
                color: #15bdcc;
            }

    .hotel-detail-pg .left-panel .content .product-slider-img {
        width: 100%;
        float: left;
    }

        .hotel-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li {
            height: 360px;
        }

            .hotel-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li img {
                height: 100%;
                width: 100%;
            }

        .hotel-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li {
            height: 60px;
        }

            .hotel-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li img {
                height: 100%;
                width: 100%;
            }

        /* CUSTOME CSS FOR LEFT RIGHT BTN */
        .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev {
            border: 2px solid #000;
            float: left;
            border-radius: 50% !important;
            left: 0px;
            margin-left: 10px;
            background: #fff !important;
            position: absolute;
            top: 50%;
            width: 32px;
            height: 32px;
            opacity: 1;
        }

        .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext {
            border: 2px solid #000;
            float: right;
            border-radius: 50% !important;
            margin-right: 10px;
            background: #fff !important;
            position: absolute;
            top: 50%;
            right: 0px;
            width: 32px;
            height: 32px;
            opacity: 1;
        }

            .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev:hover,
            .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:hover {
                background: #eee !important;
            }

            .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev:before,
            .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:before {
                content: "\f104" !important;
                top: -5px;
                position: absolute;
                left: 8px;
                font-size: 26px;
                font-weight: 600;
                font-family: 'FontAwesome';
                color: #000 !important;
            }

            .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:before {
                content: "\f105" !important;
                left: inherit;
                right: 8px;
            }
/* CUSTOME CSS FOR LEFT RIGHT BTN */

.hotel-detail-pg .detail-info-full {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.hotel-detail-pg .left-panel .content .detail-info {
    width: 100%;
    float: left;
}

    .hotel-detail-pg .left-panel .content .detail-info p {
        width: 100%;
        float: left;
        color: #000000;
        line-height: 1.3em;
        font-size: 13px;
        text-align: justify;
    }

    .hotel-detail-pg .left-panel .content .detail-info h3 {
        width: 100%;
        float: left;
        font-size: 20px;
        font-weight: 600;
        margin-top: 20px;
        color: #16528e;
        text-transform: uppercase;
        line-height: 1.5em;
        margin-bottom: 4px;
    }

        .hotel-detail-pg .left-panel .content .detail-info h3 span { /*width:auto; float:left; border-bottom:2px solid #15bdcc;*/
        }

    .hotel-detail-pg .left-panel .content .detail-info .sub-heading {
        width: 100%;
        float: left;
        color: #000000;
        font-weight: 600;
        line-height: 1.5em;
        margin-top: -5px;
    }

.hotel-detail-pg .nav-second {
    position: sticky;
    margin: 20px auto;
    position: -webkit-sticky;
    background: #fff;
    left: 0;
    top: 0px;
    z-index: 99;
    box-shadow: 0 4px 8px 5px rgba(138, 107, 118, 0.08);
    border-bottom: solid 0.7px #bababa;
}

    .hotel-detail-pg .nav-second .navSticky.navSticky ul {
        width: 100%;
        margin: 0 auto;
    }

    .hotel-detail-pg .nav-second .navSticky.navSticky li {
        display: inline-block;
        vertical-align: top;
    }

        .hotel-detail-pg .nav-second .navSticky.navSticky li a {
            display: flex;
            width: 160px;
            justify-content: center;
            font-weight: 800;
            padding: 16px 0 14px 0;
            text-transform: uppercase;
            color: #4a4a4a;
        }

            .hotel-detail-pg .nav-second .navSticky.navSticky li a.active {
                color: #0084ff !important;
                border-bottom: solid 2px #0084ff;
            }


.hotel-detail-pg .left-panel .content .detail-info .select-room-panel {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

    .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .header {
        width: 100%;
        float: left;
        background: #16528e;
        padding: 8px 10px 8px 10px;
    }

        .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .header .text1 {
            float: left;
            font-size: 18px;
            color: #fff;
        }

    .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full {
        width: 100%;
        float: left;
    }

        .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full + .detail-full {
            width: 100%;
            float: left;
            border-top: 1px solid #16528e;
        }

        .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .im {
            width: 30%;
            height: 150px;
            float: left;
        }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .im img {
                width: 100%;
                height: 100%;
            }

        .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail {
            width: 70%;
            float: left;
            padding: 0 10px;
            padding-bottom: 10px;
        }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel {
                width: 70%;
                float: left;
                padding-left: 10px;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel {
                width: 30%;
                float: left;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .room-only {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #339900;
                text-transform: uppercase;
                margin-top: 10px;
                margin-bottom: 0px;
            }

                .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .room-only .text1 {
                    color: #16528e;
                }

                .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .room-only .text2 {
                    color: #0099ff;
                }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .non-refundable {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #ff7272;
                margin-top: 0px;
                font-weight: 600;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .refundable1 {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #1fc123;
                margin-top: 0px;
                font-weight: 600;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .refundable2 {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #1fc123;
                margin-top: 0px;
                font-weight: 600;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .guest {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #0099ff;
                text-transform: uppercase;
                margin-top: 0px;
                font-weight: 600;
                margin: 10px 0;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .services {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #16528e;
                margin-top: 0px;
                font-weight: normal;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .policy {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #16528e;
                margin-top: 0px;
                font-weight: normal;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .price-from {
                width: 100%;
                float: right;
                text-align: right;
                font-size: 18px;
                color: #999;
                margin-top: 10px;
                position: relative;
                text-decoration: line-through;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .price {
                width: 100%;
                float: right;
                text-align: right;
                font-size: 24px;
                font-weight: bold;
                color: #16528e;
            }

                .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .price span {
                    color: #15bdcc;
                }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .night-person {
                width: 100%;
                float: right;
                text-align: right;
                font-size: 12px;
                font-weight: 600;
                color: #16528e;
            }

            .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .select-btn {
                width: 100px;
                float: right;
                padding: 5px 0;
                margin-top: 10px;
                text-align: center;
                font-size: 14px;
                border: 1px solid #13becd;
                border-radius: 5px;
                color: #fff;
                outline: 0px;
                background: #16528e;
            }

                .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .select-btn.active {
                    background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
                    background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%)
                }

    .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .footer {
        width: 100%;
        float: left;
        background: #16528e;
        color: #fff;
        font-size: 16px;
        text-align: center;
        padding: 8px 10px 8px 10px;
    }

.hotel-detail-pg .left-panel .content .detail-info .policy-panel {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    padding: 30px;
    margin-bottom: 30px;
}

    .hotel-detail-pg .left-panel .content .detail-info .policy-panel h2 {
        margin: 0;
        background: #e1e1e1;
        padding: 10px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 600;
    }

.hotel-detail-pg .google-map .ask-question-heading h3 {
    width: 100%;
    float: left;
    font-size: 26px;
    font-weight: 400;
    color: #16528e;
    line-height: 1.5em;
    margin-top: 0px;
}

    .hotel-detail-pg .google-map .ask-question-heading h3 span {
        width: auto;
        float: left;
        border-bottom: 2px solid #15bdcc;
    }


.hotel-detail-pg .right-panel {
    width: 100%;
    float: left;
}

    .hotel-detail-pg .right-panel .map-panel {
        width: 100%;
        float: left;
        border: 0px solid #63cbf5;
        margin-bottom: 20px; /*box-shadow:0px 4px 3px 0px #bfbbbb; -webkit-box-shadow:0px 4px 3px 0px #bfbbbb;*/
    }

        .hotel-detail-pg .right-panel .map-panel .heading {
            width: 100%;
            background: #c1f1f4;
            position: relative;
            float: left;
            padding: 2px 15px;
        }

            .hotel-detail-pg .right-panel .map-panel .heading .text1 {
                width: 100%;
                color: #16528e;
                float: left;
                padding: 5px 0;
                margin-bottom: 0px;
                font-size: 18px;
                font-weight: normal;
            }

        .hotel-detail-pg .right-panel .map-panel .map-detail {
            width: 100%;
            float: left;
            padding: 15px;
        }

            .hotel-detail-pg .right-panel .map-panel .map-detail p {
                width: 100%;
                float: left;
                color: #000000;
                line-height: 1.5em;
                margin-bottom: 10px;
            }

    .hotel-detail-pg .right-panel .ask-question-heading h3 {
        width: 100%;
        float: left;
        font-size: 26px;
        font-weight: 400;
        color: #16528e;
        line-height: 1.5em;
        margin-top: 0px;
    }

        .hotel-detail-pg .right-panel .ask-question-heading h3 span {
            width: auto;
            float: left;
            border-bottom: 2px solid #15bdcc;
        }

    .hotel-detail-pg .right-panel .ask-question-panel {
        width: 100%;
        float: left;
        border: 1px solid #ccc;
        margin-bottom: 10px;
        box-shadow: 0px 4px 3px 0px #bfbbbb;
        -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;
    }

        .hotel-detail-pg .right-panel .ask-question-panel .ask-question-detail {
            width: 100%;
            float: left;
            padding: 10px;
        }

        .hotel-detail-pg .right-panel .ask-question-panel .recently-view {
            width: 100%;
            float: left;
        }

            .hotel-detail-pg .right-panel .ask-question-panel .recently-view .header {
                width: 100%;
                float: left;
                font-size: 20px;
                color: #000;
            }

            .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel {
                width: 100%;
                float: left;
                border-bottom: 1px solid #ccc;
                padding: 10px 0;
            }

                .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel.last {
                    border-bottom: 0px solid #f00;
                }

                .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im {
                    width: 30%;
                    float: left;
                }

                    .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im img {
                        width: 100%;
                        height: 80px;
                    }

                .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail {
                    width: 70%;
                    float: left;
                    padding-left: 10px;
                }

                    .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .text1 {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        color: #16528e;
                    }

                    .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full {
                        width: 50%;
                        float: left;
                    }

                        .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating {
                            width: 110px;
                            float: left;
                        }

                            .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating img {
                                width: 100%;
                                height: auto;
                            }

                        .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .exe {
                            width: 100%;
                            float: left;
                            color: #2b920b;
                        }

                    .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full {
                        width: 50%;
                        float: right;
                        color: #16528e;
                    }

                        .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text3 {
                            width: 100%;
                            float: right;
                            text-align: right;
                            font-size: 10px;
                            margin-top: -5px;
                        }

                        .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text4 {
                            width: 100%;
                            float: right;
                            text-align: right;
                            font-size: 16px;
                            font-weight: 600;
                        }

            .hotel-detail-pg .right-panel .ask-question-panel .recently-view .load-more-btn {
                width: auto;
                float: left;
                text-align: center;
                padding: 5px 15px;
                margin-top: 10px;
                background: #15bdcc;
                color: #fff;
                border-radius: 4px;
            }


/* HOTEL DETAIL SIDE BAR PAGE */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
}

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

.sidenav {
    height: 100%;
    position: fixed;
    z-index: 1111;
    top: 0;
    right: 0;
    background-color: #dfdfdf;
    overflow-x: hidden;
    padding-top: 20px;
}

@media only screen and (min-width: 320px) and (max-width:1199px) {
    #mySidenav {
        width: 100%;
    }
}



/*---- HOTEL DETAIL PAGE NEW ----*/
.hotel-detail-pg-new {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 10px 10px 10px;
    border: 1px solid #ddd;
    margin: 20px 0;
}

    .hotel-detail-pg-new .back-topage-panel {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

        .hotel-detail-pg-new .back-topage-panel .back-btn {
            -webkit-border-radius: 3px;
            padding: 5px 10px;
            display: inline-block;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background-color: #354ea1;
            background-image: -webkit-gradient(linear,left top,left bottom,from(#354ea1),to(#223267));
            background-image: -webkit-linear-gradient(top,#354ea1,#223267);
            background-image: -moz-linear-gradient(top,#354ea1,#223267);
            background-image: -o-linear-gradient(top,#354ea1,#223267);
            background-image: linear-gradient(to bottom,#354ea1,#223267);
            background: #223267;
            border: 1px solid #223267;
            cursor: pointer;
            color: #fff;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
            font-weight: 700;
        }

    .hotel-detail-pg-new .hotel-slider-panel {
        width: 100%;
        float: left;
        border: 1px solid #ddd;
    }

        .hotel-detail-pg-new .hotel-slider-panel .header {
            width: 100%;
            float: left;
            background: #f9f9f9;
            padding: 10px 10px 10px 10px;
        }

            .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar {
                width: 100%;
                float: left;
            }

                .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar .text {
                    width: 100%;
                    float: left;
                    font-size: 20px;
                    font-weight: 600
                }

                .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar .star-rating {
                    width: 100%;
                    float: left;
                    margin-top: -7px;
                }

                .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar .location {
                    width: 100%;
                    float: left;
                    margin-top: 5px;
                }

                    .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar .location i {
                        color: #16528e;
                        margin-right: 5px;
                    }

            .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar {
                width: 100%;
                float: right;
                text-align: right;
            }

                .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar .rating {
                    width: 100%;
                    float: right;
                    font-size: 11px;
                    font-weight: 800;
                    color: #16528e;
                }

                .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar .logo {
                    width: 100%;
                    float: left;
                    margin: 0px;
                }

                    .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar .logo img {
                        width: auto;
                    }

                .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar .text {
                    width: 100%;
                    float: right;
                    clear: both;
                    font-size: 9.5px;
                    color: #666;
                }

        .hotel-detail-pg-new .hotel-slider-panel .product-slider-img {
            width: 100%;
            float: left;
        }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSSlideWrapper.usingCss ul li {
                height: 400px;
            }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSSlideWrapper.usingCss ul li img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSPager.lSGallery li {
                height: 50px;
            }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSPager.lSGallery li img {
                    height: 100%;
                    width: 100%;
                }

            /* CUSTOME CSS FOR LEFT RIGHT BTN */
            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSPrev {
                border: 2px solid #000;
                float: left;
                border-radius: 50% !important;
                left: 0px;
                margin-left: 10px;
                background: #fff !important;
                position: absolute;
                top: 50%;
                width: 32px;
                height: 32px;
                opacity: 1;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSNext {
                border: 2px solid #000;
                float: right;
                border-radius: 50% !important;
                margin-right: 10px;
                background: #fff !important;
                position: absolute;
                top: 50%;
                right: 0px;
                width: 32px;
                height: 32px;
                opacity: 1;
            }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSPrev:hover,
                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSNext:hover {
                    background: #eee !important;
                }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSPrev:before,
                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSNext:before {
                    content: "\f104" !important;
                    top: -5px;
                    position: absolute;
                    left: 8px;
                    font-size: 26px;
                    font-weight: 600;
                    font-family: 'FontAwesome';
                    color: #000 !important;
                }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSNext:before {
                    content: "\f105" !important;
                    left: inherit;
                    right: 8px;
                }
            /* CUSTOME CSS FOR LEFT RIGHT BTN */

            /* on click zoom slider */
            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .item-slick.slick-slide.slick-current.slick-active {
                outline: none !important;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-for {
                margin-bottom: 15px;
            }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-for img {
                    width: 100%;
                    height: 400px;
                }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-nav {
                margin: auto;
            }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-nav .item-slick {
                    max-width: 240px;
                    height: 130px;
                    margin-right: 15px;
                    outline: none !important;
                    cursor: pointer;
                }

                    .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-nav .item-slick img {
                        max-width: 100%;
                        background-size: cover;
                        background-position: center;
                    }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-arrow {
                position: absolute;
                top: 50%;
                z-index: 50;
                margin-top: -12px;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev {
                left: 10px;
                outline: none;
                width: 32px;
                height: 32px;
                background: none;
                background-image: url(../images/icons/controls1.png);
                border: none;
                color: #fff;
                font-size: 16px;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next {
                right: 10px;
                outline: none;
                width: 32px;
                height: 32px;
                background: none;
                background-position: -32px 0;
                background-image: url(../images/icons/controls1.png);
                border: none;
                color: #fff;
                font-size: 16px;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev {
                background-image: url(../images/icons/controls1.png);
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next {
                background-image: url(../images/icons/controls1.png);
            }

            /* CUSTOME CSS FOR LEFT RIGHT BTN */
            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev {
                border: 2px solid #000;
                float: left;
                border-radius: 50% !important;
                left: 0px;
                margin-left: 10px;
                background: #fff !important;
                position: absolute;
                top: 50%;
                width: 32px;
                height: 32px;
                opacity: 1;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next {
                border: 2px solid #000;
                float: right;
                border-radius: 50% !important;
                margin-right: 10px;
                background: #fff !important;
                position: absolute;
                top: 50%;
                right: 0px;
                width: 32px;
                height: 32px;
                opacity: 1;
            }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev:hover,
                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next:hover {
                    background: #eee !important;
                }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev:before,
                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next:before {
                    content: "\f104" !important;
                    top: -5px;
                    position: absolute;
                    left: 8px;
                    font-size: 26px;
                    font-weight: 600;
                    font-family: 'FontAwesome';
                    color: #000 !important;
                }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next:before {
                    content: "\f105" !important;
                    left: inherit;
                    right: 8px;
                }
            /* CUSTOME CSS FOR LEFT RIGHT BTN */

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-out-cur,
            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
                cursor: pointer;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-container:hover {
                cursor: default;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .image-source-link {
                color: #98C3D1;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-bg {
                opacity: 0;
                transition: all 0.3s ease-out;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready .mfp-container {
                opacity: 1;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready.mfp-bg {
                opacity: 0.8;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-removing.mfp-bg {
                opacity: 0;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-wrap ~ * {
                filter: blur(5px);
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-ready .mfp-figure {
                opacity: 0;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-figure,
            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
                opacity: 0;
                transition: all 0.3s ease-out;
                transform: scale(0.95);
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-preloader {
                opacity: 0;
                transition: all 0.3s ease-out;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-image-loaded .mfp-figure,
            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
                opacity: 1;
                transform: scale(1);
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-preloader {
                opacity: 0.8;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-figure,
            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
                transform: scale(0.95);
                opacity: 0;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-preloader {
                opacity: 0;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-iframe-scaler {
                overflow: visible;
            }

            .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-out-cur {
                cursor: auto;
            }

                .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
                    cursor: pointer;
                }

@media screen and (min-width:320px) and (max-width:767px) {
    .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-for img {
        width: 100%;
        height: auto;
    }
}
/* on click zoom slider */


/* on click zoom slider */
.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .item-slick.slick-slide.slick-current.slick-active {
    outline: none !important;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for {
    margin-bottom: 15px;
}

    .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for img {
        width: 100%;
        height: 400px;
    }

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav {
    margin: auto;
}

    .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav .item-slick {
        max-width: 240px;
        height: 130px;
        margin-right: 15px;
        outline: none !important;
        cursor: pointer;
    }

        .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav .item-slick img {
            max-width: 100%;
            background-size: cover;
            background-position: center;
        }

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev {
    left: 10px;
    outline: none;
    width: 32px;
    height: 32px;
    background: none;
    background-image: url(../images/icons/controls1.png);
    border: none;
    color: #fff;
    font-size: 16px;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next {
    right: 10px;
    outline: none;
    width: 32px;
    height: 32px;
    background: none;
    background-position: -32px 0;
    background-image: url(../images/icons/controls1.png);
    border: none;
    color: #fff;
    font-size: 16px;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev {
    background-image: url(../images/icons/controls1.png);
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next {
    background-image: url(../images/icons/controls1.png);
}

/* CUSTOME CSS FOR LEFT RIGHT BTN */
.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev {
    border: 2px solid #000;
    float: left;
    border-radius: 50% !important;
    left: 0px;
    margin-left: 10px;
    background: #fff !important;
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    opacity: 1;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next {
    border: 2px solid #000;
    float: right;
    border-radius: 50% !important;
    margin-right: 10px;
    background: #fff !important;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 32px;
    height: 32px;
    opacity: 1;
}

    .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev:hover,
    .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:hover {
        background: #eee !important;
    }

    .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev:before,
    .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:before {
        content: "\f104" !important;
        top: -5px;
        position: absolute;
        left: 8px;
        font-size: 26px;
        font-weight: 600;
        font-family: 'FontAwesome';
        color: #000 !important;
    }

    .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:before {
        content: "\f105" !important;
        left: inherit;
        right: 8px;
    }
/* CUSTOME CSS FOR LEFT RIGHT BTN */

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur,
.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
    cursor: pointer;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-container:hover {
    cursor: default;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .image-source-link {
    color: #98C3D1;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-wrap ~ * {
    filter: blur(5px);
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-ready .mfp-figure {
    opacity: 0;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-figure,
.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 0;
    transition: all 0.3s ease-out;
    transform: scale(0.95);
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-preloader {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-image-loaded .mfp-figure,
.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 1;
    transform: scale(1);
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.8;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-figure,
.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
    transform: scale(0.95);
    opacity: 0;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-iframe-scaler {
    overflow: visible;
}

.fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur {
    cursor: auto;
}

    .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
        cursor: pointer;
    }

@media screen and (min-width:320px) and (max-width:767px) {
    .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for img {
        width: 100%;
        height: auto;
    }
}
/* on click zoom slider */

.hotel-detail-pg-new .price-map-paenl {
    width: 100%;
    float: left;
}

    .hotel-detail-pg-new .price-map-paenl .price-panel {
        width: 100%;
        float: left;
        border: 1px solid #ddd;
        padding: 10px;
    }

        .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable {
            width: calc(100% - 115px);
            float: left;
            text-align: left;
            color: #16528e;
        }

            .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable .from {
                width: 100%;
                float: left;
                font-size: 12px;
                color: #999;
                margin-bottom: -7px;
            }

            .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable .price {
                font-size: 24px;
                font-weight: 800;
                color: #f7941d;
            }

            .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable .night {
                font-size: 12px;
                display: inline-block;
                color: #15bdcc;
                font-weight: 600;
            }

        .hotel-detail-pg-new .price-map-paenl .price-panel .select-room {
            width: 115px;
            float: right;
            text-align: center;
            margin-top: 9px;
            outline: none;
            border: 0px;
            background: #16528e;
            color: #fff;
            padding: 5px 0;
            border-radius: 5px;
        }

            .hotel-detail-pg-new .price-map-paenl .price-panel .select-room i {
                color: #f7941d;
                -moz-animation: bounce 2s infinite;
                -webkit-animation: bounce 2s infinite;
                animation: bounce 2s infinite;
            }

@keyframes bounce {
    0%,100%,20%,50%,80% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-15px);
    }

    60% {
        transform: translateY(-5px);
    }
}


.hotel-detail-pg-new .price-map-paenl .price-panel .select-room-outer {
    width: 45%;
    float: left;
    display: none;
}

    .hotel-detail-pg-new .price-map-paenl .price-panel .select-room-outer .btn-down-head {
        display: flex;
        align-items: center;
    }

.hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    background: #15bdcc;
    border: 1px solid;
    padding: 4px 10px 9px;
    border-radius: 5px;
}

    .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box-one {
        float: left;
        padding-top: 7px;
    }

    .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .btn-down {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        background: #70985f;
        border: 1px solid;
        padding: 4px 13px 1px;
        border-radius: 5px;
    }

    .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box {
        display: inline-block;
        font-size: 10px;
        margin-left: 9px;
        border: 1px solid;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        padding-left: 20px;
        padding-top: 6px;
        box-sizing: border-box;
    }

        .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box span {
            width: 7px;
            height: 7px;
            display: block;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            transform: rotate(45deg);
            margin: -10px;
            animation: animate 2s infinite;
        }

            .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box span:nth-child(2) {
                animation-delay: -.2s;
            }

            .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box span:nth-child(3) {
                animation-delay: -.4s;
            }

@keyframes animate {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        transform: rotate(45deg) translate(10px,10px);
    }

    100% {
        opacity: 0;
    }
}


.hotel-detail-pg-new .price-map-paenl .map-panel {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.hotel-detail-pg-new .price-map-paenl .hotel-top-featur {
    background-color: #f9f9f9;
    padding: 15px;
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 20px;
}

    .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .panel-subtitle {
        color: #223267;
        border-bottom-color: #ddd;
        font-size: 18px;
        font-weight: 700;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        margin: 0 0 15px;
    }

    .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .hotelFeaturesList li {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding-top: 4px;
        padding-bottom: 4px;
        list-style: none;
    }

        .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .hotelFeaturesList li i.right {
            float: right;
            text-align: right;
            color: #5da423;
        }

        .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .hotelFeaturesList li .icon-left {
            min-width: 20px;
            display: inline-block;
        }

        .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .hotelFeaturesList li .li-text {
            display: inline-block;
            width: calc(100% - 42px);
        }

    .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .panel-footer {
        width: 100%;
        float: left;
        border-top: 0px;
        padding: 0px;
        background: transparent;
    }

        .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .panel-footer .hotel-info {
            width: 100%;
            float: left;
            padding: 5px 0;
            text-align: center;
            font-size: 12px;
            color: #666;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

.hotel-detail-pg-new .result-panel {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .hotel-detail-pg-new .result-panel .header {
        width: 100%;
        float: left;
        background: #f8f8f8;
        border: solid 1px #ddd;
        margin: 0 0 22px 0;
        padding: 10px 10px 10px 10px;
        padding-bottom: 0px;
    }

        .hotel-detail-pg-new .result-panel .header .box-panel {
            display: inline-block;
            position: relative;
            padding-left: 40px;
            margin-bottom: 10px;
        }

            .hotel-detail-pg-new .result-panel .header .box-panel .icon {
                width: 30px;
                position: absolute;
                top: 0px;
                left: 0px;
                color: #999;
                font-size: 26px;
            }

                .hotel-detail-pg-new .result-panel .header .box-panel .icon i {
                    vertical-align: bottom;
                }

            .hotel-detail-pg-new .result-panel .header .box-panel .heading {
                display: block;
                font-size: 13px;
                color: #999;
                text-align: center;
            }

            .hotel-detail-pg-new .result-panel .header .box-panel .detail {
                display: block;
                font-size: 14px;
                font-weight: 600;
                color: #000;
            }

            .hotel-detail-pg-new .result-panel .header .box-panel + .box-panel {
                margin-left: 60px;
            }

        .hotel-detail-pg-new .result-panel .header .panel-footer {
            width: 150px;
            float: right;
            border-top: 0px;
        }

            .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info {
                width: 100%;
                float: left;
                overflow: hidden;
                padding: 5px 0;
                text-align: center;
                font-size: 12px;
                background: #fff;
                position: relative;
                color: #666;
                border: 1px solid #ddd;
                border-radius: 5px;
            }

                .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info:before {
                    content: "";
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    transition: 0.1s;
                    top: -100%;
                    left: 0px;
                    background: #16528e;
                }

                .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info:hover:before {
                    top: 0%;
                }

                .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info span {
                    position: relative;
                    z-index: 1;
                }

                .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info:hover span {
                    color: #fff;
                }

        /*--display-flex--*/
        .hotel-detail-pg-new .result-panel .header.display-flex {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .hotel-detail-pg-new .result-panel .header.display-flex .box-panel + .box-panel {
                margin-left: 0px;
            }

        .hotel-detail-pg-new .result-panel .header .box-panel .board-basis-filter {
            width: 192px;
        }
    /*--display-flex--*/

    .hotel-detail-pg-new .result-panel .result-full {
        width: 100%;
        float: left;
    }

        .hotel-detail-pg-new .result-panel .result-full .box-panel1 {
            width: 20%;
            float: left;
            border-right: 1px solid #ddd;
        }

        .hotel-detail-pg-new .result-panel .result-full .box-panel2 {
            width: 30%;
            float: left;
            border-right: 1px solid #ddd;
            text-align: center;
        }

        .hotel-detail-pg-new .result-panel .result-full .box-panel3 {
            width: 15%;
            float: left;
            border-right: 1px solid #ddd;
            text-align: center;
        }

        .hotel-detail-pg-new .result-panel .result-full .box-panel4 {
            width: 15%;
            float: left;
            border-right: 1px solid #ddd;
            text-align: center;
        }

        .hotel-detail-pg-new .result-panel .result-full .box-panel5 {
            width: 20%;
            float: left;
            text-align: center;
        }

        .hotel-detail-pg-new .result-panel .result-full .box-detail-panel {
            min-height: 171px;
            padding: 15px 10px 0 10px;
        }

        .hotel-detail-pg-new .result-panel .result-full .results.top .box-detail-panel {
            background: #f7941d26;
        }

        .hotel-detail-pg-new .result-panel .result-full .result-header {
            width: 100%;
            float: left;
            border: 1px solid #ddd;
            border-bottom: 0px;
        }

            .hotel-detail-pg-new .result-panel .result-full .result-header .text {
                width: 100%;
                float: left;
                padding: 5px 10px;
                font-size: 12px;
                font-weight: 600;
                color: #666;
            }

        .hotel-detail-pg-new .result-panel .result-full .results {
            width: 100%;
            float: left;
            border: 1px solid #ddd;
            border-top: 0px;
        }

            .hotel-detail-pg-new .result-panel .result-full .results .offer-strip {
                width: 100%;
                float: left;
                font-size: 12px;
                text-align: center;
                background: #c1bebe;
                color: #fff;
                padding: 5px 0;
            }

            .hotel-detail-pg-new .result-panel .result-full .results.top .offer-strip {
                background: #f7941d;
            }

            .hotel-detail-pg-new .result-panel .result-full .results .result {
                width: 100%;
                float: left;
            }

                .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail {
                    padding: 0 10px;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .title {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        font-weight: 600;
                        color: #16528e;
                        margin-top: 10px;
                    }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .pax {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        color: #333;
                    }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .room-facilites {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        color: #16528e;
                        cursor: pointer;
                        margin: 10px 0;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .room-facilites i {
                            transition: 0.5s;
                            -webkit-transition: 0.5s;
                        }

                        .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .room-facilites[aria-expanded="true"] i {
                            transform: rotate(-180deg);
                            -webkit-transform: rotate(-180deg);
                        }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .services {
                        width: 100%;
                        float: left;
                        list-style: none;
                        margin-top: 10px;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .services li {
                            width: 100%;
                            float: left;
                            font-size: 12px;
                            border-top: 1px solid #ddd;
                            padding: 2px 0;
                        }

                            .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .services li:last-child {
                                border-bottom: 1px solid #ddd;
                            }

                .hotel-detail-pg-new .result-panel .result-full .results .result .includes {
                }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul {
                        width: 100%;
                        text-align: center;
                        list-style: none;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li {
                            width: 30.3333%;
                            float: left;
                            text-align: center;
                            padding: 0 2px;
                        }

                            .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li .icon {
                                width: 100%;
                                text-align: center;
                                display: block;
                                font-size: 20px;
                            }

                            .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li .text {
                                text-align: center;
                                font-size: 11px;
                                color: #333;
                                font-weight: 600;
                            }

                            .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li.disable {
                                opacity: 0.4;
                            }

                .hotel-detail-pg-new .result-panel .result-full .results .result .price-night {
                }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .price-n {
                        width: 100%;
                        float: left;
                        text-align: center;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .price-n .price {
                            padding-right: 5px;
                            font-weight: 800;
                        }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .theme-color-tooltip {
                        padding: 3px 8px;
                        border-radius: 50%;
                        margin-top: 5px;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .theme-color-tooltip i {
                            font-size: 15px !important;
                        }

                .hotel-detail-pg-new .result-panel .result-full .results .result .total-price {
                }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .total-price .price {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 22px;
                        color: #16528e;
                        font-weight: 600;
                    }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .total-price .night {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 10px;
                    }

                .hotel-detail-pg-new .result-panel .result-full .results .result .book-panel {
                }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .book-panel .book-btn-outer {
                        width: 80px;
                        margin: 0 auto;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results .result .book-panel .book-btn-outer .book-btn {
                            width: 100%;
                            float: left;
                            border-radius: 5px;
                            background: #16528e;
                            color: #fff;
                            text-align: center;
                            padding: 5px 0;
                            outline: none;
                            border: 0px;
                        }

                .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown {
                    width: 100%;
                    float: left;
                    border-top: 1px solid #ddd;
                    border-left: 0px;
                    border-right: 0px;
                    padding: 5px 10px;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown ul {
                        width: 100%;
                        float: left;
                        list-style: none;
                        margin-top: 10px;
                        padding-bottom: 10px;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown ul li {
                            width: 100%;
                            float: left;
                            font-size: 12px;
                        }

                            .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown ul li i {
                                color: #16528e;
                                padding-right: 5px;
                            }

        .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel {
            width: 100%;
            float: left;
            position: relative;
            text-align: center;
            border-top: 1px solid #ddd;
            margin-top: 20px;
            margin-bottom: 10px;
        }

            .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text {
                background: #ddd;
                color: #16528e;
                padding: 5px 10px;
                border-radius: 5px;
                position: relative;
                top: -10px;
                cursor: pointer;
            }

                .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text span {
                    position: relative;
                    z-index: 1;
                }

                .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text i {
                    position: absolute;
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    top: 60%;
                    left: 50%;
                    margin-left: -15px;
                    background: #ddd;
                    color: #16528e;
                    font-size: 16px;
                    text-align: center;
                }

                    .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text i:before {
                        top: 5px;
                        left: 5px;
                        position: absolute;
                    }

                .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text:hover {
                    background: #16528e;
                    color: #fff;
                }

                    .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text:hover i {
                        background: #16528e;
                        color: #fff;
                    }

        .hotel-detail-pg-new .result-panel .result-full .result-dropdown {
            width: 100%;
            float: left;
        }


        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer {
            width: 100%;
            float: left;
            margin-top: 5px;
            margin-bottom: 5px;
        }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip {
                width: 100%;
                float: left;
            }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip .result .results-flex .box-content .box-heading {
                    display: flex;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip .result .results-flex {
                    border-bottom: 0px;
                }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result {
                width: 100%;
                float: left;
            }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .top-deal {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    text-align: center;
                    background: #c1bebe;
                    color: #fff;
                    padding: 5px 0;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex {
                    width: 100%;
                    display: flex;
                    border: 1px solid #ddd;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 {
                        width: 50%;
                        display: flex;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box1 {
                            width: 40%;
                            display: flex;
                            border-right: 1px solid #ddd;
                        }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box2 {
                            width: 60%;
                            display: flex;
                            border-right: 1px solid #ddd;
                        }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 {
                        width: 50%;
                        display: flex;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box1 {
                            width: 30%;
                            display: flex;
                            border-right: 1px solid #ddd;
                        }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box2 {
                            width: 30%;
                            display: flex;
                            border-right: 1px solid #ddd;
                        }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box3 {
                            width: 40%;
                            display: flex;
                            border-right: 0px solid #ddd;
                        }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .box-content {
                        padding: 0 10px;
                        flex-direction: column;
                    }
                /*.hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .results-flex .box-content{background:rgba(255,131,79,0.2);}*/
                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .results-flex .col-box2,
                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .results-flex .col-box3 {
                    background: rgba(255,131,79,0.2);
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .top-deal {
                    background: #FF834F;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .box-content .box-heading {
                    width: calc(100% + 20px);
                    display: flex;
                    text-align: center;
                    justify-content: center;
                    padding: 5px 0;
                    margin-left: -10px;
                    font-size: 12px;
                    font-weight: 600;
                    color: #666;
                    border-bottom: 1px solid #ddd;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box {
                    width: 100%;
                    display: flex;
                    padding: 10px 0;
                    flex-direction: column;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box {
                    width: 100%;
                    display: flex;
                    padding: 10px 0;
                    flex-direction: column;
                    align-items: center;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .total-price-box {
                    width: 100%;
                    display: flex;
                    padding: 10px 0;
                    flex-direction: column;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .select-room-box {
                    width: 100%;
                    display: flex;
                    padding: 10px 0;
                    flex-direction: column;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .title {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    font-weight: 600;
                    color: #FF834F;
                    margin-top: 10px;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .pax {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    color: #333;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .services {
                    width: 100%;
                    float: left;
                    list-style: none;
                    margin-top: 10px;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .services li {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        border-top: 1px solid #ddd;
                        padding: 2px 0;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .services li:last-child {
                            border-bottom: 1px solid #ddd;
                        }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    color: #FF834F;
                    cursor: pointer;
                    margin: 10px 0;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites i {
                        transition: 0.5s;
                        -webkit-transition: 0.5s;
                    }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites[aria-expanded="true"] i {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                    }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer {
                    width: 552%;
                    float: left;
                    position: relative;
                    margin-left: -10px;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content {
                        width: 100%;
                        display: flex;
                        padding: 0px 10px;
                        border-top: 1px solid #ddd;
                        border-bottom: 1px solid #ddd;
                        background: #f9f9f9;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites {
                            width: 100%;
                            float: left;
                            list-style: none;
                            margin-top: 10px;
                        }

                            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites li {
                                width: 25%;
                                float: left;
                                font-size: 12px;
                                padding-right: 10px;
                            }

                                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites li i {
                                    width: 18px;
                                    color: #FF834F;
                                    padding-right: 5px;
                                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes {
                    width: 100%;
                    text-align: center;
                    list-style: none;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li {
                        width: 30.3333%;
                        float: left;
                        text-align: center;
                        padding: 0 2px;
                    }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li .icon {
                            width: 100%;
                            text-align: center;
                            display: block;
                            font-size: 20px;
                        }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li .text {
                            text-align: center;
                            font-size: 11px;
                            color: #333;
                            font-weight: 600;
                        }

                        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li.disable {
                            opacity: 0.4;
                        }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .showCancellationpolicy {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-weight: 600;
                    padding: 12px 0px;
                    font-size: 11px;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box .price-n {
                    width: 100%;
                    float: left;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    margin-bottom: 0px;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box .price-n .price {
                        padding-right: 5px;
                        font-weight: 800;
                    }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box .theme-color-tooltip {
                    width: 27px;
                    padding: 3px 8px;
                    border-radius: 50%;
                    margin-top: 5px;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box .theme-color-tooltip i {
                        font-size: 15px !important;
                    }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .total-price-box .price {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    font-size: 22px;
                    color: #FF834F;
                    font-weight: 600;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .total-price-box .night {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 10px;
                }

                .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .select-room-box .book-btn-outer {
                    width: 80px;
                    margin: 0 auto;
                }

                    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .select-room-box .book-btn-outer .book-btn {
                        width: 100%;
                        float: left;
                        border-radius: 5px;
                        background: #FF834F;
                        color: #fff;
                        text-align: center;
                        padding: 5px 0;
                        outline: none;
                        border: 0px;
                    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip {
        display: none;
    }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex {
        flex-direction: column;
    }

        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 {
            width: 100%;
        }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box1 {
                width: 50%;
            }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box2 {
                width: 50%;
                border-right: 0px;
            }

        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 {
            width: 100%;
            border-top: 1px solid #ddd;
        }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box1 {
                width: 33.3333%;
            }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box2 {
                width: 33.3333%;
            }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box3 {
                width: 33.3333%;
            }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content {
            border-bottom: 0px;
        }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites li {
                width: 100%;
            }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li {
        width: 100%;
    }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .total-price-box .price {
        font-size: 18px;
    }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .room-detail-box .room-facilites-box-outer .facilites-content {
        background: none;
    }
}

@media only screen and (min-width:320px) and (max-width:399px) {
    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 {
        flex-direction: column;
    }

        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box1 {
            width: 100%;
            border-right: 0px solid #ddd;
        }

        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box2 {
            width: 100%;
            border-top: 1px solid #ddd;
        }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .box-content .box-heading {
        font-size: 10px;
    }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .select-room-box .book-btn-outer {
        width: 70px;
    }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .box-content {
        padding: 0 5px;
    }

        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .box-content .box-heading {
            width: calc(100% + 10px);
            margin-left: -5px;
        }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip {
        display: none;
    }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex {
        flex-direction: column;
    }

        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 {
            width: 100%;
        }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box1 {
                width: 50%;
            }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box2 {
                width: 50%;
                border-right: 0px;
            }

        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 {
            width: 100%;
            border-top: 1px solid #ddd;
        }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box1 {
                width: 33.3333%;
            }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box2 {
                width: 33.3333%;
            }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box3 {
                width: 33.3333%;
            }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

        .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content {
            border-bottom: 0px;
        }

            .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites li {
                width: 100%;
            }

    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .room-detail-box .room-facilites-box-outer .facilites-content {
        background: none;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer {
        width: 565%;
    }
}

@media only screen and (min-width:992px) {
    .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .box-content .box-heading {
        display: none;
    }
}


.hotel-detail-pg-new .result-panel .guaranteed-official {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .hotel-detail-pg-new .result-panel .guaranteed-official .header-strip {
        width: 100%;
        float: left;
        font-size: 16px;
        cursor: pointer;
        font-weight: 600;
        text-align: center;
        background: #e7e7e7;
        border-bottom: 1px solid #b7b7b7;
        color: #37454d;
        padding: 10px 15px;
    }

        .hotel-detail-pg-new .result-panel .guaranteed-official .header-strip[aria-expanded="false"] {
            background: #16528e;
            color: #fff;
        }

    .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel {
        width: 100%;
        float: left;
        padding: 0 20px;
    }

        .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout {
            width: 100%;
            float: left;
            display: flex;
            flex-wrap: wrap;
            text-align: center;
            margin-top: 15px;
        }

            .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li {
                display: inline-block;
                width: 31.333333%;
                font-size: 12px;
            }

                .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li .icon {
                    width: 25px;
                    display: inline-block;
                    font-size: 20px;
                    color: #16528e;
                }

                .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li .title {
                    font-weight: 600;
                    font-size: 14px;
                    color: #333;
                }

            .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li {
                border-left: 1px solid #ddd;
            }

                .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li:first-child {
                    border-left: 0px;
                }

        .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info {
            width: 100%;
            float: left;
        }

            .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 600;
                color: #16528e;
            }

                .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service .icon {
                    font-size: 18px;
                    padding-right: 5px;
                }

            .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service-detail {
                width: 100%;
                float: left;
                list-style: none;
            }

                .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service-detail li {
                    width: 100%;
                    float: left;
                    padding-bottom: 5px;
                }

                    .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service-detail li i {
                        width: 20px;
                        color: #16528e;
                        padding-right: 5px;
                    }

                    .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service-detail li .free {
                        color: #16528e;
                    }

.hotel-detail-pg-new .result-panel .amenities {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .hotel-detail-pg-new .result-panel .amenities .header-strip {
        width: 100%;
        float: left;
        font-size: 16px;
        cursor: pointer;
        font-weight: 600;
        text-align: center;
        background: #e7e7e7;
        border-bottom: 1px solid #b7b7b7;
        color: #37454d;
        padding: 10px 15px;
    }

        .hotel-detail-pg-new .result-panel .amenities .header-strip[aria-expanded="false"] {
            background: #16528e;
            color: #fff;
        }

    .hotel-detail-pg-new .result-panel .amenities .detail-panel {
        width: 100%;
        float: left;
        padding: 0 20px;
    }

        .hotel-detail-pg-new .result-panel .amenities .detail-panel .panel-subtitle {
            width: 100%;
            color: #37454d;
            border-bottom-color: #b7b7b7;
            float: left;
            font-size: 16px;
            font-weight: 700;
            border-bottom: 1px solid #ddd;
            padding-bottom: 15px;
            margin: 20px 0 15px;
        }

        .hotel-detail-pg-new .result-panel .amenities .detail-panel .partition {
            width: 100%;
            float: left;
        }

        .hotel-detail-pg-new .result-panel .amenities .detail-panel ul {
            width: 100%;
            float: left;
            list-style: none;
        }

            .hotel-detail-pg-new .result-panel .amenities .detail-panel ul li {
                width: 100%;
                float: left;
                padding-bottom: 5px;
            }

                .hotel-detail-pg-new .result-panel .amenities .detail-panel ul li i {
                    width: 20px;
                    color: #16528e;
                    padding-right: 5px;
                }

.hotel-detail-pg-new .result-panel .hotel-information {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .hotel-detail-pg-new .result-panel .hotel-information .header-strip {
        width: 100%;
        float: left;
        font-size: 16px;
        cursor: pointer;
        font-weight: 600;
        text-align: center;
        background: #e7e7e7;
        border-bottom: 1px solid #b7b7b7;
        color: #37454d;
        padding: 10px 15px;
    }

        .hotel-detail-pg-new .result-panel .hotel-information .header-strip[aria-expanded="false"] {
            background: #16528e;
            color: #fff;
        }

    .hotel-detail-pg-new .result-panel .hotel-information .detail-panel {
        width: 100%;
        float: left;
        padding: 0 20px;
    }

        .hotel-detail-pg-new .result-panel .hotel-information .detail-panel .panel-subtitle {
            width: 100%;
            float: left;
            font-size: 16px;
            font-weight: 600;
            color: #16528e;
        }

        .hotel-detail-pg-new .result-panel .hotel-information .detail-panel p {
            width: 100%;
            float: left;
            text-align: justify;
        }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSSlideWrapper.usingCss ul li {
        height: auto;
    }

    .hotel-detail-pg-new .result-panel .header .box-panel {
        width: 100%;
        float: left;
    }

        .hotel-detail-pg-new .result-panel .header .box-panel + .box-panel {
            margin-left: 0px;
        }

        .hotel-detail-pg-new .result-panel .header .box-panel .heading {
            display: block;
            font-size: 13px;
            color: #999;
            text-align: left;
        }

    .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li {
        width: 100%;
        float: left;
        text-align: center;
        padding: 0 2px;
    }
    /*.hotel-detail-pg-new .result-panel .result-full .results .result .price-night .price-n span{float:left;}*/

    .hotel-detail-pg-new .result-panel .result-full .result-header {
        display: none;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel1 {
        width: 50%;
        min-height: 190px;
        border-bottom: 1px solid #ddd;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel2 {
        width: 50%;
        min-height: 190px;
        border-right: 0px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel3 {
        width: 33.333333%;
        min-height: 80px;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel4 {
        width: 33.333333%;
        min-height: 80px;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel5 {
        width: 33.333333%;
        min-height: 80px;
    }

    .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout {
        text-align: left;
    }

        .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li {
            width: 100%;
            border-left: 0px;
        }

    .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown ul li {
        width: 100%;
    }

    .hotel-detail-pg-new .result-panel .result-full .results .result .total-price .price {
        font-size: 18px
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel3.box-detail-panel,
    .hotel-detail-pg-new .result-panel .result-full .box-panel4.box-detail-panel,
    .hotel-detail-pg-new .result-panel .result-full .box-panel5.box-detail-panel {
        padding: 15px 5px 0 5px;
    }
}

@media only screen and (min-width: 320px) and (max-width:400px) {
    .hotel-detail-pg-new .result-panel .result-full .box-panel1 {
        width: 100%;
        min-height: 170px;
        border-right: 0px solid #ddd;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel2 {
        width: 100%;
        min-height: 170px;
        border-right: 0px solid #ddd;
    }

    .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .price-n {
        font-size: 11px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable {
        width: 100%;
        float: left;
    }

    .hotel-detail-pg-new .price-map-paenl .price-panel .select-room {
        width: 100%;
        float: left;
    }

    .hotel-detail-pg-new .result-panel .header .box-panel + .box-panel {
        margin-left: 30px;
    }

    .hotel-detail-pg-new .result-panel .result-full .result-header {
        display: none;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel1 {
        width: 50%;
        border-bottom: 1px solid #ddd;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel2 {
        width: 50%;
        border-right: 0px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel3 {
        width: 33.333333%;
        min-height: 70px;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel4 {
        width: 33.333333%;
        min-height: 70px;
    }

    .hotel-detail-pg-new .result-panel .result-full .box-panel5 {
        width: 33.333333%;
        min-height: 70px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hotel-detail-pg-new .result-panel .header .box-panel + .box-panel {
        margin-left: 30px;
    }
}





/* HOTEL BOOKING PAGE */

/*.hotel-booking-pg .hotel-booking-header{width:100%; float:left; position:relative;}
.hotel-booking-pg .hotel-booking-header .ul-loginsignup{width:100%; float:left; list-style:none; margin-top:20px;}
.hotel-booking-pg .hotel-booking-header .ul-loginsignup li{display:inline-block;}
.hotel-booking-pg .hotel-booking-header .ul-loginsignup li .login{float:left; background:#0099ff; color:#fff; padding:5px 25px; border-radius:10px;}
.hotel-booking-pg .hotel-booking-header .ul-loginsignup li .signup{float:left; background:#515151; color:#fff; padding:5px 25px; border-radius:10px;}
.hotel-booking-pg .hotel-booking-header .ul-loginsignup li .text1{padding:5px 15px; float:left; font-size:16px;}
.hotel-booking-pg .backto-result{padding:5px 10px; float:right; margin-top:15px; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;}
.hotel-booking-pg .main-booking-content{width:100%; float:left; border-radius:5px; overflow:hidden; border: 0px solid #11aaf6; background:#c1f1f4; padding:20px 20px 0px 20px; margin-top:0px; margin-bottom:30px;}
.hotel-booking-pg .main-booking-content .booking-field-panel{width:100%; float:left; border-radius:5px; overflow:hidden; margin-bottom:30px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important;box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;}
.hotel-booking-pg .main-booking-content .booking-field-panel:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;}
.hotel-booking-pg .main-booking-content .booking-field-panel .header{width:100%; float:left; background:#f7f7f7; padding:5px 10px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .header .title{float:left; font-size:16px; color:#16528e; font-weight:600; margin-top:3px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .header .title .icon img{width:30px; float:left;}
.hotel-booking-pg .main-booking-content .booking-field-panel .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .header .dropdown-link{float:right; font-size:14px; color:#999; margin-top:4px; cursor:pointer; transition:0.3s; -webkit-transition:0.3s; margin-left:10px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content{width:100%; float:left; background:#f5ffff; padding:10px 10px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form{width:100%; float:left; position:relative; padding-left:90px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-title{width:90px; float:left; color:#16528e; position:absolute; top:8px; left:0px; font-weight:normal;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-control{border: 1px solid #c5c5c5; height:34px; transition:0.5s; -webkit-transition:0.5s;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-control:focus{border:1px solid #1875f0;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form select.form-control{line-height:36px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form textarea.form-control{height:auto;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-group{width:100%; float:left;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .checkbox-inline{width:100%; float:left; color:#16528e;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .redirect-text{width:100%; float:left; margin:20px 0;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .payment-icon {margin-top: 30px; width: 100%; float: left;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full{margin:30px 0; width:100%; float:left;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer{width:200px; float:right; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important;box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; background:#e54b4b; color:#fff; border-radius:5px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2{width:100%; float:left; text-align:center; font-size:18px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;}

.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel{width:100%; float:left;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:10%; float:left;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:30%; float:left; padding-left:10px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box3{width:30%; float:left; padding-left:10px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:30%; float:left; padding-left:10px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .box-panel .form-control{border-radius:5px !important;}

.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel{width:100%; float:left;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .title{float:left; margin-top:18px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box{float:left; padding-left:20px; margin:10px 0 20px 0;
}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control{float:left; width:200px;}
.hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box .input-btn{float:left; line-height:34px; width:60px; text-align:center; background:#16528e; color:#fff; border:0px; outline:none; border-radius:5px;}


.hotel-booking-pg .booking-sidebar{width:100%; float:left;}

.hotel-booking-pg .booking-sidebar .booking-summary{width:100%; float:left; background:#16528e; border-radius:5px; padding:10px; margin-top:0px; margin-bottom:30px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important;box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;}
.hotel-booking-pg .booking-sidebar .booking-summary:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;}
.hotel-booking-pg .booking-sidebar .booking-summary .title{float:left; font-size:16px; color:#fff;}
.hotel-booking-pg .booking-sidebar .booking-summary .edit-btn{float:right; font-size:12px; color:#fff; background:#11aaf6; padding:2px 10px; border-radius:10px;}
.hotel-booking-pg .booking-sidebar .booking-summary .im{width:100%; float:left; margin-top:10px; margin-bottom:10px;}
.hotel-booking-pg .booking-sidebar .booking-summary .im img{width:100%; height:100px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail{width:100%; float:left; list-style:none; border-bottom:1px dashed #c1f1f4; padding-bottom:10px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail li{width:100%; float:left; color:#fff; font-size:12px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail li .title{float:left; color:#c1f1f4; font-size:12px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2{width:100%; float:left; list-style:none; border-bottom:1px dashed #c1f1f4; padding-bottom:10px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2 li{width:100%; float:left; color:#fff; font-size:12px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2 li .title{float:left; color:#c1f1f4; font-size:12px; width:100%;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2 li .text1{float:left; font-size:12px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2 li .text2{float:right; font-size:12px; font-weight:600;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3{width:100%; float:left; list-style:none; border-bottom:1px dashed #c1f1f4; padding-bottom:10px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li{width:100%; float:left; color:#fff; font-size:12px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li .title{float:left; color:#c1f1f4; font-size:12px; width:100%;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li .text1{float:left; font-size:12px;}
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li .text2{float:right; font-size:12px; }
.hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li .date{float:left; color:#c1f1f4; font-size:12px; background:#063e75; padding:3px; border-radius:5px;}
.hotel-booking-pg .booking-sidebar .booking-summary .price-panel{width:100%; float:left; color:#fff; margin-top:15px;}
.hotel-booking-pg .booking-sidebar .booking-summary .price-panel .text1{float:left; font-size:14px;}
.hotel-booking-pg .booking-sidebar .booking-summary .price-panel .text2{float:right; font-size:16px; font-weight:600;}



.hotel-booking-pg .booking-sidebar .pay-btn-outer{width:100%; float:left; background:#e54b4b; border-radius:5px; margin-bottom:30px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important;box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;}
.hotel-booking-pg .booking-sidebar .pay-btn-outer:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;}
.hotel-booking-pg .booking-sidebar .pay-btn-outer .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px;  color:#fff; }
.hotel-booking-pg .booking-sidebar .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;}
.hotel-booking-pg .booking-sidebar .pay-btn-outer .pay-btn .text2{width:100%; float:left; text-align:center; font-size:18px;}
.hotel-booking-pg .booking-sidebar .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;}*/


.hotel-booking-pg {
    width: 100%;
    float: left;
}

    .hotel-booking-pg .backto-result {
        width: 135px;
        padding: 5px 10px;
        float: right;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #11aaf6;
        background: #fff;
        text-align: center;
        border: 1px solid #11aaf6;
        border-radius: 10px;
    }

    .hotel-booking-pg .accommodation-booking-header-full2 {
        width: 100%;
        float: left;
        padding: 10px 20px;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .hotel-booking-pg .accommodation-booking-summary-panel2 {
        width: 100%;
        float: left;
        padding: 0px 0px 0 0px;
        margin-bottom: 30px;
    }

    .hotel-booking-pg .hotel-booking-header2 {
        width: calc(100% - 135px);
        float: left;
        position: relative;
    }

        .hotel-booking-pg .hotel-booking-header2 .heading {
            width: 100%;
            float: left;
            font-size: 30px;
            color: #15bdcc;
        }

        .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 20px;
        }

            .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup li {
                display: inline-block;
            }

                .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup li .login {
                    float: left;
                    background: #0099ff;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup li .signup {
                    float: left;
                    background: #515151;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup li .text1 {
                    padding: 5px 15px;
                    float: left;
                    font-size: 16px;
                }

    .hotel-booking-pg .main-booking-content2 {
        width: 100%;
        float: left;
        border-radius: 5px;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
        margin-bottom: 30px;
    }

        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 {
            width: 100%;
            float: left;
            padding: 0 0px;
            background: #fff;
            margin-bottom: 30px;
            border-radius: 5px;
            overflow: hidden;
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        }

            .hotel-booking-pg .main-booking-content2 .booking-field-panel2:hover {
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            }

            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header {
                width: 100%;
                float: left;
                padding: 5px 10px;
                border-bottom: 1px dashed #91b6da;
            }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title {
                    float: left;
                    font-size: 16px;
                    color: #15bdcc;
                    font-weight: 600;
                    margin-top: 3px;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title .icon {
                        width: auto;
                        float: left;
                        margin-top: 0px;
                        margin-right: 10px;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title .icon img {
                            width: 30px;
                            float: left;
                        }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .rext-text {
                    float: right;
                    font-size: 12px;
                    color: #ff9a9a;
                    margin-top: 6px;
                }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .dropdown-link {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 4px;
                    cursor: pointer;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                    margin-left: 10px;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .dropdown-link[aria-expanded="false"] {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        color: #000;
                    }

            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header {
                width: 100%;
                float: left;
                background: #e2e2e2;
                padding: 10px 10px;
                border-bottom: 1px dashed #91b6da;
            }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title {
                    float: left;
                    font-size: 16px;
                    color: #16528e;
                    font-weight: 600;
                    margin-top: 3px;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title .icon {
                        width: auto;
                        float: left;
                        margin-top: 0px;
                        margin-right: 10px;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title .icon img {
                            width: 30px;
                            float: left;
                        }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .rext-text {
                    float: right;
                    font-size: 12px;
                    color: #16528e;
                    margin-top: 6px;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .rext-text.fare-rules {
                        font-weight: bold;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .rext-text.fare-rules i {
                            font-weight: bold;
                        }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .dropdown-link {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 4px;
                    cursor: pointer;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                    margin-left: 10px;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .dropdown-link[aria-expanded="false"] {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        color: #000;
                    }




            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content {
                width: 100%;
                float: left;
                background: #fff;
                padding: 10px 10px;
            }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form {
                    width: 100%;
                    float: left;
                    position: relative;
                    padding-left: 100px;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .form-title {
                        width: 100px;
                        float: left;
                        color: #16528e;
                        position: absolute;
                        top: 8px;
                        left: 0px;
                        font-weight: normal;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .form-control {
                        border: 1px solid #c5c5c5;
                        height: 34px;
                        transition: 0.5s;
                        -webkit-transition: 0.5s;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .form-control:focus {
                            border: 1px solid #1875f0;
                        }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form select.form-control {
                        line-height: 36px;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .input-group-addon {
                        padding: 0px;
                        margin-left: 10px !important;
                        padding-left: 5px;
                        background: #fff;
                        border: 0px;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .input-group-addon .btn {
                            padding: 5px 12px;
                        }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form textarea.form-control {
                        height: auto;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .form-group {
                        width: 100%;
                        float: left;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form.dob-row {
                        padding-bottom: 15px;
                        margin-bottom: 30px;
                        border-bottom: 1px solid #eee;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form.dob-row:last-child {
                            border-bottom: 0px;
                        }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel {
                    width: 100%;
                    float: left;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel .member-list-inner {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                        font-size: 14px;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel .member-list-inner .mlp-title {
                            font-weight: 600;
                            display: flex;
                            margin-right: 15px;
                        }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel .member-list-inner .radio-box {
                            display: flex;
                            margin-right: 15px;
                        }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel .member-list-inner .radio-box:last-child {
                                margin-right: 0px;
                            }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .checkbox-inline {
                    width: 100%;
                    float: left;
                    color: #16528e;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .checkbox-inline .link {
                        text-decoration: underline;
                        font-weight: 600;
                    }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .redirect-text {
                    width: 100%;
                    float: left;
                    margin: 20px 0;
                }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .payment-icon {
                    margin-top: 30px;
                    width: 100%;
                    float: left;
                }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .term-condition-full {
                    margin: 30px 0;
                    width: 100%;
                    float: left;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer {
                        width: 200px;
                        float: right;
                        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                        box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                        -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn {
                            width: 100%;
                            float: left;
                            text-align: center;
                            padding: 5px 0;
                            margin-top: 10px;
                            background: #e54b4b;
                            color: #fff;
                            border-radius: 5px;
                        }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1 {
                                width: 100%;
                                float: left;
                                text-align: center;
                                font-size: 12px;
                            }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2 {
                                width: 100%;
                                float: left;
                                text-align: center;
                                font-size: 18px;
                            }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3 {
                                width: 100%;
                                float: left;
                                text-align: center;
                                font-size: 16px;
                            }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content h5.room-use-heading {
                    width: 100%;
                    float: left;
                    font-weight: bold;
                    padding: 5px 0px;
                    margin-bottom: 20px;
                    border-bottom: 2px solid #16528e;
                }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel {
                    width: 100%;
                    float: left;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {
                        width: 10%;
                        float: left;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2 {
                        width: 25%;
                        float: left;
                        padding-left: 10px;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box3 {
                        width: 30%;
                        float: left;
                        padding-left: 10px;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4 {
                        width: 30%;
                        float: left;
                        padding-left: 10px;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box5 {
                        width: 32%;
                        float: left;
                        padding-left: 0px;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1.dob {
                        width: 15%;
                        float: left;
                        padding-right: 10px;
                    }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .box-panel .form-control {
                    border-radius: 5px !important;
                }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .box-panel .select2-container--default .select2-selection--single {
                    border-radius: 5px !important;
                    border: 1px solid #c5c5c5 !important;
                }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.offer-panel .box-panel {
                    width: 100%;
                    float: left;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.offer-panel .box-panel .title {
                        float: left;
                        margin-top: 18px;
                    }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box {
                        float: left;
                        padding-left: 20px;
                        margin: 10px 0 20px 0;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box .form-control {
                            float: left;
                            width: 200px;
                        }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box .input-btn {
                            float: left;
                            line-height: 34px;
                            width: 60px;
                            text-align: center;
                            background: #16528e;
                            color: #fff;
                            border: 0px;
                            outline: none;
                            border-radius: 5px;
                        }

                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel {
                    width: 100%;
                    float: left;
                }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .im {
                        width: 30%;
                        float: left;
                        margin-bottom: 10px;
                        position: relative;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .im img {
                            width: 100%;
                            height: 200px;
                            border-radius: 5px;
                        }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .im .title {
                            position: absolute;
                            left: 0px;
                            bottom: 5px;
                            width: 100%;
                            padding: 0 10px;
                            float: left;
                            font-size: 12px;
                            text-align: center;
                            color: #fff;
                        }

                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail {
                        width: 70%;
                        float: left;
                        padding-left: 20px;
                    }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .title {
                            width: 100%;
                            float: left;
                            font-weight: 600;
                        }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .hotel-address {
                            width: 100%;
                            float: left;
                            font-size: 12px;
                            color: #999;
                            margin-top: 7px;
                        }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .starrating {
                            width: 80px;
                            float: left;
                        }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .starrating img {
                                width: 100%;
                                height: auto;
                            }

                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel {
                            width: 100%;
                            min-height: 82px;
                            float: left;
                            position: relative;
                            padding-left: 210px;
                            margin-top: 20px;
                        }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel {
                                position: absolute;
                                top: 0px;
                                left: 0px;
                                width: 200px;
                                float: left;
                                font-size: 12px;
                                color: #999;
                            }

                                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .box1 {
                                    width: 50%;
                                    float: left;
                                    padding-right: 5px;
                                }

                                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .box2 {
                                    width: 50%;
                                    float: left;
                                    padding-left: 5px;
                                }

                                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out {
                                    width: 100%;
                                    float: left;
                                    border: 1px solid #f1f1f1;
                                    background: #f1f1f1;
                                    border-radius: 5px;
                                    box-shadow: 0px 2px 5px #ccc;
                                }

                                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box {
                                        width: 100%;
                                        float: left;
                                    }

                                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box .text {
                                            width: 100%;
                                            float: left;
                                            text-align: center;
                                            padding-top: 5px;
                                            font-weight: 600;
                                            color: #999;
                                        }

                                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box .date {
                                            width: 100%;
                                            float: left;
                                            font-size: 20px;
                                            padding: 7px 0;
                                            font-weight: bold;
                                            text-align: center;
                                            color: #333;
                                        }

                                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .date-time {
                                        width: 100%;
                                        float: left;
                                        font-size: 11px;
                                        text-align: center;
                                        background: #fff;
                                    }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail {
                                width: 100%;
                                float: left;
                            }

                                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .days-night {
                                    width: 100%;
                                    float: left;
                                    font-weight: bold;
                                    color: #333;
                                    border-bottom: 1px solid #f1f1f1;
                                    margin-bottom: 5px;
                                    padding-bottom: 5px;
                                }

                                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .room-info {
                                    width: 100%;
                                    float: left;
                                    color: #999;
                                    border-bottom: 1px solid #f1f1f1;
                                    margin-bottom: 5px;
                                    padding-bottom: 5px;
                                }

                                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .room-info .room {
                                        width: auto;
                                        float: left;
                                        display: inline-block;
                                        margin-right: 10px;
                                    }

                                    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .room-info .pax {
                                        display: inline-block;
                                    }


                        .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel {
                            width: 100%;
                            float: left;
                            margin-top: 10px;
                        }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only {
                                width: 100%;
                                float: left;
                                font-size: 14px;
                                color: #339900;
                                text-transform: uppercase;
                                margin-top: 10px;
                                margin-bottom: 0px;
                            }

                                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only .text1 {
                                    color: #16528e;
                                }

                                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only .text2 {
                                    color: #0099ff;
                                }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .ulRoomType {
                                width: 100%;
                                float: left;
                                list-style: none;
                            }

                                .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .ulRoomType li {
                                    width: 100%;
                                    float: left;
                                    text-align: justify;
                                    border-bottom: 1px solid #eee;
                                    padding-bottom: 10px;
                                    margin-bottom: 10px;
                                }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .non-refundable {
                                width: 100%;
                                float: left;
                                font-size: 14px;
                                color: #ff7272;
                                margin-top: 0px;
                                font-weight: 600;
                            }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .refundable1 {
                                width: 100%;
                                float: left;
                                font-size: 14px;
                                color: #1fc123;
                                margin-top: 0px;
                                font-weight: 600;
                            }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .refundable2 {
                                width: 100%;
                                float: left;
                                font-size: 14px;
                                color: #1fc123;
                                margin-top: 0px;
                                font-weight: 600;
                            }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .guest {
                                width: 100%;
                                float: left;
                                font-size: 14px;
                                color: #0099ff;
                                text-transform: uppercase;
                                margin-top: 0px;
                                font-weight: 600;
                                margin: 10px 0;
                            }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .services {
                                width: 100%;
                                float: left;
                                font-size: 14px;
                                color: #16528e;
                                margin-top: 0px;
                                font-weight: normal;
                            }

                            .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .policy {
                                width: 100%;
                                float: left;
                                font-size: 14px;
                                color: #16528e;
                                margin-top: 0px;
                                font-weight: normal;
                            }

@media only screen and (min-width: 320px) and (max-width:767px) {
    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {
        width: 15%;
    }

    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2 {
        width: 35%;
    }

    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4 {
        width: 35%;
    }

    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box5 {
        width: 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {
        width: 15%;
    }

    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2 {
        width: 35%;
    }

    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4 {
        width: 35%;
    }

    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box5 {
        width: 60%;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {
        width: 15%;
    }

    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2 {
        width: 35%;
    }

    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4 {
        width: 35%;
    }

    .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box5 {
        width: 50%;
    }
}


/*--popup--*/
.term-conditon-popup-main .modal-content {
    width: 100%;
    float: left;
    max-height: 800px;
    overflow: auto;
    font-family: 'Montserrat', sans-serif !important;
}

.term-conditon-popup-main .modal-body {
    width: 100%;
    float: left;
    padding: 0px;
}

.term-conditon-popup-main .modal-header {
    display: none;
}

.term-conditon-popup-main .close {
    outline: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    right: 30px;
    background: #999;
    color: #fff;
    opacity: 1;
    z-index: 1;
}

    .term-conditon-popup-main .close:hover {
        background: #666;
    }

.term-conditon-popup-main .term-conditon-popup {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
}

    .term-conditon-popup-main .term-conditon-popup .header-panel {
        width: 100%;
        float: left;
        padding: 15px 0;
    }

        .term-conditon-popup-main .term-conditon-popup .header-panel h5 {
            width: 100%;
            float: left;
            font-size: 22px;
            border-bottom: 1px solid #ccc;
            font-weight: 400;
            color: #16528e;
            line-height: 1.5em;
            margin-top: 0px;
        }

            .term-conditon-popup-main .term-conditon-popup .header-panel h5 span {
                width: auto;
                float: left;
                border-bottom: 2px solid #15bdcc;
            }

    .term-conditon-popup-main .term-conditon-popup .content-panel {
        width: 100%;
        float: left;
    }

        .term-conditon-popup-main .term-conditon-popup .content-panel p {
            width: 100%;
            float: left;
            color: #181818;
            margin-bottom: 5px;
            text-align: justify;
        }

        .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel {
            width: 100%;
            float: left;
            font-size: 13px;
            margin-bottom: 20px;
        }

            .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel h6 {
                width: 100%;
                float: left;
                font-size: 16px;
                background: #16528e;
                color: #fff;
                margin: 0px;
                padding: 10px 15px;
            }

            .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail {
                width: 100%;
                float: left;
                list-style: none;
                padding: 10px 15px;
                margin-bottom: 0px;
            }

                .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail li {
                    width: 100%;
                    float: left;
                    color: #181818;
                    margin-bottom: 5px;
                }

            .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job {
                width: 100%;
                float: left;
                list-style: none;
                padding: 10px 15px;
                margin-bottom: 0px;
            }

                .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li {
                    width: 100%;
                    float: left;
                    color: #181818;
                    margin-bottom: 5px;
                }

                    .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .title {
                        font-weight: 800;
                        padding-right: 10px;
                    }

                    .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .detail {
                        font-weight: normal;
                    }

/*.hotel-booking-pg .booking-sidebar2{width:100%; float:left;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2{width:100%; float:left; border-radius:5px; padding:0px; margin-top:0px; margin-bottom:30px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important;box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .header{width:100%; float:left; background:#16528e; padding:10px 10px; position:relative; padding-left:90px;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .image-panel{width:70px; float:left; position:absolute; top:10px; left:10px;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .image-panel img{width:100%; height:60px; border-radius:5px;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel{width:100%; float:left;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel .titel{width:100%; float:left; font-size:15px; color:#fff;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel .city{width:100%; float:left; font-size:13px; color:#fff;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel .star-rating {width: 100px; float: left; margin-left:0px; margin-top:0px;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel .star-rating img {width: 100%; height: auto;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel{width:100%; float:left; background:#fff; padding:15px 15px;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .title{width:100%; float:left; font-size:13px; color:#15bdcc;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room{width:100%; float:left; font-size:13px; color:#16528e; font-weight:600;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-type{width:100%; float:left; font-size:13px; font-weight:600; color:#16528e;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .guest{width:100%; float:left; font-size:13px; color:#15bdcc;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .cancellation-policy{width:100%; float:left; font-size:12px; color:#ff9999;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-services{width:100%; float:left; font-size:13px; font-weight:600; color:#16528e;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-price-text{width:100%; float:left; font-size:13px; color:#15bdcc;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-night-text{width:100%; float:left; font-size:12px; font-weight:600; color:#16528e;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-price{width:100%; float:left; font-size:12px; color:#ec3632; font-weight:800;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .total-price-text{width:100%; float:left; font-size:14px; font-weight:600; color:#15bdcc; margin-top:5px;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .total-price{width:100%; float:left; text-align:left; font-size:20px; font-weight:bold; color:#0f3661;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .total-price span{color:#15bdcc;}

.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .content-line{width:100%; height:1px; border-bottom:1px dashed #91b6da; float:left; margin:10px 0 10px 0; padding:0px 0px;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter{width:100%; float:left; margin:10px 0 10px 0;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio{float:left; margin:0px 10px 0 0;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio label{width:auto; float:left; color:#fff; font-size:16px;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked, 
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked + label, 
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:not(:checked) + label{ position: relative; padding-left: 22px; cursor: pointer; line-height: 20px; font-size:12px; font-weight:800; display: inline-block; color:#16528e;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked + label:before, 
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked + label:after, 
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #15bdcc; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-btn{width:100%; float:left; padding:5px 0; margin-top:10px; text-align:center; font-size:20px; border:1px solid #13becd; border-radius:5px; color:#fff; outline:0px; background:linear-gradient( #41d8e5 50%, #15bdcc 50%); background:-webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);}
.hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-btn:hover{background:linear-gradient( #15bdcc 50%, #41d8e5 50%); background:-webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);}*/

/*--popup hotel pre booking--*/
.hotel-booking-pg .hotelprebooking-popup .modal-content {
    width: 100%;
    float: left;
}

.hotel-booking-pg .hotelprebooking-popup .modal-body {
    width: 100%;
    float: left;
}

.hotel-booking-pg .hotelprebooking-popup .modal-header .heading-text {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.hotel-booking-pg .hotelprebooking-popup .price-info-text {
    width: 100%;
    float: left;
}

.hotel-booking-pg .hotelprebooking-popup .cancellation-info-text {
    width: 100%;
    float: left;
}

.hotel-booking-pg .hotelprebooking-popup .button-panel {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0;
}

    .hotel-booking-pg .hotelprebooking-popup .button-panel .button-c {
        background: #15bdcc;
        padding: 10px 20px;
        border-radius: 5px;
        color: #fff;
        margin-right: 10px;
    }

        .hotel-booking-pg .hotelprebooking-popup .button-panel .button-c.button-cancel {
            background: #16528e;
        }

.hotel-booking-pg .important-flight-information {
    width: 100%;
    float: left;
    border: 1px solid #dfdfdf;
    padding: 10px;
}

    .hotel-booking-pg .important-flight-information h3 {
        width: 100%;
        float: left;
        font-size: 16px;
        line-height: initial;
        font-weight: 600;
        border-bottom: 2px solid #333;
        padding-bottom: 5px;
    }



/* ATTARACTION PAGE */
.attraction-banner {
    width: 100%;
    float: left;
    background-image: url(../images/attraction-result/bgpic.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .attraction-banner h2 {
        color: #fff;
        font-size: 60px;
        text-align: center;
        padding-top: 20px;
        font-weight: 400;
    }

    .attraction-banner p {
        color: #fff;
        font-size: 15px;
        text-align: center;
        padding-bottom: 30px;
        font-weight: 300;
        font-size: 18px;
        max-width: 100%
    }

.attraction-result .sidebar {
    width: 100%;
    background-color: #16528e;
    float: left;
    height: auto;
    border-radius: 4px;
    border: 0px solid #11aaf6;
    margin-top: 12px;
}

    .attraction-result .sidebar h4 {
        text-align: center;
        padding-top: 1px;
        color: #fff;
        font-weight: 300;
        font-size: 20px;
    }
    /*.attraction-result .sidebar ul{padding: 19px; border-top:1px solid #1070a0;}
.attraction-result .sidebar ul li{list-style: none; text-align: center;}
.attraction-result .sidebar ul li a{text-decoration: none; color: #fff; font-size: 19px; font-weight: 300; display: block; padding: 6px 0; }
.attraction-result .sidebar ul li a:hover,
.attraction-result .sidebar ul li.active,.sidebar ul li a:focus {color: #ccff99; background-color: #1070a0;}
.attraction-result .sidebar ul li.active a{font-size: 19px; color: #ccff99; font-weight: 500;}*/

    .attraction-result .sidebar .form {
        width: 100%;
        padding: 20px;
        float: left;
    }

        .attraction-result .sidebar .form .form-group {
            width: 100%;
            float: left;
        }

            .attraction-result .sidebar .form .form-group label {
                width: 100%;
                float: left;
                font-weight: normal;
                color: #fff;
            }

                .attraction-result .sidebar .form .form-group label select.form-control {
                    width: 100%;
                    float: left;
                    color: #333;
                }

                .attraction-result .sidebar .form .form-group label.position-relative .form-control {
                    padding-left: 30px;
                }

        .attraction-result .sidebar .form ::placeholder {
            color: #16528e;
            padding-left: 30px;
            font-size: 14px;
        }

        .attraction-result .sidebar .form .position-relative {
            width: 100%;
            float: left;
            position: relative;
            margin-bottom: 0px;
        }

            .attraction-result .sidebar .form .position-relative .icon {
                position: absolute;
                top: 3px;
                left: 10px;
                font-size: 20px;
                color: #16528e;
            }

    .attraction-result .sidebar select {
        color: #16528e;
    }

    .attraction-result .sidebar .search-btn-outer {
        width: 100%;
        margin: 0 auto;
    }

        .attraction-result .sidebar .search-btn-outer .search-btn {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 14px;
            background: #15bdcc;
            color: #fff;
            font-weight: 600;
            padding: 8px 0;
            border: 0px;
            outline: none;
            border-radius: 5px;
        }

@media only screen and (min-width: 320px) and (max-width: 1199px) {
    .attraction-result .sidebar .form {
        padding: 10px;
    }
}

.attraction-result .AttractionNameSearch-full {
    width: 100%;
    float: left;
}

    .attraction-result .AttractionNameSearch-full .form-group {
        width: 100%;
        float: left;
        padding: 0 15px;
    }

.attraction-result .filter-panel {
    width: 100%;
    float: left;
    border: 0px solid #11aaf6;
    margin-bottom: 30px;
}

.attraction-result .filter > h4 {
    color: #333;
}

.attraction-result .filter .panel-default > .panel-heading a {
    color: #1d75a3;
}

.attraction-result .filter-panel .filter .panel-default > .panel-heading a {
    font-size: 16px;
}


/*--Attraction header--*/
.attraction-result .header-new {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .attraction-result .header-new .header-new-inner .att-header-title {
        width: calc(100% - 220px);
        float: left;
        color: #336699;
        font-size: 22px;
        font-weight: 700;
    }

    .attraction-result .header-new .header-new-inner .att-header-sortyby {
        width: 220px;
        float: right;
    }

        .attraction-result .header-new .header-new-inner .att-header-sortyby label {
            margin-top: 7px;
            float: right;
            color: #999;
        }

        .attraction-result .header-new .header-new-inner .att-header-sortyby .form-control {
            width: 140px;
            float: right;
            margin-left: 10px;
            padding: 6px 5px;
            border: 1px solid #11aaf6;
        }

/*--Attraction header--*/

.attraction-result .attraction-result-panel {
    width: 100%;
    float: left;
}

    .attraction-result .attraction-result-panel .attrac-result {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        background: #fff;
        border: 0px solid #11aaf6;
    }

        .attraction-result .attraction-result-panel .attrac-result .att-result-heading {
            width: 100%;
            background: #16528e;
            position: relative;
            float: left;
            border: 1px solid transparent;
            padding: 2px 15px;
        }

            .attraction-result .attraction-result-panel .attrac-result .att-result-heading .text1 {
                width: calc(100% - 130px);
                float: left;
                color: #fff;
                padding: 5px 0;
                margin-bottom: 0px;
                font-size: 18px;
                font-weight: 600;
            }

            .attraction-result .attraction-result-panel .attrac-result .att-result-heading .starrating {
                width: 120px;
                padding: 5px 5px;
                float: right;
                background: #333;
                border-radius: 10px;
            }

                .attraction-result .attraction-result-panel .attrac-result .att-result-heading .starrating img {
                    width: 90%;
                    height: auto;
                }

            .attraction-result .attraction-result-panel .attrac-result .att-result-heading.display-flex {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

        .attraction-result .attraction-result-panel .attrac-result .detail-panel {
            width: 100%;
            float: left;
            padding: 10px;
        }

            .attraction-result .attraction-result-panel .attrac-result .detail-panel .im {
                width: 30%;
                float: left;
                position: relative;
            }

                .attraction-result .attraction-result-panel .attrac-result .detail-panel .im img {
                    width: 100%;
                    height: 190px;
                }

                .attraction-result .attraction-result-panel .attrac-result .detail-panel .im .icon1 {
                    position: absolute;
                    font-size: 22px;
                    content: "";
                    right: 20px;
                    top: 20px;
                    color: #ff5454;
                }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .im .icon1 a {
                        color: #ff5454;
                    }

                .attraction-result .attraction-result-panel .attrac-result .detail-panel .im .view-detail {
                    width: 100%;
                    float: left;
                    text-align: center;
                    color: #ccc;
                }

            .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content {
                width: 70%;
                float: left;
                padding-left: 20px;
            }

                .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel {
                    width: 60%;
                    float: left;
                }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .service-type {
                        width: 100%;
                        float: left;
                        margin-bottom: 10px;
                        color: #999;
                    }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .service-type .text1 {
                            width: 135px;
                            float: left;
                        }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .service-type .text2 {
                            float: left;
                            color: #333;
                            font-weight: 600;
                        }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .service-type .discoutn {
                            float: left;
                            font-size: 16px;
                            color: #16528e;
                            font-weight: 600;
                            margin-right: -50px;
                        }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount {
                        width: 100%;
                        float: left;
                    }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .map {
                            float: left;
                            color: #999;
                            cursor: pointer;
                        }

                            .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .map i {
                                color: #ff5454;
                                padding-right: 5px;
                            }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .discoutn {
                            float: right;
                            font-size: 16px;
                            color: #1d75a3;
                            font-weight: 600;
                            margin-right: -50px;
                        }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .showhide {
                        width: 100%;
                        float: left;
                        height: 140px;
                        overflow: hidden;
                    }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .showhide.show {
                            width: 100%;
                            float: left;
                            height: auto;
                            overflow: auto;
                        }
                /*.attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .cancellation { width:100%; float:left; color: #339900; font-size: 16px; font-weight: 300; margin-top: 16px;}*/

                .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel {
                    width: 40%;
                    float: left;
                }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .reviews {
                        color: #2b920b;
                        float: right;
                        font-size: 18px;
                        font-weight: 600;
                    }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .reviews span {
                            color: #999;
                            font-weight: normal;
                            font-size: 14px;
                        }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .price-btn {
                        width: 100%;
                        float: right; /*height:85px;*/
                    }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice-outer {
                        width: 100%;
                        float: left;
                        position: relative;
                    }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice {
                        position: absolute;
                        right: -25px;
                        top: 0px;
                    }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice p {
                            background-color: #d3d3d3;
                            position: relative;
                            color: #666666;
                            display: inline-block;
                            padding: 0px 16px;
                            text-align: center;
                            width: 160px;
                            font-size: 14px;
                            height: 45px;
                            font-weight: normal;
                            margin: 0px;
                        }

                            .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice p:after {
                                position: absolute;
                                content: "";
                                border-top: 13px solid #bfbdbd;
                                border-right: 13px solid transparent;
                                top: 100%;
                                right: 0px;
                            }

                            .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice p span {
                                font-size: 27px;
                                color: #fff;
                                line-height: 0.80em;
                                font-weight: 600;
                            }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ppperson {
                        width: 100%;
                        text-align: right;
                        color: #999;
                        float: right;
                        font-size: 14px;
                    }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .booknow {
                        float: right;
                        right: 14px;
                        margin-top: 10px;
                    }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .booknow a {
                            background-color: #15bdcc;
                            color: #fff;
                            padding: 8px;
                            padding-top: 8px;
                            padding-bottom: 8px;
                            padding-left: 13px;
                            padding-right: 13px;
                            border-radius: 4px;
                            text-transform: uppercase;
                            text-decoration: none;
                            max-width: 111px;
                            font-size: 14px;
                            font-weight: 700;
                            text-align: center;
                        }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice-outer {
                        width: 100%;
                        float: left;
                        position: relative; /*top:35px;*/
                        margin-top: 35px;
                        margin-bottom: 5px;
                    }

                    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice {
                        position: relative;
                        float: right;
                        right: -25px;
                        top: 0px;
                    }

                        .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice p {
                            background-color: #16528e;
                            position: relative;
                            color: #fff;
                            display: inline-block;
                            padding: 0px 16px;
                            text-align: center;
                            min-width: 160px;
                            font-size: 14px;
                            min-height: 45px;
                            font-weight: normal;
                            margin: 0px;
                        }

                            .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice p:after {
                                position: absolute;
                                content: "";
                                border-top: 13px solid #09223a;
                                border-right: 13px solid transparent;
                                top: 100%;
                                right: 0px;
                            }

                            .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice p span {
                                font-size: 22px;
                                color: #f7941d;
                                line-height: 0.80em;
                                font-weight: 600;
                            }

@media only screen and (min-width:768px) and (max-width:991px) {
    .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice p {
        min-width: 40px;
    }
}

/*.attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip{width:100%; float:left;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip{width:100%; float:left; padding-right:150px; text-align:center; margin-bottom:0px; list-style:none;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip li{float:left; color:#999; width:30%;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip li a{color:#999; text-decoration:underline;}
.attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip li:nth-child(2) a{ color:#339900;}*/



/* ATTARACTION DETAIL PAGE */
.attraction-detail-pg {
    width: 100%;
    float: left;
    margin: 0px 0 40px 0;
}

    .attraction-detail-pg .att-det-header {
        width: 100%;
        float: left;
        position: relative;
    }

        .attraction-detail-pg .att-det-header h3 {
            width: 100%;
            float: left;
            font-size: 26px;
            color: #333;
        }

        .attraction-detail-pg .att-det-header .ul-review-star {
            width: 100%;
            float: left;
            list-style: none;
        }

            .attraction-detail-pg .att-det-header .ul-review-star li {
                display: inline-block;
            }

                .attraction-detail-pg .att-det-header .ul-review-star li .star {
                    width: 120px;
                    float: left;
                }

                    .attraction-detail-pg .att-det-header .ul-review-star li .star img {
                        width: 100%;
                        height: auto;
                    }

                .attraction-detail-pg .att-det-header .ul-review-star li .exe {
                    color: #2b920b;
                    font-weight: 600;
                }

                .attraction-detail-pg .att-det-header .ul-review-star li .review {
                    color: #999;
                }

                .attraction-detail-pg .att-det-header .ul-review-star li .change-attraction {
                    font-size: 14px;
                    color: #fff;
                    background: #15bdcc;
                    border-radius: 10px;
                    padding: 5px 15px;
                }

        .attraction-detail-pg .att-det-header .ul-price {
            width: 100%;
            float: left;
            list-style: none;
        }

            .attraction-detail-pg .att-det-header .ul-price li {
                display: inline-block;
                font-weight: 600;
            }

                .attraction-detail-pg .att-det-header .ul-price li span {
                    font-size: 20px;
                    color: #16528e;
                }

    .attraction-detail-pg .nav-second {
        position: sticky;
        margin: 20px 0 0 0;
        position: -webkit-sticky;
        background: #fff;
        left: 0;
        top: 0px;
        z-index: 9999;
        box-shadow: 0 4px 8px 5px rgba(138, 107, 118, 0.08);
        border-bottom: solid 0.7px #bababa;
    }

        .attraction-detail-pg .nav-second .navSticky.navSticky ul {
            margin: 0 auto;
        }

        .attraction-detail-pg .nav-second .navSticky.navSticky li {
            display: inline-block;
            vertical-align: top;
        }

            .attraction-detail-pg .nav-second .navSticky.navSticky li a {
                display: flex;
                width: 160px;
                justify-content: center;
                font-weight: 800;
                padding: 16px 0 14px 0;
                text-transform: uppercase;
                color: #4a4a4a;
            }

                .attraction-detail-pg .nav-second .navSticky.navSticky li a.active {
                    color: #0084ff !important;
                    border-bottom: solid 2px #0084ff;
                }

    .attraction-detail-pg .HotelStandardRoom {
        background-color: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
        float: left;
        width: 100%;
    }

        .attraction-detail-pg .HotelStandardRoom .flexOne {
            background: #ececec;
            padding: 10px;
            float: left;
            width: 100%;
        }

            .attraction-detail-pg .HotelStandardRoom .flexOne h2 {
                font-size: 20px;
                font-weight: 600;
                margin: 0
            }

        .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel {
            padding: 10px;
            float: left;
            width: 100%;
        }

            .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel .room-only {
                font-weight: 700;
            }

            .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel > span {
                display: block;
            }

            .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel .room-only {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #339900;
                text-transform: uppercase;
                margin-bottom: 0px;
            }

                .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel .room-only .text1 {
                    color: #16528e;
                    display: block;
                }

                .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel .room-only .text3 {
                    color: #808993;
                    font-weight: 400;
                    display: block;
                }


    .attraction-detail-pg .new-detail-price-panel .price {
        text-align: left;
        display: block;
        font-size: 24px;
        font-weight: bold;
        color: #16528e;
    }

        .attraction-detail-pg .new-detail-price-panel .price span {
            color: #15bdcc;
        }

    .attraction-detail-pg .new-detail-price-panel .night-person {
        width: 100%;
        display: block;
        text-align: left;
        font-size: 12px;
        font-weight: 600;
        color: #16528e;
    }

    .attraction-detail-pg .passenger-panel .button-change-book {
        text-align: center;
    }

        .attraction-detail-pg .passenger-panel .button-change-book .select-btn.book {
            width: 100%;
            text-align: center;
            padding: 5px 30px;
            display: inline-block;
            border-radius: 3px;
            margin: 0px 0 15px;
            border: 1px solid #41d8e5;
            background: #16528e;
            background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
            background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
            color: #fff;
        }


    .attraction-detail-pg .att-det-header .ul-country {
        width: 100%;
        float: left;
        list-style: none;
        margin-top: 20px;
    }

        .attraction-detail-pg .att-det-header .ul-country li {
            width: 100%;
            float: left;
            padding-bottom: 5px;
            font-weight: 600;
        }

            .attraction-detail-pg .att-det-header .ul-country li span {
                font-size: 16px;
                color: #16528e;
                margin-left: 5px;
            }

    .attraction-detail-pg .att-det-header .backto-result {
        position: absolute;
        top: 10px;
        right: 0px;
        width: 132px;
        padding: 5px 0;
        color: #11aaf6;
        background: #fff;
        text-align: center;
        border: 1px solid #11aaf6;
        border-radius: 10px;
    }

    .attraction-detail-pg .left-panel .content {
        width: 100%;
        float: left;
    }

        .attraction-detail-pg .left-panel .content .ul-slider-tab {
            width: 100%;
            list-style: none;
            margin-bottom: 0px;
        }

            .attraction-detail-pg .left-panel .content .ul-slider-tab li {
                display: inline-block;
                width: 24%;
                text-align: center;
                color: #fff;
                padding: 5px 0px;
                margin-top: 5px;
                background: #16528e;
                border-radius: 5px 5px 0px 0px;
                cursor: pointer;
            }

                .attraction-detail-pg .left-panel .content .ul-slider-tab li.active {
                    background: #15bdcc;
                }

        .attraction-detail-pg .left-panel .content .product-slider-img {
            width: 100%;
            float: left;
        }

            .attraction-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li {
                height: 480px;
            }

                .attraction-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li img {
                    height: 100%;
                    width: 100%;
                }

            .attraction-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li {
                height: 50px;
            }

                .attraction-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li img {
                    height: 100%;
                    width: 100%;
                }

            /* CUSTOME CSS FOR LEFT RIGHT BTN */
            .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev {
                border: 2px solid #000;
                float: left;
                border-radius: 50% !important;
                left: 0px;
                margin-left: 10px;
                background: #fff !important;
                position: absolute;
                top: 50%;
                width: 32px;
                height: 32px;
                opacity: 1;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext {
                border: 2px solid #000;
                float: right;
                border-radius: 50% !important;
                margin-right: 10px;
                background: #fff !important;
                position: absolute;
                top: 50%;
                right: 0px;
                width: 32px;
                height: 32px;
                opacity: 1;
            }

                .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev:hover,
                .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:hover {
                    background: #eee !important;
                }

                .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev:before,
                .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:before {
                    content: "\f104" !important;
                    top: -5px;
                    position: absolute;
                    left: 8px;
                    font-size: 26px;
                    font-weight: 600;
                    font-family: 'FontAwesome';
                    color: #000 !important;
                }

                .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:before {
                    content: "\f105" !important;
                    left: inherit;
                    right: 8px;
                }
            /* CUSTOME CSS FOR LEFT RIGHT BTN */

            /* on click zoom slider */
            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .item-slick.slick-slide.slick-current.slick-active {
                outline: none !important;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for {
                margin-bottom: 15px;
            }

                .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for img {
                    width: 100%;
                    height: 400px;
                }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav {
                margin: auto;
            }

                .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav .item-slick {
                    max-width: 240px;
                    height: 130px;
                    margin-right: 15px;
                    outline: none !important;
                    cursor: pointer;
                }

                    .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav .item-slick img {
                        max-width: 100%;
                        background-size: cover;
                        background-position: center;
                    }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-arrow {
                position: absolute;
                top: 50%;
                z-index: 50;
                margin-top: -12px;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev {
                left: 10px;
                outline: none;
                width: 32px;
                height: 32px;
                background: none;
                background-image: url(../images/icons/controls1.png);
                border: none;
                color: #fff;
                font-size: 16px;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next {
                right: 10px;
                outline: none;
                width: 32px;
                height: 32px;
                background: none;
                background-position: -32px 0;
                background-image: url(../images/icons/controls1.png);
                border: none;
                color: #fff;
                font-size: 16px;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev {
                background-image: url(../images/icons/controls1.png);
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next {
                background-image: url(../images/icons/controls1.png);
            }

            /* CUSTOME CSS FOR LEFT RIGHT BTN */
            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev {
                border: 2px solid #000;
                float: left;
                border-radius: 50% !important;
                left: 0px;
                margin-left: 10px;
                background: #fff !important;
                position: absolute;
                top: 50%;
                width: 32px;
                height: 32px;
                opacity: 1;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next {
                border: 2px solid #000;
                float: right;
                border-radius: 50% !important;
                margin-right: 10px;
                background: #fff !important;
                position: absolute;
                top: 50%;
                right: 0px;
                width: 32px;
                height: 32px;
                opacity: 1;
            }

                .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev:hover,
                .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:hover {
                    background: #eee !important;
                }

                .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev:before,
                .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:before {
                    content: "\f104" !important;
                    top: -5px;
                    position: absolute;
                    left: 8px;
                    font-size: 26px;
                    font-weight: 600;
                    font-family: 'FontAwesome';
                    color: #000 !important;
                }

                .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:before {
                    content: "\f105" !important;
                    left: inherit;
                    right: 8px;
                }
            /* CUSTOME CSS FOR LEFT RIGHT BTN */

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur,
            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
                cursor: pointer;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-container:hover {
                cursor: default;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .image-source-link {
                color: #98C3D1;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-bg {
                opacity: 0;
                transition: all 0.3s ease-out;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready .mfp-container {
                opacity: 1;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready.mfp-bg {
                opacity: 0.8;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-removing.mfp-bg {
                opacity: 0;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-wrap ~ * {
                filter: blur(5px);
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-ready .mfp-figure {
                opacity: 0;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-figure,
            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
                opacity: 0;
                transition: all 0.3s ease-out;
                transform: scale(0.95);
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-preloader {
                opacity: 0;
                transition: all 0.3s ease-out;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-image-loaded .mfp-figure,
            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
                opacity: 1;
                transform: scale(1);
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-preloader {
                opacity: 0.8;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-figure,
            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
                transform: scale(0.95);
                opacity: 0;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-preloader {
                opacity: 0;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-iframe-scaler {
                overflow: visible;
            }

            .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur {
                cursor: auto;
            }

                .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
                    cursor: pointer;
                }

@media screen and (min-width:320px) and (max-width:767px) {
    .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for img {
        width: 100%;
        height: auto;
    }
}
/* on click zoom slider */

.attraction-detail-pg .left-panel .content .detail-info {
    width: 100%;
    float: left;
    margin-top: 0px;
    border: 1px solid #999;
    padding: 20px;
}

    .attraction-detail-pg .left-panel .content .detail-info h2 {
        margin: 0;
        background: #e1e1e1;
        padding: 10px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .attraction-detail-pg .left-panel .content .detail-info p {
        width: 100%;
        float: left;
        color: #000000;
        line-height: 1.3em;
        font-size: 13px;
    }

    .attraction-detail-pg .left-panel .content .detail-info h3 {
        width: 100%;
        float: left;
        font-size: 26px;
        font-weight: 400;
        color: #16528e;
        line-height: 1.5em;
        margin-top: 0px;
    }

    .attraction-detail-pg .left-panel .content .detail-info h3 {
        width: 100%;
        float: left;
        font-size: 20px;
        font-weight: 600;
        margin-top: 20px;
        color: #16528e;
        text-transform: uppercase;
        line-height: 1.5em;
        margin-bottom: 4px;
    }

    .attraction-detail-pg .left-panel .content .detail-info .ul-coomon {
        width: 100%;
        float: left;
        padding-left: 20px;
    }

        .attraction-detail-pg .left-panel .content .detail-info .ul-coomon li {
            float: left;
        }

.attraction-detail-pg .left-panel .content .review-detail-panel {
    width: 100%;
    float: left;
}

    .attraction-detail-pg .left-panel .content .review-detail-panel .section-header {
        line-height: 1.25;
        font-size: 24px;
        color: #262626;
        font-weight: 600;
    }

    .attraction-detail-pg .left-panel .content .review-detail-panel .review-header {
        width: 100%;
        float: left;
    }

        .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line {
            width: 100%;
            float: left;
        }

            .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-text {
                color: #262626;
                font-size: 14px;
                font-weight: 700;
                float: left;
            }

            .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-box {
                padding-left: 50px;
                float: left;
            }

                .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-box .star-rating {
                    width: 100px;
                    float: left;
                }

                    .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-box .star-rating img {
                        width: 100%;
                        height: auto;
                    }

                .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-box .review-text {
                    font-size: 14px;
                    font-weight: 400;
                    color: rgba(0,0,0,.65);
                    text-align: left;
                }

        .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-text-main {
            width: 100%;
            float: left;
            font-size: 14px;
            margin: 10px 0 10px 0;
        }

    .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl {
        width: 100%;
        float: left;
    }

        .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel {
            width: 100%;
            float: left;
        }

            .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .star-text {
                float: left;
                font-size: 14px;
                font-weight: 400;
            }

            .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .prog-box {
                width: 400px;
                float: left;
                padding-right: 15px;
                padding-left: 25px;
                padding-top: 0px;
                padding-bottom: 15px;
            }

                .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .prog-box .progress-background {
                    width: 100%;
                    height: 15px;
                    float: left;
                    background-color: #ddd;
                    font-size: 1rem;
                    position: relative;
                }

                    .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .prog-box .progress-background .progress-bar {
                        position: absolute;
                        top: 0px;
                        height: 100%;
                        background: #f7941d;
                    }

    .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria {
        width: 100%;
        float: left;
    }

        .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .heading-text {
            width: 100%;
            float: left;
            font-weight: 800;
            color: #262626;
            margin: 20px 0;
        }

        .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box {
            width: 100%;
            padding-left: 0px;
            float: left;
            margin-bottom: 15px;
        }

            .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .star-rating {
                width: 100px;
                float: left;
            }

                .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .star-rating img {
                    width: 100%;
                    height: auto;
                }

            .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .review-text {
                font-size: 14px;
                font-weight: 800;
                color: #262626;
                text-align: left;
            }

            .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .date {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 400;
                margin-top: 5px;
                margin-bottom: 20px;
            }

            .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .paragraf {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 400;
                text-align: justify;
                margin-bottom: 0px;
            }

            .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .read-more {
                float: left;
            }

@media only screen and (min-width: 320px) and (max-width:500px) {
    .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .star-text {
        width: 20%;
    }

    .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .prog-box {
        width: 80%;
        padding-left: 0px;
    }
}

.attraction-detail-pg .right-panel {
    width: 100%;
    float: left;
}

    .attraction-detail-pg .right-panel .passenger-panel {
        width: 100%;
        float: left;
        background: #16528e;
        padding: 10px 22px;
        border-radius: 5px;
        margin: 10px 0;
    }

        .attraction-detail-pg .right-panel .passenger-panel .form {
            width: 100%;
            float: left;
            margin-top: 5px;
        }

            .attraction-detail-pg .right-panel .passenger-panel .form label {
                color: #fff;
                font-weight: 600;
                font-size: 18px;
            }

            .attraction-detail-pg .right-panel .passenger-panel .form .position-relative {
                position: relative;
                margin-bottom: 0px;
                width: 100%;
            }

                .attraction-detail-pg .right-panel .passenger-panel .form .position-relative .icon {
                    position: absolute;
                    top: 3px;
                    left: 10px;
                    font-size: 20px;
                    color: #16528e;
                }

                .attraction-detail-pg .right-panel .passenger-panel .form .position-relative .form-control {
                    padding-left: 30px;
                    width: 100%;
                }

        .attraction-detail-pg .right-panel .passenger-panel .passenger-detail {
            width: 100%;
            float: left;
            background: #ffffff;
            padding: 10px;
            margin-top: 10px;
            border-radius: 5px;
        }

            .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel {
                width: 100%;
                float: left;
            }

                .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .adult {
                    width: 60%;
                    float: left;
                }

                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .adult .text1 {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        font-weight: 600;
                    }

                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .adult .text2 {
                        width: 100%;
                        float: left;
                        font-size: 10px;
                        color: #999;
                    }

                .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count {
                    width: 40%;
                    float: right;
                }

                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .product-quantity-outer {
                        width: auto;
                        float: right;
                        background: #eee;
                        margin-bottom: 5px;
                    }

                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .product-quantity {
                        float: left;
                        width: 100%;
                    }

                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button {
                        color: #222;
                        width: 25px;
                        height: 30px;
                        padding: 0px;
                        border: none;
                        outline: none;
                        cursor: pointer;
                        font-size: 20px;
                        background: #eee;
                        text-align: center;
                        font-weight: normal;
                        white-space: nowrap;
                        display: inline-block;
                        background-image: none;
                    }

                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button,
                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button {
                        color: #222;
                        width: 20px;
                        height: 30px;
                        padding: 0px;
                        border: none;
                        outline: none;
                        cursor: pointer;
                        font-size: 20px;
                        background: #eee;
                        text-align: center;
                        font-weight: normal;
                        white-space: nowrap;
                        display: inline-block;
                        background-image: none;
                    }

                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-field,
                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-field {
                        width: 40px;
                        height: 30px;
                        border: 1px solid #eee;
                        background-color: #fff;
                        outline: none;
                        margin: 0 0px;
                        font-size: 16px;
                        text-align: center;
                    }

                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button.btn1 {
                        color: rgb(237,129,49);
                        font-weight: bold;
                    }

                    .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button.btn2 {
                        color: #076fb6;
                        font-weight: bold;
                    }

        .attraction-detail-pg .right-panel .passenger-panel .total-price {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 20px;
            color: #fff;
            font-weight: normal;
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .attraction-detail-pg .right-panel .passenger-panel .total-price span {
                font-weight: bold;
                font-size: 26px;
            }

        .attraction-detail-pg .right-panel .passenger-panel .check-availability-outer {
            width: 200px;
            margin: 0 auto;
        }

            .attraction-detail-pg .right-panel .passenger-panel .check-availability-outer .check-availability {
                width: 100%;
                float: left;
                text-align: center;
                padding: 5px 0;
                margin-top: 10px;
                background: #15bdcc;
                color: #fff;
                border-radius: 5px;
            }

@media screen and (min-width:320px) and (max-width:767px) {
    .attraction-detail-pg .right-panel .passenger-panel .total-price {
        font-size: 18px;
    }

        .attraction-detail-pg .right-panel .passenger-panel .total-price span {
            font-size: 22px;
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .attraction-detail-pg .new-detail-price-panel .price {
        font-size: 18px;
    }

    .attraction-detail-pg .right-panel .passenger-panel .total-price {
        font-size: 18px;
    }

        .attraction-detail-pg .right-panel .passenger-panel .total-price span {
            font-size: 22px;
        }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .attraction-detail-pg .right-panel .passenger-panel .total-price {
        font-size: 18px;
    }

        .attraction-detail-pg .right-panel .passenger-panel .total-price span {
            font-size: 22px;
        }
}

.attraction-detail-pg .right-panel .map-panel {
    width: 100%;
    float: left;
    border: 1px solid #bcbcbc;
    margin-bottom: 10px;
    box-shadow: 0px 4px 3px 0px #bfbbbb;
    -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;
}

    .attraction-detail-pg .right-panel .map-panel .heading {
        width: 100%;
        background: #16528e;
        position: relative;
        float: left;
        padding: 2px 15px;
    }

        .attraction-detail-pg .right-panel .map-panel .heading .text1 {
            width: 100%;
            color: #fff;
            float: left;
            padding: 5px 0;
            margin-bottom: 0px;
            font-size: 18px;
            font-weight: normal;
        }

    .attraction-detail-pg .right-panel .map-panel .map-detail {
        width: 100%;
        float: left;
        padding: 10px;
    }

        .attraction-detail-pg .right-panel .map-panel .map-detail p {
            width: 100%;
            float: left;
            color: #000000;
            line-height: 1.5em;
            margin-bottom: 10px;
        }

.attraction-detail-pg .right-panel .ask-question-panel {
    width: 100%;
    float: left;
    border: 1px solid #bcbcbc;
    margin-bottom: 10px;
    box-shadow: 0px 4px 3px 0px #bfbbbb;
    -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;
}

    .attraction-detail-pg .right-panel .ask-question-panel .heading {
        width: 100%;
        background: #16528e;
        position: relative;
        float: left;
        padding: 2px 15px;
    }

        .attraction-detail-pg .right-panel .ask-question-panel .heading .text1 {
            width: 100%;
            color: #fff;
            float: left;
            padding: 5px 0;
            margin-bottom: 0px;
            font-size: 18px;
            font-weight: normal;
        }

            .attraction-detail-pg .right-panel .ask-question-panel .heading .text1 span {
                margin-right: 10px;
            }

    .attraction-detail-pg .right-panel .ask-question-panel .ask-question-detail {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .attraction-detail-pg .right-panel .ask-question-panel .text1 {
        width: 100%;
        float: left;
        font-size: 14px;
    }

    .attraction-detail-pg .right-panel .ask-question-panel .text2 {
        width: 100%;
        float: left;
        font-size: 14px;
        border: 1px solid #15bdcc;
        padding: 10px;
    }

    .attraction-detail-pg .right-panel .ask-question-panel .ask-btn {
        width: auto;
        float: left;
        text-align: center;
        padding: 5px 15px;
        margin-top: 10px;
        background: #15bdcc;
        color: #fff;
        border-radius: 5px;
    }

    .attraction-detail-pg .right-panel .ask-question-panel .recently-view {
        width: 100%;
        float: left;
    }

        .attraction-detail-pg .right-panel .ask-question-panel .recently-view .header {
            width: 100%;
            float: left;
            font-size: 20px;
            padding-top: 0px;
        }

        .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel {
            width: 100%;
            float: left;
            border-bottom: 1px solid #ccc;
            padding: 10px 0;
        }

            .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel.last {
                border-bottom: 0px solid #f00;
            }

            .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im {
                width: 30%;
                float: left;
            }

                .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im img {
                    width: 100%;
                    height: auto;
                }

            .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail {
                width: 70%;
                float: left;
                padding-left: 10px;
            }

                .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .text1 {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: #16528e;
                }

                .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full {
                    width: 50%;
                    float: left;
                }

                    .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating {
                        width: 110px;
                        float: left;
                    }

                        .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating img {
                            width: 100%;
                            height: auto;
                        }

                    .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .exe {
                        width: 100%;
                        float: left;
                        color: #f7941d;
                    }

                .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full {
                    width: 50%;
                    float: right;
                    color: #16528e;
                }

                    .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text3 {
                        width: 100%;
                        float: right;
                        text-align: right;
                        font-size: 10px;
                    }

                    .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text4 {
                        width: 100%;
                        float: right;
                        text-align: right;
                        font-size: 16px;
                        font-weight: 600;
                    }

        .attraction-detail-pg .right-panel .ask-question-panel .recently-view .load-more-btn {
            width: auto;
            float: left;
            text-align: center;
            padding: 5px 15px;
            margin-top: 10px;
            background: #15bdcc;
            color: #fff;
            border-radius: 4px;
        }


.attraction-detail-pg .attractionModes {
    margin: 10px 0;
}

    .attraction-detail-pg .attractionModes .panel-default > .panel-heading {
        color: #333;
        background-color: #fff;
        border-color: #fff;
    }

    .attraction-detail-pg .attractionModes .panel-group .panel-heading + .panel-collapse > .list-group,
    .attraction-detail-pg .attractionModes .panel-group .panel-heading + .panel-collapse > .panel-body {
        border: none;
    }

    .attraction-detail-pg .attractionModes .panel-default > .panel-heading a:after {
        display: none
    }

    .attraction-detail-pg .attractionModes .options {
        background: #666;
        border-radius: 3px;
        padding: 3px 8px;
        color: #fff;
    }

    .attraction-detail-pg .attractionModes h3 {
        font-size: 20px;
    }

    .attraction-detail-pg .attractionModes .pricelist {
        width: 100%;
        padding-left: 15px;
    }

        .attraction-detail-pg .attractionModes .pricelist .total-price {
            display: block;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 10px;
            padding: 10px;
        }

        .attraction-detail-pg .attractionModes .pricelist .priceDetails {
            display: block;
            font-size: 14px;
        }

    .attraction-detail-pg .attractionModes .panel.panel-default {
        position: relative;
    }

        .attraction-detail-pg .attractionModes .panel.panel-default:after {
            position: absolute;
            height: 100%;
            border: 1px solid;
            border-left: 1px solid #999;
            right: 33%;
            top: 0;
            content: "";
        }

    .attraction-detail-pg .attractionModes .select-btn {
        width: 100%;
        text-align: center;
        padding: 5px 30px;
        display: inline-block;
        border-radius: 3px;
        margin: 0px 0 15px;
        border: 1px solid #41d8e5;
        background: #0491e1 !important;
        color: #fff;
    }

    .attraction-detail-pg .attractionModes .timeing {
        border: 1px solid #666;
        border-radius: 3px;
        padding: 5px 12px;
        font-size: 16px;
        display: inline-block;
        margin: 10px 0;
        cursor: pointer
    }

        .attraction-detail-pg .attractionModes .timeing.active,
        .attraction-detail-pg .attractionModes .timeing:hover,
        .attraction-detail-pg .attractionModes .timeing:focus {
            background: #16528e;
            color: #fff;
            border-color: #16528e;
        }


.attraction-detail-pg .product-slider-img {
    width: 100%;
    float: left;
}

    .attraction-detail-pg .product-slider-img .lSSlideWrapper.usingCss ul li {
        height: 400px;
    }

        .attraction-detail-pg .product-slider-img .lSSlideWrapper.usingCss ul li img {
            height: 100%;
            width: 100%;
        }

    .attraction-detail-pg .product-slider-img .lSPager.lSGallery li {
        height: 50px;
    }

        .attraction-detail-pg .product-slider-img .lSPager.lSGallery li img {
            height: 100%;
            width: 100%;
        }


    /* on click zoom slider */
    .attraction-detail-pg .product-slider-img .slider-with-popup .item-slick.slick-slide.slick-current.slick-active {
        outline: none !important;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .slider-for {
        margin-bottom: 15px;
    }

        .attraction-detail-pg .product-slider-img .slider-with-popup .slider-for img {
            width: 100%;
            height: 400px;
            object-fit: cover;
        }

    .attraction-detail-pg .product-slider-img .slider-with-popup .slider-nav {
        margin: auto;
    }

        .attraction-detail-pg .product-slider-img .slider-with-popup .slider-nav .item-slick {
            max-width: 240px;
            margin-right: 15px;
            outline: none !important;
            cursor: pointer;
        }

            .attraction-detail-pg .product-slider-img .slider-with-popup .slider-nav .item-slick img {
                max-width: 100%;
                height: 130px;
                background-size: cover;
                background-position: center;
            }

    .attraction-detail-pg .product-slider-img .slider-with-popup .slick-arrow {
        position: absolute;
        top: 50%;
        z-index: 50;
        margin-top: -12px;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .slick-prev {
        left: 17px;
        outline: none;
        width: 29px;
        height: 29px;
        background: none;
        background-image: url(../images/icons/controls1.png);
        border: none;
        color: #fff;
        font-size: 16px;
        top: 200px;
        background-color: #85bcf7a6;
        border-radius: 50%;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .slick-next {
        right: 16px;
        outline: none;
        width: 29px;
        height: 29px;
        background: none;
        background-position: -35px -2px;
        background-image: url(../images/icons/controls1.png);
        border: none;
        color: #fff;
        font-size: 16px;
        top: 200px;
        background-color: #85bcf7a6;
        border-radius: 50%;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-out-cur,
    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
        cursor: pointer;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-container:hover {
        cursor: default;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .image-source-link {
        color: #98C3D1;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-bg {
        opacity: 0;
        transition: all 0.3s ease-out;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready .mfp-container {
        opacity: 1;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: 0.8;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-removing.mfp-bg {
        opacity: 0;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-wrap ~ * {
        filter: blur(5px);
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-ready .mfp-figure {
        opacity: 0;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-figure,
    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
        opacity: 0;
        transition: all 0.3s ease-out;
        transform: scale(0.95);
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-preloader {
        opacity: 0;
        transition: all 0.3s ease-out;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-image-loaded .mfp-figure,
    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
        opacity: 1;
        transform: scale(1);
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-preloader {
        opacity: 0.8;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-figure,
    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
        transform: scale(0.95);
        opacity: 0;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-preloader {
        opacity: 0;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-iframe-scaler {
        overflow: visible;
    }

    .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-out-cur {
        cursor: auto;
    }

        .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
            cursor: pointer;
        }

@media screen and (min-width:320px) and (max-width:767px) {
    .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-for img {
        width: 100%;
        height: auto;
    }
}
/* on click zoom slider */

/* ATTARACTION PAYMENT PAGE */
.attraction-payment-pg {
    width: 100%;
    float: left;
}

    .attraction-payment-pg .att-payment-header {
        width: 100%;
        float: left;
        position: relative;
    }

        .attraction-payment-pg .att-payment-header .ul-loginsignup {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 20px;
        }

            .attraction-payment-pg .att-payment-header .ul-loginsignup li {
                display: inline-block;
            }

                .attraction-payment-pg .att-payment-header .ul-loginsignup li .login {
                    float: left;
                    background: #0099ff;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .attraction-payment-pg .att-payment-header .ul-loginsignup li .signup {
                    float: left;
                    background: #515151;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .attraction-payment-pg .att-payment-header .ul-loginsignup li .text1 {
                    padding: 5px 15px;
                    float: left;
                    font-size: 16px;
                }

        .attraction-payment-pg .att-payment-header .ul-social {
            width: 100%;
            float: left;
            list-style: none;
        }

            .attraction-payment-pg .att-payment-header .ul-social li {
                display: inline-block;
                width: 30%;
                float: left;
                background: #415eae;
                cursor: pointer;
                margin-right: 10px;
                box-shadow: 0px 2px 2px 0px #9c9999;
                -webkit-box-shadow: 0px 2px 2px 0px #9c9999;
            }

                .attraction-payment-pg .att-payment-header .ul-social li a {
                    width: 100%;
                    float: left;
                    padding: 7px 0;
                    text-align: center;
                    color: #fff;
                }

                .attraction-payment-pg .att-payment-header .ul-social li:nth-child(2) {
                    background: #ccc;
                }

                .attraction-payment-pg .att-payment-header .ul-social li:nth-child(3) {
                    background: #32b0ed;
                }

        .attraction-payment-pg .att-payment-header .continue {
            width: 30%;
            float: left;
            padding: 7px 0;
            text-align: center;
            background: #fdaf11;
            margin-top: 0px;
            color: #333;
            box-shadow: 0px 2px 2px 0px #9c9999;
            -webkit-box-shadow: 0px 2px 2px 0px #9c9999;
        }

    .attraction-payment-pg .content {
        width: 100%;
        float: left;
        border: 0px solid #15bdcc;
        margin-bottom: 30px;
        padding: 10px 15px;
        margin-top: 10px;
        box-shadow: 0px 4px 3px 0px #bfbbbb;
        -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;
    }

        .attraction-payment-pg .content .product-info {
            width: 100%;
            float: left;
        }

            .attraction-payment-pg .content .product-info .im {
                width: 100%;
                float: left;
            }

                .attraction-payment-pg .content .product-info .im img {
                    width: 100%;
                    height: auto;
                }

            .attraction-payment-pg .content .product-info .heading {
                width: 80%;
                float: left;
                font-size: 30px;
                color: #000;
            }

            .attraction-payment-pg .content .product-info .duration {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #000;
            }

                .attraction-payment-pg .content .product-info .duration span {
                    color: #16528e;
                }

        .attraction-payment-pg .content .passenger-info {
            width: 100%;
            float: left;
            margin-top: 10px;
        }

            .attraction-payment-pg .content .passenger-info .heading {
                width: 100%;
                background: #16528e;
                color: #fff;
                position: relative;
                float: left;
                padding: 2px 15px;
                margin-bottom: 15px;
            }

                .attraction-payment-pg .content .passenger-info .heading .text1 {
                    float: left;
                    padding: 5px 0;
                    margin-bottom: 0px;
                    font-size: 18px;
                    font-weight: normal;
                }

                .attraction-payment-pg .content .passenger-info .heading .text2 {
                    float: right;
                    padding: 5px 0;
                    margin-bottom: 0px;
                    font-size: 14px;
                    font-weight: normal;
                }

            .attraction-payment-pg .content .passenger-info .pass-form {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 80px;
            }

                .attraction-payment-pg .content .passenger-info .pass-form .form-title {
                    width: 80px;
                    float: left;
                    position: absolute;
                    top: 6px;
                    left: 0px;
                    font-weight: normal;
                }

                .attraction-payment-pg .content .passenger-info .pass-form .form-control {
                    border: 1px solid #c5c5c5;
                }

                .attraction-payment-pg .content .passenger-info .pass-form select.form-control {
                    line-height: 28px;
                }

                .attraction-payment-pg .content .passenger-info .pass-form .form-group {
                    width: 100%;
                    float: left;
                }

                    .attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .dobinput {
                        width: 50px;
                        float: left;
                        margin-right: 10px;
                        padding: 0 0px;
                        text-align: center;
                    }

                    .attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .age-text {
                        float: left;
                        line-height: 34px;
                    }

                    .attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .ageinput {
                        width: 50px;
                        float: right;
                        margin-right: 0px;
                        padding: 0 0px;
                        text-align: center;
                    }


        .attraction-payment-pg .content .payment-info {
            width: 100%;
            float: left;
            margin-top: 10px;
        }

            .attraction-payment-pg .content .payment-info .heading {
                width: 100%;
                background: #16528e;
                color: #fff;
                position: relative;
                float: left;
                padding: 2px 15px;
                margin-bottom: 15px;
            }

                .attraction-payment-pg .content .payment-info .heading .text1 {
                    float: left;
                    padding: 5px 0;
                    margin-bottom: 0px;
                    font-size: 18px;
                    font-weight: normal;
                }

                .attraction-payment-pg .content .payment-info .heading .text2 {
                    float: right;
                    padding: 5px 0;
                    margin-bottom: 0px;
                    font-size: 14px;
                    font-weight: normal;
                }

            .attraction-payment-pg .content .payment-info .payment-icon {
                margin-top: 30px;
                width: 100%;
                float: left;
            }

            .attraction-payment-pg .content .payment-info .redirect-text {
                width: 100%;
                float: left;
                margin: 20px 0;
            }

            .attraction-payment-pg .content .payment-info .term-condition-full {
                margin: 30px 0;
                width: 100%;
                float: left;
            }

            .attraction-payment-pg .content .payment-info .pay-btn-outer {
                width: 200px;
                margin: 0 auto;
            }

                .attraction-payment-pg .content .payment-info .pay-btn-outer .pay-btn {
                    width: 100%;
                    float: left;
                    text-align: center;
                    padding: 5px 0;
                    margin-top: 10px;
                    background: #15bdcc;
                    color: #fff;
                    border-radius: 5px;
                }

    .attraction-payment-pg .payment-sidebar {
        width: 100%;
        float: left;
    }

        .attraction-payment-pg .payment-sidebar .backto-result {
            padding: 5px 10px;
            float: right;
            margin-top: 15px;
            color: #15bdcc;
            background: #fff;
            text-align: center;
            border: 1px solid #15bdcc;
            border-radius: 10px;
        }

        .attraction-payment-pg .payment-sidebar .ticket-panel {
            width: 100%;
            float: left;
            background: #16528e;
            padding: 10px;
            margin-top: 10px;
        }

            .attraction-payment-pg .payment-sidebar .ticket-panel .title {
                float: left;
                font-size: 16px;
                color: #fff;
            }

            .attraction-payment-pg .payment-sidebar .ticket-panel .edit-btn {
                float: right;
                font-size: 12px;
                color: #fff;
                background: #15bdcc;
                padding: 2px 10px;
                border-radius: 10px;
            }

            .attraction-payment-pg .payment-sidebar .ticket-panel .total-pay {
                width: 100%;
                float: left;
                border-radius: 5px;
                background: #ededed;
                padding: 5px 10px;
                margin-top: 40px;
            }

                .attraction-payment-pg .payment-sidebar .ticket-panel .total-pay .total {
                    float: left;
                }

                .attraction-payment-pg .payment-sidebar .ticket-panel .total-pay .price {
                    float: right;
                    font-size: 16px;
                    font-weight: 600;
                }

            .attraction-payment-pg .payment-sidebar .ticket-panel .view-price {
                float: right;
                font-size: 12px;
                color: #ededed;
                margin-top: 5px;
            }

            .attraction-payment-pg .payment-sidebar .ticket-panel .pay-btn {
                width: 100%;
                float: left;
                text-align: center;
                padding: 5px 0;
                margin-top: 10px;
                background: #15bdcc;
                color: #fff;
                border-radius: 5px;
            }

            .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 30px;
                margin-top: 20px;
            }

                .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .im {
                    width: 30px;
                    position: absolute;
                    top: 5px;
                    left: 0px;
                }

                .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .servie {
                    width: 100%;
                    float: left;
                    color: #fff;
                }

                    .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .servie .text1 {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                    }

                    .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .servie .text2 {
                        width: 100%;
                        float: left;
                        line-height: 9px;
                        font-size: 14px;
                    }


        .attraction-payment-pg .payment-sidebar .nearby-attractions {
            width: 100%;
            float: left;
            border: 0px solid #15bdcc;
            margin-top: 20px;
            margin-bottom: 30px;
            padding: 10px;
            box-shadow: 0px 4px 3px 0px #bfbbbb;
            -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;
        }

            .attraction-payment-pg .payment-sidebar .nearby-attractions .header {
                width: 100%;
                float: left;
                font-size: 20px;
                padding-bottom: 10px;
                border-bottom: 1px solid #ccc;
            }

            .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel {
                width: 100%;
                float: left;
                border-bottom: 1px solid #ccc;
                padding: 10px 0;
            }

                .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel.last {
                    border-bottom: 0px solid #f00;
                }

                .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .im {
                    width: 30%;
                    float: left;
                }

                    .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .im img {
                        width: 100%;
                        height: auto;
                    }

                .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail {
                    width: 70%;
                    float: left;
                    padding-left: 10px;
                }

                    .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .text1 {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        color: #16528e;
                    }

                    .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .starrating-full {
                        width: 50%;
                        float: left;
                    }

                        .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .starrating-full .starrating {
                            width: 100%;
                            float: left;
                        }

                            .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .starrating-full .starrating img {
                                width: 100%;
                                height: auto;
                            }

                        .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .starrating-full .exe {
                            width: 100%;
                            float: left;
                            color: #2b920b;
                        }

                    .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .price-full {
                        width: 50%;
                        float: right;
                        color: #16528e;
                    }

                        .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .price-full .book-btn {
                            float: right;
                            font-size: 12px;
                            color: #fff;
                            background: #15bdcc;
                            padding: 2px 10px;
                            margin-top: 18px;
                            border-radius: 10px;
                        }


/* ATTARACTION BOOKING PAGE */
.attraction-booking-pg {
    width: 100%;
    float: left;
}

    .attraction-booking-pg .attraction-booking-header-full {
        width: 100%;
        float: left;
        padding: 10px 20px;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .attraction-booking-pg .backto-result {
        width: 135px;
        padding: 5px 10px;
        float: right;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #11aaf6;
        background: #fff;
        text-align: center;
        border: 1px solid #11aaf6;
        border-radius: 10px;
    }

    .attraction-booking-pg .attraction-booking-header {
        width: calc(100% - 135px);
        float: left;
        position: relative;
    }

        .attraction-booking-pg .attraction-booking-header .heading {
            width: 100%;
            float: left;
            font-size: 30px;
            color: #15bdcc;
        }

        .attraction-booking-pg .attraction-booking-header .ul-loginsignup {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 20px;
        }

            .attraction-booking-pg .attraction-booking-header .ul-loginsignup li {
                display: inline-block;
            }

                .attraction-booking-pg .attraction-booking-header .ul-loginsignup li .login {
                    float: left;
                    background: #0099ff;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .attraction-booking-pg .attraction-booking-header .ul-loginsignup li .signup {
                    float: left;
                    background: #515151;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .attraction-booking-pg .attraction-booking-header .ul-loginsignup li .text1 {
                    padding: 5px 15px;
                    float: left;
                    font-size: 16px;
                }


    .attraction-booking-pg .attraction-booking-content-full {
        width: 100%;
        float: left;
        border-radius: 5px;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
    }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel {
            width: 100%;
            float: left;
            padding: 0 0px;
            background: #fff;
            margin-bottom: 30px;
            border-radius: 5px;
            overflow: hidden;
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel:hover {
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header {
                width: 100%;
                float: left;
                padding: 5px 10px;
                border-bottom: 1px dashed #91b6da;
            }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title {
                    float: left;
                    font-size: 16px;
                    color: #15bdcc;
                    font-weight: 600;
                    margin-top: 3px;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title .icon {
                        width: auto;
                        float: left;
                        margin-top: 0px;
                        margin-right: 10px;
                    }

                        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title .icon img {
                            width: 30px;
                            float: left;
                        }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .rext-text {
                    float: right;
                    font-size: 12px;
                    color: #ff9a9a;
                    margin-top: 6px;
                }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .dropdown-link {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 4px;
                    cursor: pointer;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                    margin-left: 10px;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"] {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        color: #000;
                    }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header {
                width: 100%;
                float: left;
                background: #e2e2e2;
                padding: 10px 10px;
                border-bottom: 1px dashed #91b6da;
            }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title {
                    float: left;
                    font-size: 16px;
                    color: #16528e;
                    font-weight: 600;
                    margin-top: 3px;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title .icon {
                        width: auto;
                        float: left;
                        margin-top: 0px;
                        margin-right: 10px;
                    }

                        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title .icon img {
                            width: 30px;
                            float: left;
                        }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .rext-text {
                    float: right;
                    font-size: 12px;
                    color: #16528e;
                    margin-top: 6px;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .rext-text.fare-rules {
                        font-weight: bold;
                    }

                        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .rext-text.fare-rules i {
                            font-weight: bold;
                        }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .dropdown-link {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 4px;
                    cursor: pointer;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                    margin-left: 10px;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"] {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        color: #000;
                    }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content {
                width: 100%;
                float: left;
                background: #fff;
                padding: 10px 10px;
            }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form {
                    width: 100%;
                    float: left;
                    position: relative;
                    padding-left: 100px;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form .form-title {
                        width: 100px;
                        float: left;
                        color: #16528e;
                        position: absolute;
                        top: 8px;
                        left: 0px;
                        font-weight: normal;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form .form-control {
                        border: 1px solid #c5c5c5;
                        height: 34px;
                        transition: 0.5s;
                        -webkit-transition: 0.5s;
                    }

                        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form .form-control:focus {
                            border: 1px solid #1875f0;
                        }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form select.form-control {
                        line-height: 36px;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form textarea.form-control {
                        height: auto;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form .form-group {
                        width: 100%;
                        float: left;
                    }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .checkbox-inline {
                    width: 100%;
                    float: left;
                    color: #16528e;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .checkbox-inline .link {
                        text-decoration: underline;
                        font-weight: 600;
                    }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .redirect-text {
                    width: 100%;
                    float: left;
                    margin: 20px 0;
                }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .payment-icon {
                    margin-top: 30px;
                    width: 100%;
                    float: left;
                }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full {
                    margin: 30px 0;
                    width: 100%;
                    float: left;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer {
                        width: 200px;
                        float: right;
                        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                        box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                        -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    }

                        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn {
                            width: 100%;
                            float: left;
                            text-align: center;
                            padding: 5px 0;
                            margin-top: 10px;
                            background: #e54b4b;
                            color: #fff;
                            border-radius: 5px;
                        }

                            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1 {
                                width: 100%;
                                float: left;
                                text-align: center;
                                font-size: 12px;
                            }

                            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2 {
                                width: 100%;
                                float: left;
                                text-align: center;
                                font-size: 18px;
                            }

                            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3 {
                                width: 100%;
                                float: left;
                                text-align: center;
                                font-size: 16px;
                            }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-faq {
                    width: 100%;
                    margin-top: 10px;
                    float: left;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-faq .faq-title {
                        width: 100%;
                        margin-bottom: 10px;
                        float: left;
                        font-weight: 600;
                        color: #16528e;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-faq .faq-text-ariea {
                        width: 100%;
                        float: left;
                    }



                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel {
                    width: 100%;
                    float: left;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
                        width: 10%;
                        float: left;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
                        width: 25%;
                        float: left;
                        padding-left: 10px;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box3 {
                        width: 30%;
                        float: left;
                        padding-left: 10px;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
                        width: 30%;
                        float: left;
                        padding-left: 10px;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5 {
                        width: 35%;
                        float: left;
                        padding-left: 0px;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1.dob {
                        width: 12%;
                        float: left;
                        padding-right: 10px;
                    }

                        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1.dob select.form-control {
                            padding-right: 0px;
                        }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .box-panel .form-control {
                    border-radius: 5px !important;
                }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .box-panel .select2-container--default .select2-selection--single {
                    border-radius: 5px !important;
                    border: 1px solid #c5c5c5 !important;
                }


@media only screen and (min-width: 320px) and (max-width:767px) {
    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
        width: 15%;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
        width: 35%;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
        width: 35%;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5 {
        width: 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
        width: 15%;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
        width: 35%;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
        width: 35%;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5 {
        width: 60%;
    }
}

.attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel {
    width: 100%;
    float: left;
}

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .title {
        float: left;
        margin-top: 18px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box {
        float: left;
        padding-left: 20px;
        margin: 10px 0 20px 0;
    }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control {
            float: left;
            width: 200px;
        }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box .input-btn {
            float: left;
            line-height: 34px;
            width: 60px;
            text-align: center;
            background: #16528e;
            color: #fff;
            border: 0px;
            outline: none;
            border-radius: 5px;
        }


.attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex {
    display: flex;
}

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1 {
        width: 75px;
        display: flex;
        margin: 0 5px;
        padding: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2 {
        width: 30%;
        display: flex;
        margin: 0 5px;
        padding: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3 {
        width: 30%;
        display: flex;
        margin: 0 5px;
        padding: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4 {
        width: 30%;
        display: flex;
        margin: 0 5px;
        padding: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5 {
        width: 35%;
        display: flex;
        margin: 0 5px;
        padding: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6 {
        width: 20%;
        display: flex;
        margin: 0 5px;
        padding: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7 {
        width: 15%;
        display: flex;
        margin: 0 5px;
        padding: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8 {
        width: 100%;
        display: flex;
        margin: 0 5px;
        padding: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex select {
        padding-right: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex div:first-child {
        margin-left: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex div:last-child {
        margin-right: 0px;
    }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .checkbox-full-inline {
        padding-top: 0px;
        margin-bottom: 10px;
    }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6 {
        width: 33.33%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 500px) {
    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex {
        display: flex;
        flex-direction: column;
    }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1,
        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2,
        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3,
        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4,
        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5,
        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6,
        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7,
        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8 {
            width: 100%;
            margin: 0 0px;
        }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .pass-form .form-title.blank {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6 {
        width: 33.33%;
    }
}


.attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel {
    width: 100%;
    float: left;
}

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im {
        width: 30%;
        float: left;
        position: relative;
    }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im .title {
            position: absolute;
            left: 0px;
            bottom: 5px;
            width: 100%;
            padding: 0 10px;
            float: left;
            font-size: 12px;
            text-align: center;
            color: #fff;
        }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail {
        width: 70%;
        float: left;
        padding-left: 20px;
    }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-title {
            width: 100%;
            float: left;
            font-weight: 600;
        }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel {
            width: 100%;
            min-height: 82px;
            float: left;
            position: relative;
            padding-left: 160px;
            margin-top: 20px;
        }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel {
                position: absolute;
                top: 0px;
                left: 30px;
                width: 90px;
                float: left;
                font-size: 12px;
                color: #999;
                box-shadow: 0px 2px 5px #ccc;
            }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel .date-panel-inner {
                    width: 100%;
                    float: left;
                    border: 1px solid #f1f1f1;
                    border-radius: 5px;
                    overflow: hidden;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel .date-panel-inner .text {
                        width: 100%;
                        float: left;
                        background: #999999;
                        color: #fff;
                        text-align: center;
                        padding: 5px 0;
                        font-weight: 600;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel .date-panel-inner .date {
                        width: 100%;
                        float: left;
                        font-size: 26px;
                        padding: 4px 0;
                        font-weight: bold;
                        text-align: center;
                        color: #333;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel .date-panel-inner .month {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        margin-bottom: 5px;
                        font-weight: bold;
                        text-align: center;
                        color: #333;
                    }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .attraction-information {
                width: 100%;
                float: left;
            }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .attraction-information .text1 {
                    width: 100%;
                    float: left;
                    margin-bottom: 0px;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .attraction-information .text1 .heading {
                        font-weight: 600;
                    }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .hilghline-panel {
            width: 100%;
            float: left;
            margin-top: 15px;
        }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .hilghline-panel .heading {
                width: 100%;
                float: left;
                font-weight: bold;
            }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .hilghline-panel ul {
                width: 100%;
                float: left;
                padding-left: 20px;
            }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .hilghline-panel ul li {
                    width: 100%;
                    float: left;
                }

/*-- UL DROPDOWN --*/
.ul-dropdown_results-outer {
    top: 100%;
    width: 500px;
    margin-top: 2px;
    z-index: 11;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #E6EAEE;
    display: none;
}

    .ul-dropdown_results-outer.active {
        display: block;
    }

    .ul-dropdown_results-outer .add-new-entry {
        width: 100%;
        float: left;
        border-top: 1px solid #E6EAEE;
    }

        .ul-dropdown_results-outer .add-new-entry a {
            padding: 15px 10px;
            width: 100%;
            float: left;
            margin: 10px 0;
        }

            .ul-dropdown_results-outer .add-new-entry a:hover {
                background: #E6EAEE;
                text-decoration: none;
            }

    .ul-dropdown_results-outer .ul-dropdown_results {
        padding: 0;
        background-color: #fff;
        overflow: hidden;
        z-index: 9999;
        max-height: 270px;
        overflow: auto;
    }

        .ul-dropdown_results-outer .ul-dropdown_results li {
            float: left;
            width: 100%;
            padding: 7px 6px 7px 15px;
            cursor: pointer;
            margin: 0;
            display: block;
            font: menu;
            font-size: 14px;
            overflow: hidden;
        }

            .ul-dropdown_results-outer .ul-dropdown_results li:hover {
                background-color: #f7f7f7;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li .name-icon {
                font-size: 13px;
                line-height: 32px;
                height: 32px;
                width: 32px;
                float: left;
                background: #e2cdcd;
                color: #583c00;
                border-radius: 4px;
                text-align: center;
                margin-right: 5px;
                margin-top: 3px;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li .name {
                padding: 0px 0;
                display: block;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li .email {
                padding: 0px 0;
                color: #cac7c7;
                display: block;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n-1) .name-icon {
                background: #e2cdcd;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+2) .name-icon {
                background: #c3dfea;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+3) .name-icon {
                background: #c3eace;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+4) .name-icon {
                background: #e7eac3;
            }

    .ul-dropdown_results-outer.sales-source .ul-dropdown_results li .name-icon {
        font-size: 13px;
        line-height: 32px;
        height: 32px;
        width: 32px;
        float: left;
        background: #e2cdcd;
        color: #583c00;
        border-radius: 4px;
        text-align: center;
        margin-right: 5px;
        margin-top: 0px;
    }

    .ul-dropdown_results-outer.sales-source .ul-dropdown_results li .name {
        padding: 6px 0;
        display: block;
    }

    .ul-dropdown_results-outer.vendors .ul-dropdown_results li .name {
        padding: 9px 0 0 0;
        display: block;
    }

/*--popup--*/
.attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-content {
    width: 100%;
    float: left;
    max-height: 800px;
    overflow: auto;
    font-family: 'Montserrat', sans-serif !important;
}

.attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-body {
    width: 100%;
    float: left;
    padding: 0px;
}

.attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-header {
    display: none;
}

.attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .close {
    outline: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    right: 30px;
    background: #999;
    color: #fff;
    opacity: 1;
    z-index: 1;
}

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .close:hover {
        background: #666;
    }

.attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
}

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel {
        width: 100%;
        float: left;
        padding: 15px 0;
    }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 {
            width: 100%;
            float: left;
            font-size: 22px;
            border-bottom: 1px solid #ccc;
            font-weight: 400;
            color: #16528e;
            line-height: 1.5em;
            margin-top: 0px;
        }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 span {
                width: auto;
                float: left;
                border-bottom: 2px solid #15bdcc;
            }

    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel {
        width: 100%;
        float: left;
    }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel p {
            width: 100%;
            float: left;
            color: #181818;
            margin-bottom: 5px;
            text-align: justify;
        }

        .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel {
            width: 100%;
            float: left;
            font-size: 13px;
            margin-bottom: 20px;
        }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel h6 {
                width: 100%;
                float: left;
                font-size: 16px;
                background: #16528e;
                color: #fff;
                margin: 0px;
                padding: 10px 15px;
            }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail {
                width: 100%;
                float: left;
                list-style: none;
                padding: 10px 15px;
                margin-bottom: 0px;
            }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail li {
                    width: 100%;
                    float: left;
                    color: #181818;
                    margin-bottom: 5px;
                }

            .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job {
                width: 100%;
                float: left;
                list-style: none;
                padding: 10px 15px;
                margin-bottom: 0px;
            }

                .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li {
                    width: 100%;
                    float: left;
                    color: #181818;
                    margin-bottom: 5px;
                }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .title {
                        font-weight: 800;
                        padding-right: 10px;
                    }

                    .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .detail {
                        font-weight: normal;
                    }


/* CARHIRE RESULT start */
.transfer-result.carhire .filter-panel {
    border: 0px;
}

    .transfer-result.carhire .filter-panel .filter.main-shadow-box {
        background: #fff;
    }
/* CARHIRE RESULT start */


/* CARHIRE BOOKING start */
.transfer-booking-pg.carhire {
    width: 100%;
    float: left;
}

    .transfer-booking-pg.carhire .transfer-booking-header-full {
        width: 100%;
        float: left;
        padding: 0 30px;
        margin-bottom: 30px;
    }

    .transfer-booking-pg.carhire .backto-result {
        padding: 5px 10px;
        float: right;
        margin-top: 15px;
        color: #11aaf6;
        background: #fff;
        text-align: center;
        border: 1px solid #11aaf6;
        border-radius: 10px;
    }

    .transfer-booking-pg.carhire .transfer-booking-header {
        width: 100%;
        float: left;
        position: relative;
    }

        .transfer-booking-pg.carhire .transfer-booking-header .heading {
            width: 100%;
            float: left;
            font-size: 30px;
            color: #15bdcc;
            padding: 10px 0 10px 0;
        }

        .transfer-booking-pg.carhire .transfer-booking-header .detail {
            display: inline-block;
            font-size: 14px;
            color: #777777;
        }

            .transfer-booking-pg.carhire .transfer-booking-header .detail .bold {
                color: #444444;
                font-weight: 600;
            }

            .transfer-booking-pg.carhire .transfer-booking-header .detail .d_block_xs {
                display: none;
            }

        .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 20px;
        }

            .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup li {
                display: inline-block;
            }

                .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup li .login {
                    float: left;
                    background: #0099ff;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup li .signup {
                    float: left;
                    background: #515151;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup li .text1 {
                    padding: 5px 15px;
                    float: left;
                    font-size: 16px;
                }

    .transfer-booking-pg.carhire .transfer-booking-content-full {
        width: 100%;
        float: left;
        border-radius: 5px;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
        margin-bottom: 30px;
    }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel {
            width: 100%;
            float: left;
            padding: 0 0px;
            background: #fff;
            margin-bottom: 30px;
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel:hover {
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header {
                width: 100%;
                float: left;
                padding: 5px 10px;
                border-bottom: 1px dashed #91b6da;
            }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .title {
                    float: left;
                    font-size: 16px;
                    color: #15bdcc;
                    font-weight: 600;
                    margin-top: 3px;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .title .icon {
                        width: auto;
                        float: left;
                        margin-top: 0px;
                        margin-right: 10px;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .title .icon img {
                            width: 30px;
                            float: left;
                        }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .rext-text {
                    float: right;
                    font-size: 12px;
                    color: #ff9a9a;
                    margin-top: 6px;
                }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .dropdown-link {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 4px;
                    cursor: pointer;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                    margin-left: 10px;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"] {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        color: #000;
                    }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header {
                width: 100%;
                float: left;
                background: #e2e2e2;
                padding: 10px 10px;
                border-bottom: 0px dashed #91b6da;
            }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .title {
                    float: left;
                    font-size: 16px;
                    color: #16528e;
                    font-weight: 600;
                    margin-top: 3px;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .title .icon {
                        width: auto;
                        float: left;
                        margin-top: 0px;
                        margin-right: 10px;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .title .icon img {
                            width: 30px;
                            float: left;
                        }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .rext-text {
                    float: right;
                    font-size: 12px;
                    color: #16528e;
                    margin-top: 6px;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .rext-text.fare-rules {
                        font-weight: bold;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .rext-text.fare-rules i {
                            font-weight: bold;
                        }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .dropdown-link {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 4px;
                    cursor: pointer;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                    margin-left: 10px;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"] {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        color: #000;
                    }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content {
                width: 100%;
                float: left;
                background: #fff;
                padding: 0;
            }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box {
                    padding: 10px 10px;
                    display: table;
                    width: 100%;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .img-panel {
                        width: 40%;
                        float: left;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .img-panel img {
                            width: 100%;
                            height: auto;
                            padding: 20px 20px;
                        }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel {
                        width: 60%;
                        float: left;
                        padding-left: 20px;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .car-type {
                            width: 100%;
                            float: left;
                            color: #ff9900;
                            font-weight: 600;
                            font-size: 18px;
                        }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .car-name {
                            width: 100%;
                            float: left;
                            color: #444444;
                            margin-bottom: 15px;
                            font-weight: 600;
                        }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .position-relative {
                            position: relative;
                            width: 100%;
                            float: left;
                        }

                            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .position-relative .icon {
                                position: absolute;
                                top: 0px;
                                left: 0px;
                                font-size: 20px;
                                color: rgb(237,129,49);
                            }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .position-relative .icon img {
                                    margin-top: -10px;
                                    width: 20px;
                                }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .text1 {
                            width: 100%;
                            float: left;
                            color: #999;
                            margin-bottom: 5px;
                            padding-left: 25px;
                        }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip {
                        width: 100%;
                        float: left;
                        border-top: 1px dashed #dddddd;
                        padding-top: 8px;
                        margin-top: 8px;
                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip {
                        width: 100%;
                        float: left;
                        border-top: 1px dashed #dddddd;
                        padding-top: 8px;
                        margin-top: 8px;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip {
                            width: 100%;
                            float: left;
                            text-align: center;
                            margin-bottom: 0px;
                            list-style: none;
                        }

                            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li {
                                color: #999;
                                display: inline-block;
                            }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .icon {
                                    display: inline;
                                    vertical-align: middle;
                                    margin-right: 2px;
                                }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .icon img {
                                        width: 24px;
                                    }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li:nth-child(1) {
                                    text-align: left;
                                    float: left;
                                }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li:nth-last-child(1) {
                                    text-align: right;
                                    float: right;
                                }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .text1 {
                                    color: #777;
                                    font-weight: 500;
                                }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .text1.cust_arrow {
                                        cursor: pointer;
                                        -webkit-touch-callout: none;
                                        -webkit-user-select: none;
                                        -khtml-user-select: none;
                                        -moz-user-select: none;
                                        -ms-user-select: none;
                                        user-select: none;
                                    }

                                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .text1.cust_arrow::after {
                                            content: "\f106";
                                            font-family: FontAwesome;
                                        }

                                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .text1.cust_arrow.collapsed::after {
                                            content: "\f107";
                                            font-family: FontAwesome;
                                        }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .card {
                            border: 1px solid #e6e6e6;
                            margin-top: 5px;
                            padding: 5px 10px;
                            font-size: 13px;
                            text-align: justify;
                            color: #444444;
                            background: #fbfbfb;
                            max-height: 200px;
                            overflow-y: auto;
                        }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon {
                        margin: 0;
                        padding: 0;
                        width: 100%;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li {
                            float: left;
                            list-style: none;
                            border-bottom: 1px dashed #bfbfbf;
                            padding: 5px 0;
                            width: 100%;
                        }

                            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li:last-child {
                                border: 0;
                            }

                            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box {
                                float: left;
                                background: #f5f5f5;
                                padding: 10px;
                                margin: 5px 0;
                                width: 100%;
                            }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box1 {
                                    width: 80%;
                                    float: left;
                                    padding: 10px;
                                    display: flex;
                                }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box1 .ddl1 {
                                        float: left;
                                        border: 1px solid #dddddd;
                                        width: 100%;
                                        max-width: 100px;
                                        height: 40px;
                                        line-height: 40px;
                                        padding: 0 10px;
                                        border-radius: 5px;
                                        outline: none;
                                        text-transform: capitalize;
                                    }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box2 {
                                    float: left;
                                    padding: 0 10px 0 20px;
                                }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box2 .heading {
                                        margin: 0 0 10px 0;
                                        font-size: 16px;
                                        font-weight: 600;
                                        color: #111111;
                                    }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box2 .cont {
                                        margin: 0;
                                        font-size: 13px;
                                        color: #777777;
                                    }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 {
                                    width: 20%;
                                    float: left;
                                    padding: 10px;
                                }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 .btn_add {
                                        padding: 0 10px;
                                        height: 40px;
                                        line-height: 40px;
                                        width: 100%;
                                        max-width: 150px;
                                        display: block;
                                        margin: 0 auto;
                                        text-align: center;
                                        border-radius: 5px;
                                        border: 0;
                                        background: #16528e;
                                        font-size: 16px;
                                        font-weight: 600;
                                        color: #ffffff;
                                        outline: none;
                                        letter-spacing: 0.4px;
                                        cursor: pointer;
                                    }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 .btn_remove {
                                        padding: 0 10px;
                                        height: 40px;
                                        line-height: 40px;
                                        width: 100%;
                                        max-width: 150px;
                                        display: block;
                                        margin: 0 auto;
                                        text-align: center;
                                        border-radius: 5px;
                                        border: 0;
                                        background: #d64443;
                                        font-size: 16px;
                                        font-weight: 600;
                                        color: #ffffff;
                                        outline: none;
                                        letter-spacing: 0.4px;
                                        cursor: pointer;
                                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .paragr {
                        font-size: 13px;
                        color: #777777;
                        margin: 5px 0;
                        border-top: 1px solid #dddddd;
                        padding: 8px 0 0 0;
                    }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel {
                    width: 100%;
                    float: left;
                    padding: 0 10px;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .tras-title {
                        font-weight: normal;
                        color: #16528e;
                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .checkbox-inline {
                        margin-bottom: 15px;
                    }




                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel {
                    width: 100%;
                    float: left;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
                        width: 10%;
                        float: left;
                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
                        width: 32%;
                        float: left;
                        padding-left: 10px;
                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box3 {
                        width: 35%;
                        float: left;
                        padding-left: 10px;
                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
                        width: 30%;
                        float: left;
                        padding-left: 10px;
                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5 {
                        width: 32%;
                        float: left;
                        padding-left: 0px;
                    }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .box-panel .form-control {
                    border-radius: 5px !important;
                    padding: 0 8px;
                }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .box-panel .select2-container--default .select2-selection--single {
                    border-radius: 5px !important;
                    border: 1px solid #c5c5c5 !important;
                }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel {
                    width: 100%;
                    float: left;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .title {
                        float: left;
                        margin-top: 18px;
                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box {
                        float: left;
                        padding-left: 20px;
                        margin: 10px 0 20px 0;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control {
                            float: left;
                            width: 200px;
                        }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box .input-btn {
                            float: left;
                            line-height: 34px;
                            width: 60px;
                            text-align: center;
                            background: #16528e;
                            color: #fff;
                            border: 0px;
                            outline: none;
                            border-radius: 5px;
                        }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel {
                    width: 100%;
                    float: left;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im {
                        width: 30%;
                        float: left;
                        position: relative;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im img {
                            width: 100%;
                            height: auto;
                            border-radius: 5px;
                        }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im .title {
                            position: absolute;
                            left: 0px;
                            bottom: 5px;
                            width: 100%;
                            padding: 0 10px;
                            float: left;
                            font-size: 12px;
                            text-align: center;
                            color: #fff;
                        }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail {
                        width: 70%;
                        float: left;
                        padding-left: 20px;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel {
                            width: 100%;
                            min-height: 82px;
                            float: left;
                            position: relative;
                            padding-right: 170px;
                            margin-top: 20px;
                        }

                            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel {
                                position: absolute;
                                top: 0px;
                                right: 0px;
                                width: 160px;
                                float: left;
                                font-size: 12px;
                                color: #999;
                            }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel .heading {
                                    width: 100%;
                                    float: left;
                                    font-size: 16px;
                                    color: #16528e;
                                    text-align: left;
                                    padding: 5px 0;
                                    font-weight: 600;
                                }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel .text1 {
                                    width: 100%;
                                    float: left;
                                    font-size: 12px;
                                    padding: 4px 0;
                                    color: #16528e;
                                }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel .text1 .icon {
                                        width: 20px;
                                        float: left;
                                        color: #000;
                                    }

                            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information {
                                width: 100%;
                                float: left;
                            }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .main-heading {
                                    width: 100%;
                                    float: left;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #000;
                                    margin-bottom: 10px;
                                }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .text1 {
                                    width: 100%;
                                    float: left;
                                    margin-bottom: 0px;
                                }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .text1 .heading {
                                        font-weight: 600;
                                    }

                                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .time {
                                    width: 100%;
                                    float: left;
                                    padding: 4px 0;
                                }

                                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .time .icon {
                                        width: 20px;
                                        float: left;
                                        color: #000;
                                    }


    .transfer-booking-pg.carhire .booking-sidebar-full {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        margin-top: 0px;
    }

        .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel {
            width: 100%;
            float: left;
            border: 1px solid #d1d1d1;
            margin-top: 0px;
        }

            .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .header {
                width: 100%;
                float: left;
                font-size: 16px;
                font-weight: bold;
                background: #e2e2e2;
                color: #16528e;
                padding: 10px 15px;
            }

            .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content {
                width: 100%;
                float: left;
                background: #ffffff;
                padding: 10px 15px;
            }

                .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel {
                    width: 100%;
                    float: left;
                    margin: 3px 0;
                    color: #666;
                    cursor: default;
                }

                    .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel {
                        float: left;
                        text-align: left;
                    }

                        .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .text {
                            font-weight: 600;
                        }

                        .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .traveler {
                            font-weight: normal;
                        }

                        .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon {
                            font-weight: normal;
                        }

                        .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon {
                            transition: 0.3s;
                            -webkit-transition: 0.3s;
                            display: inline-block;
                        }

                    .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel[aria-expanded="true"] .titel .icon {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                    }

                    .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .price {
                        float: right;
                        text-align: right;
                    }

                        .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .price .icon {
                        }

                        .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .price .value {
                        }

                .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full {
                    width: 100%;
                    float: left;
                    background: #e2e2e2;
                    padding: 5px 10px;
                    margin: 7px 0;
                }

                    .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel {
                        width: 100%;
                        float: left;
                        margin-bottom: 0px;
                        font-size: 13px;
                        color: #666;
                        padding-bottom: 5px;
                    }

                        .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .text {
                            float: left;
                            text-align: left;
                        }

                        .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .price {
                            float: right;
                            text-align: right;
                        }

                .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .line-full {
                    width: 100%;
                    height: 1px;
                    float: left;
                    background: #e2e2e2;
                    margin: 10px 0 10px 0;
                }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content {
        width: 100%;
        float: left;
        background: #fff;
        padding: 10px 10px;
    }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form {
            width: 100%;
            float: left;
            position: relative;
            padding-left: 90px;
        }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-title {
                width: 90px;
                float: left;
                color: #16528e;
                position: absolute;
                top: 8px;
                left: 0px;
                font-weight: normal;
            }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-control {
                border: 1px solid #c5c5c5;
                height: 34px;
                transition: 0.5s;
                -webkit-transition: 0.5s;
            }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-control:focus {
                    border: 1px solid #1875f0;
                }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form select.form-control {
                line-height: 36px;
            }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form textarea.form-control {
                height: auto;
            }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-group {
                width: 100%;
                float: left;
            }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .checkbox-inline {
            float: left;
            color: #16528e;
        }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .checkbox-inline .link {
                text-decoration: underline;
                font-weight: 600;
            }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .redirect-text {
            width: 100%;
            float: left;
            margin: 20px 0;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .payment-icon {
            margin-top: 30px;
            width: 100%;
            float: left;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full {
            margin: 30px 0;
            width: 100%;
            float: left;
        }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer {
                width: 200px;
                float: right;
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn {
                    width: 100%;
                    float: left;
                    text-align: center;
                    padding: 5px 0;
                    margin-top: 10px;
                    background: #e54b4b;
                    color: #fff;
                    border-radius: 5px;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1 {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 12px;
                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2 {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 18px;
                    }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3 {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 16px;
                    }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel {
            width: 100%;
            float: left;
            padding: 0 10px;
        }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .tras-title {
                font-weight: normal;
                color: #16528e;
            }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .checkbox-inline {
                margin-bottom: 15px;
            }



    /*--popup--*/
    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-content {
        width: 100%;
        float: left;
        max-height: 800px;
        overflow: auto;
        font-family: 'Montserrat', sans-serif !important;
    }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-body {
        width: 100%;
        float: left;
        padding: 0px;
    }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-header {
        display: none;
    }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .close {
        outline: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        position: absolute;
        right: 30px;
        background: #999;
        color: #fff;
        opacity: 1;
        z-index: 1;
    }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .close:hover {
            background: #666;
        }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup {
        width: 100%;
        float: left;
        background: #fff;
        padding: 15px;
    }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel {
            width: 100%;
            float: left;
            padding: 15px 0;
        }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 {
                width: 100%;
                float: left;
                font-size: 22px;
                border-bottom: 1px solid #ccc;
                font-weight: 400;
                color: #16528e;
                line-height: 1.5em;
                margin-top: 0px;
            }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 span {
                    width: auto;
                    float: left;
                    border-bottom: 2px solid #15bdcc;
                }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel {
            width: 100%;
            float: left;
        }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel p {
                width: 100%;
                float: left;
                color: #181818;
                margin-bottom: 5px;
                text-align: justify;
            }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel {
                width: 100%;
                float: left;
                font-size: 13px;
                margin-bottom: 20px;
            }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel h6 {
                    width: 100%;
                    float: left;
                    font-size: 16px;
                    background: #16528e;
                    color: #fff;
                    margin: 0px;
                    padding: 10px 15px;
                }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail {
                    width: 100%;
                    float: left;
                    list-style: none;
                    padding: 10px 15px;
                    margin-bottom: 0px;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail li {
                        width: 100%;
                        float: left;
                        color: #181818;
                        margin-bottom: 5px;
                    }

                .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job {
                    width: 100%;
                    float: left;
                    list-style: none;
                    padding: 10px 15px;
                    margin-bottom: 0px;
                }

                    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li {
                        width: 100%;
                        float: left;
                        color: #181818;
                        margin-bottom: 5px;
                    }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .title {
                            font-weight: 800;
                            padding-right: 10px;
                        }

                        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .detail {
                            font-weight: normal;
                        }

/*-----Responsive----*/

@media screen and (min-width:320px) and (max-width:767px) {
    .transfer-booking-pg.carhire .transfer-booking-header-full {
        padding: 5px 15px;
    }

    .transfer-booking-pg.carhire .transfer-booking-header .heading {
        font-size: 20px;
    }

    .transfer-booking-pg.carhire .transfer-booking-header .detail .d_block_xs {
        display: block;
    }

    .transfer-booking-pg.carhire .backto-result {
        display: none;
    }

    .transfer-booking-pg.carhire .transfer-booking-content-full {
        margin-bottom: 0px;
    }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .img-panel {
            width: 100%;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel {
            width: 100%;
            float: left;
            padding-left: 0;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li {
            display: block;
            width: 100%;
            float: left;
            text-align: left;
            margin: 5px 0;
        }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li:nth-last-child(1) {
                text-align: left;
                float: left;
            }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box {
            padding: 0;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel {
            padding: 0 5px;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box1 {
            width: 100%;
            padding: 5px;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box2 {
            padding: 0 0 0 10px;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 {
            width: 100%;
            padding: 5px;
        }

            .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 .btn_remove {
                margin-top: 10px;
            }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
            width: 100%;
            padding-left: 0;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
            width: 100%;
            padding-left: 0;
        }

        .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
            width: 100%;
            padding-left: 0;
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
        width: 20%;
    }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
        width: 40%;
    }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
        width: 40%;
    }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 {
        padding: 10px 0;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
        width: 20%;
    }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
        width: 40%;
    }

    .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
        width: 40%;
    }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
}


/*  ---------------CAR HIRE BOOKING PAGE---------------- */
.car-hire-booking-popup .modal-dialog {
    width: auto;
    max-width: 1000px;
}

    .car-hire-booking-popup .modal-dialog .contact_us_bg {
        padding: 0px 0;
    }

.car-hire-booking-popup .home_external_page header {
    font-weight: 800;
    text-decoration: underline;
    line-height: 25px;
    position: relative;
}
/*  ---------------CAR HIRE BOOKING PAGE---------------- */

/* CARHIRE BOOKING end */



/*======= TRANSFER RESULT =======*/
.transfer-result {
    width: 100%;
    float: left;
}

    .transfer-result .header {
        width: 100%;
        float: left;
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .transfer-result .header .result-found {
            position: absolute;
            top: 0px;
            left: 0px;
            font-size: 14px;
            color: #333;
        }

        .transfer-result .header .back-btn {
            position: absolute;
            top: -5px;
            right: 0px;
            width: 132px;
            padding: 5px 0;
            color: #15bdcc;
            background: #fff;
            text-align: center;
            border: 1px solid #15bdcc;
            border-radius: 10px;
        }

        .transfer-result .header .detail {
            width: 100%;
            float: left;
            text-align: center;
            color: #16528e;
            padding: 0 135px 0 135px;
        }

            .transfer-result .header .detail .pickup {
                color: #333;
                font-weight: 600;
            }

            .transfer-result .header .detail .icon {
                width: auto;
                padding: 0 15px;
            }

        .transfer-result .header.display-flex {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }

            .transfer-result .header.display-flex .result-found {
                position: static;
                display: flex;
                width: 170px;
            }

            .transfer-result .header.display-flex .back-btn {
                position: static;
                display: flex;
                width: 135px;
                justify-content: center;
                align-items: center;
            }

            .transfer-result .header.display-flex .detail {
                width: auto;
                display: flex;
                align-items: center;
                padding: 0px;
                margin-bottom: 0px;
            }

                .transfer-result .header.display-flex .detail .departure {
                    width: auto;
                    display: flex;
                }

                .transfer-result .header.display-flex .detail .icon {
                    width: auto;
                    display: flex;
                }

                .transfer-result .header.display-flex .detail .return {
                    width: auto;
                    display: flex;
                }

@media only screen and (min-width: 320px) and (max-width:767px) {
    .transfer-result .header.display-flex {
        justify-content: center;
        margin-bottom: 10px;
    }

        .transfer-result .header.display-flex .result-found {
            width: 100%;
            justify-content: center;
        }

        .transfer-result .header.display-flex .detail {
            width: 100%;
            flex-wrap: wrap;
            flex-direction: column;
            margin: 10px 0;
        }

            .transfer-result .header.display-flex .detail .icon {
                margin: 5px 0;
            }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .transfer-result .header.display-flex .detail .icon {
        margin: 5px 0;
    }

    .transfer-result .header.display-flex .detail {
        width: calc(100% - 340px);
        flex-direction: column;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .transfer-result .header.display-flex .detail {
        width: calc(100% - 340px);
    }
}


.transfer-result .sidebar {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .transfer-result .sidebar .advance-search {
        width: 100%;
        float: left;
        padding: 10px;
        background: #16528e !important;
    }

        .transfer-result .sidebar .advance-search .update-result {
            margin-bottom: 10px;
            font-weight: 600;
        }

        .transfer-result .sidebar .advance-search .ul-radiobtn {
            width: 100%;
            float: left;
            margin-bottom: 15px;
            list-style: none;
            border-radius: 5px;
            overflow: hidden;
        }

            .transfer-result .sidebar .advance-search .ul-radiobtn li {
                width: 50%;
                float: left;
                font-size: 12px;
                color: #333;
                padding: 5px 0;
                text-align: center;
                background: #ededed;
                cursor: pointer;
            }

                .transfer-result .sidebar .advance-search .ul-radiobtn li.active {
                    background: #ff9900;
                    color: #fff;
                }

        .transfer-result .sidebar .advance-search .form-group {
            width: 100%;
            float: left;
        }

            .transfer-result .sidebar .advance-search .form-group input {
                width: 100%;
                background: #fff;
                padding: 5px 10px;
                float: left;
                font-size: 12px;
                color: #000;
                height: 34px;
                border: none;
                padding-left: 20px;
                border-radius: 0px;
            }

            .transfer-result .sidebar .advance-search .form-group input,
            .transfer-result .sidebar .advance-search .form-group select {
                border-radius: 5px;
            }

            .transfer-result .sidebar .advance-search .form-group select {
                border-radius: 5px;
                padding-right: 0px;
            }

        .transfer-result .sidebar .advance-search .input-search-btn {
            width: 100%;
            float: left;
            text-align: center;
            color: #fff;
            padding: 8px 10px;
            margin: 10px 0px;
            border: none;
            background: #15bdcc;
            border-radius: 5px;
        }

        .transfer-result .sidebar .advance-search p {
            color: #fff;
        }

        .transfer-result .sidebar .advance-search label {
            color: #fff;
            font-weight: normal;
        }

        .transfer-result .sidebar .advance-search .form-group span {
            position: relative;
            float: left;
            width: 100%;
        }

            .transfer-result .sidebar .advance-search .form-group span:before {
                font-family: FontAwesome;
                font-size: 12px;
                height: 10px;
                left: 4px;
                position: absolute;
                top: 10px;
                width: 10px;
                z-index: 1;
                color: #666;
            }

            .transfer-result .sidebar .advance-search .form-group span.date:before {
                content: "\f073";
            }

            .transfer-result .sidebar .advance-search .form-group span.time:before {
                content: "\f017";
            }

    /*.transfer-result .sidebar .filter{border: 1px solid #0099ff;}
.transfer-result .sidebar .filter>h4{color:#0099ff;}
.transfer-result .sidebar .filter .panel-default > .panel-heading a{ color:#333;}*/
    .transfer-result .sidebar .filter .info-panel {
        width: 100%;
        float: left;
        position: relative;
        padding-left: 20px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

        .transfer-result .sidebar .filter .info-panel .im {
            width: 15px;
            position: absolute;
            top: 5px;
            left: 0px;
            font-size: 20px;
        }

        .transfer-result .sidebar .filter .info-panel .servie {
            width: 100%;
            float: left;
            color: #333;
        }

            .transfer-result .sidebar .filter .info-panel .servie .text1 {
                width: 100%;
                float: left;
                color: #15bdcc;
                text-decoration: underline;
                font-size: 12px;
            }

            .transfer-result .sidebar .filter .info-panel .servie .text2 {
                width: 100%;
                float: left;
                line-height: 15px;
                font-size: 12px;
            }

@media only screen and (min-width: 320px) and (max-width:767px) {
    .container-full .transfer-result .filter-panel {
        border: 0px solid #71a7c4;
    }
}

.transfer-result .result-panel {
    width: 100%;
    float: left;
    background: #16528e;
    padding: 20px 20px 5px 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}

    .transfer-result .result-panel .result {
        width: 100%;
        float: left;
        background: #fff;
        padding: 10px 15px;
        border-radius: 5px;
        margin-bottom: 15px;
    }

        .transfer-result .result-panel .result .img-panel {
            width: 30%;
            float: left;
        }

            .transfer-result .result-panel .result .img-panel img {
                width: 100%;
                height: auto;
                padding: 20px 20px;
            }

        .transfer-result .result-panel .result .detail-panel {
            width: 40%;
            float: left;
        }

        .transfer-result .result-panel .result .price-panel {
            width: 30%;
            float: left;
        }

        .transfer-result .result-panel .result .detail-panel .car-type {
            width: 100%;
            float: left;
            color: #15bdcc;
            font-weight: 600;
        }

        .transfer-result .result-panel .result .detail-panel .car-name {
            width: 100%;
            float: left;
            color: #999;
            margin-bottom: 15px;
        }

        .transfer-result .result-panel .result .detail-panel .position-relative {
            position: relative;
            width: 100%;
            float: left;
        }

            .transfer-result .result-panel .result .detail-panel .position-relative .icon {
                position: absolute;
                top: 0px;
                left: 0px;
                font-size: 20px;
                color: rgb(237,129,49);
            }

                .transfer-result .result-panel .result .detail-panel .position-relative .icon img {
                    margin-top: -10px;
                    width: 20px;
                }

        .transfer-result .result-panel .result .detail-panel .text1 {
            width: 100%;
            float: left;
            color: #999;
            margin-bottom: 5px;
            padding-left: 25px;
        }

        .transfer-result .result-panel .result .price-panel .price-text {
            width: 100%;
            float: right;
            font-size: 12px;
            color: #034262;
            text-align: right;
        }
        /*.transfer-result .result-panel .result .price-panel .price{width:100%; float:right; font-size:26px; font-weight:bold; color:#034262; text-align:right;}*/
        .transfer-result .result-panel .result .price-panel .price {
            width: 100%;
            float: right;
            text-align: right;
            font-size: 30px;
            font-weight: bold;
            color: #0f3661;
        }

            .transfer-result .result-panel .result .price-panel .price span {
                color: #15bdcc;
                margin-right: 5px;
            }
        /*.transfer-result .result-panel .result .price-panel .book-now-btn{ width:150px; float:right; text-align:center; padding:5px 15px; font-size:12px; background:#0099ff; color:#fff; border-radius:10px; margin-bottom:10px;}*/
        .transfer-result .result-panel .result .price-panel .book-now-btn {
            width: auto;
            float: right;
            padding: 5px 10px;
            margin-top: 10px;
            text-align: center;
            font-size: 14px;
            border: 1px solid #13becd;
            border-radius: 5px;
            color: #fff;
            outline: 0px;
            background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
            background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
        }

            .transfer-result .result-panel .result .price-panel .book-now-btn:hover {
                background: linear-gradient( #15bdcc 50%, #41d8e5 50%);
                background: -webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);
            }

        .transfer-result .result-panel .result .price-panel .pay-letter-btn {
            width: 150px;
            float: right;
            text-align: center;
            padding: 5px 0px;
            font-size: 12px;
            font-weight: 600;
            border: 1px solid #ccc;
            color: #999;
            border-radius: 10px;
            margin-bottom: 10px;
        }

            .transfer-result .result-panel .result .price-panel .pay-letter-btn span {
                color: #ff9900;
            }

        .transfer-result .result-panel .result .bottom-strip {
            width: 100%;
            float: left;
        }

            .transfer-result .result-panel .result .bottom-strip .ul-bot-strip {
                width: 100%;
                float: left;
                text-align: center;
                margin-bottom: 0px;
                list-style: none;
            }

                .transfer-result .result-panel .result .bottom-strip .ul-bot-strip li {
                    color: #999;
                    display: inline-block;
                    cursor: pointer;
                }

                    .transfer-result .result-panel .result .bottom-strip .ul-bot-strip li a {
                        color: #339900;
                    }

                    .transfer-result .result-panel .result .bottom-strip .ul-bot-strip li:nth-child(1) {
                        text-align: left;
                        float: left;
                    }

                    .transfer-result .result-panel .result .bottom-strip .ul-bot-strip li:nth-last-child(1) {
                        text-align: right;
                        float: right;
                    }

@media only screen and (min-width: 320px) and (max-width:767px) {
    .transfer-result .result-panel .result .price-panel .book-now-btn {
        padding: 5px 5px;
        font-size: 12px;
    }
}

/* TRANSFER PAYMENT PAGE */
.transfer-payment-pg {
    width: 100%;
    float: left;
}

    .transfer-payment-pg .trans-payment-header {
        width: 100%;
        float: left;
        position: relative;
    }

        .transfer-payment-pg .trans-payment-header .ul-loginsignup {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 20px;
        }

            .transfer-payment-pg .trans-payment-header .ul-loginsignup li {
                display: inline-block;
            }

                .transfer-payment-pg .trans-payment-header .ul-loginsignup li .login {
                    float: left;
                    background: #0099ff;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 15px;
                }

                .transfer-payment-pg .trans-payment-header .ul-loginsignup li .signup {
                    float: left;
                    background: #515151;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 15px;
                }

                .transfer-payment-pg .trans-payment-header .ul-loginsignup li .text1 {
                    padding: 5px 15px;
                    float: left;
                    font-size: 16px;
                }

        .transfer-payment-pg .trans-payment-header .ul-social {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 20px;
        }

            .transfer-payment-pg .trans-payment-header .ul-social li {
                display: inline-block;
                width: 30%;
                float: left;
                background: #415eae;
                cursor: pointer;
                margin-right: 10px;
                box-shadow: 0px 2px 2px 0px #9c9999;
                -webkit-box-shadow: 0px 2px 2px 0px #9c9999;
            }

                .transfer-payment-pg .trans-payment-header .ul-social li a {
                    width: 100%;
                    float: left;
                    padding: 7px 0;
                    text-align: center;
                    color: #fff;
                }

                .transfer-payment-pg .trans-payment-header .ul-social li:nth-child(2) {
                    background: #fff;
                }

                .transfer-payment-pg .trans-payment-header .ul-social li:nth-child(3) {
                    background: #32b0ed;
                }

                .transfer-payment-pg .trans-payment-header .ul-social li:nth-child(2) a {
                    color: #333;
                }

        .transfer-payment-pg .trans-payment-header .continue {
            width: 30%;
            float: left;
            padding: 7px 0;
            text-align: center;
            background: #fdaf11;
            margin-top: 0px;
            color: #333;
            font-weight: 600;
            box-shadow: 0px 2px 2px 0px #9c9999;
            -webkit-box-shadow: 0px 2px 2px 0px #9c9999;
        }

        .transfer-payment-pg .trans-payment-header .backto-result {
            padding: 5px 10px;
            float: right;
            margin-top: 15px;
            color: #15bdcc;
            background: #fff;
            text-align: center;
            border: 1px solid #15bdcc;
            border-radius: 10px;
        }

        .transfer-payment-pg .trans-payment-header .transfer-car {
            width: 100%;
            float: left;
            background: #fff;
            padding: 10px;
            margin-top: 10px;
        }

            .transfer-payment-pg .trans-payment-header .transfer-car .im {
                width: 100%;
                float: left;
                padding: 0 20px;
            }

                .transfer-payment-pg .trans-payment-header .transfer-car .im img {
                    width: 100%;
                    height: auto;
                }

            .transfer-payment-pg .trans-payment-header .transfer-car .text1 {
                width: 100%;
                float: left;
                text-align: left;
                font-size: 14px;
                color: #15bdcc;
            }

            .transfer-payment-pg .trans-payment-header .transfer-car .text2 {
                width: 100%;
                float: left;
                text-align: left;
                font-size: 14px;
                color: #999;
            }

    .transfer-payment-pg .trans-payment-header {
        width: 100%;
        float: left;
        padding: 0 30px;
        margin-bottom: 30px;
    }

        .transfer-payment-pg .trans-payment-header .hotel-booking-header2 {
            width: 100%;
            float: left;
            position: relative;
        }

            .transfer-payment-pg .trans-payment-header .hotel-booking-header2 .heading {
                width: 100%;
                float: left;
                font-size: 30px;
                color: #15bdcc;
                padding: 10px 0 10px 0;
            }

        .transfer-payment-pg .trans-payment-header .backto-result {
            padding: 5px 10px;
            float: right;
            margin-top: 15px;
            color: #15bdcc;
            background: #fff;
            text-align: center;
            border: 1px solid #15bdcc;
            border-radius: 10px;
        }


    .transfer-payment-pg .content-panel {
        width: 100%;
        float: left;
        background: #16528e;
        padding: 20px 20px 5px 20px;
        border-radius: 5px;
        margin-top: 0px;
        margin-bottom: 30px;
    }

        .transfer-payment-pg .content-panel .passenger-info {
            width: 100%;
            float: left;
            margin-bottom: 15px;
            background: #fff;
            border-radius: 5px;
            overflow: hidden;
            border: 1px solid #c5c5c5;
        }

            .transfer-payment-pg .content-panel .passenger-info .header {
                width: 100%;
                float: left;
                background: #f3f3f3;
                padding: 5px 10px;
                border-bottom: 1px solid #c5c5c5;
            }

                .transfer-payment-pg .content-panel .passenger-info .header .heading {
                    float: left;
                    color: #333;
                    font-weight: 600;
                }

                    .transfer-payment-pg .content-panel .passenger-info .header .heading .icon img {
                        width: 30px;
                    }

                .transfer-payment-pg .content-panel .passenger-info .header .field-requied {
                    float: right;
                    font-size: 12px;
                    text-align: right;
                    color: #15bdcc;
                    margin-top: 3px;
                }

            .transfer-payment-pg .content-panel .passenger-info .detail {
                width: 100%;
                float: left;
                padding: 10px;
            }

                .transfer-payment-pg .content-panel .passenger-info .detail .pass-form {
                    width: 100%;
                    float: left;
                    position: relative;
                    padding-left: 100px;
                }

                    .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-title {
                        width: 100px;
                        float: left;
                        position: absolute;
                        top: 6px;
                        left: 0px;
                        font-weight: normal;
                    }

                    .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-control {
                        border: 1px solid #c5c5c5;
                        background: #f3f3f3;
                    }

                    .transfer-payment-pg .content-panel .passenger-info .detail .pass-form select.form-control {
                        line-height: 28px;
                        background: #f3f3f3;
                    }

                    .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-group {
                        width: 100%;
                        float: left;
                    }

                        .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-group.dob .dobinput {
                            width: 50px;
                            float: left;
                            margin-right: 10px;
                            padding: 0 0px;
                            text-align: center;
                        }

                        .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-group.dob .age-text {
                            float: left;
                            line-height: 34px;
                        }

                        .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-group.dob .ageinput {
                            width: 50px;
                            float: right;
                            margin-right: 0px;
                            padding: 0 0px;
                            text-align: center;
                        }

                    .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .note-text {
                        float: left;
                        color: #15bdcc;
                    }

                .transfer-payment-pg .content-panel .passenger-info .detail .payment-icon {
                    margin-top: 30px;
                    width: 100%;
                    float: left;
                }

                .transfer-payment-pg .content-panel .passenger-info .detail .redirect-text {
                    width: 100%;
                    float: left;
                    margin: 20px 0;
                }

                .transfer-payment-pg .content-panel .passenger-info .detail .term-condition-full {
                    margin: 30px 0;
                    width: 100%;
                    float: left;
                }

                .transfer-payment-pg .content-panel .passenger-info .detail .confirm-booking {
                    width: 250px;
                    float: right;
                    background: #15bdcc;
                    color: #fff;
                    margin-top: 20px;
                    padding: 5px 0;
                    border-radius: 5px;
                }

                    .transfer-payment-pg .content-panel .passenger-info .detail .confirm-booking .text1 {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 12px;
                    }

                    .transfer-payment-pg .content-panel .passenger-info .detail .confirm-booking .text2 {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 20px;
                        font-weight: 600;
                    }

                    .transfer-payment-pg .content-panel .passenger-info .detail .confirm-booking .text3 {
                        width: 100%;
                        float: left;
                        text-align: center;
                        font-size: 18px;
                    }


    .transfer-payment-pg .payment-sidebar {
        width: 100%;
        float: left;
    }

        .transfer-payment-pg .payment-sidebar .itinerary-panel {
            width: 100%;
            float: left;
            background: #16528e;
            padding: 10px;
            margin-top: 0px;
        }

            .transfer-payment-pg .payment-sidebar .itinerary-panel .header {
                width: 100%;
                min-height: 60px;
                float: left;
                padding: 0px 0px;
                position: relative;
                padding-left: 90px;
                margin-bottom: 15px;
            }

                .transfer-payment-pg .payment-sidebar .itinerary-panel .header .image-panel {
                    width: 80px;
                    float: left;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                }

                    .transfer-payment-pg .payment-sidebar .itinerary-panel .header .image-panel img {
                        width: 100%;
                        height: 60px;
                        border-radius: 5px;
                    }

                .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel {
                    width: 100%;
                    float: left;
                }

                    .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel .titel {
                        width: 100%;
                        float: left;
                        font-size: 15px;
                        color: #fff;
                    }

                    .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel .city {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                        color: #fff;
                    }

                    .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel .star-rating {
                        width: 100px;
                        float: left;
                        margin-left: 0px;
                        margin-top: 0px;
                    }

                        .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel .star-rating img {
                            width: 100%;
                            height: auto;
                        }

            .transfer-payment-pg .payment-sidebar .itinerary-panel .title {
                float: left;
                font-size: 16px;
                color: #fff;
            }

            .transfer-payment-pg .payment-sidebar .itinerary-panel .edit-btn {
                float: right;
                font-size: 12px;
                color: #fff;
                background: #15bdcc;
                padding: 2px 10px;
                border-radius: 10px;
            }

            .transfer-payment-pg .payment-sidebar .itinerary-panel .view-price {
                float: right;
                font-size: 12px;
                color: #ededed;
                margin-top: 5px;
            }

            .transfer-payment-pg .payment-sidebar .itinerary-panel .pay-btn {
                width: 100%;
                float: left;
                text-align: center;
                padding: 5px 0;
                margin-top: 10px;
                background: #15bdcc;
                color: #fff;
                border-radius: 5px;
            }

            .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 25px;
                margin-top: 20px;
            }

                .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .im {
                    width: auto;
                    position: absolute;
                    top: 5px;
                    left: 0px;
                }

                    .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .im img {
                        width: 20px;
                    }

                .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .servie {
                    width: 100%;
                    float: left;
                    color: #fff;
                }

                    .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .servie .text1 {
                        width: 100%;
                        float: left;
                        font-size: 12px;
                    }

                    .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .servie .text2 {
                        width: 100%;
                        float: left;
                        line-height: 15px;
                        font-size: 14px;
                    }

                    .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .servie .text3 {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        margin-top: 5px;
                    }

        .transfer-payment-pg .payment-sidebar .confirm-booking {
            width: 100%;
            float: left;
            background: #15bdcc;
            color: #fff;
            margin-top: 20px;
            padding: 5px 0;
            margin-bottom: 30px;
            border-radius: 5px;
        }

            .transfer-payment-pg .payment-sidebar .confirm-booking .text1 {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 12px;
            }

            .transfer-payment-pg .payment-sidebar .confirm-booking .text2 {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 20px;
                font-weight: 600;
            }

            .transfer-payment-pg .payment-sidebar .confirm-booking .text3 {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 18px;
            }


/* TRANSFER BOOKING PAGE */
.transfer-booking-pg {
    width: 100%;
    float: left;
}

    .transfer-booking-pg .transfer-booking-header-full {
        width: 100%;
        float: left;
        padding: 10px 20px;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .transfer-booking-pg .backto-result {
        width: 135px;
        padding: 5px 10px;
        float: right;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #11aaf6;
        background: #fff;
        text-align: center;
        border: 1px solid #11aaf6;
        border-radius: 10px;
    }

    .transfer-booking-pg .transfer-booking-header {
        width: calc(100% - 135px);
        float: left;
        position: relative;
    }

        .transfer-booking-pg .transfer-booking-header .heading {
            width: 100%;
            float: left;
            font-size: 30px;
            color: #15bdcc;
        }

        .transfer-booking-pg .transfer-booking-header .ul-loginsignup {
            width: 100%;
            float: left;
            list-style: none;
            margin-top: 20px;
        }

            .transfer-booking-pg .transfer-booking-header .ul-loginsignup li {
                display: inline-block;
            }

                .transfer-booking-pg .transfer-booking-header .ul-loginsignup li .login {
                    float: left;
                    background: #0099ff;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .transfer-booking-pg .transfer-booking-header .ul-loginsignup li .signup {
                    float: left;
                    background: #515151;
                    color: #fff;
                    padding: 5px 25px;
                    border-radius: 10px;
                }

                .transfer-booking-pg .transfer-booking-header .ul-loginsignup li .text1 {
                    padding: 5px 15px;
                    float: left;
                    font-size: 16px;
                }


    .transfer-booking-pg .transfer-booking-content-full {
        width: 100%;
        float: left;
        border-radius: 5px;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
        margin-bottom: 30px;
    }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel {
            width: 100%;
            float: left;
            padding: 0 0px;
            background: #fff;
            margin-bottom: 30px;
            border-radius: 5px;
            overflow: hidden;
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
            -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
            transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel:hover {
                -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
                box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header {
                width: 100%;
                float: left;
                padding: 5px 10px;
                border-bottom: 1px dashed #91b6da;
            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title {
                    float: left;
                    font-size: 16px;
                    color: #15bdcc;
                    font-weight: 600;
                    margin-top: 3px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title .icon {
                        width: auto;
                        float: left;
                        margin-top: 0px;
                        margin-right: 10px;
                    }

                        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title .icon img {
                            width: 30px;
                            float: left;
                        }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .rext-text {
                    float: right;
                    font-size: 12px;
                    color: #ff9a9a;
                    margin-top: 6px;
                }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .dropdown-link {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 4px;
                    cursor: pointer;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                    margin-left: 10px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"] {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        color: #000;
                    }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header {
                width: 100%;
                float: left;
                background: #e2e2e2;
                padding: 10px 10px;
                border-bottom: 1px dashed #91b6da;
            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title {
                    float: left;
                    font-size: 16px;
                    color: #16528e;
                    font-weight: 600;
                    margin-top: 3px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title .icon {
                        width: auto;
                        float: left;
                        margin-top: 0px;
                        margin-right: 10px;
                    }

                        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title .icon img {
                            width: 30px;
                            float: left;
                        }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .rext-text {
                    float: right;
                    font-size: 12px;
                    color: #16528e;
                    margin-top: 6px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .rext-text.fare-rules {
                        font-weight: bold;
                    }

                        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .rext-text.fare-rules i {
                            font-weight: bold;
                        }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .dropdown-link {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 4px;
                    cursor: pointer;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                    margin-left: 10px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"] {
                        transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        color: #000;
                    }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content {
                width: 100%;
                float: left;
                background: #fff;
                padding: 10px 10px;
            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form {
                    width: 100%;
                    float: left;
                    position: relative;
                    padding-left: 90px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-title {
                        width: 90px;
                        float: left;
                        color: #16528e;
                        position: absolute;
                        top: 8px;
                        left: 0px;
                        font-weight: normal;
                    }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-control {
                        border: 1px solid #c5c5c5;
                        height: 34px;
                        transition: 0.5s;
                        -webkit-transition: 0.5s;
                    }

                        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-control:focus {
                            border: 1px solid #1875f0;
                        }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form select.form-control {
                        line-height: 36px;
                    }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form textarea.form-control {
                        height: auto;
                    }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-group {
                        width: 100%;
                        float: left;
                    }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .checkbox-inline {
                    float: left;
                    color: #16528e;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .checkbox-inline .link {
                        text-decoration: underline;
                        font-weight: 600;
                    }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .redirect-text {
                    width: 100%;
                    float: left;
                    margin: 20px 0;
                }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .payment-icon {
                    margin-top: 30px;
                    width: 100%;
                    float: left;
                }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full {
                    margin: 30px 0;
                    width: 100%;
                    float: left;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer {
                        width: 200px;
                        float: right;
                        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                        box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                        -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    }

                        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn {
                            width: 100%;
                            float: left;
                            text-align: center;
                            padding: 5px 0;
                            margin-top: 10px;
                            background: #e54b4b;
                            color: #fff;
                            border-radius: 5px;
                        }

                            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1 {
                                width: 100%;
                                float: left;
                                text-align: center;
                                font-size: 12px;
                            }

                            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2 {
                                width: 100%;
                                float: left;
                                text-align: center;
                                font-size: 18px;
                            }

                            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3 {
                                width: 100%;
                                float: left;
                                text-align: center;
                                font-size: 16px;
                            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel {
                    width: 100%;
                    float: left;
                    padding: 0 10px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .tras-title {
                        width: 100%;
                        float: left;
                        font-weight: normal;
                        color: #16528e;
                    }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .checkbox-inline {
                        margin-bottom: 15px;
                    }


@media only screen and (min-width: 320px) and (max-width:767px) {
    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .check-box .tras-title {
        display: none;
    }
}


.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel {
    width: 100%;
    float: left;
}

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
        width: 10%;
        float: left;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
        width: 25%;
        float: left;
        padding-left: 10px;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box3 {
        width: 30%;
        float: left;
        padding-left: 10px;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
        width: 30%;
        float: left;
        padding-left: 10px;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5 {
        width: 32%;
        float: left;
        padding-left: 0px;
    }

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .box-panel .form-control {
    border-radius: 5px !important;
}

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .box-panel .select2-container--default .select2-selection--single {
    border-radius: 5px !important;
    border: 1px solid #c5c5c5 !important;
}

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel {
    width: 100%;
    float: left;
}

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .title {
        float: left;
        margin-top: 18px;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box {
        float: left;
        padding-left: 20px;
        margin: 10px 0 20px 0;
    }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control {
            float: left;
            width: 200px;
        }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box .input-btn {
            float: left;
            line-height: 34px;
            width: 60px;
            text-align: center;
            background: #16528e;
            color: #fff;
            border: 0px;
            outline: none;
            border-radius: 5px;
        }

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel {
    width: 100%;
    float: left;
}

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im {
        width: 30%;
        float: left;
        position: relative;
    }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im .title {
            position: absolute;
            left: 0px;
            bottom: 5px;
            width: 100%;
            padding: 0 10px;
            float: left;
            font-size: 12px;
            text-align: center;
            color: #fff;
        }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail {
        width: 70%;
        float: left;
        padding-left: 20px;
    }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel {
            width: 100%;
            min-height: 82px;
            float: left;
            position: relative;
            padding-right: 170px;
            margin-top: 20px;
        }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 160px;
                float: left;
                font-size: 12px;
                color: #999;
            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel .heading {
                    width: 100%;
                    float: left;
                    font-size: 16px;
                    color: #16528e;
                    text-align: left;
                    padding: 5px 0;
                    font-weight: 600;
                }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel .text1 {
                    width: 100%;
                    float: left;
                    font-size: 12px;
                    padding: 4px 0;
                    color: #16528e;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel .text1 .icon {
                        width: 20px;
                        float: left;
                        color: #000;
                    }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information {
                width: 100%;
                float: left;
            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .main-heading {
                    width: 100%;
                    float: left;
                    font-size: 16px;
                    font-weight: bold;
                    color: #000;
                    margin-bottom: 0px;
                    margin-top: 10px;
                }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .text1 {
                    width: 100%;
                    float: left;
                    margin-bottom: 0px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .text1 .heading {
                        font-weight: 600;
                    }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .time {
                    width: 100%;
                    float: left;
                    padding: 4px 0;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .time .icon {
                        width: 20px;
                        float: left;
                        color: #000;
                    }



@media only screen and (min-width: 320px) and (max-width:767px) {
    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
        width: 15%;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
        width: 35%;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
        width: 35%;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5 {
        width: 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {
        width: 15%;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {
        width: 35%;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {
        width: 35%;
    }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5 {
        width: 60%;
    }
}

/*--popup--*/
.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-content {
    width: 100%;
    float: left;
    max-height: 800px;
    overflow: auto;
    font-family: 'Montserrat', sans-serif !important;
}

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-body {
    width: 100%;
    float: left;
    padding: 0px;
}

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-header {
    display: none;
}

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .close {
    outline: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    right: 30px;
    background: #999;
    color: #fff;
    opacity: 1;
    z-index: 1;
}

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .close:hover {
        background: #666;
    }

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
}

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel {
        width: 100%;
        float: left;
        padding: 15px 0;
    }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 {
            width: 100%;
            float: left;
            font-size: 22px;
            border-bottom: 1px solid #ccc;
            font-weight: 400;
            color: #16528e;
            line-height: 1.5em;
            margin-top: 0px;
        }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 span {
                width: auto;
                float: left;
                border-bottom: 2px solid #15bdcc;
            }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel {
        width: 100%;
        float: left;
    }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel p {
            width: 100%;
            float: left;
            color: #181818;
            margin-bottom: 5px;
            text-align: justify;
        }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel {
            width: 100%;
            float: left;
            font-size: 13px;
            margin-bottom: 20px;
        }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel h6 {
                width: 100%;
                float: left;
                font-size: 16px;
                background: #16528e;
                color: #fff;
                margin: 0px;
                padding: 10px 15px;
            }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail {
                width: 100%;
                float: left;
                list-style: none;
                padding: 10px 15px;
                margin-bottom: 0px;
            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail li {
                    width: 100%;
                    float: left;
                    color: #181818;
                    margin-bottom: 5px;
                }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job {
                width: 100%;
                float: left;
                list-style: none;
                padding: 10px 15px;
                margin-bottom: 0px;
            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li {
                    width: 100%;
                    float: left;
                    color: #181818;
                    margin-bottom: 5px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .title {
                        font-weight: 800;
                        padding-right: 10px;
                    }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .detail {
                        font-weight: normal;
                    }


/*--popup--*/
.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-content {
    width: 100%;
    float: left;
    max-height: 800px;
    overflow: auto;
    font-family: 'Montserrat', sans-serif !important;
}

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-body {
    width: 100%;
    float: left;
    padding: 0px;
}

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-header {
    display: none;
}

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .close {
    outline: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    right: 30px;
    background: #999;
    color: #fff;
    opacity: 1;
    z-index: 1;
}

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .close:hover {
        background: #666;
    }

.transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
}

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel {
        width: 100%;
        float: left;
        padding: 15px 0;
    }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 {
            width: 100%;
            float: left;
            font-size: 22px;
            border-bottom: 1px solid #ccc;
            font-weight: 400;
            color: #16528e;
            line-height: 1.5em;
            margin-top: 0px;
        }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 span {
                width: auto;
                float: left;
                border-bottom: 2px solid #15bdcc;
            }

    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel {
        width: 100%;
        float: left;
    }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel p {
            width: 100%;
            float: left;
            color: #181818;
            margin-bottom: 5px;
            text-align: justify;
        }

        .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel {
            width: 100%;
            float: left;
            font-size: 13px;
            margin-bottom: 20px;
        }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel h6 {
                width: 100%;
                float: left;
                font-size: 16px;
                background: #16528e;
                color: #fff;
                margin: 0px;
                padding: 10px 15px;
            }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail {
                width: 100%;
                float: left;
                list-style: none;
                padding: 10px 15px;
                margin-bottom: 0px;
            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail li {
                    width: 100%;
                    float: left;
                    color: #181818;
                    margin-bottom: 5px;
                }

            .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job {
                width: 100%;
                float: left;
                list-style: none;
                padding: 10px 15px;
                margin-bottom: 0px;
            }

                .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li {
                    width: 100%;
                    float: left;
                    color: #181818;
                    margin-bottom: 5px;
                }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .title {
                        font-weight: 800;
                        padding-right: 10px;
                    }

                    .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .detail {
                        font-weight: normal;
                    }


/* PACKAGE LIST PAGE */
.package-list-pg {
    font-family: 'Quicksand', sans-serif;
    padding-top: 20px;
    padding-bottom: 100px
}

    .package-list-pg .category-heading h2 {
        width: 100%;
        float: left;
        text-align: center;
        font-weight: normal;
        font-size: 26px;
    }

    .package-list-pg .caption {
        width: 100%;
        float: left;
        padding-bottom: 30px;
    }

        .package-list-pg .caption h1 {
            color: #000;
            text-align: center;
            font-size: 30px;
            padding-bottom: 10px;
            width: 100%;
            float: left;
        }

        .package-list-pg .caption .packeg-category {
            width: 100%;
            float: left;
        }

    .package-list-pg .offer_packeg {
        position: relative;
        color: #fff;
        margin-bottom: 40px
    }

        .package-list-pg .offer_packeg figure:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 90px;
            top: 0;
            background: linear-gradient(to top, transparent 10%,rgba(0,0,0,.6) 50%);
        }

        .package-list-pg .offer_packeg img {
            max-width: 100%;
            display: block;
            height: 242px;
            object-fit: cover;
            width: 100%;
        }

        .package-list-pg .offer_packeg .offfer_price {
            position: absolute;
            top: 10px;
            width: 100%
        }

            .package-list-pg .offer_packeg .offfer_price p {
                font-size: 15px;
                font-weight: 300
            }

                .package-list-pg .offer_packeg .offfer_price p span {
                    font-size: 20px;
                    display: block
                }

            .package-list-pg .offer_packeg .offfer_price ul {
                padding: 0;
                margin: 0;
                color: #ffb027
            }

                .package-list-pg .offer_packeg .offfer_price ul li {
                    list-style: none;
                    display: inline-block
                }

                    .package-list-pg .offer_packeg .offfer_price ul li.dimed {
                        color: #c4c4c4
                    }

    .package-list-pg .offer_packeg {
        overflow: hidden;
        -webkit-box-shadow: 2px 2px 8px #b2a7a7;
        box-shadow: 2px 2px 8px #b2a7a7;
    }

        .package-list-pg .offer_packeg img {
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

    .package-list-pg .loadmore a {
        background-color: #4472d3;
        text-align: center;
        color: #fff;
        display: block;
        padding: 5px 16px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 50px;
        padding-left: 50px;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 4px;
        max-width: 200px
    }

    .package-list-pg .offer_packeg .offer-name h2 {
        font-size: 20px;
        font-weight: 400;
        color: #000;
        text-align: center;
        background: #cdc7bf;
        margin: 0;
        padding: 7px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .package-list-pg .offer_packeg .offer-name h3 {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        text-align: center;
        margin: 0px;
        background: #ddd8d0;
        padding: 8px;
    }

    .package-list-pg.hover14 figure {
        position: relative;
    }

        .package-list-pg.hover14 figure::before {
            position: absolute;
            top: 0;
            left: -75%;
            z-index: 2;
            display: block;
            content: "";
            width: 50%;
            height: 100%;
            background: -webkit-linear-gradient( left,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.3) 100%);
            background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.3) 100%);
            -webkit-transform: skewX(-25deg);
            transform: skewX(-25deg);
        }

    .package-list-pg.hover14 .offer_packeg:hover figure::before {
        -webkit-animation: shine 0.9s;
        animation: shine 0.9s;
    }

/*keyframes*/
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}


/* PACKAGE DETAIL PAGE */

.package-dtails-pg {
    background-color: #f9f9fb;
    font-family: 'Quicksand', sans-serif;
}

    .package-dtails-pg .package-dtails-slider {
        padding: 0 0 10px 0
    }

        .package-dtails-pg .package-dtails-slider img {
            max-width: 100%
        }

    .package-dtails-pg .package-dtails-slider {
        width: 100%;
        float: left;
    }

        .package-dtails-pg .package-dtails-slider .lSSlideWrapper.usingCss ul li {
            height: 400px;
        }

            .package-dtails-pg .package-dtails-slider .lSSlideWrapper.usingCss ul li img {
                height: 100%;
                width: 100%;
            }

        .package-dtails-pg .package-dtails-slider .lSPager.lSGallery li {
            height: 50px;
        }

            .package-dtails-pg .package-dtails-slider .lSPager.lSGallery li img {
                height: 100%;
                width: 100%;
            }

    .package-dtails-pg .about-cfc {
        width: 100%;
        float: left;
        background-color: #f9f9fb;
        margin-left: -1px;
    }

    .package-dtails-pg .tab-content {
        width: 100%;
        float: left;
        background-color: #fff;
        border: 1px solid #ddddde;
        padding: 10px;
    }

    .package-dtails-pg .about-cfc p {
        font-weight: 500;
        font-size: 16px;
        color: #666666;
        line-height: 1.5em;
        text-align: justify;
    }

    .package-dtails-pg .about-cfc h3 {
        font-size: 24px;
        font-weight: 400;
        color: #666666;
        line-height: 1.5em;
    }

    .package-dtails-pg .about-cfc ul {
        width: 100%;
        float: left;
        padding-left: 20px;
        margin: 10px 0;
    }

        .package-dtails-pg .about-cfc ul li {
            width: 100%;
            float: left;
            font-weight: 500;
            font-size: 16px;
            color: #666666;
            line-height: 1.5em;
            text-align: justify;
        }

    .package-dtails-pg .abtcfc_option {
        margin-top: 27px;
    }

        .package-dtails-pg .abtcfc_option ul {
            padding: 0px;
            margin-bottom: 0px;
            width: 100%;
        }

            .package-dtails-pg .abtcfc_option ul li {
                list-style: none;
                float: left;
                margin-left: -1px;
                font-weight: 600;
            }

                .package-dtails-pg .abtcfc_option ul li a {
                    padding: 9px 16px;
                    text-align: center;
                    text-decoration: none;
                    color: #253566;
                    font-size: 16px;
                    border: 1px solid #253566;
                    display: block;
                }

                .package-dtails-pg .abtcfc_option ul li.active a {
                    background: #253566;
                    color: #fff;
                }

    .package-dtails-pg .inclusion {
        border: 1px solid #ddddde;
        margin: 20px 0;
    }

        .package-dtails-pg .inclusion h4 {
            border-bottom: 1px solid #ddddde;
            padding: 10px 20px;
            margin: 0;
            background-color: #f4f4f5;
        }

        .package-dtails-pg .inclusion ul {
            padding: 20px 20px 20px 33px;
        }

            .package-dtails-pg .inclusion ul li {
                font-size: 14px;
                color: #666666;
                line-height: 1.6em;
            }

    .package-dtails-pg .Search-result .bookForTour {
        color: #fff;
        text-transform: uppercase;
        background-color: #ed4a4a;
        font-size: 22px;
        display: block;
        text-align: center;
        padding: 10px;
        font-weight: 600;
    }

        .package-dtails-pg .Search-result .bookForTour:hover {
            text-decoration: none;
        }

    .package-dtails-pg .Search-result ul.star {
        padding: 0;
        margin: 10px 0;
        color: #ffb027
    }

        .package-dtails-pg .Search-result ul.star li {
            list-style: none;
            display: inline-block;
            font-size: 20px;
        }

            .package-dtails-pg .Search-result ul.star li.dimed {
                color: #c4c4c4
            }

    .package-dtails-pg .Search-result .facility span {
        display: block;
        color: #666666;
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 5px;
    }

        .package-dtails-pg .Search-result .facility span i {
            color: #ff5722;
            font-size: 22px;
            margin-right: 8px;
            width: 27px;
        }

    .package-dtails-pg .Search-result span {
        display: block;
        line-height: 1.5em;
    }

    .package-dtails-pg .Search-result h2 {
        color: #333333;
        font-size: 25px;
        font-weight: bold;
        margin-top: 0;
    }

    .package-dtails-pg .Search-result .duration {
        color: #685050;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.3em
    }

    .package-dtails-pg .Search-result .location {
        color: #253566;
        font-size: 16px;
        line-height: 1.9em
    }

    .package-dtails-pg .Search-result .max-pax {
        color: #525252;
        font-size: 22px;
    }

    .package-dtails-pg .Search-result .facility {
        padding: 10px;
        border: 1px solid #e2e2e2;
        margin-bottom: 20px;
    }

        .package-dtails-pg .Search-result .facility.new-design {
            position: relative;
            background: #ffffff !important;
        }

            .package-dtails-pg .Search-result .facility.new-design span {
                padding-left: 35px;
            }

            .package-dtails-pg .Search-result .facility.new-design i {
                position: absolute;
                top: 12px;
                left: 10px;
            }

    .package-dtails-pg .Search-result h5 {
        background: #16528e;
        padding-left: 40px;
        color: #ffffff;
        font-size: 14px;
        background-size: 22px;
        margin: 0px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 15px;
    }

    .package-dtails-pg .Search-result .hb-packages {
        background-color: #f4f4f5;
        border: 1px solid #ddddde;
        padding: 15px;
        text-align: center;
        border-radius: 3px;
    }

    .package-dtails-pg .Search-result .dateandtime {
        color: #999999;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .package-dtails-pg .Search-result h6 {
        color: #253566;
        font-size: 28px;
    }

        .package-dtails-pg .Search-result h6 i {
            color: #ed4a4a;
        }

    .package-dtails-pg .Search-result .person {
        color: #666666;
        text-transform: uppercase;
        font-size: 18px;
    }

    .package-dtails-pg .booknow {
        text-decoration: none;
        font-weight: 600;
        text-transform: uppercase;
        color: #666666;
        font-size: 18px;
        display: block;
        padding: 13px;
        margin: 8px 0 0px;
    }

    .package-dtails-pg .packageBook {
        text-decoration: none;
        font-weight: 600;
        text-transform: uppercase;
        color: #666666;
        font-size: 18px;
        display: block;
        padding: 7px;
        margin: 0px 0 20px;
        background: #e36252;
        text-align: center;
        color: #fff
    }

    .package-dtails-pg h2.booknow {
        margin-top: 24px;
    }


.packages_offer_feature {
    background-color: #f4f4f4;
    font-family: 'Open Sans',sans-serif;
    padding: 30px 0;
}

    .packages_offer_feature h2 {
        color: #666666;
        font-size: 22px;
        margin: 20px 0 30px;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

    .packages_offer_feature .offer_packeg {
        position: relative;
        color: #fff;
        margin-bottom: 20px
    }

        .packages_offer_feature .offer_packeg img {
            width: 100%;
            display: block;
            height: 240px;
            object-fit: cover
        }

        .packages_offer_feature .offer_packeg .offfer_price {
            position: absolute;
            top: 10px;
            width: 100%
        }

            .packages_offer_feature .offer_packeg .offfer_price p {
                font-size: 15px;
                font-weight: 300
            }

                .packages_offer_feature .offer_packeg .offfer_price p span {
                    font-size: 20px;
                    display: block
                }

            .packages_offer_feature .offer_packeg .offfer_price ul {
                padding: 0;
                margin:: 0;
                color: #ffb027
            }

                .packages_offer_feature .offer_packeg .offfer_price ul li {
                    list-style: none;
                    display: inline-block;
                    font-size: 16px;
                }

                    .packages_offer_feature .offer_packeg .offfer_price ul li.dimed {
                        color: #c4c4c4
                    }

    .packages_offer_feature .offer_packeg {
        overflow: hidden
    }

        .packages_offer_feature .offer_packeg img {
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

        .packages_offer_feature .offer_packeg .offer-name {
            width: 100%;
            float: left;
            text-align: center;
        }

    .packages_offer_feature .loadmore a {
        background-color: #4472d3;
        color: #000000;
        display: block;
        padding: 5px 16px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 50px;
        padding-left: 50px;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 4px;
        max-width: 200px
    }

    .packages_offer_feature .offer_packeg .offer-name h2 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 400;
        color: #000000;
        text-align: center;
        margin-top: 9px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .packages_offer_feature .offer_packeg .offer-name h3 {
        color: #000000;
    }

    .packages_offer_feature .offer_packeg .offer-name h3 {
        font-size: 16px;
        font-weight: 300;
        color: #000;
        text-align: center;
        margin-top: 10px;
    }

.hover14 figure {
    position: relative;
}

    .hover14 figure::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: "";
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient( left,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.3) 100%);
        background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.hover14 .offer_packeg:hover figure::before {
    -webkit-animation: shine 0.9s;
    animation: shine 0.9s;
}

.custon-row {
    margin-left: -4px;
    margin-right: -4px;
}

.pad-2 {
    padding-left: 4px;
    padding-right: 4px;
}

/*keyframes*/
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}


.package-dtails-pg .inner_banner {
    background: url('../images/package/list-p-bg.jpg') no-repeat center center;
    background-size: cover;
    padding: 180px 0px 40px 0px;
    position: relative;
}

    .package-dtails-pg .inner_banner::before {
        content: '';
        position: absolute;
        background: linear-gradient(to top, rgb(29, 36, 42) 15%, rgba(0, 0, 0, 0) 100%);
        top: 0px;
        bottom: 0px;
        left: 0px;
        width: 100%;
    }

    .package-dtails-pg .inner_banner div {
        position: relative;
    }

    .package-dtails-pg .inner_banner h2 {
        color: #ff9800;
        font-size: 32px;
        display: inline-block;
    }

        .package-dtails-pg .inner_banner h2 span {
            color: #15bdcc;
            font-family: Quicksand,sans-serif;
        }

    .package-dtails-pg .inner_banner p {
        color: #d6d6d6;
        font-size: 20px;
        font-weight: 100
    }

    .package-dtails-pg .inner_banner ul {
        margin-top: 25px;
        float: right;
        margin-bottom: 0
    }

        .package-dtails-pg .inner_banner ul li {
            float: left;
            display: inline-block;
            color: #fff;
            padding: 0 5px
        }

    .package-dtails-pg .inner_banner a {
        color: #fff;
        font-size: 15px
    }

        .package-dtails-pg .inner_banner a i {
            color: #fff
        }

.package-dtails-pg .bread-acti {
    color: #d6d6d6 !important
}

.package-dtails-pg .bg-none {
    background: 0 0
}

.package-dtails-pg .banner_book {
    background: #15bdcc;
    z-index: 9999;
    box-shadow: 1px 3px 5px rgba(0,0,0,.37)
}

.package-dtails-pg .banner_book_1 ul {
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    font-family: Quicksand,sans-serif
}

    .package-dtails-pg .banner_book_1 ul li {
        display: inline;
        line-height: 55px;
        font-size: 18px;
        border-right: 1px solid #314c64;
        color: #fff;
        float: left;
        width: 24%;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .package-dtails-pg .banner_book_1 ul li.dl2 {
            font-weight: 600;
            font-size: 22px;
            background: #16528e
        }

        .package-dtails-pg .banner_book_1 ul li:last-child {
            border-right: 0 solid rgba(3,3,3,.12);
            padding-left: 0
        }

        .package-dtails-pg .banner_book_1 ul li a {
            background: #f7941d;
            display: block;
            text-align: center;
            color: #fff;
            font-size: 22px;
            font-weight: 600;
            text-decoration: none;
            line-height: inherit;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease
        }

            .package-dtails-pg .banner_book_1 ul li a:hover {
                text-decoration: none;
                transition: all .5s ease;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
                background: #e36252
            }

.package-dtails-pg .tour_font {
    margin-bottom: 50px;
    font-family: Quicksand,sans-serif
}

    .package-dtails-pg .tour_font p {
        text-align: left;
        color: #868686;
        font-size: 15px;
        line-height: 25px
    }

.package-dtails-pg .tour_head h2 {
    color: #213d44;
    font-weight: 600;
    margin-top: 0;
    font-size: 36px;
    font-family: Quicksand,sans-serif
}

.package-dtails-pg .tour_star i {
    font-size: 18px;
    color: #FF9800
}

.package-dtails-pg .tour_rat {
    background: #FF5722;
    color: #fff;
    font-size: 16px;
    padding: 0 5px;
    border-radius: 2px;
    margin-left: 8px
}

.package-dtails-pg .tb-space {
    padding: 40px 0 20px
}

.package-dtails-pg .tour_right h3 {
    background: 0 0/22px #16528e;
    color: #fff;
    font-size: 14px;
    margin-top: 0;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    margin-bottom: 0
}

.package-dtails-pg .tour_incl ul li {
    list-style-type: none;
    background: url(../images/icons/tick.png) left center no-repeat;
    padding-left: 30px;
    padding-bottom: 8px
}

.package-dtails-pg .tour_right ul {
    padding: 15px;
    margin-bottom: 0
}

.package-dtails-pg .tour_social ul {
    float: left;
    padding: 15px 15px 10px
}

    .package-dtails-pg .tour_social ul li {
        margin-bottom: 5px
    }

        .package-dtails-pg .tour_social ul li:nth-child(2) {
            padding-right: 0
        }

        .package-dtails-pg .tour_social ul li a i {
            width: 32px;
            height: 32px;
            color: #fff;
            padding: 8px;
            text-align: center;
            border-radius: 50%
        }

.package-dtails-pg .tour-ri-com {
    border: 1px solid #e2e2e2;
    float: left;
    width: 100%
}

.package-dtails-pg .tour_social ul li {
    display: inline-block;
    list-style: none
}

    .package-dtails-pg .tour_social ul li:nth-child(3),
    .package-dtails-pg .tour_social ul li:nth-child(4) {
        padding-right: 7px
    }

.package-dtails-pg .head_right ul li a .fa-facebook {
    background: #3b5998
}

.package-dtails-pg .head_right ul li a .fa-google-plus {
    background: #dd4b39
}

.package-dtails-pg .head_right ul li a .fa-twitter {
    background: #55acee
}

.package-dtails-pg .head_right ul li a .fa-linkedin {
    background: #0077b5
}

.package-dtails-pg .head_right ul li a .fa-whatsapp {
    background: #3ead19
}


.enquiry_modal .enquiry-info {
    background: #f4f4f4;
    padding: 30px;
}

    .enquiry_modal .enquiry-info img {
        width: 100%;
        width: 100%;
        height: 100px;
        object-fit: cover;
    }

.enquiry_modal .modal-dialog {
    width: 100%;
    max-width: 900px;
    margin: 30px auto;
}

.enquiry_modal .modal-header {
    padding: 10px 35px 10px 13px;
    background: #15bdcc;
    color: #fff;
}

.enquiry_modal .close {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 15px 7px;
    background: #16528e;
    border: none;
    opacity: 1;
    color: #fff;
    font-size: 33px;
    font-weight: 300;
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 0;
}

    .enquiry_modal .close:hover {
        opacity: 1;
        color: #fff;
    }

.enquiry_modal .Search-result span {
    display: block;
    line-height: 1.9em;
    color: #16528e;
    font-size: 16px;
}

.enquiry_modal .Search-result h2 {
    color: #333333;
    font-size: 26px;
    font-weight: bold;
    margin-top: 0;
}

.enquiry_modal .Search-result .duration {
    color: #16528e;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3em
}

.enquiry_modal .hb-packages .dateandtime {
    color: #999999;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.enquiry_modal .hb-packages h6 {
    color: #16528e;
    font-size: 38px;
    font-weight: 500;
    text-align: center;
}

    .enquiry_modal .hb-packages h6 i {
        color: #ed4a4a;
    }

.enquiry_modal .hb-packages .person {
    color: #666666;
    text-transform: uppercase;
    font-size: 17px;
}

.enquiry_modal .booknow {
    background: #cccccc;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    color: #666666;
    font-size: 18px;
    display: block;
    padding: 13px;
    margin: 8px 0 20px;
}

.enquiry_modal h2.booknow {
    margin-top: 24px;
}

.enquiry_modal input {
    width: 100%;
    background: #f5f5f5;
    padding: 10px;
    height: 40px;
    font-size: 16px;
}

.enquiry_modal .btn-submit {
    background: #16528e;
    border-bottom: 0px solid #be1e1e;
    width: 100%;
    font-size: 16px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

    .enquiry_modal .btn-submit:hover {
        background: #fff;
    }

.hb-packages span.person {
    text-align: center;
    display: block;
}

.enquiry_modal .modal-content .modal-header span {
    position: absolute;
    top: 13px;
    left: 10px;
}



/* new enquiry popup */
.new-enquiry_modal .modal-dialog {
    width: 100%;
    max-width: 900px;
    margin: 30px auto;
}

.new-enquiry_modal .modal-header {
    padding: 10px 35px 10px 13px;
    color: #333;
    margin-bottom: 20px;
}

    .new-enquiry_modal .modal-header .modal-title {
        font-size: 24px;
    }

.new-enquiry_modal .close {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 15px 7px;
    border: none;
    opacity: 1;
    color: #ccc;
    font-size: 33px;
    font-weight: 300;
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 0;
}

    .new-enquiry_modal .close:hover {
        opacity: 1;
        color: #333;
    }

.new-enquiry_modal .modal-content .modal-header span {
    position: absolute;
    top: 13px;
    left: 10px;
}

.new-enquiry_modal .modal-content {
    width: 100%;
    float: left;
    padding: 10px 15px;
}

    .new-enquiry_modal .modal-content .form-panel {
        width: 60%;
        float: left;
    }

        .new-enquiry_modal .modal-content .form-panel .phone-panel {
            width: 100%;
            float: left;
            text-align: left;
            margin: 0 0 20px 0;
        }

            .new-enquiry_modal .modal-content .form-panel .phone-panel .icon {
                width: 30px;
                height: 30px;
                line-height: 30px;
                display: inline-block;
                text-align: center;
                border-radius: 50%;
                background: #999;
                color: #fff;
            }

            .new-enquiry_modal .modal-content .form-panel .phone-panel .phone {
                font-size: 16px;
                color: #16528e;
                font-weight: bold;
            }

        .new-enquiry_modal .modal-content .form-panel .or-panel {
            width: 100%;
            float: left;
            border-top: 1px solid #e8e8e8;
            position: relative;
        }

            .new-enquiry_modal .modal-content .form-panel .or-panel .or {
                position: absolute;
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                font-size: 12px;
                background: #fbfbfb;
                border: 1px solid #e8e8e8;
                border-radius: 50%;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
            }

        .new-enquiry_modal .modal-content .form-panel .title {
            width: 100%;
            float: left;
            text-align: center;
            margin: 30px 0 20px 0;
            padding: 0 30px;
        }

        .new-enquiry_modal .modal-content .form-panel .form-panel-inner {
            width: 100%;
            float: left;
            padding: 0 10px;
        }

            .new-enquiry_modal .modal-content .form-panel .form-panel-inner input {
                width: 100%;
                border-radius: 0px;
                padding: 10px;
                height: 40px;
                font-size: 16px;
            }

            .new-enquiry_modal .modal-content .form-panel .form-panel-inner .form-control {
                border-radius: 0px;
            }

    .new-enquiry_modal .modal-content .image-panel {
        width: 40%;
        float: left;
        position: relative;
    }

        .new-enquiry_modal .modal-content .image-panel img {
            width: 100%;
            height: 340px;
            max-height: 340px;
        }

        .new-enquiry_modal .modal-content .image-panel .image-detail {
            position: absolute;
            width: 100%;
            padding: 50px 0 10px 0;
            text-align: center;
            bottom: 0px;
            left: 0px;
            background: rgba(0,0,0,0.5);
            background: linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 39% );
            background: -webkit-linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 39% );
            background: -moz-linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 39% );
        }

            .new-enquiry_modal .modal-content .image-panel .image-detail p {
                width: 100%;
                float: left;
                padding: 2px 0;
                margin-bottom: 0px;
                text-align: center;
                color: #fff;
            }

            .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-name {
                font-size: 15px;
                font-weight: 600;
            }

            .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-location {
            }

            .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-text2 .symble {
                margin-right: 0px;
            }

            .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-text2 .value {
                margin-right: 0px;
                font-size: 16px;
                font-weight: bold;
                color: #15bdcc;
            }

            .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-text2 .pp {
            }

            .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-text3 {
                color: #fff;
                font-size: 12px;
                background: rgba(0,0,0,0.5);
                padding: 3px 10px;
                border-radius: 5px;
            }

    .new-enquiry_modal .modal-content .submit-btn-outer {
        width: 200px;
        margin: 0 auto;
    }

        .new-enquiry_modal .modal-content .submit-btn-outer .submit-btn {
            width: 100%;
            float: left;
            background: #16528e;
            color: #fff;
            border: 0px;
            outline: none;
            margin-top: 20px;
            padding: 10px 0;
        }

    .new-enquiry_modal .modal-content .footer-panel {
        width: 100%;
        float: left;
        border-top: 1px solid #ccc;
        margin-top: 20px;
    }

        .new-enquiry_modal .modal-content .footer-panel p {
            padding: 20px 0;
        }

.submintbtn {
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    background-color: #222;
    padding: 17px 60px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.20);
    margin-top: 35px;
    border-radius: 4px;
}

    .submintbtn span {
        position: relative;
        z-index: 1;
    }

    .submintbtn:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 490%;
        width: 102%;
        background: #f8a239;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
        transform: translateX(-98%) translateY(-25%) rotate(45deg);
    }

    .submintbtn:hover:after {
        -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
        transform: translateX(-9%) translateY(-25%) rotate(45deg);
    }

.submintbtn1 {
    position: relative;
    overflow: hidden;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}

    .submintbtn1 span {
        position: relative;
        z-index: 1;
    }

    .submintbtn1::before {
        position: absolute;
        content: "";
        width: 0%;
        height: 360px;
        transform: rotate(-45deg);
        top: -150px;
        left: 0px;
        background: #15bdcc;
        transition: 0.4s;
    }

    .submintbtn1:hover::before {
        width: 100%;
    }

    .submintbtn1::after {
        position: absolute;
        content: "";
        width: 0%;
        height: 360px;
        transform: rotate(-45deg);
        top: -150px;
        left: 0px;
        background: #f7941d;
        transition: 0.8s;
        transition-delay: 0.2s;
    }

    .submintbtn1:hover::after {
        width: 100%;
    }

@media only screen and (min-width: 320px) and (max-width:600px) {
    .new-enquiry_modal .modal-content .form-panel .form-panel-inner {
        padding: 0 0px;
    }

    .new-enquiry_modal .modal-content .form-panel {
        width: 100%;
    }

    .new-enquiry_modal .modal-content .image-panel {
        width: 100%;
        margin-top: 15px;
    }
}

.new-enquiry_modal.new-enquiry_modal-2 .modal-dialog {
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
}

.new-enquiry_modal.new-enquiry_modal-2 .modal-content .form-panel {
    width: 100%;
}

/* HOLIDAY PACKAGE PAGE */
.holiday-package-pg {
    width: 100%;
    float: left;
}

    .holiday-package-pg .holiday-package-banner {
        width: 100%;
        float: left;
        background-image: url('../images/package/bannerdesign.jpg');
        background-size: cover;
        padding: 80px 0;
        background-position-y: 50%;
        position: relative;
        z-index: 1;
    }

        .holiday-package-pg .holiday-package-banner .breadcrumbs-item {
            line-height: 24px;
            text-transform: capitalize;
            float: left;
            width: 100%;
        }

        .holiday-package-pg .holiday-package-banner h2 {
            text-align: center;
            margin: 20px 0;
        }

            .holiday-package-pg .holiday-package-banner h2 > span {
                color: #fff;
                font-weight: 600;
                line-height: 40px;
                font-size: 60px !important;
                letter-spacing: 2px;
            }


/* ETECKET PAGE */
.etecket-full {
    width: 100%;
    float: left;
}

    .etecket-full .etecket-main-content {
        width: 100%;
        float: left;
        padding: 0 15px;
        margin: 20px 0 30px 0;
    }

    .etecket-full .one-half {
        width: 50%;
        float: left;
    }

    .etecket-full .header {
        width: 100%;
        float: left;
        border-bottom: 2px solid #16528e;
        padding-bottom: 10px;
    }

        .etecket-full .header .title {
            width: 100%;
            float: left;
            font-size: 36px;
            font-weight: 600;
            margin-bottom: 0px;
        }

        .etecket-full .header .bookingid {
            width: 100%;
            float: left;
            font-size: 16px;
            margin-bottom: 0px;
        }

        .etecket-full .header .booking-date {
            width: 100%;
            float: left;
            font-size: 14px;
            margin-bottom: 0px;
        }

        .etecket-full .header .im {
            width: 200px;
            float: right;
            margin-top: 34px;
        }

            .etecket-full .header .im img {
                width: 100%;
                height: auto;
            }

    .etecket-full .result-panel {
        width: 100%;
        float: left;
        margin-top: 30px;
    }

        .etecket-full .result-panel .heading {
            width: 100%;
            float: left;
            font-size: 20px;
            font-weight: 600;
        }

        .etecket-full .result-panel .result {
            width: 100%;
            float: left;
            border: 1px solid #16528e;
            margin-bottom: 20px;
        }

            .etecket-full .result-panel .result .detail {
                width: 100%;
                float: left;
                padding: 20px 0;
            }

                .etecket-full .result-panel .result .detail .box1 {
                    width: 20%;
                    float: left;
                    text-align: center;
                }

                .etecket-full .result-panel .result .detail .box2 {
                    width: 30%;
                    float: left;
                    border-left: 1px solid #16528e;
                    position: relative;
                    padding-left: 20px;
                    padding-right: 5px;
                }

                .etecket-full .result-panel .result .detail .box3 {
                    width: 30%;
                    float: left;
                    padding-left: 5px;
                }

                .etecket-full .result-panel .result .detail .box4 {
                    width: 20%;
                    float: left;
                    border-left: 1px solid #16528e;
                    position: relative;
                    padding-left: 20px;
                }

                .etecket-full .result-panel .result .detail .flight-icon {
                    width: 80px;
                }

                    .etecket-full .result-panel .result .detail .flight-icon img {
                        width: 80px;
                        height: auto;
                    }

                .etecket-full .result-panel .result .detail .flight-name {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 14px;
                    margin-bottom: 0px;
                }

                .etecket-full .result-panel .result .detail .flight-code {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 14px;
                    font-weight: bold;
                    margin-bottom: 0px;
                }

                .etecket-full .result-panel .result .detail .departure {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    margin-bottom: 0px;
                    font-style: italic;
                }

                .etecket-full .result-panel .result .detail .city {
                    width: 100%;
                    float: left;
                    font-size: 16px;
                    font-weight: bold;
                    margin-bottom: 0px;
                }

                .etecket-full .result-panel .result .detail .terminal {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    margin-bottom: 0px;
                }

                .etecket-full .result-panel .result .detail .date {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    margin-bottom: 0px;
                }

                    .etecket-full .result-panel .result .detail .date span {
                        font-weight: bold;
                    }

                .etecket-full .result-panel .result .detail .stopage {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    margin-bottom: 0px;
                }

                .etecket-full .result-panel .result .detail .duration {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    margin-bottom: 0px;
                    word-break: break-all;
                }

                .etecket-full .result-panel .result .detail .refundable {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    font-weight: 600;
                    margin-bottom: 0px;
                    word-break: break-all;
                }

                .etecket-full .result-panel .result .detail .cabin-class {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    margin-bottom: 0px;
                    word-break: break-all;
                }

            .etecket-full .result-panel .result .table-full {
                width: 100%;
                float: left;
                border-top: 1px solid #16528e;
                padding: 0 20px;
            }

                .etecket-full .result-panel .result .table-full table {
                    margin-bottom: 0px;
                }

                    .etecket-full .result-panel .result .table-full table > thead > tr > th {
                        border-bottom: 1px solid #16528e;
                    }

    .etecket-full .ticket-information {
        width: 100%;
        float: left;
    }

        .etecket-full .ticket-information .heading {
            width: 100%;
            float: left;
            font-size: 18px;
            padding-bottom: 5px;
            font-weight: bold;
            color: #16528e;
            border-bottom: 3px solid #16528e;
        }

        .etecket-full .ticket-information .ul-info {
            width: 100%;
            float: left;
            padding-left: 20px;
        }

            .etecket-full .ticket-information .ul-info li {
                width: 100%;
                float: left;
                margin-bottom: 10px;
            }

        .etecket-full .ticket-information .question {
            width: 100%;
            float: left;
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 0px;
        }

        .etecket-full .ticket-information .answer {
            width: 100%;
            float: left;
            font-size: 14px;
            font-weight: normal;
            margin-bottom: 10px;
        }

        .etecket-full .ticket-information .cancellation-table {
            width: 100%;
            float: left;
            border-top: 1px solid #16528e;
            margin-top: 20px;
        }

            .etecket-full .ticket-information .cancellation-table table tr th,
            .etecket-full .ticket-information .cancellation-table table tr td {
                border: 1px solid #16528e;
                vertical-align: inherit;
            }

                .etecket-full .ticket-information .cancellation-table table tr th span,
                .etecket-full .ticket-information .cancellation-table table tr td span {
                    width: 100%;
                    float: left;
                }

    .etecket-full .etecket-bottom {
        width: 100%;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .etecket-full .etecket-bottom .heading {
            width: 100%;
            float: left;
            font-size: 18px;
            padding-bottom: 5px;
            font-weight: bold;
            color: #16528e;
            border-bottom: 3px solid #16528e;
        }

        .etecket-full .etecket-bottom .ul-contact {
            width: 100%;
            float: left;
            list-style: none;
        }

            .etecket-full .etecket-bottom .ul-contact li {
                width: 100%;
                float: left;
            }

                .etecket-full .etecket-bottom .ul-contact li .text1 {
                    width: 100px;
                    float: left;
                }

                .etecket-full .etecket-bottom .ul-contact li .text2 {
                    float: left;
                    font-weight: 600;
                }

        .etecket-full .etecket-bottom .border-left {
            border-left: 1px solid #16528e;
        }


    .etecket-full.eticket-hotel-booking .result-panel .result .detail .flight-icon {
        width: 80%;
        height: 30px;
    }

        .etecket-full.eticket-hotel-booking .result-panel .result .detail .flight-icon img {
            width: 80%;
            height: auto;
            border: 1px solid #16528e;
        }

    .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-name {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0px;
    }

        .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-name span {
            float: left;
        }

    .etecket-full.eticket-hotel-booking .result-panel .result .detail .starrating {
        float: left;
        width: 100px;
        margin-left: 10px;
        margin-top: 3px;
    }

        .etecket-full.eticket-hotel-booking .result-panel .result .detail .starrating img {
            width: 100%;
            float: left;
        }

    .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-address {
        width: 100%;
        float: left;
        font-size: 14px;
        font-weight: normal;
        margin-top: 5px;
        margin-bottom: 0px;
    }

        .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-address span {
            font-weight: bold;
        }

    .etecket-full.eticket-hotel-booking .result-panel .result .detail .box1,
    .etecket-full.eticket-hotel-booking .result-panel .result .detail .box2,
    .etecket-full.eticket-hotel-booking .result-panel .result .detail .box3,
    .etecket-full.eticket-hotel-booking .result-panel .result .detail .box4 {
        min-height: 117px;
    }

    .etecket-full.eticket-hotel-booking .result-panel .result .detail .box2 {
        padding-right: 10px;
    }

    .etecket-full.eticket-hotel-booking .result-panel .result .detail .box3 {
        width: 30%;
        float: left;
        border-left: 1px solid #16528e;
        position: relative;
        padding-left: 20px;
    }

    .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-phone {
        width: 100%;
        float: left;
        font-size: 14px;
        font-weight: normal;
        margin-top: 5px;
        margin-bottom: 0px;
    }

        .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-phone span {
            font-weight: bold;
        }

    .etecket-full.eticket-hotel-booking .result-panel .result .table-full {
        width: 100%;
        float: left;
        border-top: 0px solid #16528e;
        padding: 0 20px;
        margin-bottom: 20px;
    }

        .etecket-full.eticket-hotel-booking .result-panel .result .table-full table {
            margin-bottom: 0px;
            border-top: 1px solid #16528e;
        }

            .etecket-full.eticket-hotel-booking .result-panel .result .table-full table > thead > tr > th,
            .etecket-full.eticket-hotel-booking .result-panel .result .table-full table > tbody > tr > td {
                border: 1px solid #16528e;
            }

    .etecket-full.eticket-hotel-booking .result-panel .result .hotel-table-full {
        width: 100%;
        float: left;
        padding: 0 20px;
        margin-bottom: 20px;
    }

        .etecket-full.eticket-hotel-booking .result-panel .result .hotel-table-full table {
            margin-bottom: 0px;
        }

            .etecket-full.eticket-hotel-booking .result-panel .result .hotel-table-full table > thead > tr > th,
            .etecket-full.eticket-hotel-booking .result-panel .result .hotel-table-full table > tbody > tr > td {
                border: 1px dashed #16528e;
            }



/* RESET-PASSWORD PAGE */
.reset-password-full {
    width: 100%;
    height: 100vh;
    float: left;
    background: #eee;
    position: relative;
    background: linear-gradient(140deg, #f2f3f8 10%, #babbc1) 50%;
}

    .reset-password-full .reset-password-outer {
        width: 430px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .reset-password-full .reset-password-outer .reset-password-inner {
            width: 100%;
            background: #fff;
            float: left;
            padding: 0px;
            border: 1px solid #fff;
            border-radius: 5px;
        }

            .reset-password-full .reset-password-outer .reset-password-inner label {
                color: #999;
                font-weight: 600;
            }

            .reset-password-full .reset-password-outer .reset-password-inner .contect {
                width: 100%;
                float: left;
                padding: 0 20px;
            }

            .reset-password-full .reset-password-outer .reset-password-inner .logo-outer {
                width: 70%;
                margin: 0 auto;
            }

            .reset-password-full .reset-password-outer .reset-password-inner .logo {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 20px;
                font-weight: 600;
                margin: 40px 0 30px 0;
                padding: 10px 0;
                color: #fff;
            }

                .reset-password-full .reset-password-outer .reset-password-inner .logo img {
                    width: 100%;
                    height: auto;
                }

            .reset-password-full .reset-password-outer .reset-password-inner .form-group {
                width: 100%;
                float: left;
                padding: 0 15px;
                margin-bottom: 25px;
            }

                .reset-password-full .reset-password-outer .reset-password-inner .form-group .position-reletive {
                    width: 100%;
                    float: left;
                    font-weight: normal;
                    position: relative;
                    margin-top: 10px;
                }

                    .reset-password-full .reset-password-outer .reset-password-inner .form-group .position-reletive .icon {
                        width: 40px;
                        height: 34px;
                        line-height: 34px;
                        text-align: center;
                        font-size: 18px;
                        position: absolute;
                        bottom: 0px;
                        left: 0px;
                        color: #999;
                    }

                    .reset-password-full .reset-password-outer .reset-password-inner .form-group .position-reletive .form-control {
                        width: 100%;
                        float: left;
                        height: 34px;
                        border-radius: 0px;
                        padding-left: 50px;
                        border: 0px;
                        box-shadow: none;
                        border-bottom: 1px solid #dfdfdf;
                    }

                        .reset-password-full .reset-password-outer .reset-password-inner .form-group .position-reletive .form-control:focus + .icon {
                            color: #a056ef;
                        }

            .reset-password-full .reset-password-outer .reset-password-inner .login-btn-outer {
                width: 200px;
                margin: 0 auto;
            }

            .reset-password-full .reset-password-outer .reset-password-inner .login-btn {
                width: 100%;
                float: left;
                padding: 10px 0;
                margin-top: 20px;
                border-radius: 25px;
                background: #f7941d;
                color: #fff;
                border: 1px solid #666464;
                outline: none;
                border: 0px;
            }

                .reset-password-full .reset-password-outer .reset-password-inner .login-btn:hover {
                    background: #f7941d;
                }

@media only screen and (min-width: 320px) and (max-width: 500px) {
    .reset-password-full .reset-password-outer {
        width: 95%;
        margin: 0 auto;
    }
}

.slidecontainer {
    width: 100%;
}

.price-bar {
    width: 100%;
    float: left;
    -webkit-appearance: none;
    height: 4px;
    margin: 15px 0;
    border-radius: 5px;
    background: #15bdcc;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .price-bar:hover {
        opacity: 1;
    }

    .price-bar::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-top: 5px;
        background: #15bdcc;
        z-index: 11111;
        cursor: pointer;
    }

    .price-bar::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #4CAF50;
        cursor: pointer;
    }

.price-bar-text {
    width: 100%;
    float: left;
}

/* RESET-PASSWORD SUCCESFULL PAGE */
.reset-password-successfully-full {
    width: 100%;
    height: 100vh;
    float: left;
    position: relative;
    background: linear-gradient(140deg,#f2f3f8 10%,#babbc1) 50%;
}

    .reset-password-successfully-full .reset-password-outer {
        width: 430px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

        .reset-password-successfully-full .reset-password-outer .reset-password-inner {
            width: 100%;
            background: #fff;
            float: left;
            padding: 0;
            border: 1px solid #fff;
            border-radius: 5px;
        }

            .reset-password-successfully-full .reset-password-outer .reset-password-inner .contect {
                width: 100%;
                float: left;
                padding: 0 20px;
                padding-bottom: 30px;
            }

            .reset-password-successfully-full .reset-password-outer .reset-password-inner .icon-outer {
                width: 70px;
                margin: 0 auto;
            }

            .reset-password-successfully-full .reset-password-outer .reset-password-inner .icon {
                width: 100%;
                height: 70px;
                float: left;
                border-radius: 50%;
                border: 2px solid #15bdcc;
                text-align: center;
                font-size: 20px;
                font-weight: 600;
                margin: 40px 0 30px;
                padding: 10px 0;
                color: #f7941d;
            }

                .reset-password-successfully-full .reset-password-outer .reset-password-inner .icon i {
                    width: 100%;
                    line-height: 50px;
                    font-size: 40px;
                }

            .reset-password-successfully-full .reset-password-outer .reset-password-inner .status {
                width: 100%;
                float: left;
                padding: 0 50px;
                text-align: center;
                font-size: 16px;
                font-weight: 600;
                color: #333;
            }

            .reset-password-successfully-full .reset-password-outer .reset-password-inner .login-btn-outer {
                width: 200px;
                margin: 0 auto;
            }

            .reset-password-successfully-full .reset-password-outer .reset-password-inner .login-btn {
                width: 100%;
                float: left;
                padding: 10px 0;
                margin-top: 20px;
                border-radius: 25px;
                background: #f7941d;
                color: #fff;
                outline: 0;
                border: 0;
            }

                .reset-password-successfully-full .reset-password-outer .reset-password-inner .login-btn:hover {
                    background: #f7941d;
                }

@media only screen and (min-width:320px) and (max-width:500px) {
    .reset-password-successfully-full .reset-password-outer {
        width: 95%;
        margin: 0 auto;
    }
}


/*--popup--*/
.help-detail-popup-main {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

    .help-detail-popup-main.in {
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
    }

    .help-detail-popup-main .modal-content {
        width: 100%;
        float: left;
        max-height: 800px;
        overflow: auto;
        font-family: 'Montserrat', sans-serif !important;
    }

    .help-detail-popup-main .modal-body {
        width: 100%;
        float: left;
        padding: 0px;
    }

    .help-detail-popup-main .modal-header {
        display: none;
    }

    .help-detail-popup-main .close {
        outline: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        position: absolute;
        right: 40px;
        background: #999;
        color: #fff;
        opacity: 1;
        z-index: 1;
    }

        .help-detail-popup-main .close:hover {
            background: #666;
            opacity: 1;
            color: #fff;
        }

    .help-detail-popup-main .term-conditon-popup {
        width: 100%;
        float: left;
        background: #fff;
        padding: 15px 40px;
    }

        .help-detail-popup-main .term-conditon-popup .header-panel {
            width: 100%;
            float: left;
            padding: 15px 0;
        }

            .help-detail-popup-main .term-conditon-popup .header-panel h5 {
                width: 100%;
                float: left;
                font-size: 22px;
                border-bottom: 1px solid #ccc;
                font-weight: 400;
                color: #16528e;
                line-height: 1.5em;
                margin-top: 0px;
            }

                .help-detail-popup-main .term-conditon-popup .header-panel h5 span {
                    width: auto;
                    float: left;
                    border-bottom: 2px solid #15bdcc;
                }

        .help-detail-popup-main .term-conditon-popup .content-panel {
            width: 100%;
            float: left;
        }

            .help-detail-popup-main .term-conditon-popup .content-panel p {
                width: 100%;
                float: left;
                color: #181818;
                margin-bottom: 5px;
                text-align: justify;
            }

            .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 100px;
            }

                .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form .form-title {
                    width: 100px;
                    float: left;
                    color: #333;
                    position: absolute;
                    top: 8px;
                    left: 0px;
                    font-weight: normal;
                }

                .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form .form-control {
                    border: 1px solid #c5c5c5;
                    height: 34px;
                    border-radius: 0px !important;
                    transition: 0.5s;
                    -webkit-transition: 0.5s;
                }

                    .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form .form-control:focus {
                        border: 1px solid #1875f0;
                    }

                .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form select.form-control {
                    line-height: 36px;
                }

                .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form textarea.form-control {
                    height: auto;
                }

            .help-detail-popup-main .term-conditon-popup .content-panel .save-btn-bottom {
                width: 35%;
                float: right;
                font-size: 13px;
                text-align: center;
                line-height: 30px;
                margin-bottom: 15px;
                margin-left: 10px;
                background-color: #1ab394;
                color: #FFFFFF;
                box-shadow: 0 2px 2px 0 rgba(26, 179, 148, 0.14), 0 3px 1px -2px rgba(26, 179, 148, 0.2), 0 1px 5px 0 rgba(26, 179, 148, 0.12);
                color: #fff;
                border-radius: 5px;
            }

                .help-detail-popup-main .term-conditon-popup .content-panel .save-btn-bottom:hover {
                    box-shadow: 0 14px 26px -12px rgba(26, 179, 148, 0.42), 0 4px 23px 0px rgba(26, 179, 148, 0.12), 0 8px 10px -5px rgba(26, 179, 148, 0.2);
                }

@media (min-width:992px) {
    .help-detail-popup-main .modal-dialog {
        width: 500px !important;
        margin: 30px auto;
    }
}



/*.popup_block.popup-outer{float:left; width:100%; height:100vh; background:rgba(0,0,0,0.6); }
.popup_block .progress.flight-popup{width:500px; padding:0px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); height:auto !important; background:transparent !important;  border-color:transparent !important; border:0px !important; box-shadow:none !important; }
.popup_block .progress.flight-popup .header{width:100%; float:left;}
.popup_block .progress.flight-popup .header .onle-half{width:50%; float:left;}
.popup_block .progress.flight-popup .header .onle-half .im-res{width:100%; height:auto;}
.popup_block .progress.flight-popup .header .onle-half .im-auot{width:auto; height:auto;} 
.popup_block .progress.flight-popup .header .line{width:100%; height:5px; float:left; background:#1a2a4b; margin:10px 0; position:relative;}
.popup_block .progress.flight-popup .header .line:before{content:""; position:absolute; width:25%; height:5px; background:#ffcb01; left:0px;}
.popup_block .progress.flight-popup .header .line:after{content:url(../images/icon/plane-icon.png); position:absolute; left:23%; top:-7px;}

.popup_block .progress.flight-popup .header2{width:100%; float:left; background:#15bdcc; position:static; background: linear-gradient(120deg, #00dcac 20% ,#7681fd 70%); padding:10px 10px;}
.popup_block .progress.flight-popup .header2 h3{width: 100%; float: left; font-size:18px !important; color:#fff !important; text-align:center; font-weight:600; margin:0px;}
.popup_block .progress.flight-popup .header2 p{width: 100%; float: left; font-size:14px; color:#fff; text-align:center; font-weight:normal; margin:0px;}
.popup_block .progress.flight-popup .detail{width: 100%; float: left; background-image: url(../images/gif/progressbg.jpg); color: #fff; background-repeat: repeat; border-right: 2px solid #7681fd; border-top: navajowhite; border-left: 2px solid #00dcac; border-bottom: 2px solid #ff4a63;}
.popup_block .progress.flight-popup .detail .city-full{width:100%; float:left; padding:5px 0px; margin:5px 0; }
.popup_block .progress.flight-popup .detail .city-full i{color:#ffcb01;}
.popup_block .progress.flight-popup .detail .city-full .city{width:100%; float:left; color:#fff; font-size:12px; padding:0px; margin-bottom:0px;}
.popup_block .progress.flight-popup .detail .city-full .city2{width:100%; float:left; color:#fff; font-size:16px; padding:0px; margin-bottom:0px; font-weight:600;}
.popup_block .progress.flight-popup .detail .city-full p{margin-bottom:0px;}
.popup_block .progress.flight-popup .detail .info-full{width:100%; float:left; padding:10px 10px; margin:5px 0; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.popup_block .progress.flight-popup .detail .info-full .head{width:100%; float:left; color:#ffcb01; font-size:12px; padding:0px; margin-bottom:0px;}
.popup_block .progress.flight-popup .detail .info-full .text{width:100%; float:left; color:#fff; font-size:12px; padding:0px; margin-bottom:0px;}
.popup_block .progress.flight-popup .detail .call{width:100%; float:left; text-align:center; color:#15bdcc; font-size:14px; font-weight:600; margin-bottom:0px; border-top:1px solid #ccc; padding-top:10px;}
.popup_block .progress.flight-popup .detail .call-number{width:100%; text-align:center; float:left; color:#15bdcc; font-size:20px;}
.popup_block .progress.flight-popup .footer-logo{width:100%; float:left; text-align:center; margin-top:5px;}

.popup_block .progress.flight-popup .detail .gif-full{width:50%; margin:0 auto;}
.popup_block .progress.flight-popup .detail .gif-full .gif{width:100%; float:left; margin:0px 0;}
.popup_block .progress.flight-popup .detail .gif-full .gif img{width:100%; height:auto;}

.popup_block .progress.flight-popup .detail .gif-ful1{width:100%; margin:0 auto; }
.popup_block .progress.flight-popup .detail .gif-full1 .gif{width:100%; float:left; margin:10px 0;}
.popup_block .progress.flight-popup .detail .gif-full1 .gif img{width:auto; height:auto;}

@media (max-width:500px) {
.popup_block .progress.flight-popup{width:100% !important; padding:10px;}
}*/


/* FLIGHT PROGRESS START */

/*.popup_block.popup-outer{float:left; left:35%;}*/
.popup_block_Outer{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;width:100%;z-index:9999;top:0}
.popup_block.popup-outer{float:left;width:100%;height:100vh;background:rgba(0,0,0,.5)}
.popup_block{border:0 solid #212121;float:left;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);padding:15px 5px;position:fixed;top:20%;width:auto;z-index:10000}
.popup_block .progress.flight-popup{width:500px;max-width:100%;text-align:center;height:auto!important;background:0 0!important;border-color:transparent!important;border:0!important;box-shadow:none!important}
.popup_block .progress.flight-popup .header{width:100%;float:left}
.popup_block .progress.flight-popup .header .onle-half{width:50%;float:left}
.popup_block .progress.flight-popup .header .onle-half .im-res{width:100%;height:auto}
.popup_block .progress.flight-popup .header .onle-half .im-auot{width:auto;height:auto}
.popup_block .progress.flight-popup .header .line{width:100%;height:5px;float:left;background:#1a2a4b;margin:10px 0;position:relative}
.popup_block .progress.flight-popup .header .line:before{content:"";position:absolute;width:25%;height:5px;background:#ffcb01;left:0}
.popup_block .progress.flight-popup .header .line:after{content:url(../images/icons/popup-plane-icon.png);position:absolute;left:23%;top:-7px}
.popup_block .progress.flight-popup .header2{width:100%;float:left;background:#fec900;padding:10px 10px}
.popup_block .progress.flight-popup .header2 h3{width:100%;float:left;font-size:18px!important;color:#1a2a4b!important;text-align:center;font-weight:600;margin:0}
.popup_block .progress.flight-popup .header2 p{width:100%;float:left;font-size:10px;color:#1a2a4b;text-align:center;font-weight:400;margin:0}
.popup_block .progress.flight-popup .detail{width:100%;float:left;background:#1a2a4b;color:#fff}
.popup_block .progress.flight-popup .detail .city-full{width:100%;float:left;padding:5px 0;margin:5px 0}
.popup_block .progress.flight-popup .detail .city-full i{color:#ffcb01}
.popup_block .progress.flight-popup .detail .city-full .city{width:100%;float:left;color:#fff;font-size:12px;padding:0;margin-bottom:0}
.popup_block .progress.flight-popup .detail .city-full .city2{width:100%;float:left;color:#fff;font-size:16px;padding:0;margin-bottom:0;font-weight:600}
.popup_block .progress.flight-popup .detail .city-full p{margin-bottom:0}
.popup_block .progress.flight-popup .detail .info-full{width:100%;float:left;padding:10px 10px;margin:5px 0;border-top:1px solid #fff;border-bottom:1px solid #fff}
.popup_block .progress.flight-popup .detail .info-full .head{width:100%;float:left;color:#ffcb01;font-size:12px;padding:0;margin-bottom:0}
.popup_block .progress.flight-popup .detail .info-full .text{width:100%;float:left;color:#fff;font-size:12px;padding:0;margin-bottom:0}
.popup_block .progress.flight-popup .detail .call{width:100%;float:left;color:#ffcb01;font-size:18px;font-weight:600;margin-bottom:0;animation:blinker 2s linear infinite}
@keyframes blinker{
49.9%,from{opacity:0}
50%,to{opacity:1}
}
.popup_block .progress.flight-popup .detail .call-number{width:100%;float:left;color:#fff;font-size:25px;font-weight:600;padding:3px 0;background:#ef3d00;border-radius:20px;margin-top:10px;margin-bottom:10px}
.popup_block .progress.flight-popup .footer-logo{width:100%;float:left;text-align:center;margin-top:5px}
.popup_block .progress.flight-popup .detail .gif-full{width:80%;margin:0 auto}
.popup_block .progress.flight-popup .detail .gif-full .gif{width:100%;float:left;margin:10px 0}
.popup_block .progress.flight-popup .detail .gif-full .gif img{width:100%;height:auto}
.popup_block .progress.flight-popup .detail .gif-full .gif .video-panel{width:100%;float:left}
.popup_block .progress.flight-popup .detail .gif-full .gif .video-panel video{width:100%;height:auto}
.popup_block .progress.flight-popup .detail .gif-ful1{width:100%;margin:0 auto}
.popup_block .progress.flight-popup .detail .gif-full1 .gif{width:100%;float:left;margin:10px 0}
.popup_block .progress.flight-popup .detail .gif-full1 .gif img{width:auto;height:auto}
.popup_block .progress.flight-popup .header .line:before{-webkit-animation:plane-bg 5s infinite}
.popup_block .progress.flight-popup .header .line:after{-webkit-animation:plane-icon 5s infinite}
@-webkit-keyframes plane-bg{
from{width:0%}
to{width:100%}
}
@-webkit-keyframes plane-icon{
from{left:0}
to{left:100%}
}
@media (max-width:767px){
.popup_block .progress.flight-popup{width:450px;max-width:100%}
}
@media (max-width:460px){
.popup_block .progress.flight-popup{width:320px;max-width:100%}
}
.popup_block .progress.flight-popup .detail .gif-full.common-popup{width:20%;margin:0 auto}
.popup_block .progress.flight-popup .detail .gif-full.common-popup .gif{width:100%;float:left;margin:10px 0}
.popup_block .progress.flight-popup .detail .gif-full.common-popup .gif img{width:100%;height:auto}
.popup_block .progress.flight-popup .detail .not-refresh{width:100%;float:left;text-align:center;font-size:10px;color:#868080}
.popup_block .progress.flight-popup.common-p{width:440px;height:auto!important;background:0 0!important;border-color:transparent!important;border:0!important;box-shadow:none!important}
.popup_block .progress.flight-popup .header2 h3{width:100%;float:left;font-size:24px!important;color:#1a2a4b!important;text-align:center;font-weight:600;margin:0;margin-bottom:10px}
.popup_block .progress.flight-popup .header2 p{width:100%;float:left;font-size:15px;color:#1a2a4b;text-align:center;font-weight:600;margin:0}
.popup_block .progress.flight-popup .detail .gif-full.common-popup{width:20%;margin:0 auto}
.popup_block .progress.flight-popup .detail .gif-full.common-popup .gif{width:100%;float:left;margin:10px 0}
.popup_block .progress.flight-popup .detail .gif-full.common-popup .gif img{width:100%;height:auto}
.popup_block .progress.flight-popup .detail .gif-full.common-popup .gif .video-panel{width:100%;float:left}
.popup_block .progress.flight-popup .detail .gif-full.common-popup .gif .video-panel video{width:100%;height:auto}
.popup_block .progress.flight-popup .detail .not-refresh{width:100%;float:left;text-align:center;font-size:10px;color:#868080}


/*Seat Selection Start*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

*,
*:before,
*:after {
    box-sizing: border-box;
}

.plane {
    margin: 20px auto;
    max-width: 600px;
    font-family: 'Open Sans', sans-serif;
}

.indications {
    position: absolute;
    left: 100px;
    top: 100px;
}

    .indications ul {
        margin: 0;
        padding: 0;
    }

        .indications ul li {
            list-style-type: none;
            margin-bottom: 10px;
        }

.cockpit {
    height: 250px;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-bottom: 5px solid #d8d8d8;
}

    .cockpit:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 500px;
        width: 100%;
        border-radius: 50%;
        border-right: 5px solid #d8d8d8;
        border-left: 5px solid #d8d8d8;
    }

    .cockpit h1 {
        width: 60%;
        margin: 100px auto 35px auto;
        position: relative;
    }

.exit {
    position: relative;
    height: 50px;
}

    .exit:before,
    .exit:after {
        content: "EXIT";
        font-size: 14px;
        line-height: 18px;
        padding: 0px 2px;
        font-family: "Arial Narrow", Arial, sans-serif;
        display: block;
        position: absolute;
        background: green;
        color: white;
        top: 50%;
        transform: translate(0, -50%);
    }

    .exit:before {
        left: 0;
    }

    .exit:after {
        right: 0;
    }

.fuselage {
    border-right: 5px solid #d8d8d8;
    border-left: 5px solid #d8d8d8;
}

ol {
    list-style: inside;
    padding: 0;
    margin: 0;
}

.seats {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.seat {
    display: flex;
    flex: 4.28571428571429%;
    padding: 5px;
    position: relative;
}

    .seat:nth-child(3),
    .seat:nth-child(7) {
        margin-right: 8.28571428571429%;
    }

    .seat input[type=checkbox] {
        position: absolute;
        opacity: 0;
    }

        /*--avl-*/
        .seat input[type=checkbox]:checked + label {
            background: #6c8f63;
            -webkit-animation-name: rubberBand;
            animation-name: rubberBand;
            animation-duration: 300ms;
            animation-fill-mode: both;
        }

            .seat input[type=checkbox]:checked + label:after {
                content: "*";
                text-indent: 0;
                position: absolute;
                top: -1px;
                left: 28%;
                transform: translate(-50%, 0%);
                font-size: 22px;
            }
    /*--avl-after-purchage*/
    .seat.avl-after-purchage input[type=checkbox] + label {
        background: #c4df9b;
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
        animation-duration: 300ms;
        animation-fill-mode: both;
    }
    /*--occupied---*/
    .seat.occupied label {
        background: #fbaf5d;
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
        animation-duration: 300ms;
        animation-fill-mode: both;
        cursor: not-allowed !important;
    }
    /*--active---*/
    .seat.active-pax label {
        background: #3399ff;
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
        animation-duration: 300ms;
        animation-fill-mode: both;
        cursor: not-allowed !important;
    }
    /*--disapble---*/
    .seat input[type=checkbox]:disabled + label {
        background: #dddddd;
        text-indent: -9999px;
        overflow: hidden;
    }

        .seat input[type=checkbox]:disabled + label:after {
            content: "X";
            text-indent: 0;
            position: absolute;
            top: 4px;
            left: 50%;
            transform: translate(-50%, 0%);
        }

        .seat input[type=checkbox]:disabled + label:hover {
            box-shadow: none;
            cursor: not-allowed;
        }

    .seat label {
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.5rem;
        padding: 4px 0;
        background: #ecebeb;
        border-radius: 5px;
        animation-duration: 300ms;
        animation-fill-mode: both;
    }

        .seat label:before {
            content: "";
            position: absolute;
            width: 75%;
            height: 75%;
            top: 1px;
            left: 50%;
            transform: translate(-50%, 0%);
            background: rgba(255, 255, 255, 0.4);
            border-radius: 3px;
        }

        .seat label:hover {
            cursor: pointer;
            box-shadow: 0 0 0px 2px #5C6AFF;
        }

.hidden-exit-way {
    visibility: hidden;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

/*======= CUSTOME CSS =======*/
.header2 {
    width: 100%;
    float: left;
    top: 50px;
    z-index: 1;
}

.flight-search-header {
    width: 100%;
    float: left;
    background: #0a90d4;
}

    .flight-search-header ul {
        width: 100%;
        float: left;
        list-style: none;
        margin-bottom: 0px;
        text-align: left;
        padding-left: 0px;
    }

        .flight-search-header ul li {
            display: inline-block;
            color: #fff;
            padding: 10px 15px;
        }

            .flight-search-header ul li.active {
                background: #f00;
            }

            .flight-search-header ul li a {
                color: #fff;
            }

.seat-id-info {
    width: 100%;
    float: left;
    background: #efeeee;
    border-bottom: 1px solid #9c9b9b;
}

    .seat-id-info #DivSelectedSeats #spanSelectedSeats {
        width: 100%;
        float: left;
    }

        .seat-id-info #DivSelectedSeats #spanSelectedSeats span {
            float: left;
            padding: 10px;
        }
/*.seat-id-info #DivSelectedSeats #spanSelectedSeats span:first-child{padding-top:10px;}*/

.plane-outer {
    width: 100%;
    float: left;
}

    .plane-outer .plane {
        background: #efeeee;
    }

        .plane-outer .plane .cockpit {
            background: #fff;
            border-bottom: 5px solid #9c9b9b;
        }

            .plane-outer .plane .cockpit:before {
                background: #fff;
                border-right: 5px solid #9c9b9b;
                border-left: 5px solid #9c9b9b;
            }

        .plane-outer .plane .fuselage {
            border-right: 5px solid #9c9b9b;
            border-left: 5px solid #9c9b9b;
        }

        .plane-outer .plane .exit.exit--back.fuselage {
            border-bottom: 5px solid #9c9b9b;
        }

        .plane-outer .plane .tab-content-penal {
            border-right: 5px solid #9c9b9b;
            border-left: 5px solid #9c9b9b;
        }

.seat label {
    background: #dedddd;
}

.plane li.row.row--2 {
    list-style: none;
}

.save-btn {
    background: #5C6AFF;
    color: #fff;
    outline: none;
    border: 0px;
    padding: 5px 10px;
}

.viewsaveddate {
    background: #0a90d4;
    color: #fff;
    outline: none;
    border: 0px;
    padding: 5px 10px;
}

.hover-detail-full {
    position: relative;
}

    .hover-detail-full .hover-detail {
        width: 300px;
        float: left;
        position: absolute;
        bottom: 120%;
        left: -70%;
        background: #fff;
        border: 1px solid #333;
        z-index: 1;
        display: none;
    }

        .hover-detail-full .hover-detail .hd-header {
            width: 100%;
            float: left;
            background: #0a90d4;
            color: #fff;
            font-size: 16px;
            padding: 8px 0;
            font-weight: 600;
            text-align: center;
        }

        .hover-detail-full .hover-detail .detail-panel {
            width: 100%;
            float: left;
            padding: 10px;
        }

            .hover-detail-full .hover-detail .detail-panel p {
                width: 100%;
                float: left;
            }

    .hover-detail-full:hover .hover-detail {
        display: block;
    }


/*Seat Selection End*/
/*Cruise css*/
.cruise-result-full .modify-search {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #01306f;
    background: #dcebff;
    font-family: 'Lato', sans-serif;
}

    .cruise-result-full .modify-search .modify {
        background: #01306f;
        color: #fff;
        margin-top: 23px;
    }

    .cruise-result-full .modify-search .form_full {
        position: relative;
    }

        .cruise-result-full .modify-search .form_full .form-control {
            padding-left: 30px;
            height: 34px;
        }

        .cruise-result-full .modify-search .form_full label {
            width: 100%;
            font-weight: 700;
            text-align: left;
            color: #01306f;
        }

    .cruise-result-full .modify-search .form-group span.icon {
        position: absolute;
        left: 7px;
        bottom: 0;
        color: #d3302c;
        line-height: 34px;
        height: 34px;
        font-size: 15px;
    }




/*cruise-result*/

.cruise-result-full .cruise-result {
    border: 1px solid #6a6c6f;
    width: 100%;
    float: left;
    padding: 10px;
    position: relative;
    box-shadow: 0px 2px 4px #999999;
    margin-bottom: 20px;
}

    .cruise-result-full .cruise-result .cruise-image {
        display: block;
    }

    .cruise-result-full .cruise-result .box-title {
        margin: 0 0 10px;
        font-size: 22px;
    }

        .cruise-result-full .cruise-result .box-title small {
            text-transform: unset;
            font-size: 15px;
            color: #4c4848;
            font-weight: 600;
        }

    .cruise-result-full .cruise-result .Duration {
        margin-bottom: 10px;
        display: block
    }

    .cruise-result-full .cruise-result .cruise-image img {
        max-width: 100%;
        height: 165px;
        display: block;
        object-fit: cover;
        object-position: top;
        box-shadow: 0px 2px 4px #999999
    }

    .cruise-result-full .cruise-result .cruise-logo img {
        max-height: 40px;
        margin-top: 10px;
    }

    .cruise-result-full .cruise-result .cruise-logo {
        width: 100%;
        float: left;
    }

    .cruise-result-full .cruise-result .sailingDate {
        width: 25%;
        float: left;
        margin-top: 20px;
    }

    .cruise-result-full .cruise-result .sailingDate1 {
        margin-top: 0px;
        width: 25%;
        float: left;
    }

        .cruise-result-full .cruise-result .sailingDate1 h2 {
            margin-top: 0px !important;
        }

        .cruise-result-full .cruise-result .sailingDate1 .form_full {
            margin-left: 2px;
            margin-right: 2px;
        }

    .cruise-result-full .cruise-result .departure {
        width: 33%;
        float: left;
        margin-top: 10px;
    }

    .cruise-result-full .cruise-result .sailingDate h2 {
        font-size: 12px;
        margin: 0 0 5px;
    }

    .cruise-result-full .cruise-result .sailingDate h3 {
        font-size: 14px;
        margin: 0 0 10px;
        font-weight: 700;
    }

    .cruise-result-full .cruise-result .departure h2 {
        font-size: 12px;
        margin: 0 0 5px;
    }

    .cruise-result-full .cruise-result .departure h3 {
        font-size: 14px;
        margin: 0 0 10px;
        font-weight: 700;
    }

    .cruise-result-full .cruise-result .price {
        font-size: 20px;
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }

        .cruise-result-full .cruise-result .price small {
            display: block;
            font-size: 60%;
        }

    .cruise-result-full .cruise-result .selectOption {
        font-size: 18px;
        margin-top: 15px;
        background: #ac2e24;
        display: block;
        padding: 5px;
        text-align: center;
        color: #fff;
        box-shadow: 0px 2px 4px #999999;
    }

    .cruise-result-full .cruise-result .sailingDateinput .form-control {
        background: none;
        height: inherit;
        border: 1px solid #aaa;
        position: relative;
        top: 3px;
        padding: 2px;
        border-radius: 0;
    }

@media screen and (min-width:320px) and (max-width:767px) {
    .cruise-result-full .cruise-result .selectOption {
        display: inline-flex;
    }

    .cruise-result-full .cruise-result .cruise-image img {
        width: 100%;
        height: auto;
    }

    .cruise-result-full .cruise-result .sailingDate {
        width: 50%;
    }
}

/*----------*/
.cruise-detail-full .cruise-detail {
    width: 100%;
    float: left;
    padding: 40px 0;
    background: #f5f5f5;
}

    .cruise-detail-full .cruise-detail .heading {
        width: 100%;
        float: left;
    }

        .cruise-detail-full .cruise-detail .heading h1.top-heading {
            margin-bottom: 20px;
            font-size: 23px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            color: #4a4949;
        }

        .cruise-detail-full .cruise-detail .heading h2 {
            font-size: 17px;
            font-weight: 600;
            font-family: 'Open Sans', sans-serif;
        }

    .cruise-detail-full .cruise-detail .cruise-img {
        width: 100%;
        float: left;
    }

        .cruise-detail-full .cruise-detail .cruise-img img {
            width: 100%;
            height: 483px;
            object-fit: cover;
        }

    .cruise-detail-full .cruise-detail .location {
        width: 100%;
        float: left;
        margin-top: 70px;
        margin-bottom: 20px;
    }

        .cruise-detail-full .cruise-detail .location .progress-bar-container {
            margin: 0 auto;
            width: 80%;
        }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar {
                position: relative;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar {
                height: 3px;
                width: 383px;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar--completed {
                background: #9959a2;
                margin-top: 25px;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circles {
                display: inline-flex;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle {
                background: #ffffff;
                border-radius: 50%;
                border: 3px solid #dfdfdf;
                color: #b2b5ba;
                cursor: pointer;
                height: 50px;
                line-height: 48px;
                position: relative;
                text-align: center;
                width: 50px;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed {
                background: #01b7f2;
                border-color: #01b7f2;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed1 {
                background: #98ce44;
                border-color: #98ce44;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed2 {
                background: #f20000;
                border-color: #f20000;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed .number {
                color: #fff;
                font-size: 1.8em;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed1 .number {
                color: #fff;
                font-size: 1.8em;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed2 .number {
                color: #fff;
                font-size: 1.8em;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--selected {
                border-color: #9959a2;
                color: #243667;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle .number {
                font-size: 1.1em;
                font-weight: bold;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle__label {
                top: 100%;
                color: #868686;
                font-family: 'Open Sans', sans-serif;
                font-weight: 600;
                left: 50%;
                margin-bottom: 4px;
                margin-left: -50px;
                position: absolute;
                text-align: center;
                width: 100px;
            }

            .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle__label1 {
                top: -100%;
                color: #868686;
                font-family: 'Open Sans', sans-serif;
                font-weight: 600;
                left: 50%;
                margin-bottom: 4px;
                margin-left: -50px;
                position: absolute;
                text-align: center;
                width: 100px;
            }


    .cruise-detail-full .cruise-detail .tab {
        width: 100%;
        float: left;
        margin-top: 70px;
    }

        .cruise-detail-full .cruise-detail .tab ul.tabs {
            list-style: none;
            padding-left: 0px;
        }

            .cruise-detail-full .cruise-detail .tab ul.tabs li {
                display: inline-block;
                position: relative;
            }

                .cruise-detail-full .cruise-detail .tab ul.tabs li:hover a {
                    background: #772583;
                    padding: 10px;
                    color: #fff;
                }

                .cruise-detail-full .cruise-detail .tab ul.tabs li a {
                    background: #9aabb3;
                    padding: 10px;
                    color: #fff;
                }

                    .cruise-detail-full .cruise-detail .tab ul.tabs li a:hover {
                        text-decoration: none;
                    }

                .cruise-detail-full .cruise-detail .tab ul.tabs li:hover::after {
                    position: absolute;
                    content: "";
                    border-width: 10px;
                    border-style: solid;
                    border-color: transparent transparent #772583 transparent;
                    left: 50%;
                    bottom: -28px;
                    margin-left: -8px;
                    transform: rotate(180deg);
                }

                .cruise-detail-full .cruise-detail .tab ul.tabs li.active::after {
                    position: absolute;
                    content: "";
                    border-width: 10px;
                    border-style: solid;
                    border-color: transparent transparent #772583 transparent;
                    left: 50%;
                    bottom: -28px;
                    margin-left: -8px;
                    transform: rotate(180deg);
                }

                .cruise-detail-full .cruise-detail .tab ul.tabs li.active a {
                    background: #772583;
                    padding: 10px;
                    color: #fff;
                }

        .cruise-detail-full .cruise-detail .tab .visa-requirements {
            width: 100%;
            float: left;
            margin-top: 31px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.19), 0 1px 6px rgba(0, 0, 0, 0.27);
        }

            .cruise-detail-full .cruise-detail .tab .visa-requirements h2 {
                font-size: 20px;
                background: #4f6e7d;
                margin-bottom: 0px;
                padding: 10px;
                margin-top: 0px;
                color: #fff;
                font-family: 'Open Sans', sans-serif;
                text-transform: uppercase;
                font-weight: 600;
            }

                .cruise-detail-full .cruise-detail .tab .visa-requirements h2 span {
                    font-size: 18px;
                    font-weight: 400;
                    text-transform: initial;
                }

            .cruise-detail-full .cruise-detail .tab .visa-requirements .visa-content {
                width: 100%;
                float: left;
                padding: 20px;
                background: #ffffff;
            }

                .cruise-detail-full .cruise-detail .tab .visa-requirements .visa-content p {
                    font-size: 14px;
                    font-family: 'Open Sans', sans-serif;
                    color: #4e4e4e;
                    font-weight: 600;
                }

            .cruise-detail-full .cruise-detail .tab .visa-requirements .countries {
                width: 100%;
                float: left;
                background: rgba(158, 232, 232, 0.41);
                padding: 10px;
            }

                .cruise-detail-full .cruise-detail .tab .visa-requirements .countries ul {
                    padding-left: 22px;
                    margin-bottom: 0px;
                }

                    .cruise-detail-full .cruise-detail .tab .visa-requirements .countries ul li {
                        color: #000;
                        font-size: 13px;
                        font-family: 'Open Sans', sans-serif;
                        line-height: 21px;
                    }

        .cruise-detail-full .cruise-detail .tab .itinerary {
            width: 100%;
            float: left;
            margin-top: 20px;
            margin-top: 50px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.19), 0 1px 6px rgba(0, 0, 0, 0.27);
        }

            .cruise-detail-full .cruise-detail .tab .itinerary h2 {
                background: #4f6e7d;
                margin-bottom: 0px;
                padding: 10px;
                margin-top: 0px;
                color: #fff;
                font-family: 'Open Sans', sans-serif;
                text-transform: uppercase;
                font-size: 20px;
                font-weight: 600;
            }

                .cruise-detail-full .cruise-detail .tab .itinerary h2 img {
                    width: 21px;
                    margin-right: 8px;
                }

        .cruise-detail-full .cruise-detail .tab .itinerary-content {
            width: 100%;
            float: left;
            padding: 20px 20px 0px 20px;
            background: #ffffff;
            overflow: auto;
        }

            .cruise-detail-full .cruise-detail .tab .itinerary-content table {
                border: 1px solid #ccc;
            }

                .cruise-detail-full .cruise-detail .tab .itinerary-content table tr.table-heading th {
                    border-bottom: 2px solid #ccc;
                    color: #243667;
                    font-family: 'Open Sans', sans-serif;
                }

                .cruise-detail-full .cruise-detail .tab .itinerary-content table tr th {
                    font-family: 'Open Sans', sans-serif;
                }

                .cruise-detail-full .cruise-detail .tab .itinerary-content table tr:hover {
                    background: #f5f5f5;
                }

        .cruise-detail-full .cruise-detail .tab .select-box {
            width: 100%;
            float: left;
            margin-top: 30px;
            background: #fff;
            padding: 20px;
        }

            .cruise-detail-full .cruise-detail .tab .select-box .tab-options {
                width: 100%;
                float: left;
                margin: 20px 0 20px 0;
            }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-options ul {
                    border-bottom: 0px;
                }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-options li.active a {
                    background: #243667;
                    color: #fff;
                }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-options li:hover a {
                    background: #e5e6e6;
                }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-options li a {
                    padding: 5px 10px;
                    text-align: center;
                    border-radius: 4px;
                    color: #337ab7;
                    margin-right: 5px;
                }

            .cruise-detail-full .cruise-detail .tab .select-box .sailing-traveller {
                width: 100%;
                float: left;
            }

            .cruise-detail-full .cruise-detail .tab .select-box .tab-content {
                width: 100%;
                float: left;
            }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside {
                    width: 100%;
                    float: left;
                    border: 1px solid #ccc;
                    padding: 10px;
                    margin-bottom: 10px;
                    box-shadow: 1px 2px 4px 0px #ccc;
                }

                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-img {
                        width: 100%;
                        float: left;
                    }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-img img {
                            width: 100%;
                            height: 146px;
                            object-fit: cover;
                        }

                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail {
                        width: 100%;
                        float: left;
                    }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail h2 {
                            margin-top: 0px;
                            font-size: 19px;
                        }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail p {
                            height: 60px;
                            overflow: hidden;
                        }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail {
                            width: 100%;
                            float: left;
                            border: 1px solid #ccc;
                            padding: 10px 0px;
                        }

                            .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul {
                                list-style: none;
                                margin-bottom: 0px;
                                padding-left: 28px;
                            }

                                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li {
                                    display: inline-block;
                                    margin-right: 19px;
                                    font-size: 15px;
                                }

                                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li.cabin-size span {
                                        color: #7b7b7b;
                                    }

                                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li.occupency span {
                                        color: #7b7b7b;
                                    }

                                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li.cabin-available span {
                                        color: #ff0000;
                                    }

                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .amount {
                        width: 100%;
                        float: left;
                        text-align: center;
                    }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .amount h3 {
                            margin-bottom: 17px;
                        }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .amount a {
                            background: #243667;
                            padding: 8px 15px;
                            margin-top: 19px;
                            border-radius: 4px;
                            text-align: center;
                            color: #fff;
                        }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-header .modal-title {
                    text-align: left;
                    font-size: 14px;
                    font-weight: 600;
                    font-family: 'Open Sans', sans-serif;
                    color: #000;
                }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body p {
                    text-align: left;
                }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .nav.nav-tabs {
                    border-bottom: 0px;
                }

                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .nav.nav-tabs li a {
                        background: #edfaff !important;
                        border: 1px solid #ccc;
                        color: #000;
                        padding: 5px 10px;
                        border-radius: 0px;
                        margin-right: 5px;
                    }

                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .nav.nav-tabs li.active a {
                        background: #6cd1ff !important;
                    }

                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .nav.nav-tabs li:hover a {
                        background: #6cd1ff !important;
                    }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options {
                    width: 100%;
                    float: left;
                    margin: 0px 0 20px 0;
                }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options1 {
                    width: 100%;
                    float: left;
                    margin: 0px 0 20px 0;
                }

                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options1 li a span {
                        background: #f44336;
                        padding: 5px;
                        color: #fff;
                        font-size: 13px;
                    }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options2 {
                    width: 100%;
                    float: left;
                    margin: 0px 0 10px 0;
                }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options3 {
                    width: 100%;
                    float: left;
                    margin: 0px 0 20px 0;
                }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table {
                    width: 100%;
                    float: left;
                }

                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table {
                        width: 100%;
                        border: 1px solid #ddd;
                    }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table tr th {
                            border-right: 1px solid #ddd;
                            background: #eee;
                            font-family: 'Open Sans', sans-serif;
                        }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table tr td {
                            border-right: 1px solid #ddd;
                            background: #f1fbff;
                        }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table tr.row-two td {
                            background: #eee;
                        }

                        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table tr td.heading1 {
                            color: #a9a8a8;
                        }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-header {
                    border-bottom: 2px solid #0c4c80;
                    padding: 9px 15px;
                }

                    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-header .close {
                        color: #f44336;
                        opacity: 1;
                        font-size: 24px;
                    }

                .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-footer {
                    border-top: 0px;
                }

@media screen and (min-width:320px) and (max-width:767px) {
    .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar {
        width: 44px;
    }

    .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle__label1 {
        font-size: 10px;
    }

    .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle__label {
        font-size: 10px;
    }

    .cruise-detail-full .cruise-detail .heading h1.top-heading {
        font-size: 16px;
    }

    .cruise-detail-full .cruise-detail .heading h2 {
        font-size: 14px;
    }

    .cruise-detail-full .cruise-detail .tab .visa-requirements h2 {
        font-size: 18px;
    }

        .cruise-detail-full .cruise-detail .tab .visa-requirements h2 span {
            font-size: 14px;
        }

    .cruise-detail-full .cruise-detail .tab .itinerary-content table {
        min-width: 584px;
    }

    .cruise-detail-full .cruise-detail .tab .select-box .tab-options .nav-justified > li {
        float: left !important;
    }

    .cruise-detail-full .cruise-detail .tab .select-box .tab-options .nav-justified {
        width: 100%;
    }

    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail {
        margin-top: 15px;
    }

    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .amount {
        margin-bottom: 6px;
    }

    .cruise-detail-full .cruise-detail .cruise-img img {
        height: 270px;
    }
}

@media screen and (min-width:320px) and (max-width:605px) {
    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul {
        padding-left: 2px;
    }

        .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li {
            margin-right: 7px;
        }
}

@media screen and (min-width:320px) and (max-width:360px) {
    .cruise-detail-full .cruise-detail .tab ul.tabs li a {
        padding: 10px 2px;
        font-size: 13px;
    }

    .cruise-detail-full .cruise-detail .tab ul.tabs li.active::after {
        bottom: -27px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar {
        width: 220px;
    }

    .cruise-detail-full .cruise-detail .heading h1.top-heading {
        font-size: 20px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar {
        width: 277px;
    }

    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li {
        margin-right: 8px;
        font-size: 14px;
    }

    .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul {
        padding-left: 2px;
    }
}



.form-content .progressbar {
    margin: 40px 0;
    padding: 0;
    counter-reset: step;
    float: left;
    width: 100%
}

    .form-content .progressbar li {
        list-style-type: none;
        width: 20%;
        float: left;
        font-size: 14px;
        font-weight: 500;
        position: relative;
        text-align: center;
        color: rgba(52,40,104,.4);
    }

        .form-content .progressbar li:before {
            width: 55px;
            height: 55px;
            content: counter(step);
            counter-increment: step;
            line-height: 44px;
            border: 6px solid #5d5386;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            z-index: 9999;
            position: relative;
            font-size: 19px;
            color: #5d5386;
        }

        .form-content .progressbar li:after {
            width: 100%;
            height: 8px;
            content: '';
            position: absolute;
            background-color: #d7d7d7;
            top: 24px;
            left: -50%;
            z-index: 9;
        }

        .form-content .progressbar li:first-child:after {
            content: none
        }

        .form-content .progressbar li.active {
            color: #ff0b0b;
        }

            .form-content .progressbar li.active:before {
                border-color: #5d5386;
                background: #5d5386;
                color: #fff
            }

            .form-content .progressbar li.active + li:after {
                background-color: #5d5386;
                z-index: 9
            }

.form-content {
    background-color: #f2f3f8;
    font-family: 'Montserrat',sans-serif
}

    .form-content .form-holder {
        background: #fff;
        box-shadow: 0 1px 15px 1px rgba(52,40,104,.08);
        float: left;
        width: 100%;
        margin: 60px 0;
        border-radius: 8px;
        padding: 15px
    }

    .form-content .section-title {
        color: #2c304d;
        font-weight: 600;
        margin: 20px 0 35px;
    }

        .form-content .section-title h4 {
            font-size: 16px;
            margin: 0;
            font-weight: 600;
        }

    .form-content .form-section {
        float: left;
        width: 100%;
        padding: 15px 90px
    }

    .form-content .form-control-label {
        color: #2c304d;
        font-weight: 500
    }

    .form-content .form-control {
        font-size: 14px;
        line-height: 1.25;
        color: #2c304d;
        border: 1px solid #eee;
        border-radius: 4px;
        padding: .75rem 1.07rem;
        box-shadow: none;
        height: 38px;
    }

        .form-content .form-control:focus {
            border: 1px solid #5d5386;
        }

    .form-content .form-group {
        margin-bottom: 20px
    }

    .form-content .text-danger {
        color: #dc3545 !important;
        margin-left: 7px;
    }

    .form-content .btn-secondary {
        color: #2c304d;
        background-color: #e4e8f0;
        border: 2px solid #e4e8f0
    }

    .form-content .button-holder {
        text-align: right;
        margin: 20px 0;
        float: left;
        width: 100%;
        padding: 0 90px;
    }

        .form-content .button-holder li a {
            display: inline-block;
            padding: 9px 26px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 30px;
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

            .form-content .button-holder li a:hover {
                background: #ea5844;
                color: #fff;
            }

    .form-content .btn-gradient-01,
    .form-content .btn-gradient-01 a {
        background: #e23f83;
        background: linear-gradient(to right,#e23f83 0%,#ea5844 100%);
        background-size: 200% auto;
        font-weight: 600;
        transition: .5s;
        color: #fff;
        border: 0 none;
        padding: 12px 20px
    }

    .form-content .d-inline-block {
        display: inline-block !important
    }




.form-content-new.form-content .progressbar {
    margin: 40px 0;
    padding: 0;
    counter-reset: step;
    float: left;
    width: 100%
}

    .form-content-new.form-content .progressbar li {
        list-style-type: none;
        width: 20%;
        float: left;
        font-size: 14px;
        font-weight: 500;
        position: relative;
        text-align: center;
        color: rgba(52,40,104,.4);
    }

        .form-content-new.form-content .progressbar li:before {
            width: 55px;
            height: 55px;
            content: counter(step);
            counter-increment: step;
            line-height: 44px;
            border: 6px solid #5d5386;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            border-radius: 50%;
            background-color: #fff;
            z-index: 9999;
            position: relative;
            font-size: 19px;
            color: #5d5386;
        }

        .form-content-new.form-content .progressbar li:after {
            width: 100%;
            height: 8px;
            content: '';
            position: absolute;
            background-color: #d7d7d7;
            top: 24px;
            left: -50%;
            z-index: 9;
        }

        .form-content-new.form-content .progressbar li:first-child:after {
            content: none
        }

        .form-content-new.form-content .progressbar li.active {
            color: #ff0b0b;
        }

            .form-content-new.form-content .progressbar li.active:before {
                border-color: #5d5386;
                background: #5d5386;
                color: #fff
            }

            .form-content-new.form-content .progressbar li.active + li:after {
                background-color: #5d5386;
                z-index: 9
            }

.form-content-new.form-content {
    background-color: #f2f3f8;
    font-family: 'Montserrat',sans-serif
}

    .form-content-new.form-content .form-holder {
        background: #fff;
        box-shadow: 0 1px 15px 1px rgba(52,40,104,.08);
        float: left;
        width: 100%;
        margin: 60px 0;
        border-radius: 8px;
        padding: 15px
    }

    .form-content-new.form-content .section-title {
        color: #2c304d;
        font-weight: 600;
        margin: 0px 0 20px;
    }

        .form-content-new.form-content .section-title h4 {
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            margin: 0;
            font-weight: 600;
            color: #e83e8c;
            position: relative;
            padding-bottom: 10px;
        }

            .form-content-new.form-content .section-title h4:before {
                content: "";
                position: absolute;
                top: 100%;
                left: 0px;
                width: 100px;
                height: 2px;
                background: #e83e8c;
            }

            .form-content-new.form-content .section-title h4.color-box-outer:before {
                content: "";
                position: absolute;
                top: 30px;
                left: 0px;
                width: 100px;
                height: 2px;
                background: #e83e8c;
            }

        .form-content-new.form-content .section-title .info {
            width: 100%;
            float: left;
            font-size: 11px;
            color: #737373;
            margin-top: 10px;
            margin-bottom: 15px;
        }

    .form-content-new.form-content .form-section {
        float: left;
        width: 100%;
        padding: 15px 90px
    }

    .form-content-new.form-content .form-control-label {
        color: #2c304d;
        font-weight: 500
    }

    .form-content-new.form-content .form-control {
        font-size: 14px;
        line-height: 1.25;
        color: #2c304d;
        border: 1px solid #eee;
        border-radius: 4px;
        padding: .75rem 1.07rem;
        box-shadow: none;
        height: 38px;
    }

        .form-content-new.form-content .form-control:focus {
            border: 1px solid #5d5386;
        }

    .form-content-new.form-content .form-group {
        margin-bottom: 20px
    }

    .form-content-new.form-content .text-danger {
        color: #dc3545 !important;
        margin-left: 7px;
    }

    .form-content-new.form-content .btn-secondary {
        color: #2c304d;
        background-color: #e4e8f0;
        border: 2px solid #e4e8f0
    }

    .form-content-new.form-content .button-holder {
        text-align: right;
        margin: 20px 0;
        float: left;
        width: 100%;
        padding: 0 90px;
    }

        .form-content-new.form-content .button-holder li a {
            display: inline-block;
            padding: 9px 26px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 30px;
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

            .form-content-new.form-content .button-holder li a:hover {
                background: #ea5844;
                color: #fff;
            }

    .form-content-new.form-content .btn-gradient-01,
    .form-content-new.form-content .btn-gradient-01 a {
        background: #e23f83;
        background: linear-gradient(to right,#e23f83 0%,#ea5844 100%);
        background-size: 200% auto;
        font-weight: 600;
        transition: .5s;
        color: #fff;
        border: 0 none;
        padding: 12px 20px
    }

    .form-content-new.form-content .d-inline-block {
        display: inline-block !important
    }

    .form-content-new.form-content .line {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        padding: 0 90px;
    }

        .form-content-new.form-content .line .inner {
            width: 100%;
            float: left;
            border: 0.5px solid #dfdfdf;
            margin-top: 20px;
        }

    .form-content-new.form-content .line2 {
        width: 100%;
        float: left;
        margin-bottom: 0px;
        padding: 0 0px;
    }

        .form-content-new.form-content .line2 .inner {
            width: 100%;
            float: left;
            border: 0.5px solid #dfdfdf;
            margin-top: 20px;
        }

    .form-content-new.form-content .progressbar {
        margin: 40px 0 0px 0;
    }

    .form-content-new.form-content .form-control {
        height: 40px;
    }

        .form-content-new.form-content .form-control.color-select {
            height: 30px;
            width: 50px;
            padding: 0px;
            display: inline-block;
            border: none;
        }

    .form-content-new.form-content .preference-color {
        display: flex;
        flex-direction: column;
    }

        .form-content-new.form-content .preference-color .text {
            display: flex;
        }

        .form-content-new.form-content .preference-color .colorbox {
            display: flex;
            flex-direction: row-reverse;
        }

    .form-content-new.form-content .progressbar li {
        width: 33.3333%;
    }

        .form-content-new.form-content .progressbar li.active:before {
            border-color: #e23f83;
            background: linear-gradient(to right,#e23f83 0%,#ea5844 100%);
            color: #fff;
        }

        .form-content-new.form-content .progressbar li.active + li:after {
            background: linear-gradient(to right,#e23f83 0%,#ea5844 100%);
        }

    .form-content-new.form-content .form-control-label.facebook {
        color: #3b5999;
    }

    .form-content-new.form-content .form-control-label.linkedin {
        color: #0077B5;
    }

    .form-content-new.form-content .form-control-label.twitter {
        color: #55acee;
    }

    .form-content-new.form-content .form-control-label.pinterest {
        color: #bd081c;
    }

    .form-content-new.form-content .form-control-label.instagram {
        color: #e4405f;
    }

    .form-content-new.form-content .form-control-label.working-hour1 {
        color: #4CAF50;
    }

    .form-content-new.form-content .form-control-label.working-hour2 {
        color: #f00;
    }

    .form-content-new.form-content .suppliers-panel {
        width: 100%;
        float: left;
    }

        .form-content-new.form-content .suppliers-panel .form-group {
            width: 100%;
            float: left;
        }

            .form-content-new.form-content .suppliers-panel .form-group .checkbox {
                margin-top: 0px;
            }

    .form-content-new.form-content .checkbox-full-oter {
        width: 100%;
        float: left;
        max-height: 250px;
        overflow: auto;
    }

    .form-content-new.form-content .checkbox-full1 {
        width: 100%;
        float: left;
    }

        .form-content-new.form-content .checkbox-full1 .cell {
            width: 25%;
            float: left;
            margin-bottom: 10px;
        }

        .form-content-new.form-content .checkbox-full1 .box2 {
            width: 25%;
            float: left;
            margin-bottom: 10px;
            padding: 0 10px;
        }

        .form-content-new.form-content .checkbox-full1 .box3 {
            width: 25%;
            float: left;
            margin-bottom: 10px;
            padding: 0 10px;
        }

        .form-content-new.form-content .checkbox-full1 .box4 {
            width: 25%;
            float: left;
            margin-bottom: 10px;
            padding: 0 10px;
        }

        .form-content-new.form-content .checkbox-full1 .form-control {
            width: 100%;
            height: 34px;
        }

        .form-content-new.form-content .checkbox-full1 input[type=checkbox] + label {
            display: block;
            font-weight: normal;
            position: relative;
            margin: 0.2em;
            cursor: pointer;
            padding: 0.2em;
            padding-left: 30px;
        }

        .form-content-new.form-content .checkbox-full1 input[type=checkbox] {
            display: none;
        }

            .form-content-new.form-content .checkbox-full1 input[type=checkbox] + label:before {
                position: absolute;
                left: 0px;
                top: 4px;
                content: "\2714";
                border: 0.1em solid #666;
                border-radius: 0.2em;
                display: inline-block;
                width: 20px;
                height: 20px;
                padding-left: 0.2em;
                padding-bottom: 0.3em;
                margin-right: 0.2em;
                vertical-align: bottom;
                color: transparent;
                transition: .2s;
            }

            .form-content-new.form-content .checkbox-full1 input[type=checkbox] + label:active:before {
                transform: scale(0);
            }

            .form-content-new.form-content .checkbox-full1 input[type=checkbox]:checked + label:before {
                background-color: #e83e8c;
                border-color: #e83e8c;
                color: #fff;
            }

            .form-content-new.form-content .checkbox-full1 input[type=checkbox]:disabled + label:before {
                transform: scale(1);
                border-color: #aaa;
            }

            .form-content-new.form-content .checkbox-full1 input[type=checkbox]:checked:disabled + label:before {
                transform: scale(1);
                background-color: #bfb;
                border-color: #bfb;
            }

    .form-content-new.form-content .form-section .website-portfolio .TemplateImage {
        width: 100%;
        float: left;
        margin-bottom: 50px;
        border-radius: 5px;
    }

        .form-content-new.form-content .form-section .website-portfolio .TemplateImage:hover img {
            transform: scale(1.2);
        }

        .form-content-new.form-content .form-section .website-portfolio .TemplateImage img {
            width: 100%;
            height: auto;
            margin-top: 0%;
            transition: 0.3s;
        }

            .form-content-new.form-content .form-section .website-portfolio .TemplateImage img.active {
                width: 100%;
                height: auto;
                margin-top: 0;
                border: 2px solid #e83e8c;
                padding: 10px;
            }

            .form-content-new.form-content .form-section .website-portfolio .TemplateImage img.blur-img {
                -webkit-filter: blur(4px);
                filter: blur(4px);
            }

                .form-content-new.form-content .form-section .website-portfolio .TemplateImage img.blur-img.active {
                    -webkit-filter: blur(0px);
                    filter: blur(0px);
                }

.main-shadow-box {
    width: 100%;
    float: left;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
}

    .main-shadow-box:hover {
        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
        box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
    }

.main-shadow-box-normal {
    -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
}

    .main-shadow-box-normal:hover {
        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
        box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
    }

/* Scrollbar Styling */
.form-content-new.form-content .checkbox-full-oter::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: #dfdfdf;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #999;
}


@media only screen and (min-width:320px) and (max-width:767px) {
    .form-content-new.form-content .form-control.title {
        padding: 0 5px;
    }

    .form-content-new.form-content .checkbox-full1 .cell {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .form-content-new.form-content .checkbox-full1 .box2 {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        padding: 0 0px;
    }

    .form-content-new.form-content .checkbox-full1 .box3 {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        padding: 0 0px;
    }

    .form-content-new.form-content .checkbox-full1 .box4 {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        padding: 0 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .form-content-new.form-content .checkbox-full1 .cell {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }

    .form-content-new.form-content .checkbox-full1 .box2 {
        width: 50%;
        float: left;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .form-content-new.form-content .checkbox-full1 .box3 {
        width: 50%;
        float: left;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .form-content-new.form-content .checkbox-full1 .box4 {
        width: 50%;
        float: left;
        margin-bottom: 10px;
        padding: 0 10px;
    }
}


@media only screen and (min-width:320px) and (max-width:1199px) {
    .form-content-new.form-content .line {
        padding: 0 0px;
    }

    .form-content .form-section {
        float: left;
        width: 100%;
        padding: 15px 0px;
    }
}
/*-- REGISTER PAGE CSS --*/
.register-pg {
    width: 100%;
    float: left;
    background: #f5f5f5 !important;
}

.registration-new-pg {
    width: 100%;
    float: left;
    background: transparent;
    padding: 20px 0;
    margin-top: 40px;
}

    .registration-new-pg .registration-content {
        width: 100%;
        float: left;
        background: #fff;
        overflow: initial;
    }

        .registration-new-pg .registration-content .header-top {
            width: 100%;
            float: left;
            font-size: 18px;
            font-weight: 600;
            color: #333;
            padding: 15px 15px;
            border-bottom: 1px solid #dfdfdf;
        }



        .registration-new-pg .registration-content .box1 {
            width: 100%;
            float: left;
            margin-top: 20px;
            padding: 0 20px; /*font-family: 'Poppins', sans-serif !important;*/
            font-family: 'Montserrat', sans-serif !important;
        }

            .registration-new-pg .registration-content .box1 .lable-title {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 500;
                color: #4a4a4a;
            }

            .registration-new-pg .registration-content .box1 .form-control {
                border-radius: 0px;
                border-radius: 3px;
                border-color: #edebeb;
                box-shadow: none;
                -webkit-box-shadow: none;
            }

            .registration-new-pg .registration-content .box1 .form-control {
                height: 42px;
            }

            .registration-new-pg .registration-content .box1 select.form-control {
                line-height: 36px;
            }

            .registration-new-pg .registration-content .box1 .mr .form-group select {
                padding: 0 0px;
                font-size: 12px;
            }

            .registration-new-pg .registration-content .box1 .save-btn-bottom {
                width: 150px;
                float: right;
                font-size: 13px;
                text-align: center;
                border: 0px;
                outline: none;
                line-height: 30px;
                margin-bottom: 15px;
                margin-left: 10px;
                background-color: #d8b658;
                color: #FFFFFF;
                color: #fff;
                border-radius: 5px;
            }

                .registration-new-pg .registration-content .box1 .save-btn-bottom:hover {
                    background-color: #a2873c;
                }

            .registration-new-pg .registration-content .box1 .intl-tel-input {
                width: 100%;
                float: left;
            }

@media only screen and (min-width:320px) and (max-width:767px) {
    .login-pg.register-pg .bg-main {
        height: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .registration-new-pg {
        margin-top: 0px;
    }
}
/* Agent Login START */
.agent-login-full {
    width: 100%;
    float: left;
}

    .agent-login-full h3 {
        width: 100%;
        float: left;
        font-size: 26px;
        font-weight: 300;
        color: #00a5ea;
        margin-bottom: 20px;
    }

    .agent-login-full .login-tab {
        text-align: center;
        list-style: none;
        width: 100%;
    }

        .agent-login-full .login-tab li {
            display: inline-block;
            padding: 10px 40px;
            color: #00a5ea;
            border: 1px solid #00a5ea;
            cursor: pointer;
        }

            .agent-login-full .login-tab li.active {
                background: #00a5ea;
                color: #fff;
            }

    .agent-login-full .forgot-register {
        width: 100%;
        float: left;
        padding-bottom: 10px;
        margin-top: -8px;
    }

        .agent-login-full .forgot-register .forgot {
            float: right;
            margin-bottom: 0px;
        }

            .agent-login-full .forgot-register .forgot a {
                text-decoration: none;
                color: #333;
                font-size: 12px;
            }

    .agent-login-full .input-btn {
        background: #00a5ea;
        border: 0px;
        outline: none;
        padding: 5px 15px;
        color: #fff;
        border-radius: 3px;
    }

        .agent-login-full .input-btn:hover {
            background: #069ed0;
        }

    .agent-login-full .Registration-tab-content {
        width: 100%;
        float: left;
    }

        .agent-login-full .Registration-tab-content select {
            line-height: 28px;
        }

        .agent-login-full .Registration-tab-content h5 {
            font-weight: 600;
        }


    .agent-login-full .login-form-full {
        width: 100%;
        float: left;
        padding-bottom: 0px;
        margin-top: 50px;
    }

        .agent-login-full .login-form-full .heading-tital {
            width: 100%;
            float: left;
            font-size: 30px;
            font-weight: 300;
            text-align: center;
            background: #15bdcc;
            color: #fff;
            padding: 10px 0;
            margin-bottom: 0px;
        }

        .agent-login-full .login-form-full .login-form {
            width: 100%;
            float: left;
            border-radius: 0px;
            background: #ccc;
            padding: 15px;
            margin-bottom: 20px; /*box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);     -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);*/
        }

            .agent-login-full .login-form-full .login-form .form-box {
                width: 100%;
                float: left;
                background: url(../images/bg/login-bg.jpg) no-repeat;
                background-size: 100% 100%;
                border-radius: 0px;
                padding: 15px;
                margin-top: 0px;
                padding-top: 40px;
            }

                .agent-login-full .login-form-full .login-form .form-box label {
                    position: relative;
                    width: 100%;
                }

                    .agent-login-full .login-form-full .login-form .form-box label span {
                        position: absolute;
                        left: -7px;
                        line-height: 40px;
                        color: #fff;
                        background: #15bdcc;
                        width: 40px;
                        text-align: center;
                    }

                .agent-login-full .login-form-full .login-form .form-box .form-control {
                    border-radius: 0px;
                    height: 40px;
                    width: 100%;
                    float: left;
                    font-weight: normal;
                    padding: 0 10px 0 35px;
                }

                .agent-login-full .login-form-full .login-form .form-box .input-btn {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    font-weight: 600;
                    border-radius: 3px;
                    text-align: center;
                    padding: 8px 0;
                    border: 0px;
                    outline: 0px;
                    background: #f7941d;
                    color: #fff;
                }

                    .agent-login-full .login-form-full .login-form .form-box .input-btn:hover {
                        background: #00a5ea;
                    }

                .agent-login-full .login-form-full .login-form .form-box .forgot {
                    width: 100%;
                    float: left;
                    text-align: right;
                    font-size: 14px;
                    font-weight: normal;
                    color: #fff;
                    margin: 0px 0 20px 0;
                }

                    .agent-login-full .login-form-full .login-form .form-box .forgot a {
                        color: #fff;
                        text-decoration: none;
                        outline: 0px;
                    }

                .agent-login-full .login-form-full .login-form .form-box .signup-txt {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 14px;
                    font-weight: normal;
                    color: #fff;
                    margin: 10px 0 20px 0;
                }

                    .agent-login-full .login-form-full .login-form .form-box .signup-txt span {
                        color: #fff;
                        color: #00a5ea;
                        cursor: pointer;
                    }



.loader-outer-full {
    background: rgba(0,0,0,0.8);
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0px;
}

.loader-outer.umrah-loader {
    max-width: 400px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 111;
}

    .loader-outer.umrah-loader .loader {
        width: 100%;
        float: left;
        color: #000;
        padding: 20px;
    }

        .loader-outer.umrah-loader .loader .loader-img-outer {
            width: 100px;
            margin: 0 auto;
        }

            .loader-outer.umrah-loader .loader .loader-img-outer .loader-img {
                width: 100%;
                float: left;
                margin-top: 25px;
            }

                .loader-outer.umrah-loader .loader .loader-img-outer .loader-img img {
                    width: 100%;
                    height: auto;
                }

        .loader-outer.umrah-loader .loader .loader-text1 {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 12px;
            margin: 10px 0 20px 0;
        }

        .loader-outer.umrah-loader .loader .loader-text2 {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 20px;
            color: #cc3366;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .loader-outer.umrah-loader .loader .loader-text3 {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 12px;
        }

            .loader-outer.umrah-loader .loader .loader-text3 span {
                font-weight: bold;
            }

        .loader-outer.umrah-loader .loader .loader-text4 {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 12px;
            margin-bottom: 20px;
        }


/*===== QUICK-PAY-PAGE ======*/
.quick-pay-pg {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .quick-pay-pg .enter-price label {
        font-weight: normal;
        font-size: 12px;
        color: #f00;
        float: left;
        margin-top: 10px;
    }

.payment-booking-pg {
    width: 100%;
    float: left;
    margin-top: 30px;
}

    .payment-booking-pg .p-booking-header-main {
        width: 100%;
        float: left;
        font-size: 16px;
        background: #003366;
        color: #fff;
        padding: 10px 15px;
        margin-bottom: 10px;
    }

    .payment-booking-pg .payment-booking-panel {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        border: 1px solid #ccc;
    }

        .payment-booking-pg .payment-booking-panel .pbp-heading {
            width: 100%;
            float: left;
            font-size: 16px;
            background: #018fd2;
            color: #fff;
            padding: 10px 15px;
        }

        .payment-booking-pg .payment-booking-panel .pbp-content {
            width: 100%;
            float: left;
            padding: 10px 10px 0 10px;
        }

            .payment-booking-pg .payment-booking-panel .pbp-content .form-group {
                width: 100%;
                float: left;
            }

            .payment-booking-pg .payment-booking-panel .pbp-content label {
                font-weight: normal;
            }

            .payment-booking-pg .payment-booking-panel .pbp-content .left-lable {
                padding-top: 7px;
            }

            .payment-booking-pg .payment-booking-panel .pbp-content .right-lable {
                padding-top: 7px;
            }

            .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon {
                width: 100%;
                float: left;
            }

                .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon ul {
                    width: 100%;
                    float: left;
                    list-style-type: none;
                    padding: 0px;
                    margin-top: 5px;
                }

                    .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon ul li {
                        display: inline-block;
                        margin: 0px 0px;
                        margin-bottom: 5px;
                    }

                        .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon ul li img {
                            width: 40px;
                        }

            .payment-booking-pg .payment-booking-panel .pbp-content .cvv-img {
                width: 50px;
                margin: -10px 10px 0 0;
            }

            .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel {
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
            }

                .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group {
                    width: auto;
                    display: flex;
                    flex-direction: column;
                    margin-right: 10px;
                    float: none;
                }

                    .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group:last-child {
                        margin-right: 0px;
                    }

                    .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group .text-title {
                        line-height: 34px;
                        min-width: 100px;
                    }

                    .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group .form-control {
                        padding: 6px 6px;
                    }

                    .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group select.form-control {
                        min-width: 80px;
                        padding-left: 2px;
                        padding-right: 0px;
                    }


    .payment-booking-pg .payment-bottom-panel {
        width: 100%;
        float: left;
        border: 1px solid #ccc;
        padding: 10px 10px;
        color: #003366;
    }

    .payment-booking-pg .payment-submit-btn {
        width: 100%;
        float: left;
        background: #074573;
        border-radius: 0px;
        color: #fff;
        margin-bottom: 20px;
    }

        .payment-booking-pg .payment-submit-btn:hover {
            background: #074573;
            background: #0093d2;
            border-color: #f04800;
        }

@media screen and (min-width:320px) and (max-width:767px) {
    .payment-booking-pg .payment-booking-panel .pbp-content .left-lable {
        width: 100%;
        float: left;
        margin-bottom: -10px;
    }

    .payment-booking-pg .payment-booking-panel .pbp-content .right-lable {
        width: 100%;
        float: left;
        margin-top: -15px;
    }

    .payment-booking-pg .payment-booking-panel .pbp-content .cvv-img {
        margin: 0px 10px 0 0;
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group .text-title {
        width: 100%;
        float: left;
        background: #eee;
        padding: 0 10px;
    }

    .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel {
        flex-direction: column;
    }

        .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group {
            width: 100%;
            float: left;
            margin-right: 0px;
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon ul li img {
        width: 35px;
    }
}



.modal-login-info .modal-sm {
    width: auto;
    max-width: 600px;
}

.modal-login-info .BookingGuest-Text {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.modal-login-info .BookingGuest-Text2 {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.modal-login-info .modal-footer {
    display: none;
}

.modal-login-info .form-group {
    text-align: center;
}

    .modal-login-info .form-group .btn {
        width: 180px;
    }


::-webkit-scrollbar-track {
    background-color: #eee !important;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #5b5873 !important;
}

abcd111::-webkit-scrollbar {
    width: 3px;
}

.booking-sidebar-full .promo-code-panel-new {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .booking-sidebar-full .promo-code-panel-new .pc-heading {
        width: 100%;
        float: left;
        margin: 10px 0;
        font-size: 16px;
        font-weight: 600;
    }

    .booking-sidebar-full .promo-code-panel-new .promo-code-inner {
        width: 100%;
        float: left;
        padding: 15px 0px;
        box-shadow: 0px 0px 5px #ccc;
    }

        .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel {
            width: 100%;
            float: left;
            padding: 0px 15px;
        }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .apply-title {
                width: 100%;
                float: left;
                margin-bottom: 5px;
            }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group {
                width: 100%;
                float: left;
            }

                .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .form-control-outer {
                    width: calc(100% - 75px);
                    float: left;
                    position: relative;
                }

                    .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .form-control-outer .form-control {
                        width: 100%;
                        float: left;
                        padding-right: 25px;
                        border-radius: 0px;
                    }

                    .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .form-control-outer .close-icon {
                        position: absolute;
                        top: 8px;
                        right: 5px;
                        color: #666;
                        cursor: pointer;
                        display: none;
                    }

                    .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .form-control-outer.active .close-icon {
                        display: block;
                    }

                .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .apply-btn {
                    cursor: pointer;
                    width: 75px;
                    float: left;
                    height: 34px;
                    line-height: 34px;
                    float: left;
                    text-align: center;
                    background: #dddddd;
                    color: #444;
                    border: 1px solid #bbb9b9;
                    border-left: 0px;
                }

                    .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .apply-btn i {
                        display: none;
                    }

                    .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .apply-btn.active {
                        color: #36c246;
                        cursor: no-drop;
                    }

                        .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .apply-btn.active i {
                            display: inline-block;
                        }

        .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content {
            width: 100%;
            max-height: 470px;
            overflow: auto;
            padding: 0px 15px;
            float: left;
        }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content::-webkit-scrollbar {
                width: 3px;
            }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .promo-applied {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 20px;
            }

                .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .promo-applied .pa-icon {
                    position: absolute;
                    font-size: 16px;
                    top: 0px;
                    left: 0px;
                    color: #36c246;
                }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .radio-outer {
                width: 100%;
                float: left;
                margin-bottom: 10px;
            }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .radio {
                width: 100%;
                float: left;
            }

                .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .radio label {
                    width: 100%;
                    float: left;
                }

                    .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .radio label input {
                        float: left;
                    }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .p-code {
                float: left;
                border: 1px dashed #1ed177;
                color: #1ed177;
                padding: 3px 10px;
                margin-right: 10px;
            }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .save-price {
                float: left;
                color: #dfa51c;
                padding: 3px 0px;
            }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .info-text {
                width: 100%;
                float: left;
                margin-top: 0px;
                padding-left: 20px;
                color: #aca49d;
            }

            .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .trem-condition {
                float: right;
                color: #337ab7;
                cursor: pointer
            }

.booking-sidebar-full.booking-sidebar-full-custome {
    margin-bottom: 0px;
}

    .booking-sidebar-full.booking-sidebar-full-custome .promo-code-panel-new {
        margin-bottom: 0px;
    }

        .booking-sidebar-full.booking-sidebar-full-custome .promo-code-panel-new .promo-code-inner {
            width: 100%;
            float: left;
            padding: 0px 0px;
            box-shadow: none;
        }

            .booking-sidebar-full.booking-sidebar-full-custome .promo-code-panel-new .promo-code-inner .apply-code-panel {
                padding: 0px;
            }

                .booking-sidebar-full.booking-sidebar-full-custome .promo-code-panel-new .promo-code-inner .apply-code-panel .apply-title {
                    display: inline-block;
                    max-width: 100%;
                    margin-bottom: 5px;
                    font-weight: 700;
                }


.waiting-popup {
    width: 100%;
    float: left;
    text-align: center;
}

    .waiting-popup .waiting-popup-inner {
        width: 100%;
        margin: 0px auto;
    }

        .waiting-popup .waiting-popup-inner img {
            width: 100%;
            height: auto;
        }

    .waiting-popup .waiting-popup-header {
        width: 100%;
        float: left;
        text-align: left;
        margin-bottom: 10px;
    }

        .waiting-popup .waiting-popup-header .flight-loader-info {
            width: 100%;
            float: left;
        }

            .waiting-popup .waiting-popup-header .flight-loader-info .fli-text1 {
                width: 100%;
                float: left;
                font-weight: 600;
            }

            .waiting-popup .waiting-popup-header .flight-loader-info .fli-text2 {
                width: 100%;
                float: left;
                font-weight: 400;
            }


.booking-sidebar-full .bookandhold-radio {
    width: 100%;
    float: left;
}
/*-- UL DROPDOWN --*/
.ul-dropdown_results-outer {
    width: 400px;
    margin-top: 2px;
    z-index: 11;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #E6EAEE;
    display: none;
}

    .ul-dropdown_results-outer.active {
        display: block;
    }

    .ul-dropdown_results-outer .add-new-entry {
        width: 100%;
        float: left;
        border-top: 1px solid #E6EAEE;
    }

        .ul-dropdown_results-outer .add-new-entry a {
            padding: 15px 10px;
            width: 100%;
            float: left;
        }

            .ul-dropdown_results-outer .add-new-entry a:hover {
                background: #E6EAEE;
                text-decoration: none;
            }

    .ul-dropdown_results-outer .ul-dropdown_results {
        padding: 0;
        background-color: #fff;
        overflow: hidden;
        width: 100% !important;
        position: relative;
        z-index: 9999;
        border: 1px solid #fdfdfd;
        margin-bottom: 0px;
        max-height: 200px;
        overflow: auto;
    }

        .ul-dropdown_results-outer .ul-dropdown_results li {
            float: left;
            width: 100%;
            padding: 7px 6px 7px 15px;
            cursor: pointer;
            margin: 0;
            display: block;
            font: menu;
            font-size: 14px;
            overflow: hidden;
        }

            .ul-dropdown_results-outer .ul-dropdown_results li:hover {
                background-color: #f7f7f7;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li .name-icon {
                font-size: 13px;
                line-height: 32px;
                height: 32px;
                width: 32px;
                float: left;
                background: #e2cdcd;
                color: #583c00;
                border-radius: 4px;
                text-align: center;
                margin-right: 5px;
                margin-top: 3px;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li .name {
                padding: 0px 0;
                display: block;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li .email {
                padding: 0px 0;
                color: #cac7c7;
                display: block;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n-1) .name-icon {
                background: #e2cdcd;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+2) .name-icon {
                background: #c3dfea;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+3) .name-icon {
                background: #c3eace;
            }

            .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+4) .name-icon {
                background: #e7eac3;
            }

    .ul-dropdown_results-outer.sales-source .ul-dropdown_results li .name-icon {
        font-size: 13px;
        line-height: 32px;
        height: 32px;
        width: 32px;
        float: right;
        background: #e2cdcd;
        color: #583c00;
        border-radius: 4px;
        text-align: center;
        margin-right: 5px;
        margin-top: 0px;
    }

    .ul-dropdown_results-outer.sales-source .ul-dropdown_results li .name {
        padding: 6px 0;
        display: block;
    }

    .ul-dropdown_results-outer.vendors .ul-dropdown_results li .name {
        padding: 9px 0 0 0;
        display: block;
    }

.applied-coupon-code-panel {
    width: 100%;
    float: left;
    margin-top: 15px;
}

    .applied-coupon-code-panel .coupon-header {
        width: 100%;
        float: left;
        padding: 10px;
        background: #efefef;
        color: #333;
    }

        .applied-coupon-code-panel .coupon-header .text1 {
            width: 100%;
            float: left;
            font-size: 16px;
        }

        .applied-coupon-code-panel .coupon-header .text2 {
            width: 100%;
            float: left;
            font-size: 12px;
        }

    .applied-coupon-code-panel .coupon-content {
        width: 100%;
        float: left;
        color: #666;
    }

        .applied-coupon-code-panel .coupon-content .text1 {
            width: 100%;
            float: left;
            font-size: 14px;
        }

        .applied-coupon-code-panel .coupon-content .text2 {
            width: 100%;
            float: left;
            font-size: 14px;
        }




/* ----------------EXTERNAL PAGES--------------------- */
/*.home_external_page{width:100%;padding-bottom:30px;  font-family: 'Poppins', sans-serif;  background: #f5f5f5;}

.about_us_pg .about-us-bg,
.privacy_policy_pg .privacy_policy_bg,
.terms_condition_pg .terms_condition_bg,
.service_pg .service_bg,
.contact_us_pg .contact_us_bg{float:left; width:100%;  font-family: 'Poppins', sans-serif; height:auto; background:url(../images/bg/aboutus-banner.jpg) no-repeat top; margin-bottom:40px; }

.about_us_pg .about-us-bg,
.terms_condition_pg .terms_condition_bg,
.contact_us_pg .contact_us_bg,
.service_pg .service_bg,
.privacy_policy_pg .privacy_policy_bg{ width:100%;  font-family: 'Poppins', sans-serif; float:left; text-align:center; color:#fff; font-size:40px; padding:100px 0;}

.about_us_pg .about-us-bg h1,
.contact_us_pg .contact_us_bg h1, 
.privacy_policy_pg .privacy_policy_bg h1,
.service_pg .service_bg h1,
.terms_condition_pg .terms_condition_bg h1{text-transform:uppercase; font-family: 'Poppins', sans-serif;}

.about_us_pg .heading,
.privacy_policy_pg .heading,
.service_pg .heading,
.terms_condition_pg .heading{width:100%; float:left; text-align:left; font-size:30px; font-weight:bold; color:#000; border-bottom:1px solid #eee; margin-bottom:10px; }

.about_us_pg .heading h2,
.terms_condition_pg .heading h2,
.service_pg .heading h2,
.privacy_policy_pg .heading h2{ border-bottom:0px solid #00d227; float:left; width:auto; padding:5px 0; margin:0px; position:relative;font-size: 25px;text-transform: uppercase;}

.about_us_pg .heading h2:after,
.terms_condition_pg .heading h2:after,
.service_pg .heading h2:after,
.privacy_policy_pg .heading h2:after{width:100%; height:3px; content:""; position:absolute; bottom:0px; left:0px; background:#1f419b;}

.about_us_pg h3,
.terms_condition_pg h3,
.privacy_policy_pg h3{font-size: 20px;width:100%;float:left;line-height: 25px;}

.about_us_pg h4,
.terms_condition_pg h4,
.privacy_policy_pg h4{font-size: 20px;width:100%;float:left;}

.about_us_pg .abouttext,
.terms_condition_pg .abouttext,
.privacy_policy_pg .abouttext{width: 100%;float: left;line-height: 30px; font-size: 15px; margin: 0;padding:0;text-align: justify;margin-bottom: 10px;}

.about_us_pg .abouttext a,
.terms_condition_pg .abouttext a,
.privacy_policy_pg .abouttext a{color: #ee5f2b;}

.about_us_pg .abouttext a:hover,
.terms_condition_pg .abouttext a:hover,
.privacy_policy_pg .abouttext a:hover{text-decoration:none;}

.about_us_pg .ul-common,
.privacy_policy_pg .ul-common,
.terms_condition_pg .ul-common{width:100%;float:left;padding-left:20px;margin-bottom:10px;}



.about_us_pg .innterul{padding-left: 15px; line-height: 30px;}
.innteraboutdata .message_body {line-height: 30px; font-size: 15px;}
.privacyinner, 
.faqinner p{line-height: 30px; font-size: 15px;}
.faqinner ul{padding-left: 15px;}*/

/*  ---------------CONTACT US---------------- */

/*  CONTACT US */

/*  ---------------CONTACT US---------------- */

/*  CONTACT US */
/*.contactus-pg{ float:left; width:100%;background: #f5f5f5;}
.contact-us-bg{ float:left; width:100%; height:auto; background:url(../images/bg/contactus-bg.jpg) no-repeat top; margin-bottom:40px; }
.contact-us-bg h1{ width:100%; float:left; text-align:center; color:#fff; font-size:40px; font-weight:bold; padding:100px 0;}
.contactus-pg .map-full{width:100%; float:left; margin-top:10px;}
.contactus-pg .contact-detail h2{width:100%; float:left; font-size:20px; font-weight:bold; color:#000; padding:0px; margin:0px; margin-top:30px; margin-bottom:15px;}
.contactus-pg .contact-detail p{width:100%; float:left; color: #777; font-size: 15px; line-height: 26px; padding:0px; margin:0px;}
.contactus-pg .contact-detail p span{color:#000;}

.contactus-pg .form-full{ float:left; width:100%; border:5px solid #ccc; padding: 40px 20px; margin-top:10px; margin-bottom:0px;}
.contactus-pg .form-full .input{ border-radius:0px; float:left; height:46px; line-height:46px; margin-bottom:25px;}
.contactus-pg .form-full .textaria{ border-radius:0px;}
.contactus-pg .form-full .input-btn{ border:none; outline:0px; padding:10px 30px; background:#1f419b; color:#fff; margin-top:20px;}
.contactus-pg .form-full .input-btn:hover{ background:#1f419b;}*/

/*------- HEADER start--------*/



/*----*/
.faq {
    margin: 40px 0px;
}

    .faq .panel-heading [data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        float: right;
        color: #454444;
        font-size: 18px;
        line-height: 22px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .faq .panel-heading [data-toggle="collapse"].collapsed:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }

    .faq .panel-heading .panel-title a {
        font-weight: 600;
        color: #000;
        font-size: 17px;
    }


/* FAQ */
/*===============ACCORDION===============*/
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700|Sofia&display=swap');

.faq .panel-group {
    width: 100%;
    float: left;
}

.faq .panel-default {
    width: 100%;
    float: left;
}

    .faq .panel-default .panel-title a {
        color: #000;
    }

    .faq .panel-default .panel-body {
        width: 100%;
        float: left;
    }

    .faq .panel-default > .panel-heading {
        color: #333;
        background-color: #fff;
        border-color: #e4e5e7;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .faq .panel-default > .panel-heading a {
            display: block;
            padding: 10px 15px
        }

            .faq .panel-default > .panel-heading a:after {
                content: "";
                position: relative;
                top: 1px;
                display: inline-block;
                font-family: 'Glyphicons Halflings';
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                float: right;
                transition: transform .25s linear;
                -webkit-transition: -webkit-transform .25s linear
            }

            .faq .panel-default > .panel-heading a[aria-expanded=true] {
                background-color: #ccc
            }

        .faq .panel-default > .panel-heading a {
            background-color: #ccc
        }

            .faq .panel-default > .panel-heading a[aria-expanded=true]:after {
                content: "\2212";
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

            .faq .panel-default > .panel-heading a[aria-expanded=false]:after {
                content: "\002b";
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }

.faq .accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0
}

    .faq .accordion-option .title {
        font-size: 20px;
        font-weight: 700;
        float: left;
        padding: 0;
        margin: 0
    }

    .faq .accordion-option .toggle-accordion {
        float: right;
        font-size: 16px;
        color: #6a6c6f
    }

        .faq .accordion-option .toggle-accordion:before {
            content: "Expand All"
        }

        .faq .accordion-option .toggle-accordion.active:before {
            content: "Collapse All"
        }

/*========================================*/

.destination-pg {
    padding: 70px 0;
}

    .destination-pg .destination_name {
        width: 100%;
        height: 300px;
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
    }

        .destination-pg .destination_name img {
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

        .destination-pg .destination_name h3 {
            position: absolute;
            background: rgba(0,0,0,.42);
            padding: 10px;
            color: #fff;
            bottom: 0;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            width: 100%;
            margin: 0;
        }

        .destination-pg .destination_name:hover img {
            -ms-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }

        .destination-pg .destination_name:hover h3 {
            bottom: 5%;
        }

/* HOTEL DETAIL SIDE BAR PAGE */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
}

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

.sidenav {
    height: 100%;
    position: fixed;
    z-index: 1111;
    top: 0;
    right: 0;
    background-color: #dfdfdf;
    overflow-x: hidden;
    padding-top: 20px;
}

@media only screen and (min-width: 320px) and (max-width:1199px) {
    #mySidenav {
        width: 100%;
    }
}

/*---- HOTEL DETAIL PAGE NEW ----*/

.backto-result-common-outer .backto-result {
    padding: 5px 10px;
    float: right;
    width: 132px;
    margin-top: 15px;
    color: #27acfb;
    background: #fff;
    text-align: center;
    border: 1px solid #27acfb;
    border-radius: 10px;
    margin-bottom: 5px;
}

    .backto-result-common-outer .backto-result:hover {
        background: #27acfb;
        color: #fff
    }

/* FAQ */


/* Loader */

.loader-full-new {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    float: left;
    background: url(../images/loader/loader-bg1.jpg) no-repeat;
    background-size: 100% 100%;
    z-index: 11111;
}

    .loader-full-new .loader-content {
        max-width: 800px;
        height: 100Vh;
        margin: auto;
        display: flex;
        align-items: center;
        padding: 0 15px;
    }

        .loader-full-new .loader-content .lc-inner {
            width: 100%;
            float: left;
        }

            .loader-full-new .loader-content .lc-inner .row-panel {
                width: 100%;
                float: left;
            }

            .loader-full-new .loader-content .lc-inner .lodr_logo-panel {
                width: 100%;
                float: left;
            }

            .loader-full-new .loader-content .lc-inner .lodr_logo {
                width: 100px;
                margin: 20px 0;
                float: left;
            }

                .loader-full-new .loader-content .lc-inner .lodr_logo img {
                    width: 100%;
                    height: auto;
                }

            .loader-full-new .loader-content .lc-inner .searching-panel {
                width: 100%;
                float: left;
                border: 5px solid #fff;
                position: relative;
                background: rgba(47,168,239,0.4);
                padding: 10px 15px;
                border-radius: 15px;
                border-bottom: 0px;
            }

                .loader-full-new .loader-content .lc-inner .searching-panel.search-border1 {
                    position: relative;
                }

                    .loader-full-new .loader-content .lc-inner .searching-panel.search-border1:before {
                        content: "";
                        position: absolute;
                        bottom: 0px;
                        left: 2px;
                        width: 50px;
                        height: 5px;
                        background: #fff;
                        border-radius: 0 0 0 20px;
                    }

                    .loader-full-new .loader-content .lc-inner .searching-panel.search-border1:after {
                        content: "";
                        position: absolute;
                        bottom: -3.2px;
                        left: 50px;
                        border-width: 6px;
                        border-right: 0px;
                        border-left: 15px;
                        border-style: solid;
                        border-color: transparent transparent transparent #fff;
                    }

            .loader-full-new .loader-content .lc-inner .searching-panel-outer {
                width: 100%;
                float: left;
                position: relative;
            }

                .loader-full-new .loader-content .lc-inner .searching-panel-outer.search-border2:before {
                    content: "";
                    position: absolute;
                    bottom: 0px;
                    left: initial;
                    right: 8px;
                    z-index: 1;
                    width: 50px;
                    height: 5px;
                    background: #fff;
                    border-radius: 0 0px 20px 0;
                }

            .loader-full-new .loader-content .lc-inner .searching-panel .left-p {
                width: 40%;
                float: left;
            }

            .loader-full-new .loader-content .lc-inner .searching-panel .right-p {
                width: 60%;
                float: left;
            }

            .loader-full-new .loader-content .lc-inner .searching-panel .heading-text {
                width: 100%;
                float: left;
                font-size: 20px;
                font-weight: 600;
                color: #fff;
            }

            .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon {
                width: 100%;
                float: left;
                list-style: none;
            }

                .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li {
                    display: inline-block;
                    margin-right: 10px;
                }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li img {
                        width: 40px;
                    }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li .li-text {
                        font-size: 12px;
                        display: block;
                        color: #fff;
                    }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li.animartion-fitghts {
                        animation: animartion-fitghts 1s infinite linear;
                    }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li.animartion-hotels {
                        animation: animartion-hotels 1s infinite linear;
                    }

            .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial {
                width: 100%;
                float: left;
                list-style: none;
                margin-bottom: 10px;
            }

                .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial li:nth-child(2) {
                    margin-bottom: 15px;
                }

                .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial li {
                    width: 100%;
                    float: left;
                    position: relative;
                    padding-left: 140px;
                    color: #fff;
                }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial li .li-title {
                        position: absolute;
                        font-weight: 600;
                        width: 120px;
                        text-align: right;
                        top: 0px;
                        left: 0px;
                    }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial li .li-detail {
                        float: left;
                    }

            .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon {
                width: 100%;
                list-style: none;
                display: flex;
                justify-content: flex-end;
                align-items: center;
            }

                .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li {
                    display: flex;
                    margin-left: 15px;
                    flex-direction: column;
                }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li:first-child {
                        margin-left: 0px;
                    }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li .atol-icon {
                        width: 50px;
                    }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li .abta-icon {
                        width: 100px;
                    }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li .iata-icon {
                        width: 70px;
                    }

                    .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li .atol-text {
                        display: flex;
                        color: #fff;
                        font-size: 12px;
                    }

            .loader-full-new .loader-content .lc-inner .loader-img {
                width: 80%;
                margin: auto;
                margin-top: 20px;
                display: none;
            }

                .loader-full-new .loader-content .lc-inner .loader-img img {
                    width: 100%;
                    height: auto;
                }

            .loader-full-new .loader-content .lc-inner .lod-service-panel {
                display: flex;
                justify-content: space-around;
                margin-top: 30px;
            }

                .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box {
                    background: rgba(0,0,0,0.5);
                    background: rgba(12, 51, 72,0.6);
                    position: relative;
                    padding-left: 50px;
                    padding: 5px;
                    border-radius: 10px 0 10px 0;
                }

                    .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .lod-icon {
                        width: 40px;
                        position: absolute;
                        top: 50%;
                        left: 10px;
                        transform: translateY(-50%)
                    }

                        .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .lod-icon img {
                            width: 100%;
                            height: auto;
                        }

                    .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .box-content {
                        width: 100%;
                        float: left;
                        padding-left: 50px;
                    }

                    .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .box-title {
                        font-size: 16px;
                        font-weight: 400;
                        color: #fff;
                    }

                    .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .box-text {
                        font-size: 13px;
                        color: #fff;
                        font-weight: 300;
                    }

@keyframes animartion-fitghts {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes animartion-hotels {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (min-width: 320px) and (max-width:600px) {
    .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon {
        text-align: center;
        margin-bottom: 15px;
    }

    .loader-full-new .loader-content .lc-inner .searching-panel {
        background: rgba(0,82, 201, 0.6);
    }

        .loader-full-new .loader-content .lc-inner .searching-panel .left-p {
            width: 100%;
        }

        .loader-full-new .loader-content .lc-inner .searching-panel .right-p {
            width: 100%;
        }

    .loader-full-new .loader-content .lc-inner .lodr_logo {
        margin: 20px auto;
        float: none;
    }

    .loader-full-new .loader-content .lc-inner .lod-service-panel {
        display: none;
    }

    .loader-full-new .loader-content .lc-inner .loader-img {
        display: none;
    }
}
/* Loader */

.dropdown-menu {
    background: #fff;
    padding: 10px !important;
    margin: 0px auto !important;
    width: 355px !important;
    color: #333
}

.addbtn {
    width: 30px;
    float: left !important;
    background: 0 0;
    border: 1px solid #ccc !important;
    line-height: 24px;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.quantity {
    width: 30px;
    float: left !important;
    background: 0 0;
    border: 1px solid #ccc !important;
    line-height: 24px;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.contact_us_bg {
    height: auto;
    background: url(../images/bg/contactus-bg.jpg) no-repeat top;
    margin-bottom: 0px;
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 40px;
    padding: 100px 0;
    font-size: 14px;
}



/*-- CRUISE RESUTL --*/
.container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel {
    width: 100%;
    float: left;
}

    .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner {
        display: flex;
        justify-content: space-between;
    }

        .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner .box-panel {
            display: flex;
            width: 100%;
        }

            .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner .box-panel .form-control {
                width: 100%;
                display: flex;
            }

            .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner .box-panel .form-group {
                display: flex;
                width: 100%;
            }

                .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner .box-panel .form-group .position-relative {
                    display: flex;
                    margin: 0 10px;
                    width: 100%;
                    flex-direction: column;
                }

.container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result {
}

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel {
        width: 100%;
        float: left;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .half-box {
            width: 50%;
            float: left;
            margin-top: 10px;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .half-box .title {
                display: block;
                color: #5f6161;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .half-box .info {
                display: block;
                color: #2d2d2d;
            }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .room-panel {
            width: 100%;
            float: left;
            margin-top: 10px;
            border-top: 0px solid #ccc;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .room-panel .half-box .title {
                color: #16528e;
            }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-price-panel .night-person i {
        color: #15bdcc;
    }


    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel {
        width: 100%;
        float: left; /*background:#ebebeb;*/
        background: #f7f5f5;
        border-top: 1px solid #e8e6e6;
        margin-top: 10px;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 {
            width: 100%;
            float: left;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #a5a4a4;
                font-weight: normal;
                margin-bottom: 0px;
                padding: 5px 10px;
                cursor: pointer;
            }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info .baggaes-text {
                    width: auto;
                    text-align: center;
                    font-size: 16px;
                    font-weight: normal;
                    color: #16528e;
                    margin-bottom: 0px;
                }

                    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info .baggaes-text .icon i {
                        font-size: 16px;
                        color: #16528e;
                    }

                    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info .baggaes-text .text {
                        padding-left: 5px;
                        font-size: 12px;
                    }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info i {
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info[aria-expanded="true"] i {
                    transform: rotate(-180deg);
                    -webkit-transform: rotate(-180deg);
                }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .refundable {
                float: left;
                color: #06caf9;
                font-weight: 700;
                font-size: 12px;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .non-refundable {
                color: #71c743;
                float: left;
                font-weight: 700;
                font-size: 12px;
            }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-content {
        width: 100%;
        float: left;
        background: #f7f5f5;
        border-top: 1px solid #dddddd;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown {
        width: 100%;
        float: left;
        padding: 10px 10px;
        margin-top: 0px;
    }

        .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner {
            width: 100%;
            float: left;
        }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner + .cruise-info-dropdown-inner {
                border-top: 1px solid #16528e;
                margin-top: 5px;
                padding-top: 5px;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
            }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box1 {
                    width: 25%;
                    float: left;
                }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box2 {
                    width: 25%;
                    float: left;
                }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box3 {
                    width: 10%;
                    float: left;
                    display: flex;
                    text-align: center;
                    justify-content: center;
                    flex-direction: column;
                }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box4 {
                    width: 25%;
                    float: left;
                }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box5 {
                    width: 15%;
                    float: left;
                }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .title {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 600;
                color: #000;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .title2 {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 600;
                color: #000;
                margin-top: 0px;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .text1 {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: normal;
                color: #333;
                margin-bottom: 0px;
            }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .arrow-icon {
                display: block;
            }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .arrow-icon i {
                    font-size: 16px;
                    color: #16528e;
                }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .icon {
                float: left;
            }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .icon img {
                    width: 40px;
                    height: 40px;
                }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .baggaes-text {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: normal;
                color: #333;
                margin-bottom: 0px;
            }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .baggaes-text .icon {
                    float: left;
                }

                    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .baggaes-text .icon i {
                        font-size: 18px;
                        color: #16528e;
                    }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .baggaes-text .text {
                    float: left;
                    padding-left: 10px;
                }

            .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full {
                width: 100%;
                float: left;
                margin: 10px 0 10px 0;
                border-top: 1px dashed #999;
            }

                .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full .layover-text {
                    float: left;
                    color: #333;
                    padding: 5px 20px 5px 5px;
                    margin-bottom: 0px;
                    border-radius: 5px;
                }

                    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full .layover-text .layover-title {
                        float: left;
                        font-weight: bold;
                        padding-right: 10px;
                    }

                    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full .layover-text .text {
                        float: left;
                    }

                    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full .layover-text .symble {
                        float: left;
                        padding: 0 5px;
                    }


@media only screen and (min-width:320px) and (max-width:600px) {
    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .half-box {
        width: 100%;
    }
}

@media only screen and (min-width:320px) and (max-width:500px) {
    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box3 {
        width: 30%;
        margin-bottom: 10px;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box1 {
        width: 70%;
        margin-bottom: 10px;
        text-align: center;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box2 {
        width: 33.3333%;
        text-align: center;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box4 {
        width: 33.3333%;
        text-align: center;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box5 {
        width: 33.3333%;
        text-align: center;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .icon {
        float: none;
        display: inline-block;
    }

    .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .icon img {
        width: 30px;
        height: 30px;
    }
}

/*-- CRUISE RESUTL --*/


/*-- CRUISE DETAIL PG --*/
.cruise-detail-full {
    width: 100%;
    float: left;
}

    .cruise-detail-full .cruise-header {
        display: flex;
        justify-content: space-between;
        margin-top: 0px;
        margin-bottom: 30px;
        border: 1px solid #0491e1;
        padding: 10px 15px;
        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
        box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
    }

        .cruise-detail-full .cruise-header .title {
            font-size: 20px;
            color: #0491e1;
            font-weight: 600;
        }

        .cruise-detail-full .cruise-header .sub-title {
            font-size: 16px;
            color: #333;
        }

        .cruise-detail-full .cruise-header .info {
            font-size: 14px;
            color: #333;
        }

        .cruise-detail-full .cruise-header .starting-from {
            font-size: 14px;
            color: #333;
        }

            .cruise-detail-full .cruise-header .starting-from .price {
                font-size: 16px;
                font-weight: 600;
            }

        .cruise-detail-full .cruise-header .perperson {
            font-size: 14px;
            color: #333;
            display: flex;
            justify-content: flex-end;
        }

        .cruise-detail-full .cruise-header > div {
            display: flex;
            flex-direction: column;
        }

        .cruise-detail-full .cruise-header .header-right {
            display: flex;
            align-items: flex-end;
        }

        .cruise-detail-full .cruise-header .select-btn {
            min-width: 100px;
            width: 100px;
            float: right;
            padding: 5px 0;
            margin-top: 10px;
            text-align: center;
            font-size: 13px;
            border: 1px solid #13becd;
            border-radius: 5px;
            color: #fff;
            outline: 0px;
            background: linear-gradient( #41d8e5 50%, #15bdcc 50%);
            background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);
        }

            .cruise-detail-full .cruise-header .select-btn:hover {
                background: linear-gradient( #15bdcc 50%, #41d8e5 50%);
                background: -webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);
            }


    .cruise-detail-full .detail-contect {
        width: 100%;
        float: left;
    }

        .cruise-detail-full .detail-contect h3 {
            margin-bottom: 30px;
            border-bottom: 1px solid #ccc;
        }

        .cruise-detail-full .detail-contect .heading {
            position: relative;
            cursor: pointer;
            font-size: 20px;
        }

            .cruise-detail-full .detail-contect .heading:before {
                content: "";
                position: absolute;
                width: 150px;
                height: 2px;
                background: #0491e1;
                bottom: -4px;
            }

            .cruise-detail-full .detail-contect .heading[aria-expanded="false"] i {
                transition: 0.3s;
            }

            .cruise-detail-full .detail-contect .heading[aria-expanded="true"] i {
                transition: 0.3s;
                transform: rotate(-180deg);
            }

        .cruise-detail-full .detail-contect .collapse-content {
            width: 100%;
            float: left;
            margin-bottom: 20px;
        }

            .cruise-detail-full .detail-contect .collapse-content .date-panel {
                width: 100%;
                float: left;
                padding: 20px;
            }

                .cruise-detail-full .detail-contect .collapse-content .date-panel .table-responsive {
                    width: 100%;
                    float: left;
                }

                .cruise-detail-full .detail-contect .collapse-content .date-panel .table {
                    border: 1px solid #ccc;
                }

                    .cruise-detail-full .detail-contect .collapse-content .date-panel .table tr th {
                        background: #0491e1;
                        color: #fff;
                        border-bottom: 0px;
                    }

                    .cruise-detail-full .detail-contect .collapse-content .date-panel .table tr td .price {
                        font-weight: 600;
                    }

                .cruise-detail-full .detail-contect .collapse-content .date-panel .table-text {
                    width: 100%;
                    text-align: right;
                    float: right;
                    color: #0491e1;
                }

                .cruise-detail-full .detail-contect .collapse-content .date-panel .input-box {
                    width: 250px;
                    float: left;
                    position: relative;
                }

                    .cruise-detail-full .detail-contect .collapse-content .date-panel .input-box .form-control {
                        width: 100%;
                        float: left;
                        padding-left: 260px;
                        color: #333;
                    }

                    .cruise-detail-full .detail-contect .collapse-content .date-panel .input-box .brown-btn {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 100px;
                        height: 34px;
                        line-height: 34px;
                        background: #16528e;
                        color: #fff;
                        text-align: center;
                    }

            .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel {
                width: 100%;
                float: left;
                padding: 20px;
            }

                .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner {
                    width: 100%;
                    float: left;
                }

                    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner + .cruise-info-dropdown-inner {
                        border-top: 1px solid #16528e;
                        margin-top: 5px;
                        padding-top: 5px;
                    }

                    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box1 {
                            width: 25%;
                            float: left;
                        }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box2 {
                            width: 25%;
                            float: left;
                        }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box3 {
                            width: 10%;
                            float: left;
                            display: flex;
                            text-align: center;
                            justify-content: center;
                            flex-direction: column;
                        }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box4 {
                            width: 25%;
                            float: left;
                        }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box5 {
                            width: 15%;
                            float: left;
                        }


                    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .title {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        font-weight: 600;
                        color: #000;
                    }

                    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .title2 {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        font-weight: 600;
                        color: #000;
                        margin-top: 0px;
                    }

                    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .text1 {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        font-weight: normal;
                        color: #333;
                        margin-bottom: 0px;
                    }

                    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .arrow-icon {
                        display: block;
                        font-weight: 600;
                        color: #0491e1;
                    }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .arrow-icon i {
                            font-size: 16px;
                            color: #16528e;
                        }

                    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .icon {
                        float: left;
                    }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .icon img {
                            width: 40px;
                            height: 40px;
                        }

                    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .baggaes-text {
                        width: 100%;
                        float: left;
                        font-size: 14px;
                        font-weight: normal;
                        color: #333;
                        margin-bottom: 0px;
                    }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .baggaes-text .icon {
                            float: left;
                        }

                            .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .baggaes-text .icon i {
                                font-size: 18px;
                                color: #16528e;
                            }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .baggaes-text .text {
                            float: left;
                            padding-left: 10px;
                        }

                    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full {
                        width: 100%;
                        float: left;
                        margin: 10px 0 10px 0;
                        border-top: 1px dashed #999;
                    }

                        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full .layover-text {
                            float: left;
                            color: #333;
                            padding: 5px 20px 5px 5px;
                            margin-bottom: 0px;
                            border-radius: 5px;
                        }

                            .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full .layover-text .layover-title {
                                float: left;
                                font-weight: bold;
                                padding-right: 10px;
                            }

                            .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full .layover-text .text {
                                float: left;
                            }

                            .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full .layover-text .symble {
                                float: left;
                                padding: 0 5px;
                            }

            .cruise-detail-full .detail-contect .collapse-content .advantage-panel {
                width: 100%;
                float: left;
                padding: 20px;
            }

                .cruise-detail-full .detail-contect .collapse-content .advantage-panel .header {
                    width: 100%;
                    float: left;
                    background: #0491e1;
                    color: #fff;
                    padding: 10px 15px;
                    margin-bottom: 10px;
                }

                .cruise-detail-full .detail-contect .collapse-content .advantage-panel ol {
                    padding-left: 20px;
                    width: 100%;
                    float: left;
                }

                    .cruise-detail-full .detail-contect .collapse-content .advantage-panel ol li {
                        margin-bottom: 10px;
                    }

                .cruise-detail-full .detail-contect .collapse-content .advantage-panel ul {
                    padding-left: 20px;
                    width: 100%;
                    float: left;
                }

                    .cruise-detail-full .detail-contect .collapse-content .advantage-panel ul li {
                        margin-bottom: 10px;
                    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .cruise-detail-full .cruise-header .title {
        font-size: 18px;
    }

    .cruise-detail-full .cruise-header {
        flex-direction: column;
    }

        .cruise-detail-full .cruise-header .perperson {
            justify-content: flex-start;
        }

    .cruise-detail-full .detail-contect .collapse-content .advantage-panel {
        width: 100%;
        float: left;
        padding: 10px;
    }
}

@media only screen and (min-width:320px) and (max-width:500px) {
    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box3 {
        width: 30%;
        margin-bottom: 10px;
    }

    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box1 {
        width: 70%;
        margin-bottom: 10px;
        text-align: center;
    }

    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box2 {
        width: 33.3333%;
        text-align: center;
    }

    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box4 {
        width: 33.3333%;
        text-align: center;
    }

    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box5 {
        width: 33.3333%;
        text-align: center;
    }

    .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .icon {
        float: none;
        display: inline-block;
    }

        .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .icon img {
            width: 30px;
            height: 30px;
        }
}

/*--slider--*/
.cruise-detail-full .silde-panel {
    width: 100%;
    float: left;
}

    .cruise-detail-full .silde-panel .text1 {
        font-size: 20px;
    }

    .cruise-detail-full .silde-panel .im {
        width: 100%;
        float: left;
        padding: 5px;
        border-radius: 5px;
        border: 0.5px solid #ccc;
        margin-bottom: 20px;
    }

        .cruise-detail-full .silde-panel .im .carousel-gallery {
            margin: 0px 0;
            padding: 0 0px
        }

            .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a {
                display: block;
                width: 100%;
                height: 200px;
                border-radius: 4px;
                overflow: hidden;
                position: relative;
                -webkit-box-shadow: 3px 2px 20px 0 rgba(0,0,0,.2);
                -moz-box-shadow: 3px 2px 20px 0 rgba(0,0,0,.2);
                box-shadow: 3px 2px 20px 0 rgba(0,0,0,.2)
            }

                .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a:hover .image .overlay {
                    opacity: 1
                }

                .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a .image {
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                    background-position: center center
                }

                    .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a .image .overlay {
                        width: 100%;
                        height: 100%;
                        background-color: rgba(20,20,20,.8);
                        text-align: center;
                        opacity: 0;
                        -webkit-transition: all .2s linear;
                        -o-transition: all .2s linear;
                        transition: all .2s linear
                    }

                        .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a .image .overlay em {
                            color: #fff;
                            font-size: 26px;
                            position: relative;
                            top: 50%;
                            -webkit-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                            -o-transform: translateY(-50%);
                            transform: translateY(-50%);
                            display: inline-block
                        }

            .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-pagination {
                position: relative;
                bottom: auto;
                text-align: center;
                margin-top: 5px
            }

                .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-pagination .swiper-pagination-bullet {
                    -webkit-transition: all .2s linear;
                    -o-transition: all .2s linear;
                    transition: all .2s linear
                }

                    .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-pagination .swiper-pagination-bullet:hover {
                        opacity: .7
                    }

                    .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                        background-color: #d63031;
                        transform: scale(1.1,1.1)
                    }

        .cruise-detail-full .silde-panel .im .plugins {
            text-align: center
        }

            .cruise-detail-full .silde-panel .im .plugins h3 {
                text-align: center;
                margin: 0;
                padding: 0;
                font-family: Arial;
                text-transform: uppercase;
                color: #111
            }

            .cruise-detail-full .silde-panel .im .plugins a {
                display: inline-block;
                font-family: Arial;
                color: #777;
                font-size: 14px;
                margin: 10px;
                transition: all .2s linear
            }

                .cruise-detail-full .silde-panel .im .plugins a:hover {
                    color: #d63031
                }

@media (min-width:1200px) {
    .beat-deal-show .deal-show-in .deal-offer h3 {
        font-size: 21px;
    }
        .cruise-detail-full .silde-panel .padding40 {
        margin-left: -100px !important;
        margin-right: -100px !important;
    }

        .cruise-detail-full .silde-panel .padding40 > div {
            padding-left: 100px !important;
            padding-right: 100px !important;
        }

    .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a {
        height: 100px;
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a {
        height: 120px;
    }
}

/*--slider--*/

/*-- CRUISE DETAIL PG --*/



/*-- CRUISE BOOKING --*/
.checkbox-full1 {
    width: 100%;
    float: left;
}

    .checkbox-full1 .cell {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .checkbox-full1 input[type=checkbox] + label {
        display: block;
        font-weight: normal;
        position: relative;
        margin: 0.2em;
        cursor: pointer;
        padding: 0.2em;
        padding-left: 30px;
    }

    .checkbox-full1 input[type=checkbox] {
        display: none;
    }

        .checkbox-full1 input[type=checkbox] + label:before {
            position: absolute;
            left: 0px;
            top: 4px;
            content: "\2714";
            border: 0.1em solid #666;
            border-radius: 0.2em;
            display: inline-block;
            width: 20px;
            height: 20px;
            padding-left: 0.2em;
            padding-bottom: 0.3em;
            margin-right: 0.2em;
            vertical-align: bottom;
            color: transparent;
            transition: .2s;
        }

        .checkbox-full1 input[type=checkbox] + label:active:before {
            transform: scale(0);
        }

        .checkbox-full1 input[type=checkbox]:checked + label:before {
            background-color: #0491e1;
            border-color: #0491e1;
            color: #fff;
        }

        .checkbox-full1 input[type=checkbox]:disabled + label:before {
            transform: scale(1);
            border-color: #aaa;
        }

        .checkbox-full1 input[type=checkbox]:checked:disabled + label:before {
            transform: scale(1);
            background-color: #bfb;
            border-color: #bfb;
        }

.cruise-booking-full {
    color: #4c4c4c;
}

    .cruise-booking-full h3 {
        color: #4c4c4c;
    }


    .cruise-booking-full .booking-field-panel2 {
        width: 100%;
        float: left;
        padding: 0 0px;
        background: #fff;
        margin-bottom: 30px;
        overflow: hidden;
        border-radius: 5px;
        -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
        box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
        -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
        transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
    }

        .cruise-booking-full .booking-field-panel2:hover {
            -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
            box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12) !important;
        }

        .cruise-booking-full .booking-field-panel2 .header {
            width: 100%;
            float: left;
            padding: 5px 10px;
            border-bottom: 1px dashed #91b6da;
        }

            .cruise-booking-full .booking-field-panel2 .header .title {
                float: left;
                font-size: 16px;
                color: #15bdcc;
                font-weight: 600;
                margin-top: 3px;
            }

                .cruise-booking-full .booking-field-panel2 .header .title .icon {
                    width: auto;
                    float: left;
                    margin-top: 0px;
                    margin-right: 10px;
                }

                    .cruise-booking-full .booking-field-panel2 .header .title .icon img {
                        width: 30px;
                        float: left;
                    }

            .cruise-booking-full .booking-field-panel2 .header .rext-text {
                float: right;
                font-size: 12px;
                color: #ff9a9a;
                margin-top: 6px;
            }

            .cruise-booking-full .booking-field-panel2 .header .dropdown-link {
                float: right;
                font-size: 14px;
                color: #999;
                margin-top: 4px;
                cursor: pointer;
                margin-left: 10px;
            }

        .cruise-booking-full .booking-field-panel2 .header {
            width: 100%;
            float: left;
            background: #e2e2e2;
            padding: 10px 15px;
            border-bottom: 1px dashed #91b6da;
        }

            .cruise-booking-full .booking-field-panel2 .header .title {
                float: left;
                font-size: 16px;
                color: #16528e;
                font-weight: 600;
                margin-top: 3px;
            }

                .cruise-booking-full .booking-field-panel2 .header .title .icon {
                    width: auto;
                    float: left;
                    margin-top: 0px;
                    margin-right: 10px;
                }

                    .cruise-booking-full .booking-field-panel2 .header .title .icon img {
                        width: 30px;
                        float: left;
                    }

            .cruise-booking-full .booking-field-panel2 .header .rext-text {
                float: right;
                font-size: 12px;
                color: #16528e;
                margin-top: 6px;
            }

                .cruise-booking-full .booking-field-panel2 .header .rext-text.fare-rules {
                    font-weight: bold;
                }

                    .cruise-booking-full .booking-field-panel2 .header .rext-text.fare-rules i {
                        font-weight: bold;
                    }

            .cruise-booking-full .booking-field-panel2 .header .dropdown-link {
                float: right;
                font-size: 14px;
                color: #999;
                margin-top: 4px;
                cursor: pointer;
                transition: 0.3s;
                -webkit-transition: 0.3s;
                margin-left: 10px;
            }

                .cruise-booking-full .booking-field-panel2 .header .dropdown-link[aria-expanded="false"] {
                    transform: rotate(-180deg);
                    -webkit-transform: rotate(-180deg);
                    color: #000;
                }

        .cruise-booking-full .booking-field-panel2 .panel-content {
            width: 100%;
            float: left;
            background: #fff;
            padding: 10px 15px;
        }

            .cruise-booking-full .booking-field-panel2 .panel-content .panel-content-inner {
                width: 100%;
                float: left;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content .panel-content-inner + .panel-content-inner {
                    border-top: 1px solid #c1f1f4;
                    padding-top: 30px;
                    margin-top: 15px;
                }

            .cruise-booking-full .booking-field-panel2 .panel-content .pass-form {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 100px;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content .pass-form .form-title {
                    width: 100px;
                    float: left;
                    color: #16528e;
                    position: absolute;
                    top: 8px;
                    left: 0px;
                    font-weight: normal;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content .pass-form .form-control {
                    border: 1px solid #c5c5c5;
                    height: 34px;
                    transition: 0.5s;
                    -webkit-transition: 0.5s;
                }

                    .cruise-booking-full .booking-field-panel2 .panel-content .pass-form .form-control:focus {
                        border: 1px solid #1875f0;
                    }

                .cruise-booking-full .booking-field-panel2 .panel-content .pass-form select.form-control {
                    line-height: 36px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content .pass-form textarea.form-control {
                    height: auto;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content .pass-form .form-group {
                    width: 100%;
                    float: left;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content .pass-form.dob-row {
                    padding-bottom: 15px;
                    margin-bottom: 30px;
                    border-bottom: 1px solid #eee;
                }

                    .cruise-booking-full .booking-field-panel2 .panel-content .pass-form.dob-row:last-child {
                        border-bottom: 0px;
                    }

                .cruise-booking-full .booking-field-panel2 .panel-content .pass-form.pass-form2 {
                    width: 50%;
                    float: left;
                }

                    .cruise-booking-full .booking-field-panel2 .panel-content .pass-form.pass-form2 .box5 {
                        width: 100% !important;
                        float: left;
                        padding-left: 0px;
                    }

            .cruise-booking-full .booking-field-panel2 .panel-content .pass-form-outer {
                width: 50%;
                float: left;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content .pass-form-outer:nth-child(odd) {
                    padding-right: 5px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content .pass-form-outer:nth-child(even) {
                    padding-left: 5px;
                }

            .cruise-booking-full .booking-field-panel2 .panel-content .checkbox-inline {
                width: 100%;
                float: left;
                color: #16528e;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content .checkbox-inline .link {
                    text-decoration: underline;
                    font-weight: 600;
                }

            .cruise-booking-full .booking-field-panel2 .panel-content .redirect-text {
                width: 100%;
                float: left;
                margin: 20px 0;
            }

            .cruise-booking-full .booking-field-panel2 .panel-content .payment-icon {
                margin-top: 30px;
                width: 100%;
                float: left;
            }

            .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full {
                margin: 30px 0;
                width: 100%;
                float: left;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer {
                    width: 200px;
                    float: right;
                    -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                    box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06) !important;
                    -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                    transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1) !important;
                }

                    .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn {
                        width: 100%;
                        float: left;
                        text-align: center;
                        padding: 5px 0;
                        margin-top: 10px;
                        background: #e54b4b;
                        color: #fff;
                        border-radius: 5px;
                    }

                        .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1 {
                            width: 100%;
                            float: left;
                            text-align: center;
                            font-size: 12px;
                        }

                        .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2 {
                            width: 100%;
                            float: left;
                            text-align: center;
                            font-size: 18px;
                        }

                        .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3 {
                            width: 100%;
                            float: left;
                            text-align: center;
                            font-size: 16px;
                        }

            .cruise-booking-full .booking-field-panel2 .panel-content h5.room-use-heading {
                width: 100%;
                float: left;
                font-weight: bold;
                padding: 5px 0px;
                margin-bottom: 20px;
                border-bottom: 2px solid #16528e;
            }

            .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel {
                width: 100%;
                float: left;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {
                    width: 10%;
                    float: left;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box2 {
                    width: 25%;
                    float: left;
                    padding-left: 10px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box3 {
                    width: 30%;
                    float: left;
                    padding-left: 10px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box4 {
                    width: 30%;
                    float: left;
                    padding-left: 10px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box5 {
                    width: 40%;
                    float: left;
                    padding-left: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 .form-control {
                    padding: 6px 5px;
                    padding-right: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1.dob {
                    width: 15%;
                    float: left;
                    padding-right: 10px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .passport-btn span {
                    margin-top: 5px;
                    float: left;
                    cursor: pointer;
                    color: #0491e1;
                    text-decoration: underline;
                }

            .cruise-booking-full .booking-field-panel2 .panel-content .box-panel .form-control {
                border-radius: 5px !important;
            }

            .cruise-booking-full .booking-field-panel2 .panel-content .box-panel .select2-container--default .select2-selection--single {
                border-radius: 5px !important;
                border: 1px solid #c5c5c5 !important;
            }


            .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex {
                display: flex;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box1 {
                    width: 75px;
                    display: flex;
                    margin: 0 5px;
                    padding: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box2 {
                    width: 30%;
                    display: flex;
                    margin: 0 5px;
                    padding: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box3 {
                    width: 30%;
                    display: flex;
                    margin: 0 5px;
                    padding: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box4 {
                    width: 30%;
                    display: flex;
                    margin: 0 5px;
                    padding: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box5 {
                    width: 35%;
                    display: flex;
                    margin: 0 5px;
                    padding: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box6 {
                    width: 20%;
                    display: flex;
                    margin: 0 5px;
                    padding: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box7 {
                    width: 15%;
                    display: flex;
                    margin: 0 5px;
                    padding: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box8 {
                    width: 100%;
                    display: flex;
                    margin: 0 5px;
                    padding: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex select {
                    padding-right: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex div:first-child {
                    margin-left: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex div:last-child {
                    margin-right: 0px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .checkbox-full-inline {
                    padding-top: 0px;
                    margin-bottom: 10px;
                }

@media only screen and (min-width: 320px) and (max-width:767px) {
    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box5 {
        width: 250px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 500px) {
    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box1,
        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box2,
        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box3,
        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box4,
        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box5,
        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box6,
        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box7,
        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box8 {
            width: 100%;
            margin: 0 0px;
        }

    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .pass-form .form-title.blank {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box6 {
        width: 33.33%;
    }

    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box5 {
        width: 60%;
    }
}


.cruise-booking-full .booking-field-panel2 .panel-content.offer-panel .box-panel {
    width: 100%;
    float: left;
}

    .cruise-booking-full .booking-field-panel2 .panel-content.offer-panel .box-panel .title {
        float: left;
        margin-top: 18px;
    }

    .cruise-booking-full .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box {
        float: left;
        padding-left: 20px;
        margin: 10px 0 20px 0;
    }

        .cruise-booking-full .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box .form-control {
            float: left;
            width: 200px;
        }

        .cruise-booking-full .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box .input-btn {
            float: left;
            line-height: 34px;
            width: 60px;
            text-align: center;
            background: #16528e;
            color: #fff;
            border: 0px;
            outline: none;
            border-radius: 5px;
        }

.cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel {
    width: 100%;
    float: left;
}

    .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .im {
        width: 30%;
        float: left;
        position: relative;
    }

        .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .im img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }

        .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .im .title {
            position: absolute;
            left: 0px;
            bottom: 5px;
            width: 100%;
            padding: 0 10px;
            float: left;
            font-size: 12px;
            text-align: center;
            color: #fff;
        }

    .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail {
        width: 70%;
        float: left;
        padding-left: 20px;
    }

        .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .title {
            width: 100%;
            float: left;
            font-weight: 600;
        }

        .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .hotel-address {
            width: 100%;
            float: left;
            font-size: 12px;
            color: #999;
            margin-top: 7px;
        }

        .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .starrating {
            width: 80px;
            float: left;
        }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .starrating img {
                width: 100%;
                height: auto;
            }

        .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel {
            width: 100%;
            min-height: 82px;
            float: left;
            position: relative;
            padding-left: 210px;
            margin-top: 20px;
        }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 200px;
                float: left;
                font-size: 12px;
                color: #999;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .box1 {
                    width: 50%;
                    float: left;
                    padding-right: 5px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .box2 {
                    width: 50%;
                    float: left;
                    padding-left: 5px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out {
                    width: 100%;
                    float: left;
                    border: 1px solid #f1f1f1;
                    background: #f1f1f1;
                    border-radius: 5px;
                }

                    .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box {
                        width: 100%;
                        float: left;
                    }

                        .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box .text {
                            width: 100%;
                            float: left;
                            text-align: center;
                            padding-top: 5px;
                            font-weight: 600;
                            color: #999;
                        }

                        .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box .date {
                            width: 100%;
                            float: left;
                            font-size: 20px;
                            padding: 7px 0;
                            font-weight: bold;
                            text-align: center;
                            color: #333;
                        }

                    .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .date-time {
                        width: 100%;
                        float: left;
                        font-size: 11px;
                        text-align: center;
                        background: #fff;
                    }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail {
                width: 100%;
                float: left;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .days-night {
                    width: 100%;
                    float: left;
                    font-weight: bold;
                    color: #333;
                    border-bottom: 1px solid #f1f1f1;
                    margin-bottom: 5px;
                    padding-bottom: 5px;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .room-info {
                    width: 100%;
                    float: left;
                    color: #999;
                    border-bottom: 1px solid #f1f1f1;
                    margin-bottom: 5px;
                    padding-bottom: 5px;
                }

                    .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .room-info .room {
                        min-width: 80px;
                        float: left;
                    }


        .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel {
            width: 100%;
            float: left;
            margin-top: 10px;
        }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #339900;
                text-transform: uppercase;
                margin-top: 10px;
                margin-bottom: 0px;
            }

                .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only .text1 {
                    color: #16528e;
                }

                .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only .text2 {
                    color: #0099ff;
                }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .non-refundable {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #ff7272;
                margin-top: 0px;
                font-weight: 600;
            }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .refundable1 {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #1fc123;
                margin-top: 0px;
                font-weight: 600;
            }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .refundable2 {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #1fc123;
                margin-top: 0px;
                font-weight: 600;
            }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .guest {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #0099ff;
                text-transform: uppercase;
                margin-top: 0px;
                font-weight: 600;
                margin: 10px 0;
            }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .services {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #16528e;
                margin-top: 0px;
                font-weight: normal;
            }

            .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .policy {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #16528e;
                margin-top: 0px;
                font-weight: normal;
            }

.cruise-booking-full .booking-sidebar-full {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 0px;
}

    .cruise-booking-full .booking-sidebar-full .fare-detail-panel {
        width: 100%;
        float: left;
        border: 1px solid #d1d1d1;
        margin-top: 0px;
    }

        .cruise-booking-full .booking-sidebar-full .fare-detail-panel .header {
            width: 100%;
            float: left;
            font-size: 16px;
            font-weight: bold;
            background: #e2e2e2;
            color: #16528e;
            padding: 10px 15px;
        }

        .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content {
            width: 100%;
            float: left;
            padding: 10px 15px;
        }

            .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel {
                width: 100%;
                float: left;
                margin: 3px 0;
                color: #666;
                cursor: pointer;
            }

                .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel {
                    float: left;
                    text-align: left;
                }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .text {
                        font-weight: 600;
                    }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .traveler {
                        font-weight: normal;
                    }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon {
                        font-weight: normal;
                    }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon {
                        transition: 0.3s;
                        -webkit-transition: 0.3s;
                        display: inline-block;
                    }

                .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel[aria-expanded="true"] .titel .icon {
                    transform: rotate(-180deg);
                    -webkit-transform: rotate(-180deg);
                }

                .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .price {
                    float: right;
                    text-align: right;
                }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .price .icon {
                    }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .price .value {
                    }

            .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full {
                width: 100%;
                float: left;
                background: #e2e2e2;
                padding: 5px 10px;
                margin: 7px 0;
            }

                .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel {
                    width: 100%;
                    float: left;
                    margin-bottom: 0px;
                    font-size: 13px;
                    color: #666;
                    padding-bottom: 5px;
                }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .text {
                        width: 50%;
                        float: left;
                        text-align: left;
                    }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .price {
                        float: right;
                        text-align: right;
                    }

            .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .line-full {
                width: 100%;
                height: 1px;
                float: left;
                background: #e2e2e2;
                margin: 10px 0 10px 0;
            }

            .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel {
                width: 100%;
                float: left;
                border-top: 1px solid #e2e2e2;
                padding-top: 10px;
                margin-top: 10px;
            }

                .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare {
                    width: 100%;
                    float: left;
                    font-size: 16px;
                    color: #000;
                    font-weight: bold;
                    margin-bottom: 0px;
                }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare .text {
                        float: left;
                        text-align: left;
                    }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare .price {
                        float: right;
                        text-align: right;
                    }

                .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons {
                    width: 100%;
                    float: left;
                    font-size: 13px;
                    color: #666;
                    margin-bottom: 0px;
                    cursor: pointer;
                }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .text {
                        float: left;
                        text-align: left;
                    }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .icon {
                        font-weight: normal;
                        padding-left: 4px;
                    }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .price {
                        float: right;
                        text-align: right;
                    }

                .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel {
                    width: 100%;
                    float: left;
                    font-size: 13px;
                    color: #666;
                }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel .text {
                        float: left;
                        text-align: left;
                    }

                    .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel .price {
                        float: right;
                        text-align: right;
                    }

        .cruise-booking-full .booking-sidebar-full .fare-detail-panel .footer {
            width: 100%;
            float: left;
            background: #e2e2e2;
            font-size: 16px;
            color: #000;
            font-weight: bold;
            padding: 10px 15px;
        }

            .cruise-booking-full .booking-sidebar-full .fare-detail-panel .footer .text {
                float: left;
                text-align: left;
            }

            .cruise-booking-full .booking-sidebar-full .fare-detail-panel .footer .price {
                float: right;
                text-align: right;
                font-size: 18px;
            }

    .cruise-booking-full .booking-sidebar-full .login-panel-full {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

        .cruise-booking-full .booking-sidebar-full .login-panel-full .login-btn {
            width: 100%;
            font-size: 18px;
            float: left;
            cursor: pointer;
            text-align: center;
            padding: 10px 0;
            border-radius: 5px;
            border: 0px;
            outline: none;
            background: #16528e;
            color: #fff;
        }

        .cruise-booking-full .booking-sidebar-full .login-panel-full .guest-btn {
            width: 100%;
            font-size: 16px;
            float: left;
            cursor: pointer;
            text-align: center;
            padding: 10px 0;
            border-radius: 5px;
            border: 0px;
            outline: none;
            background: #d64443;
            color: #fff;
        }

        .cruise-booking-full .booking-sidebar-full .login-panel-full .or {
            width: 100%;
            height: 1px;
            float: left;
            background: #ccc;
            margin: 35px 0 30px 0;
            position: relative;
        }

            .cruise-booking-full .booking-sidebar-full .login-panel-full .or .circle {
                width: 25px;
                height: 25px;
                line-height: 22px;
                border-radius: 50%;
                text-align: center;
                font-size: 12px;
                font-style: italic;
                color: #fff;
                border: 0px solid #ccc;
                background: #afa8a7;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
            }

    .cruise-booking-full .booking-sidebar-full .payment-panel-full {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

        .cruise-booking-full .booking-sidebar-full .payment-panel-full .payment-btn {
            width: 100%;
            font-size: 16px;
            float: left;
            cursor: pointer;
            text-align: center;
            padding: 10px 0;
            border-radius: 5px;
            border: 0px;
            outline: none;
            background: #d64443;
            color: #fff;
        }

        .cruise-booking-full .booking-sidebar-full .payment-panel-full .term-condition {
            width: 100%;
            float: left;
            margin-bottom: 15px;
        }

            .cruise-booking-full .booking-sidebar-full .payment-panel-full .term-condition label a {
                font-weight: bold;
                text-decoration: underline;
            }


.divpassportPopup .modal-dialog {
    max-width: 400px;
}

    .divpassportPopup .modal-dialog.modal-dialog-centered {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - 1rem);
        justify-content: center;
    }

.divpassportPopup .modal-content .modal-header .close {
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

    .divpassportPopup .modal-content .modal-header .close:hover {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

.divpassportPopup .modal-content .modal-body .content-panel .form-group {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .divpassportPopup .modal-content .modal-body .content-panel .form-group label {
        width: 100%;
        float: left;
        font-weight: normal;
        font-size: 15px;
    }

    .divpassportPopup .modal-content .modal-body .content-panel .form-group .form-control {
        height: 48px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
    }

    .divpassportPopup .modal-content .modal-body .content-panel .form-group textarea.form-control {
        height: auto;
        width: 100%;
    }

.divpassportPopup .modal-content .modal-footer {
    width: 100%;
    float: left;
}


@media only screen and (min-width:320px) and (max-width:499px) {
    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .pass-form {
        padding-left: 00px;
    }

        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .pass-form .form-title {
            width: 100%;
            position: static
        }

    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {
        width: 100%;
        float: left;
        padding-left: 0px;
    }

    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box2 {
        width: 100%;
        float: left;
        padding-left: 0px;
    }

    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box3 {
        width: 100%;
        float: left;
        padding-left: 0px;
    }

    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box4 {
        width: 100%;
        float: left;
        padding-left: 0px;
    }

    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box5 {
        width: 100%;
        float: left;
        padding-left: 0px;
    }
}

@media only screen and (min-width:500px) and (max-width:767px) {
    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {
        width: 10%;
        float: left;
        padding-left: 0px;
    }

        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 .form-control {
            padding: 6px 5px;
            padding-right: 0px;
        }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {
        width: 10%;
        float: left;
        padding-left: 0px;
    }

        .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 .form-control {
            padding: 6px 5px;
        }
}

.cruise-booking-full .room-slect-panel {
    width: 100%;
    float: left;
    padding: 0px;
    margin-bottom: 0px;
}

    .cruise-booking-full .room-slect-panel .form-control {
        max-width: 300px;
        height: 40px;
        margin-bottom: 15px;
    }

.cruise-booking-full .ul-room-type {
    float: left;
    margin-bottom: 0px;
    margin-top: 10px;
}

    .cruise-booking-full .ul-room-type li {
        display: inline-block;
        font-size: 13px;
    }

.cruise-booking-full .room-type-panel {
    width: 100%;
    float: left;
    padding: 0px;
    margin-bottom: 0px;
}

    .cruise-booking-full .room-type-panel .room-type-inner {
        width: 100%;
        float: left;
    }

        .cruise-booking-full .room-type-panel .room-type-inner + .room-type-inner {
            margin-top: 20px;
            border-top: 1px solid #ccc;
            padding-top: 0px;
        }

    .cruise-booking-full .room-type-panel .box1 {
        width: 25%;
        float: left;
        padding: 0 10px;
    }

    .cruise-booking-full .room-type-panel .box2 {
        width: 25%;
        float: left;
        padding: 0 10px;
    }

    .cruise-booking-full .room-type-panel .box3 {
        width: 25%;
        float: left;
        padding: 0 10px;
    }

    .cruise-booking-full .room-type-panel .box4 {
        width: 25%;
        float: left;
        padding: 0 10px;
    }

    .cruise-booking-full .room-type-panel .room-type-inner .form-control {
        height: 40px;
    }

    .cruise-booking-full .room-type-panel .cruise-img {
        width: 100%;
        float: left;
        border: 1px solid #dfdfdf;
        border-radius: 5px;
        padding: 5px;
    }

        .cruise-booking-full .room-type-panel .cruise-img img {
            width: 100%;
            height: auto;
        }

    .cruise-booking-full .room-type-panel .radio-full {
        width: 100%;
        float: left;
    }

        .cruise-booking-full .room-type-panel .radio-full .radio-inline {
            width: 100%;
            float: left;
            padding-left: 0px;
        }

            .cruise-booking-full .room-type-panel .radio-full .radio-inline .trip {
                width: 100%;
                float: left;
                padding: 10px 10px;
            }

                .cruise-booking-full .room-type-panel .radio-full .radio-inline .trip:hover {
                    background: #dfdfdf;
                }

                .cruise-booking-full .room-type-panel .radio-full .radio-inline .trip .price {
                    float: right;
                }

                .cruise-booking-full .room-type-panel .radio-full .radio-inline .trip label {
                    width: 100%;
                    float: left;
                }

            .cruise-booking-full .room-type-panel .radio-full .radio-inline + .radio-inline {
                padding-left: 0px;
                margin-left: 0px;
            }

            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked,
            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) {
                position: absolute;
                left: -9999px;
            }

                .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked + label,
                .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) + label {
                    font-weight: normal;
                    position: relative;
                    padding-left: 28px;
                    cursor: pointer;
                    line-height: 20px;
                    display: inline-block;
                    color: #333;
                }

            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="checkbox"]:checked + label,
            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="checkbox"]:not(:checked) + label {
                position: relative;
                padding-left: 6px;
                cursor: pointer;
                line-height: 20px;
                display: inline-block;
                color: #fff;
            }

            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked + label:before,
            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 2px solid #0491e1;
                border-radius: 100%;
                background: transparent;
            }

            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked + label:after,
            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) + label:after {
                content: '';
                width: 8px;
                height: 8px;
                background: #0491e1;
                position: absolute;
                top: 5px;
                left: 5px;
                border-radius: 100%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) + label:after {
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked + label:after {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

.radio-inline.default-radio {
    float: left;
    padding-left: 0px;
}

    .radio-inline.default-radio .trip {
        width: auto;
        float: left;
        padding: 0px 10px;
    }

        .radio-inline.default-radio .trip .price {
            float: right;
        }

        .radio-inline.default-radio .trip label {
            width: 100%;
            float: left;
        }

    .radio-inline.default-radio + .radio-inline {
        padding-left: 0px;
        margin-left: 0px;
    }

    .radio-inline.default-radio [type="radio"]:checked,
    .radio-inline.default-radio [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .radio-inline.default-radio [type="radio"]:checked + label,
        .radio-inline.default-radio [type="radio"]:not(:checked) + label {
            font-weight: normal;
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #333;
        }

    .radio-inline.default-radio [type="checkbox"]:checked + label,
    .radio-inline.default-radio [type="checkbox"]:not(:checked) + label {
        position: relative;
        padding-left: 6px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #fff;
    }

    .radio-inline.default-radio [type="radio"]:checked + label:before,
    .radio-inline.default-radio [type="radio"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 2px solid #0491e1;
        border-radius: 100%;
        background: transparent;
    }

    .radio-inline.default-radio [type="radio"]:checked + label:after,
    .radio-inline.default-radio [type="radio"]:not(:checked) + label:after {
        content: '';
        width: 8px;
        height: 8px;
        background: #0491e1;
        position: absolute;
        top: 5px;
        left: 5px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .radio-inline.default-radio [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .radio-inline.default-radio [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.cruise-booking-full .room-type-panel .room-detail-title-outer {
    width: 100%;
    float: left;
}

.cruise-booking-full .room-type-panel .room-detail-title {
    display: block;
    color: #0491e1;
    margin-top: 0px;
    margin-bottom: 5px;
    float: left;
    font-size: 13px;
    text-decoration: underline;
}

.cruise-booking-full .room-type-panel .room-detail-info {
    display: block;
    width: 100%;
    color: #666;
    float: left;
    font-size: 12px;
    margin-top: 10px;
}

.cruise-booking-full .guest-details-panel {
    width: 100%;
    float: left;
    overflow: initial;
    padding: 20px;
    margin-bottom: 30px;
}

    .cruise-booking-full .guest-details-panel .room-title {
        font-size: 24px;
        color: #4c4c4c;
        position: relative;
        margin-bottom: 20px;
    }

        .cruise-booking-full .guest-details-panel .room-title:before {
            content: "";
            position: absolute;
            width: 50px;
            height: 2px;
            background: #0491e1;
            left: 0px;
            top: 100%;
        }

    .cruise-booking-full .guest-details-panel .guest-title {
        font-size: 16px;
        color: #0491e1;
    }

    .cruise-booking-full .guest-details-panel .form-panel {
        width: 100%;
        float: left;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 20px;
        margin-top: 15px;
    }

        .cruise-booking-full .guest-details-panel .form-panel .guest-panel {
            width: 100%;
            float: left;
        }

            .cruise-booking-full .guest-details-panel .form-panel .guest-panel + .guest-panel {
                border-top: 1px dotted #0491e1;
                margin-top: 20px;
                padding-top: 20px;
            }

        .cruise-booking-full .guest-details-panel .form-panel .form-control {
            border: 0px;
            height: 50px;
            box-shadow: none;
            border-bottom: 1px solid #ccc;
            border-radius: 0px;
        }


        .cruise-booking-full .guest-details-panel .form-panel .form-group {
            width: 100%;
            float: left;
            position: relative;
        }

            .cruise-booking-full .guest-details-panel .form-panel .form-group .focus-border {
                content: "";
                position: absolute;
                width: 0%;
                transition: 0.3s;
                left: 50%;
                right: 50%;
                margin-top: -1px;
                height: 2px;
                background: #0491e1;
                top: 100%;
            }

            .cruise-booking-full .guest-details-panel .form-panel .form-group .effectonhover:focus ~ .focus-border {
                width: 100%;
                left: 0%;
                right: 0%;
            }

        .cruise-booking-full .guest-details-panel .form-panel .social {
            width: 100%;
            height: 50px;
            padding-top: 15px;
            float: right;
            margin-right: 0;
            border-bottom: 1px solid #ccc;
        }

            .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown a {
                color: #4c4c4c;
                width: 100%;
                float: left;
                font-weight: 600;
                font-size: 13px;
            }

                .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown a .caret {
                    float: right;
                }

            .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown ul {
                padding: 0px;
            }

            .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown a .flag-icon-main img {
                width: 20px;
                margin-right: 5px;
            }

            .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu {
                background: #f5f5f5;
                width: 100%;
                margin: 0px auto !important;
                height: 200px;
                overflow-y: auto;
                top: 27px;
            }

                .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li:first-child {
                    width: 100%;
                    padding: 0;
                    margin: 0;
                }

                .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li {
                    margin-left: 0px;
                    width: 100%;
                }

                    .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a {
                        border-bottom: 1px solid #fcfcfc;
                    }

                        .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a:hover {
                            background: #ededed;
                            color: #333;
                        }

                    .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a {
                        padding: 6px 10px;
                        line-height: 1em;
                        color: #a9a9a9;
                    }

                        .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a img {
                            width: 25px;
                        }

                        .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a .flag-icon img {
                            width: 20px;
                            margin-right: 5px;
                        }

                        .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a .serach-bar {
                            width: 100%;
                            float: left;
                            height: 28px;
                            font-weight: normal;
                            padding: 0 5px;
                        }

            .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .w3-border {
                position: absolute;
                right: 0;
                left: auto;
                top: 43px;
                height: 160px;
                width: 300px;
                padding: 20px;
            }

            .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .w3-black {
                padding-top: 4px;
                color: #4c4c4c !important;
                background: none !important;
                outline: none !important;
                border: none !important;
                font-weight: 600;
                font-size: 13px;
            }

                .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .w3-black:hover {
                    color: #000 !important;
                    background: #fff !important;
                    outline: none !important;
                    border: none !important;
                }

            .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .content {
                width: 100%;
                float: left;
                border: 1px solid #ccc;
                height: 50px;
                position: relative;
            }

                .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .content select {
                    border: none;
                    position: absolute;
                    right: 0px;
                    top: 13px;
                    outline: none;
                    width: 100%;
                }

                .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .content .change-btn {
                    width: 100%;
                    float: left;
                    margin-top: 70px;
                    text-align: center;
                    background: #02a3ec;
                    padding: 9px 0;
                    color: #fff;
                    font-size: 18px;
                }

            .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .w3-border:hover .w3-black {
                background: #fff;
            }

            .cruise-booking-full .guest-details-panel .form-panel .social .w3-dropdown-hover:first-child {
                background: #fff !important;
            }

            .cruise-booking-full .guest-details-panel .form-panel .social ul {
                list-style: none;
                float: left;
                padding: 0;
            }

                .cruise-booking-full .guest-details-panel .form-panel .social ul li {
                    display: inline-block;
                    color: #fff;
                    margin-left: 40px;
                    font-size: 15px;
                }

                    .cruise-booking-full .guest-details-panel .form-panel .social ul li a {
                        color: #fff;
                    }

                    .cruise-booking-full .guest-details-panel .form-panel .social ul li div {
                        margin-left: 5px;
                        display: inline-block;
                    }

                        .cruise-booking-full .guest-details-panel .form-panel .social ul li div.icon {
                            width: 25px;
                            height: 25px;
                            line-height: 25px;
                            border: 1px solid #fff;
                            text-align: center;
                            border-radius: 32px;
                            font-size: 13px;
                        }


@media only screen and (min-width:320px) and (max-width:767px) {
    .cruise-booking-full .room-type-panel .box1,
    .cruise-booking-full .room-type-panel .box2,
    .cruise-booking-full .room-type-panel .box3,
    .cruise-booking-full .room-type-panel .box4 {
        width: 50%;
    }
}

@media only screen and (min-width:320px) and (max-width:400px) {
    .cruise-booking-full .room-type-panel .box1,
    .cruise-booking-full .room-type-panel .box2,
    .cruise-booking-full .room-type-panel .box3,
    .cruise-booking-full .room-type-panel .box4 {
        width: 100%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cruise-booking-full .room-type-panel .box1,
    .cruise-booking-full .room-type-panel .box2,
    .cruise-booking-full .room-type-panel .box3,
    .cruise-booking-full .room-type-panel .box4 {
        width: 50%;
    }
}


/*-- CRUISE BOOKING --*/

.ShowMoreResults_outer {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px auto;
}

.ShowMoreResults_inner {
    display: inline-block;
    padding: 6px 20px;
    font-size: 16px;
    outline: none;
    border: 0px;
    border-radius: 5px;
    background: #fe492b;
    color: #fff;
}

    .ShowMoreResults_inner:hover {
        background: #00387C;
    }

.ptext {
    font-size: 13px;
    color: #4a89d9;
    margin-bottom: 20px;
}


/*--services panel--*/
.services-panel{width:100%; float:left; padding:20px 0 0 0; background: #f9f9f9; margin-top:0px;}
.services-panel .s-content-inner{width:100%; display:flex; flex-direction:column; }

.services-panel .s-content-inner .d-flex-row{width:calc(100% + 20px); margin-left:-10px; display:flex; flex-wrap:wrap;}
.services-panel .s-content-inner .d-flex-row .d-flex-col{display:flex; width:25%; padding:0 10px;}

@media screen and (min-width:320px) and (max-width:767px) {
.services-panel .s-content-inner .d-flex-row .d-flex-col{width:100%;}
.services-panel .s-content-inner .main-heading{font-size:20px;}
}

@media screen and (min-width:768px) and (max-width:991px) {
.services-panel .s-content-inner .d-flex-row .d-flex-col{width:50%;}
}

.services-panel .s-content-inner .package{width:100%; display:flex; flex-direction:column; align-items:center; position: relative; padding: 14px 5px 14px 8px;box-shadow: 0 1px 2px #ccc !important;border-radius: 8px;background: #fff; margin-bottom:20px;}
.services-panel .s-content-inner .package .icon{width:100%; display:flex; width:80px; margin-bottom:10px;}
.services-panel .s-content-inner .package .text1{width:100%; display:flex; text-align: center; justify-content: center; background: linear-gradient(90deg,#009378,#f00502 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-size: 18px; font-weight:600;}
.services-panel .s-content-inner .package .text2{width:100%; display:flex; text-align: center; justify-content: center; font-weight: 500;margin: 0;color: #5b5b5b;font-size: 13px;padding: 5px 10px 0 10px;}
/*--s1ervices panel--*/

/*-- AIRLINE FILTER BY PRICE AND STOPS --*/
.res-matrix-wr-1{width: 100%; float: left; margin-bottom: 20px;}
.res-matrix-wr-1 .w-100-fl {width: 100%; float: left;}
.res-matrix-wr-1 .heading-blue {font-weight: 700; color: #4c4c4c; font-size: 20px; text-align: center;}
.res-matrix-wr-1 .fares-table-al img{display:block;}
.res-matrix-wr-1 .fares-table-wr{overflow:hidden; box-shadow:0 0 5px -1px rgb(0 0 0 / 40%); border:1px solid #b9b8b8;}
.res-matrix-wr-1 .fares-table-cont{position:relative; border:1px solid #4c4c4c; border-top:0; border-right:0;}
.res-matrix-wr-1 .fares-table-cont{overflow:auto; white-space:nowrap; border:0; position:static; padding-bottom:2px;}
.res-matrix-wr-1 .fares-table-r{/*padding-left:119px;*/ width:calc(100% - 119px);  width:-webkit-calc(100% - 119px); float:right; font-size:0; border:0;}
.res-matrix-wr-1 .fares-table-r .item{display:inline-block; width:16.7%;}
.res-matrix-wr-1 .fares-table-al a{border:0;}
.res-matrix-wr-1 .fares-table-l{width:120px; float:left; border-right:1px solid #4c4c4c;}
.res-matrix-wr-1 .fares-table-l{position:absolute; /*left:0; top:25px;*/ z-index:1; background-color:#fff;}
.res-matrix-wr-1 .fares-table-top-l{width:100%; border:0; text-align:center;}
.res-matrix-wr-1 .fares-table-top-row{background-color:#009378; padding:2px 2px; font-size:13px; color: #fff;}
.res-matrix-wr-1 .fares-table-r .fares-table-col{border-right:1px solid #4c4c4c;}
.res-matrix-wr-1 .fares-table-al a, 
.res-matrix-wr-1 .fares-table-ns a, 
.res-matrix-wr-1 .fares-table-1s a, 
.res-matrix-wr-1 .fares-table-2s a, 
.res-matrix-wr-1 .fares-table-r .fares-table-col span{display:block; text-align:center; font-size:14.5px; padding:3px 3px; border-top:1px solid #4c4c4c; position:relative; color:#000; font-weight:500;}
.res-matrix-wr-1 .fares-table-al a{font-weight:normal; font-size:12px; height:65px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; color:#000;}
.res-matrix-wr-1 .fares-table-l .fares-table-al a, 
.res-matrix-wr-1 .fares-table-l .fares-table-ns a, 
.res-matrix-wr-1 .fares-table-l .fares-table-1s a, 
.res-matrix-wr-1 .fares-table-l .fares-table-2s a{font-size:12px; font-weight:normal; height:28px; padding:3px 3px; color:#000;}
.res-matrix-wr-1 .fares-table-l .fares-table-al a{height:65px; line-height:55px; font-size:14px;}

.res-matrix-wr-1 .fares-table-r .fares-table-col a:hover{background-color:#daf0fb;}
.res-matrix-wr-1 .fares-table-r .fares-table-col a.fares-table-nofare{background-color:transparent;}

.res-matrix-wr-1 .fares-table-al img{width:40px !important; margin:0 auto;}
.res-matrix-wr-1 .fares-table-al span, 
.res-matrix-wr-1 .fares-table-al small{display:block; margin:0 auto; font-size:10px; color:#000; line-height:1;}
.res-matrix-wr-1 .fares-table-top-row{/*background-color:#2c5296;*/ padding:2px 2px; font-size:13px; /*border:1px solid #2c5296;*/}
.res-matrix-wr-1 .fares-table-top-l{width:calc(100% - 70px);  width:-webkit-calc(100% - 70px); float:left; color:#fff; border-right:0px solid #f5f5f5; padding:0 5px;}
.res-matrix-wr-1 .fares-table-top-l {width: 100%; border: 0; text-align: center;}
.res-matrix-wr-1 .fares-table-top-l img{max-width:24px; vertical-align:bottom;}
.res-matrix-wr-1 .fares-table-top-l span{padding:0 0px; display:inline-block;}
.res-matrix-wr-1 .fares-table-top-l span>span{background-color:#ef3d00; padding:2px 5px 0; font-weight:bold;}
.res-matrix-wr-1 .fares-table-top-l a{color:#fff; font-weight:bold; display:inline-block; font-size:14px;}
.res-matrix-wr-1 .fares-table-top-r{float:right; width:70px; /*height:24px;*/}
.res-matrix-wr-1 .fares-table-wr .fares-table-col>div:hover a{color:#222c75;}
.res-matrix-wr-1 .fares-table-loader-wr{width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:2;}
.res-matrix-wr-1 .fares-table-loader-cont{margin: 0 0 1rem; text-align: center; padding: 3rem 0 5rem; height: auto; position: relative; overflow: hidden;}


@media only screen and (min-width: 320px) and (max-width: 485px) {
  .res-matrix-wr-1 .fares-table-r .item{width:33.3333%;}
}

@media only screen and (min-width: 486px) and (max-width: 585px) {
  .res-matrix-wr-1 .fares-table-r .item{width:25%;}
}
@media only screen and (min-width: 586px) and (max-width: 736px) {
  .res-matrix-wr-1 .fares-table-r .item{width:20%;}
}

/*-- AIRLINE FILTER BY PRICE AND STOPS --*/

/*--TICKET RUNOUT TIME--*/
.ticket-runout-time{width:100%; float:left; padding:10px;  border:1px solid #ccc; border-radius:3px;margin-bottom:10px;}
.ticket-runout-time .trt-content{width:100%; display:flex; flex-direction:column;}
.ticket-runout-time .trt-content .text1{display:flex; font-size:14px; font-weight:600; color:#2c374d;}
.ticket-runout-time .trt-content .row-box{display:flex; justify-content:center; padding:20px 0;}
.ticket-runout-time .trt-content .row-box .box1{display:flex; flex-direction:column; justify-content:center; align-items:center;}
.ticket-runout-time .trt-content .row-box .box2{display:flex; margin:0 10px;}
.ticket-runout-time .trt-content .row-box .rb-text1{font-size:40px; font-weight:800; color:#4e9e55;}
.ticket-runout-time .trt-content .row-box .rb-text2{font-size:16px; font-weight:400; color:#1b3b84; margin-top:-10px;}
.ticket-runout-time .trt-content .row-box .clock-icon{width:40px; margin-left:20px;}
/*--TICKET RUNOUT TIME--*/