.search-tab-content h4.title {
    margin: 10px 0;
    height: 20px;
}

.title {
    color: #fff;
    text-align: left;
}

.text-left label {
    float: left;
}

.float_r {
    float: right !important;
}

.font-15 {
    font-size: 15px;
    font-weight: bold;
}
/*k*/
.font-13 {
    font-size: 13px;
    font-weight: bold;
}

.padding-15 {
    padding-top: 15px;
}
/*START Added for TripAdvisor COde By Ranjeet*/
.tripAdvisor-padding{
    margin-top: 13px;
    font-weight: 600;
}
/*END*/
.padding-bottom10{
    padding-bottom:10px;
}
.package-list-item .content .price {
    font-size: 22px !important;
}

/* 7.2. DatePicker Start here ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.datepicker-wrap {
    position: relative;
}

    .datepicker-wrap .ui-datepicker-trigger {
        width: 30px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        background-color: transparent;
        z-index: 1;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

    /*.datepicker-wrap:after {
        display: block;
        font-family: "soap-icons";
        content: "\e86a";
        font-size: 25px;
        color: #f59010;
        position: absolute;
        right: 0;
        top: 7px;*//*change by imran 15-05-2023*/
        /*bottom: 0;
        width: 30px;
        height: 100%;
        text-align: center;
        line-height: 37px;
        background: #f59010;
    }

    .datepicker-wrap.yellow:after {
        background: #f59010;
    }

    .datepicker-wrap.green:after {
        background: #98ce44;
    }

    .datepicker-wrap.blue:after {
        background-color: #01b7f2;
    }

    .datepicker-wrap.dark-blue:after {
        background-color: #2d3e52;
    }

    .datepicker-wrap.transparent:after {
        background-color: transparent;
        color: #f59010;
    }*/



/* ADULT/CHILD & ROOMS CSS Start here */

div.NCS.parent {
    position: absolute;
    z-index: 9999;
    background: white;
    border: 0.5px solid #dddddd;
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding: 10px;
    text-align: center;
    overflow: hidden;
    min-width: 200px;
    color: #000000;
}

div.NCS.category {
    border-bottom: 0.5px solid #dddddd;
    padding: 10px;
}

div.NCS.room {
    height: 5px;
}

div.NCS.display {
    overflow: hidden;
    background: transparent;
    z-index: 9999;
    position: absolute;
    border-radius: 5px;
    padding: 5px 2.5px;
    box-sizing: border-box;
    align-items: center;
    color: #000;
}

div.NCS.inlinedisplay {
    height: 100%;
    width: 10000px;
}

div.NCS.displayelement:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

div.NCS.displayelement {
    display: inline-block;
    background: #3d9bff;
    color: white;
    font-weight: 300;
    margin: 0 2.5px;
    padding: 2.5px 5px;
    box-sizing: border-box;
    line-height: 100%;
    height: 100%;
    border-radius: 2.5px;
}

a.NCS.close {
    opacity: 1;
    text-align: center;
    font-size: 14px;
    margin: 5px;
    text-decoration: underline;
}

div.NCS.name, div.NCS.value {
    font-size: 16px;
    float: left;
}

div.NCS.text {
    clear: both;
    display: inline-block;
}

div.NCS.name, a.NCS.close, div.NCS.value {
    font-weight: 300;
    color: #272727;
}

div.NCS.buttons {
    width: 100px;
    margin: 0 auto;
}

a.NCS.button {
    color: white;
    text-decoration: none;
    width: 45%;
    padding: 3px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border: none;
    box-sizing: border-box;
    font-weight: 700;
    margin: 2.5%;
    background: #357ebd;
}

    a.NCS.button.inactive {
        background: lightgrey;
    }


input[name='NCS'] {
    height: 38px;
    border-radius: 5px;
    padding: 0 5px;
    border: 0.5px solid #cccccc;
    font-size: 16px;
    color: #000000 !important;
}


div.NCS.displayelement {
    display: inline-block;
    color: #000000;
    font-weight: 300;
    margin: 0 2.5px;
    padding: 2.5px 5px;
    box-sizing: border-box;
    line-height: 100%;
    height: 100%;
    border-radius: 2.5px;
}

/* ADULT/CHILD & ROOMS CSS End here */

.hotel-map .image {
    width: 100%;
    float: left;
    position: relative;
}

.padding-top {
    padding-top: 30px !important;
}

ul.availabily-list li.availabily-heading {
    font-size: 16px;
    color: #666;
    padding-bottom: 0px;
    font-weight: 600;
}

ul.availabily-list li > div.status, ul.availabily-list li > div.price {
    text-align: left !important;
}

ul.availabily-list li > div {
    width: 22% !important;
}

    ul.availabily-list li > div.action {
        text-align: right;
        width: 5% !important;
    }

ul.availabily-list li {
    /*margin-bottom: 8px !important;
    padding-bottom: 8px !important;*/
    margin-bottom: 0px !important;
    /*margin-bottom: 12px !important;*/
}

.gallery-slideshow .image {
    height: 350px !important;
}



.padding-top-50 {
    padding-top: 50px;
}

.txt-color_black {
    color: #666 !important;
}

.padding-top15 {
    padding-top: 15px;
}

.font-11 {
    font-size: 11px !important;
}

.form-control {
    font-size: 13px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px !important;
}

.padding-right-5 {
    padding-right: 5px;
}

.sidebar-title {
    color: #333;
    margin-top: 0;
}
.margin-top0 { margin-top:0px !important;}
.trip-summary-txt {width:100%; padding-left:90px}
ul.sidebar-post li {padding-bottom: 8px;}
.hotel-border-bottom{ border-bottom:1px solid #F0F0F1; padding-bottom:0px;}

.price-summary-list-hotel li {
    /*width: 100px;*/
    width: 33.33%;
    float: left;
    padding-bottom: 10px;
    padding-top:15px;    
    margin-bottom: 0px !important;
    font-size:11px !important;
}


ul.price-summary-list-hotel li.divider {
    border-top: 1px solid #d6d6d6;
    width:100%
}

.no-border{ border:0px solid #000 !important; }


ul.book-sum-list li {
       padding-left: 230px !important;   
}

.padding-right-10{
    padding-right:70px !important;
}

.padding-right-7{display: inline;
                 padding-right:5px;
                 padding-left:2px;
}

.padding-bottom5{ margin-bottom:5px;}

.padding-top-30{ padding-top:30px;}
.color-black{ color:#333333;}

p{ margin-bottom:0px;}

.package-allocation-bg{ background:#f7f7f9;
                        font-weight:bold;
}

input[type='radio'] + label, input[type='checkbox'] + label .padding-bottom10{ margin-bottom:10px;}

.hotel-detail-wrapper .bootstarp-accordion .panel-heading {
    border-bottom: 1px dotted #E3E3E3;
    margin-left: 25px;
    padding: 15px 0;
}

.hotel-detail-wrapper .bootstarp-accordion .panel-heading {
    border-bottom: 1px dotted #E3E3E3;
    margin-left: 0px;
    padding: 10px 0;
}



/* ~~~~~~~~~~~~~~~~~~~~~~ package-result-view start here ~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~ hotel start here kaleem ~~~~~~~~~~~~~~~~~ */

/*hotel Autocomplete css start*/

hotelautocomplete .autocomplete-options-container {min-width:100%; position: absolute; direction:ltr; border:0px solid #23e813; width:100%;}
hotelautocomplete .autocomplete-options-dropdown { min-width:100%; width:auto; position: absolute; top: 0px; left: 0px; border: 2px solid #ccc; border-top-color: #d9d9d9; box-shadow: 0 2px 4px rgba(0,0,0,0.2);	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); cursor: default; z-index: 1001;	background: white; overflow-y:auto;}
hotelautocomplete .autocomplete-options-list { list-style-type: none; margin: 0; padding: 0; border:0px solid red;}
hotelautocomplete .autocomplete-option { width:100%; background:#fff; white-space: nowrap; white-space: normal; padding: 4px 10px; line-height: 22px; overflow: hidden; font: bold normal normal 13.3333330154419px/normal Arial;}
hotelautocomplete .autocomplete-option.selected {background-color: #0dafd4;cursor:pointer; color:#fff}
hotelautocomplete .autocomplete-option.selected .soap-icon-hotel-2{	color: #fff;}
hotelautocomplete {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
     color: #000;
    text-align: left;
}

/*flight Autocomplete css start*/

flightautocomplete .autocomplete-options-container {min-width:500px; position: absolute; direction:ltr; border:0px solid #23e813; width:100%;}
flightautocomplete .autocomplete-options-dropdown { min-width:100%; width:auto; position: absolute; top: 0px; left: 0px; border: 2px solid #ccc; border-top-color: #d9d9d9; box-shadow: 0 2px 4px rgba(0,0,0,0.2);	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); cursor: default; z-index: 1001;	background: white; overflow-y:auto;}
flightautocomplete .autocomplete-options-list { list-style-type: none;	margin: 0;	padding: 0; border:0px solid red;}
flightautocomplete .autocomplete-option { background:#fff; white-space: nowrap; white-space: normal; padding: 4px 10px; line-height: 22px;	overflow: hidden; font: normal normal normal 13.3333330154419px/normal Arial;}
flightautocomplete .autocomplete-option.selected {	background-color: #0065b8;cursor:pointer; color:#fff}



/* Tooltip styling */
[data-tooltip]:before {
    
    display: none;
    position: absolute;
    background: #0065b8 !important;
    color: #fff;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 99999;
}


/*Autocomplete css End*/

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

.brd-right {
    border-right:1px solid #eaeaea;
}

.padding-left-24 {
    padding-left:24px !important;
}

.padding-left-14 {
    padding-left:14px !important;
}

.brd-bottom {
    border-bottom:1px solid #eaeaea;
}

.mrgn-left20 {
    margin-left:20px;
}

.padding-top-40 {
    margin-top:40px;
}

.margin-bottom40 {
    margin-bottom:40px;
}

.float-left {
    float:left;
}

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

#header .logo {
    margin: 5px 0 0;
}

.call-no {
    line-height: 16px;
    font-size: 1.4em;
}

.call-us {
    font-size: .8em;
    line-height: 13px;
}

.logo {
    width: 250px;
}

.chaser .logo a {
    background-size: auto 44px;
}

section#content {
    min-height: 600px;
    padding: 0; /*position: relative;*/
    overflow: visible;
}

#main {
    padding-top: 40px;
}

#main-1 {
    padding-top: 40px;
}
#main h1.page-title {
    font-size:28px;
}

.page-title, .page-description {
    color: #fff;
}

.page-title { /* font-size: 4.1667em; */
    font-weight: bold;
}

.page-description {
    font-size: 2em;
    margin-bottom: 50px;
}

.featured {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 9;
    margin-bottom: 0;
    text-align: right;
}

    .featured figure a {
        border: 2px solid #fff;
    }

    .featured .details {
        margin-right: 10px;
    }

        .featured .details > * {
            color: #fff;
            line-height: 1.25em;
            margin: 0;
            font-weight: bold;
            text-shadow: 2px -2px rgba(0, 0, 0, 0.2);
        }

/* search box styles*/
.search-box-wrapper.style2 .search-box {
    background: rgba(0, 0, 0, 0.0);
    padding: 0px;
}

ul.search-tabs li {
    padding-right: 1px;
}

.search-box-wrapper.style2 .search-box > ul.search-tabs li.active > a {
    background: rgba(0,0,0,.7);
    color: #01b7f2;
}
/* ul.search-tabs li .tab-back-transparent{ background: #fff; opacity: .5; width: 100%; height: 40px; position: absolute; left: 0; top: 0px; z-index: -1;} */
.search-box-wrapper.style2 .search-box > ul.search-tabs li {
    padding-right: 1px;
    float: left;
    position: relative;
}

    .search-box-wrapper.style2 .search-box > ul.search-tabs li > a {
        margin-bottom: 0px;
        height: 40px;
        padding: 2px 20px;
    }

.search-box-wrapper.style2 .search-tab-content {
    background: rgba(0,0,0,.7);
    padding: 10px 20px;
}
/* .search-back-tranparent{    background: #fff; opacity: .5;    width: 100%;    height: 109px;    position: absolute;    left: 0;    top: 40px} */
#occupancies {
    position: absolute;
    background: #fff;
    z-index: 9999;
    width: 51%;
    left: 32%;
    top: 85%;
}

    #occupancies #room-1, #occupancies #room-2, #occupancies #room-3, #occupancies #room-4, #occupancies #room-5 {
        display: none;
    }

.number-spinner .fa {
    font-size: 10px;
}

.search-details {
    margin-bottom: 10px;
    background: #e6e6e6;
}

.sort-by-section .swap-tiles.top-restult {
    float: left;
}

.search-criteria li {
    margin: 0 15px 0 0;
    text-align: right;
    color: #2d3e52;
}

.search-city {
    font-weight: bold;
    font-size: 14px;
}

.total-hotels {
    font-weight: bold;
    font-size: 18px;
}

.swap-block .fa-map-marker {
    font-size: 20px;
}

.modify-panel {
    position: absolute;
    display: none;
    z-index: 999;
    background: #fff;
    top: 0;
    left: 270px;
    width: 900px;
}

.modify-panel-back {
    display: none;
    background: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 997;
}

.panel-ti tle .mod-panel {
    z-index: 998;
}

.price {
    color: #7db921;
    font-size: 1.4em;
}

.toggle-container .panel.style1 .panel-title > a.mod-panel:before {
    display: none;
}

.listing-style3.hotel .amenities {
    float: none;
    display: block;
}

    .listing-style3.hotel .amenities a i {
        cursor: pointer;
    }

.listing-style3.hotel .details > * > *:last-child {
    width: 160px;
}

.listing-style3 .box, .listing-style3.box {
    margin-bottom: 20px;
}

.hover-effect {
    cursor: pointer;
}

.ui-datepicker {
    z-index: 99 !important;
}

.listing-style3.hotel .details [class^="fa"].circle {
    margin-right: 5px;
    margin-top: 5px;
}

.listing-style3 [class^="fa"].circle {
    color: #a2a2a2;
    cursor: default;
    font-size: 18px;
    overflow: hidden;
}

[class^="fa"].circle, [class*=" fa"].circle, .glyphicon.circle {
    border: 1px solid;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.7333em;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    text-align: center;
}

[class^="fa"], [class*=" fa"] {
    vertical-align: baseline;
}

.box-title small {
    font-size: 12px;
}

.listing-style3.hotel .details {
    padding: 8px 0 8px 20px;
}

    .listing-style3.hotel .details > * > * {
        padding: 5px 15px 0;
    }

.listing-style3 [class^="fa"].circle:hover {
    background: #01b7f2;
    color: #fff;
}

.icon-check:after {
    /*content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: url(../../Images/TI/icon/icon-check.png) no-repeat center center #9c9c9c;*/
}

button, input[type="button"].button {
    background: #9dc362;
}

.icon-check {
    padding-right: 0px !important;
}


/* hotel details page */
.call_us {
    font-size: 14px;
    font-weight: bold;
    display: block;
}

    .call_us .fa-phone-square {
        font-size: 25px;
        margin-right: 6px;
        color: #01b7f2;
    }

.nav-tabs > li > a {
    font-size: 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #01b7f2;
}

.tab-content {
    background: #fff;
    border: 0px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 10px;
    height: 340px;
    overflow-y: auto;
}

#flights-tab .tab-content {
    background: none;
    border: 0px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 0px;
    height: 100%;
    overflow-y: inherit;
}


.mrgn-top10 {
    margin-top: 10px;
}



.gv_navPrev {
    background: url(../../Images/KR/) right top no-repeat;
}

.gv_panelNavNext {
    background: url(../../Images/KR/panel-next.png) left top no-repeat;
}

#map ul.list-inline {
    background: #f5f5f5;
    border: 1px solid #efefef;
}

#map ul.list_inline_4 {
    margin: 10px 0 0 0;
    text-align: center;
}

    #map ul.list_inline_4 li {
        padding: 10px 15px;
    }

.txt-black {
    color: #000;
}

.hotel-address {
    font-weight: bold;
    display: block;
    font-size: 11px;
}

.popup_tab article {
    margin-bottom: 5px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bot-20 {
    margin-bottom: 20px;
}

/* hotel selection page */
.panel-group .current {
    background: #37a5ff !important;
}

.disabled-accordion {
    background: #fff !important;
    cursor: default !important;
    color: #2d3e52 !important;
}

.panel-title a:hover {
    color: inherit;
    cursor: auto;
}

/*.panel-group .current a {
    color: #fff;
}*/

.disabled-accordion:hover, .disabled-accordion h4.panel-title a {
    background: #fff;
    cursor: default;
    color: #2d3e52;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}

.highlight {
    /*background-color: #f5f5f5;*/
    float: left;
    width: 100%;
    border-bottom: 2px solid #f5f5f5;
    padding: 6px 0;
    margin-bottom: 10px;
}

.active-header, .active-header:hover { /*background: url(../../Images/TI/inactive-header.png) left 50% no-repeat;*/
    padding: 0 0 0 20px;
}

.inactive-header, .inactive-header:hover { /*background: url(../../Images/TI/active-header.png) left 50% no-repeat;*/
    padding: 0 0 0 20px;
}

#accordion-container, #accordion-container1 {
    cursor: pointer;
}

span.room {
    margin: 5px 0px 5px 4px !important;
}

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

.iframe_width {
    width: 100%;
    border: 0 none;
    min-height: 520px;
}
/*   */

/* confirmation page */
.white_bg {
    background: #fff;
}

.border_div {
    border: 1px solid #ddd;
    float: left;
    width: 100%;
}

.padding-15 {
    padding: 10px 15px;
}
/*   */

/*.title {
    color: #cacaca;
}*/
.title-inner {
    color: #000;
}
/*FLight search  */
.drop-alter {
    border: 1px solid #d1d1d1;
    width: 100%;
    color: #d1d1d1;
    position:relative;
    background:#ffffff;
    border-radius:3px;
}

    /*.drop-alter > a {
        border: 0px solid #d1d1d1;
        width: 100%;
        color: #000000;
        padding: 8px 0px 8px 10px;
        line-height: 31px;
    }*/

    .drop-alter > a {
    width: 100%;
    color: #000000;
    padding: 1px 0px 0px 8px;
    line-height: 42px;
    display:block;
    font-weight:bold;
    text-align:left;
}



        .drop-alter > a:hover {
            width: 100%;
        }



    .drop-alter .caret {
        margin:0px;
    }

    .drop-alter .open > .dropdown-menu {
        width: 370px;
    }

    .flight-pax-count {
    position: absolute;
    margin: 10px 0 0 0;
    background: #fff;
    width: 400px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
   padding:15px;
    color: #000;
}
      .flight-pax-count span.sub {
        color: #000;
        display: block;
        line-height: 18px;
        margin: 0 0 10px 0;
    }

.flight-pax-icon {
    vertical-align:baseline !important;
}

/*.flight-caret {
    margin:0 0 0 1px !important;
}*/

.flight-search-btn {
    animation-duration: 1s; visibility: visible;font-size: 11px;
}

.pax-count {
    position: absolute;
    margin: 10px 0 0 0;
    background: #fff;
    width: 950px;
    left: -700px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
    color: #414141;
}

    .pax-count span.sub {
        color: #414141;
        display: block;
        line-height: 18px;
        margin: 0 0 10px 0;
    }

.pax-count-hotel {
    position: absolute;
    margin: 10px 0 0 0;
    background: #fff;
    width: 295px;
    border: 1px solid #d1d1d1;
    z-index: 99;
    display: none;
    color: #414141;
    padding:0px 7px;
}

    .pax-count-hotel span.sub {
        color: #414141;
        display: block;
        line-height: 18px;
        margin: 0 0 10px 0;
    }

    .pax-count-flight-hotel {
    position: absolute;
    margin: 5px 0 0 0;
    background: #fff;
    width: 380px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
    color: #414141;
}


.date-disable {
    background: #fff;
    opacity: .7;
    width: 100%;
    height: 34px;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 99;
}

#flight-times-filter select {
    width: 100%;
}

.alertMsg {
    color: red !important;
    /*float: left;*/
    font-size: 14px;
    margin-bottom: 10px;
}
.search-box .alertMsg {
    color: #fff !important;
}
.listing-style3.flight figure {
    display: table-cell;
    background: #fff;
    vertical-align: middle;
    float: none;
}

    .listing-style3.flight figure span {
        border: 1px solid #f5f5f5;
        vertical-align: top;
    }

.flight .take-off {
    padding-left: 25px;
}

.skin-color {
    float: left;
    line-height: 24px;
    padding-bottom: 5px;
}

.listing-style3.flight .details .details-wrapper > * > * {
    padding: 0px 0px 0 0px;
}

.listing-style3.flight .details .details-wrapper .time > div > div {
    padding-left: 5px;
}

.location {
    width: 100%;
    color: #000;
    font-size: 11px;
}

.cost {
    vertical-align: top;
}

.amenities {
    padding: 5px 0;
    width: 100%;
    margin: 0 auto;
    
}

.action {
    margin: 0 auto;
    width: 80%;
}

.listing-style3.flight .amenities {
    margin-bottom: 0px;
}

.time {
    border-bottom: 0px solid #f5f5f5;
    padding-bottom: 15px;
}

span > img {
    background: #f5f5f5 !important;
    padding: 0px;
    margin: 5px; margin-left: 0;
}

/*-------------*/
.listing-style3.flight .details .details-wrapper {
    display: block;
}

    .listing-style3.flight .details .details-wrapper > * > * {
        display: block;
    }

    .listing-style3.flight .details .details-wrapper > * {
        display: block;
    }

.blank {
    line-height: 29px;
}

.border-bot {
    border-bottom: 1px solid #f5f5f5;
}

.flight-list {
    float: left;
    width: 100%;
    padding: 5px 0;
}

.timing {
    margin-top: 10px;
}

.price small {
    font-size: .6em;
    font-weight:bold;
}

.flight .take-off .icon {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    float: left;
    padding-right: 3px;
}

.flight .landing .icon {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    float: left;
    padding-right: 3px;
}
.landing-effect {
    -webkit-transform: rotate(85deg);
    -moz-transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    -o-transform: rotate(85deg);
    transform: rotate(85deg);
    float: left;
    padding-right: 3px;
}

.flight .total-time .icon {
    float: left;
    padding-right: 3px;
}

/*.listing-style3.flight .stop:hover {
    background: #01b7f2;
    cursor: default;
}*/

.listing-style3.flight [class^="fa"].circle {
    font-size: 16px;
}

.amenities li {
    display: inline;
}

.amenities .tip-top .circle {
    cursor: pointer;
}

.flight th, .flight td {
    font-weight: normal;
    font-size: 12px;
}

.flight .highlight {
    float: none;
}

.mrgn-bottom10 {
    margin-bottom: 10px;
}

.line {
    text-align: center;
    font-size: 12px;
}

.bdr_verticle {
    border-right: 1px solid #ddd;
}

.line:before {
    display: inline-block;
    margin: 0 20px 3px 0;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #ccc;
    width: 245px;
}

.line:after {
    display: inline-block;
    margin: 0 0 3px 20px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #ccc;
    width: 245px;
}

.nofilterresult {
    background: #f2f2f2;padding: 30px;text-align:left;color:#9e9e9e;
}
.box-bg{background: #f2f2f2 !important;}

.nofilterresult .fa-chain-broken {
    font-size: 100px;
    color: #808080;
}

.ui-datepicker {
    width: 35.68em !important;
}
.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
    color: #3c3c3c;
}
.ui-datepicker-group.ui-datepicker-group-first, .ui-datepicker-group.ui-datepicker-group-last{min-height:254px; margin:0px; background:#fff; padding:2px;}

.ui-datepicker-group {
    float: left !important;
}
.ui-datepicker-calendar td a.ui-state-default {
    border:0px solid #0065b8;
}
.ui-datepicker .ui-datepicker-calendar td {
    border: 0px solid #cdcdcd;
    height:31px;
}
/*-------------*/

/* activity styles  */

.listing-style3.activity .details {
    padding: 8px 0 0px 20px;
}

    .listing-style3.activity .details > * {
        display: table-row;
    }

        .listing-style3.activity .details > *:first-child > * {
            border-bottom: 1px solid #f5f5f5;
            padding-top: 0;
            padding-bottom: 10px;
        }

.listing-style3.activity .box-title {
    margin: 0;
    float: left;
}

.listing-style3.activity .details > * > *:last-child {
    width: 160px;
}

.listing-style3.activity .amenities {
    float: none;
    display: block;
}

.listing-style3.activity .details .button {
    margin-top: 4px;
}

.listing-style3.activity figure img {
    width: 100%;
    height: auto;
}

.listing-style3.activity .details {
    display: table;
}

    .listing-style3.activity .details > * > *:first-child {
        padding-bottom: 5px;
        border-right: 1px solid #f5f5f5;
        padding-left: 0;
        padding-right: 15px;
        text-align: left;
    }

    .listing-style3.activity .details > * > * {
        display: table-cell;
        padding: 5px 15px 0;
        text-align: center;
        vertical-align: middle;
    }

.activity .tab-content {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 10px;
    height: 340px;
    overflow-y: auto;
}

    .activity .tab-content .tab-pane span {
        line-height: 32px;
    }
/*-------------*/


/*------ cars -------*/
/* .listing-style3.car .details { padding: 8px 0 8px 20px;} */
/* .listing-style3.car .details > * { display: table-row;}
.listing-style3.car .details > *:first-child > * { border-bottom: 1px solid #f5f5f5; padding-top: 0; padding-bottom: 10px;}
.listing-style3.car .box-title { margin: 0; float: left;}
.listing-style3.car .details > * > *:last-child { width: 160px;}
.listing-style3.car .amenities { float: none; display: block;}
.listing-style3.car .details .button { margin-top: 4px;}
.listing-style3.car figure img { width: 100%; height: auto;}
.listing-style3.car .details { display: table;}
.listing-style3.car .details > * > *:first-child { padding-bottom: 5px; border-right: 1px solid #f5f5f5; padding-left: 0; padding-right: 15px; text-align: left;}
.listing-style3.car .details > * > * { display: table-cell; padding: 5px 15px 0; text-align: center; vertical-align: middle;}
.car .tab-content { background: #fff; border: 1px solid #ddd; border-top: 0px solid #ddd;  padding: 10px; height: 340px; overflow-y: auto;}
.car .tab-content .tab-pane span{line-height: 32px;}
 */


.car .amenities {
    text-align: left;
}

    .car .amenities a.passenger_icon {
        background: url(../../Images/KR/icon/passenger_icon.jpg) no-repeat scroll left top rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        padding-left: 14px;
    }

    .car .amenities a.car_door_icon {
        background: url(../../Images/KR/icon/car_door_icon.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        margin-left: 10px;
        padding-left: 20px;
    }

    .car .amenities a.car_MaxBaggage_icon {
        background: url(../../Images/KR/icon/baggage.png) no-repeat scroll left center rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        margin-left: 10px;
        padding-left: 24px;
    }

    .car .amenities a.ac_icon {
        background: url(../../Images/KR/icon/ac_icon.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        margin-left: 10px;
        padding-left: 18px;
    }

    .car .amenities a.automatic_icon {
        background: url(../../Images/KR/icon/automatic_icon.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);
        float: left;
        font-size: 13px;
        margin-left: 10px;
        padding-left: 16px;
    }

.car [class^="fa"].circle {
    color: #d9d9d9;
    cursor: default;
    font-size: 16px;
    overflow: hidden;
    display: block;
}

.listing-style3.car .details .amenities {
    margin-top: 0px;
}

.car div a {
    cursor: pointer;
}

.car .amenities ul li:hover [class^="fa"]:before {
    -webkit-animation: toTopFromBottom 0.35s forwards;
    -moz-animation: toTopFromBottom 0.35s forwards;
    animation: toTopFromBottom 0.35s forwards;
}

.car [class^="fa"]:before, .car [class*="fa"]:before {
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: .8em;
    font-size: 16px;
}

.details .amenities li {
    float: left;
    padding-right: 10px;
}

    .details .amenities li i {
        display: block;
    }


.fa.fa-clock-o {
    font-size: 30px;
    color: #37a5ff;
}

.highlight_gray .fa.fa-check-circle {
    font-size: 30px;
    color: #37a5ff;
}

.highlight_gray {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    float: left;
    width: 100%;
}

.highlight_gray1 {
    border: 1px solid #ddd;
    padding: 10px;
    float: left;
    width: 100%;
}

.mrgn-tp-bt10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

a.arrows.fa-chevron-right {
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
}

.arrows {
    background: #37a5ff;
    font-size: 13px;
    color: #fff;
    padding: 10px;
}

    .arrows:hover {
        color: #fff;
    }

.inactive-header, .inactive-header:hover {
    background: url("../../Images/KR/active-header.png") left 50% no-repeat;
    padding: 0 0 0 20px;
}

/* filter checkbox  */
ul.check-square li {
    position: relative;
}

.filters-container ul.filters-option li:after {
    display: none;
}

ul.check-square li .customCheck {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: 13px;
}

ul.check-square li .textPrice {
    width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

ul.check-square li .minPrice {
    position: absolute;
    right: 7px;
}

.filters-container ul.filters-option li a.only {
    position: absolute;
    float: right;
    top: 0;
    right: 0;
    display: none;
    z-index: 999;
    left: 40px;
    display: none;
    z-index: 999;
    width: 83%;
    text-align: center;
}

.filters-container ul.filters-option li:hover a.only {
    display: block;
}

a.button.btn-mini.more {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    float: right;
    clear: right;
    margin-top:-30px;
    margin-right:14px;
}

.filters-container ul.filters-option {
    clear: both;
}


/*  footer styles */
#footer .footer-wrapper {
    padding: 40px 0;
}

#footer .bottom .logo {
    margin: 4px 0 0;
    line-height: 34px;
}

.partners {
    border-top: 1px solid #eaeaea;
    padding: 20px 0;
}

.footer-partner-logo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.65%;
    height: 50px;
    background: url("../../Images/KR/bottom-sprite.png") 0 0 no-repeat;
}

.footer-info-partner {
    height: 54px;
    text-align: center;
}

    .footer-info-partner > li:first-child {
        margin-left: 0;
    }

.footer-partner-logo.norton {
    width: 86px;
    background-position: 0px 0px;
}

.footer-partner-logo.master {
    width: 50px;
    background-position: -95px 5px;
}

.footer-partner-logo.visa {
    width: 50px;
    background-position: -155px 5px;
}

.footer-partner-logo.discover {
    width: 50px;
    background-position: -216px 5px;
}

.footer-partner-logo.american {
    width: 50px;
    background-position: -272px 5px;
}

.footer-partner-logo.diners {
    width: 50px;
    background-position: -330px 5px;
}

.footer-partner-logo.paypal {
    width: 84px;
    background-position: -390px 8px;
}


/* LOADER CSS start here */
.pageloader {
    position: relative;
    /*top: 0;
                left: 0;*/
    width: 100%;
    height: 100%;
    z-index: 1000000;
    /*overflow: hidden;*/
}

.loader,
.loader:before,
.loader:after {
    border: 3px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.loader {
    display: block;
    position: relative;
    left: 50% !important;
    top: 0%;
    width: 60px;
    height: 60px;
    margin: 0px 0 0 -30px;
    border-top-color: #37a5ff;
    z-index: 11;
    -webkit-animation: spin 1.7s linear infinite;
    -moz-animation: spin 1.7s linear infinite;
    -ms-animation: spin 1.7s linear infinite;
    -o-animation: spin 1.7s linear infinite;
    animation: spin 1.7s linear infinite;
}

    .loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-top-color: #ff9505;
        -webkit-animation: spin-reverse .6s linear infinite;
        -moz-animation: spin-reverse .6s linear infinite;
        -ms-animation: spin-reverse .6s linear infinite;
        -o-animation: spin-reverse .6s linear infinite;
        animation: spin-reverse .6s linear infinite;
    }

    .loader:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border-top-color: #428bca;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -ms-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.pageloader .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    z-index: 10;
}

    .pageloader .loader-section.left {
        left: 0;
    }

    .pageloader .loader-section.right {
        right: 0;
    }

.loaded .pageloader .loader-section.left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
}

.loaded .pageloader .loader-section.right {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
}

.loaded .loader {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.loaded .pageloader {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s 1s ease-out;
    -moz-transition: all .3s 1s ease-out;
    transition: all .3s 1s ease-out;
}
/* LOADER CSS end here */

.wait-div {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    background: #fff;
    top: 0;
    left: 0;
    min-height: 600px;
}

button.close1 {
    background: #01b7f2;
    border-radius: 67px;
    margin-right: -35px;
    margin-top: -20px !important;
    color: #ffffff;
    padding: 1px 10px 0px 10px;
    opacity: 1;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background: #37a5ff;
}

.post-404page #header {
    padding-top: 50px;
    text-align: center;
}

.post-404page .error-message {
    color: #fdb714;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.25em;
    text-align: center;
    padding-top: 70px;
}

.post-404page .error-message-404 {
    color: #01b7f2;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15em;
    font-weight: 100;
    line-height: 1.5em;
    text-align: center;
}

section#content {
    min-height: 200px;
    overflow: visible;
    padding: 0;
    position: relative;
    /*margin-top:65px;*/
}

.post-404page #footer .footer-wrapper {
    padding-top: 0px;
    padding-bottom: 50px;
}

.flp label {
    display: block;
    font: inherit;
    position: absolute;
    left: 0;
    top: 0;
    padding: 9px 27px;
    border-color: transparent;
    cursor: text;
    text-transform: none;
}

    .flp label.fixed {
        top: -17px;
        padding: 9px 25px;
    }


/*label styles*/
.ch {
    display: block;
    float: left;
    position: relative; /*for upward animation*/
    background: white;
}

    .ch:first-child {
        padding-left: 2px;
    }

    .ch:last-child {
        padding-right: 2px;
    }

/*active input label*/
.flp label.focussed {
    /*when any input is already focussed clicking on it(label) again won't do anything*/
    pointer-events: none;
    color:#01b7f2;
    z-index:999;

}

.borderred {
    border: solid 2px red;
}

    .borderred:focus {
        border: solid 2px red !important;
    }

.bordernone {
}

.hreflink {
    padding: 10px 32px;
    height: 34px;
    line-height: 34px;
    font-size: 1em;
    background: #8c8c8c;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

    .hreflink:hover {
        background: #7fb231;
        color: #fff;
    }


.loaderlogin {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}




.search-box-wrapper.style2 .search-tab-content input.datetextbox {
    /*position: absolute;*/
    z-index: 99;
    background: transparent !important;
}



.padding-top-5 {
    padding-top: 5px;
}

.padding-top-8 {
    padding-top: 8px !important;
}

.padding-top-10 {
    padding-top: 10px;
}

.margin-left-30 {
    margin-left: 30px
}


.font-size-10 {
    font-size:10px;
}

.font-size-11 {
    font-size:11px;
}

.font-size-12 {
    font-size:12px;
}

.font-size-15 {
    font-size:15px;
}

.font-size-16 {
    font-size:16px;
}

.font-size-14 {
    font-size:14px ;
}

.view-booking {
    height: 19px;
    padding: 1px 20px;
    font-size: 1.0em;
    line-height: 16px;
    border: none;
    color: #fff;
}
.view-booking:focus, .view-booking:active, .view-booking:hover {
    color: #fff;
}
.isd-mobile-input-section {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #cccccc;
}

.country-code-highlighter {
    width: 25%;
    display: block;
    float: left;
    line-height: 34px;
    border-right: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    padding-left: 5px;
    color: #555;
}

    .country-code-highlighter input {
        height: 34px;
        line-height: 1.42857143;
        color: #555;
        border: 0;
        background: none;
        box-shadow: none;
        float: left;
        position: absolute;
        top: 0;
        left: 0px;
        padding: 0;
        padding-left: 13px;
        width: 82%;
    }

    .country-code-highlighter::after {
        content: " \25BC";
        font-weight: bold;
        position: absolute;
        right: 5%;
        color: #555;
        font-size: 10px;
        cursor: pointer;
    }

.country-code-select {
    background: none;
    opacity: 0;
    position: absolute;
}

.mobile-field-input {
    float: left;
    width: 75%;
    border: 0;
    box-shadow: none;
    background: none;
    z-index: 4;
    position: relative;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
}

.text-input-wrapper {
    padding: 10px 0;
    position: relative;
}

    .text-input-wrapper a {
        cursor: pointer;
        color: #838383;
        font-weight: bold;
        position: absolute;
        right: 8px;
        top: 8px;
        font-size: 20px;
    }

.travelo-box {
    /*background: #fff;*/
    padding: 16px;
    margin-bottom: 30px;
}

    .travelo-box.contact-box .contact-details .contact-phone {
        color: #01b7f2;
    }

    .travelo-box.book-with-us-box li > i, .travelo-box.contact-us-box .contact-address li > i {
        position: absolute;
        font-size: 1.5em;
        color: #fdb714;
        left: 0;
        top: 12px;
    }

    .travelo-box > *:last-child {
        margin-bottom: 0;
    }

    .travelo-box.book-with-us-box li, .travelo-box.contact-us-box .contact-address li {
        border-bottom: 1px solid #f5f5f5;
        padding: 10px 0 10px 40px;
        position: relative;
    }

        .travelo-box.book-with-us-box li > i, .travelo-box.contact-us-box .contact-address li > i {
            position: absolute;
            font-size: 1.5em;
            color: #fdb714;
            left: 0;
            top: 12px;
        }

        .travelo-box.book-with-us-box li .title, .travelo-box.contact-us-box .contact-address li .title {
            color: #2d3e52;
        }

    .travelo-box .title {
        margin-bottom: 5px;
    }

    .travelo-box.book-with-us-box li > *:last-child, .travelo-box.contact-us-box .contact-address li > *:last-child {
        margin-bottom: 0;
    }

#booking .booking-info .icon {
    font-size: 20px;
}

input.search-form {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    padding: 0 0px;
    transition: all 400ms ease 0s;
    width: 0px;
    color: #2d3e52;
    height: 32px;
}

    input.search-form:hover {
        width: 100px;
        background: #f5f5f5;
        height: 32px;
    }

/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
}

    .tp-loader.spinner0 {
        width: 40px;
        height: 40px;
        background-color: #fff;
        background: url(../assets/loader.gif) no-repeat center center;
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        margin-top: -20px;
        margin-left: -20px;
        -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
        animation: tp-rotateplane 1.2s infinite ease-in-out;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }


    .tp-loader.spinner1 {
        width: 40px;
        height: 40px;
        background-color: #fff;
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        margin-top: -20px;
        margin-left: -20px;
        -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
        animation: tp-rotateplane 1.2s infinite ease-in-out;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }



    .tp-loader.spinner5 {
        background: url(../assets/loader.gif) no-repeat 10px 10px;
        background-color: #fff;
        margin: -22px -22px;
        width: 44px;
        height: 44px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }


@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}


.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: #ff0000;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
    animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0.0);
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}


.tp-loader.spinner3 {
    margin: -9px 0px 0px -35px;
    width: 70px;
    text-align: center;
}

    .tp-loader.spinner3 .bounce1,
    .tp-loader.spinner3 .bounce2,
    .tp-loader.spinner3 .bounce3 {
        width: 18px;
        height: 18px;
        background-color: #fff;
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
        animation: tp-bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .tp-loader.spinner3 .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .tp-loader.spinner3 .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes tp-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes tp-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
    }
}




.tp-loader.spinner4 {
    margin: -20px 0px 0px -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2.0s infinite linear;
    /* animation: tp-rotate 2.0s infinite linear; */
}

    .tp-loader.spinner4 .dot1,
    .tp-loader.spinner4 .dot2 {
        width: 60%;
        height: 60%;
        display: inline-block;
        position: absolute;
        top: 0;
        background-color: #fff;
        border-radius: 100%;
        -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
        animation: tp-bounce 2.0s infinite ease-in-out;
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    }

    .tp-loader.spinner4 .dot2 {
        top: auto;
        bottom: 0px;
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes tp-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes tp-bounce {
    0%, 100% {
        transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
    }
}

/*=================*/

#loadernew .serviceloader {
    height: 10px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
    border-radius: 8px;
}

    #loadernew .serviceloader:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 10px;
        border-radius: 8px;
        background-color: #2980b9;
        animation: loading 15s linear infinite;
    }

@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}

.static-content .white_bg {
    background: #fff;
    padding-bottom: 10px;
}

.static-content .border_div {
    border: 1px solid #ddd;
}

.static-content .overflow_H {
    overflow: hidden;
}

/*.static-content .highlight {
    background-color: #f7f7f9;
}*/

.static-content .heading {
    color: #222;
    font-size: 18px;
    font-weight: bold;
}

.static-content .padding_con5 {
    padding: 5px;
}

.static-content .pd-top10 {
    padding-top: 10px;
}

.static-content .padding_con20 {
    padding: 20px;
}

.static-content .text-justify {
    text-align: justify;
}

.static-content p {
    font-size: 12px !important;
    /* line-height: 1.428571429; */
    line-height: 1.72222;
    margin: 0 0 15px;
}

.blink_me {
    animation: blinker 1s linear infinite;
    color: #01b7f2;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}



.loading-page {
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
}

.loading-page h5 {
    color: #fff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

.loading-page .cityLocation {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.loading-page .cityLocationValue {
    font-size: 11px;
}

.loading-page [class^="soap-icon"], [class*=" soap-icon"] {
    vertical-align: sub !important;
}


/*=========Spiner===========*/

/*.spinner {
  margin: -20px auto;
  width: 50px;
  height: 23px;
  text-align: left;
  font-size: 10px;
  float:left;
}

.spinner > div {
  background-color: #01b7f2;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}*/

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*=========Spiner end===========*/


.resultBox:hover {
    /*border-right: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.2);*/
    box-shadow: 0 0 8px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.2);
     transition: box-shadow 1s;
	  }

.cmn-t-underline {
    position: relative;
	  }
.cmn-t-underline:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background-color: #01b7f2;
    content:"";
    transform: scaleX(1);
    transition: .25s linear;
	}
.cmn-t-underline:hover {
    color: #01b7f2;
}
.cmn-t-underline {
    color: #01b7f2;
}
.cmn-t-underline:hover:after {
    width: 100%;
}
	
.panel-title-modify
{
        background: #01b7f2;
        color:#fff !important;
}

.amenityPosition
{
    float:left;padding-right: 10px;font-size: 17px;
}
.amenityPosition:hover
{
    color:#01b7f2
}





  .HotelResultParent .offer_red {
        width: 44px;
        height: 42px;
        position: absolute;
        top: 0px;
        z-index: 1;
    }

   .HotelResultParent .tab-content {
        background: none;
        border: none;
        border-top: none;
        padding: 2px;
        height: auto;
        overflow-y: inherit;
	  }

   .HotelResultParent #sliderparent {
        width: 210px !important;
	  }

    .HotelResultParent #sliderchild {
        left: 210px !important;
	}
	
.floatRight
{
    float:right !important;
	}
	


/*============Hotel PlaceHolder start==============*/


.timeline-item {
	  background: #fff;
    border: 0px solid;
	  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	  border-radius: 3px;
    padding: 0px;
	  margin: 0 auto;
    max-width: 100%;
    min-height: 160px;
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
	}
	
	.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 160px;
    position: relative;
}
	.background-masker {
	  background: #fff;
	  position: absolute;
	}
	
/* Every thing below this is just positioning */
	
	.background-masker.header-top,
	.background-masker.header-bottom,
	.background-masker.subheader-bottom {
	  top: 0;
    left: 220px;
	  right: 0;
	  height: 10px;
	}
	
	.background-masker.header-left,
	.background-masker.subheader-left,
	.background-masker.header-right,
	.background-masker.subheader-right {
	  top: 10px;
    left: 220px;
    height: 20px;
    width: 20px;
	}
	
	.background-masker.header-bottom {
    top: 26px;
	  height: 6px;
	}
	
	.background-masker.subheader-left,
	.background-masker.subheader-right {
	  top: 24px;
    height: 20px;
	}
	

	.background-masker.header-right,
	.background-masker.subheader-right {
    left: 220px;
	  right: 0;
	width: 20px;
	height: 20px;
	}
	
	.background-masker.subheader-right {
    left: 220px;
	}
	
	.background-masker.subheader-bottom {
	  top: 30px;
	  height: 10px;
	}
	
	.background-masker.content-top,
	.background-masker.content-second-line,
	.background-masker.content-third-line,
	.background-masker.content-second-end,
	.background-masker.content-third-end,
	.background-masker.content-first-end {
	  top: 40px;
    left: 220px;
	  right: 0;
	  height: 6px;
	}
	
	.background-masker.content-top {
    height:20px;
	}
	
	.background-masker.content-first-end,
	.background-masker.content-second-end,
.background-masker.content-third-end{
	  width: auto;
    left: 220px;
	  right: 0;
	  top: 60px;
    height: 0px;
	}
	
.background-masker.content-second-line  {
    top: 80px;
	}
.background-masker.header-right.price-bandd {
	float: right;
	left: 98%;
	width:17px;
}
.background-masker.header-right.price-band {
	float: right;
	left: 55%;
	width:260px;
}
.background-masker.header-right.price-band-1 {
	float: right !important;
	left: 65% !important;
	top:29px !important;
	width:150px;
}
.background-masker.header-right.price-band-2 {
	float: right !important;
	left: 45% !important;
	top:60px !important;
	width:326px;
	
}

	.background-masker.content-second-end {
    left: 220px;
	  top: 74px;
	}
	
	.background-masker.content-third-line {
	  top: 82px;
	}
	
	.background-masker.content-third-end {
    left: 220px;
	  top: 88px;
	}

.animated-priceRange {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 12px;
    position: relative;
    border-radius: 5px;
}

.animated-totalHotel {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 17px;
    position: relative;
    /* border-radius: 5px; */
    width: 100px;
    float: right;
    margin: 20px 5px 2px 2px;
    line-height: 34px;
}
.animated-hotelSorting {
    animation-duration: 1s;
    margin-left: 5px;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 25px;
    position: relative;
    /* border-radius: 5px; */
    width: 350px;
    float: left;
    line-height: 34px;
}

.panel-title-modify
{
    background: #01b7f2;
    color:#fff !important;
}

.panel-title-modify
{
    background: #01b7f2;
    color:#fff !important;
}

.panel-title-modify a {
    color:#fff;
}


/*============Hotel PlaceHolder End==============*/


/*============Flight PlaceHolder start==============*/

.timeline-item {
    background: #fff;
    border: 0px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 0px;
    margin: 0 auto;
    max-width: 100%;
    min-height: 80px;
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background-flight {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 60px;
    position: relative;
}
		

.background-masker-flight {
    background: #fff;
    position: absolute;
}

/* Every thing below this is just positioning */

.background-masker-flight.header-top,
.background-masker-flight.header-bottom,
.background-masker-flight.subheader-bottom {
    top: 0;
    left: 80px;
    right: 0;
    height: 10px;
}
		.background-masker-flight.header-top-4 {
    top: 0px;
    left: 0px;
    right: 0;
    height: 15px;
}

.background-masker-flight.header-left,
.background-masker-flight.subheader-left,
.background-masker-flight.header-right,
.background-masker-flight.subheader-right {
    top: 10px;
    left: 80px;
    height: 20px;
    width: 48px;
}
		.background-masker-flight.header-left-2{
			top: 50px;
    left: 80px;
    height: 20px;
    width: 48px;
		}

.background-masker-flight.header-bottom {
    top: 26px;
    height: 6px;
}

.background-masker-flight.subheader-left,
.background-masker-flight.subheader-right {
    top: 24px;
    height: 20px;
}


.background-masker-flight.header-right,
.background-masker-flight.subheader-right {
    left: 300px;
    right: 0;
	width: 50px;
	height: 20px;
}
		.background-masker-flight.header-right-2
 {
    left: 273px;
    right: 0;
	width: 77px;
	height: 20px;
	 top: 30px;
}
		.background-masker-flight.header-right-3
 {
    left: 160px;
    right: 0;
	width: 190px;
	height: 20px;
	 top: 50px;
}

.background-masker-flight.subheader-right {
    left: 80px;
}

.background-masker-flight.subheader-bottom {
    top: 30px;
    height: 10px;
}

.background-masker-flight.content-top,
.background-masker-flight.content-second-line,
.background-masker-flight.content-third-line,
.background-masker-flight.content-second-end,
.background-masker-flight.content-third-end,
.background-masker-flight.content-first-end {
    top: 40px;
    left: 80px;
    right: 0;
    height: 6px;
}

.background-masker-flight.content-top {
    height:10px;
}

.background-masker-flight.content-first-end,
.background-masker-flight.content-second-end,
.background-masker-flight.content-third-end{
    width: auto;
    left: 80px;
    right: 0;
    top: 60px;
    height: 0px;
}

.background-masker-flight.content-second-line  {
    top: 80px;
}
.background-masker-flight.header-right.price-bandd {
	float: right;
	left: 98%;	
	width:30px;
}
.background-masker-flight.header-right.price-band {
	float: right;
	left: 75%;	
	width:100px;
}
.background-masker-flight.header-right.price-band-1 {
	float: right !important;
	left: 71% !important;
	top:29px !important;
	width:108px;
}
.background-masker-flight.header-right.price-band-2 {
	float: right !important;
	left: 60% !important;
	top:45px !important;
	width:300px;
}
.background-masker-flight.header-right.price-band-3 {
	float: right !important;
	left: 45% !important;
	top:80px !important;
	width:326px;
}
		.background-masker-flight.header-right.price-band-4 {
	float: right !important;
	left: 0% !important;
	top: 30px !important;
	width: 115px;
}

.background-masker-flight.content-second-end {
    left: 220px;
    top: 74px;
}

.background-masker-flight.content-third-line {
    top: 82px;
}

.background-masker-flight.content-third-end {
    left: 220px;
    top: 88px;
}
		
.animated-background-1 {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 100%;
    position: relative;
}

.animated-FlightPrice {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 21px;
    position: relative;
    /* border-radius: 5px; */
    width: 100px;
    float: right;
    margin: 0px 0px 0 0;
    line-height: 34px;
}

/*============Flight PlaceHolder End==============*/

/*============FlightHotel PlaceHolder Start==============*/
.animated-background-flightHotel {
	  animation-duration: 1s;
	  animation-fill-mode: forwards;
	  animation-iteration-count: infinite;
	  animation-name: placeHolderShimmer;
	  animation-timing-function: linear;
	  background: #f6f7f8;
	  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	  background-size: 800px 104px;
      height: 200px;
	  position: relative;
      border-right: 2px solid #dddddd;
	}
.animated-hotelflight {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 25px;
    position: relative;
    /* border-radius: 5px; */
    width: 50px;
    float: left;
    line-height: 34px;
}
.animated-roomtype {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 7px;
    position: relative;
    border-radius: 2px; 
    width: 150px !important;
    float: left;
    line-height: 34px;
}
.animated-roomtypeChangePrice {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 21px;
    position: relative;
    border-radius: 2px; 
    width: 94px !important;
    float: left;
    line-height: 34px;
    margin-top: 24px;
}

.background-masker.padding-top{
    top: 0px;
    left: 0px;
    right: 0;
    height: 6px;
    width:525px;
}
.background-masker.padding-right{
   top: 0px;
    left: 0px;
    right: 0px;
    width: 7px;
    height: 211px;
}
.background-masker.hotelName{
 top: 26px;
    left: 169px;
    right: 4px;
    width: 356px;
    height: 8px;
}
.background-masker.hotelNamerightsection{
top: 6px;
    left: 383px;
    right: 0;
    width: 142px;
    height: 20px;
}
.background-masker.hotelNamePadding{
  top: 0px;
    left: 167px;
    right: 0px;
    width: 7px;
    height: 102px;
}
.background-masker.hotelAddress{
  top: 41px;
    left: 169px;
    right: 4px;
    width: 356px;
    height: 11px;
}
.background-masker.hotelAddressrightsection{
    top: 34px;
    left: 439px;
    right: 0;
    width: 86px;
    height: 13px;
}
.background-masker.hotelstars{
  top: 67px;
    left: 169px;
    right: 4px;
    width: 356px;
    height: 8px;
}
.background-masker.hotelstarsRightSection{
  top: 52px;
    left: 286px;
    right: 0;
    width: 239px;
    height: 15px;
}
.background-masker.hotelroom{
 top: 87px;
    left: 169px;
    right: 4px;
    width: 356px;
    height: 15px;
}
.background-masker.hotelroomRightSection{
   top: 75px;
    left: 396px;
    right: 0;
    width: 129px;
    height: 12px;
}
.background-masker.hotelimageBottom{
  top: 102px;
    left: 7px;
    right: 0;
    width: 518px;
    height: 7px;
}
.background-masker.hotelcity{
    top: 121px;
    left: 0;
    right: 0;
    width: 525px;
    height: 6px;
}
.background-masker.hotelcityRightSection{
    top: 109px;
    left: 229px;
    right: 0;
    width: 296px;
    height: 12px;
}
.background-masker.hoteldates{
      top: 139px;
    left: 0;
    right: 0;
    width: 525px;
    height: 33px;
}
.background-masker.hoteldatesRightSection{
     top: 127px;
    left: 396px;
    right: 0;
    width: 129px;
    height: 12px;
}
.background-masker.hoteltabs{
   top: 159px;
    left: 139px;
    right: 0px;
    width: 20px;
    height: 41px;
}
.background-masker.hotelchangeHotelButton{
   top: 159px;
    left: 139px;
    right: 0px;
    width: 193px;
    height: 41px;
}
.background-masker.hotelchangeHotelButtonRightSection{
      top: 159px;
    left: 504px;
    right: 0px;
    width: 21px;
    height: 41px;
}

.background-masker.flight-padding-top{
    top: 0px;
    left: 0px;
    right: 0;
    height: 6px;
    width:525px;
}
.background-masker.flight-padding-left{
   top: 0px;
    left: 0px;
    right: 0px;
    width: 7px;
    height: 211px;
}
.background-masker.flight-padding-right{
   top: 0px;
    left: 105px;
    right: 0px;
    width: 21px;
    height: 128px;
}
.background-masker.flighttime{
    top: 16px;
    left: 126px;
    right: 2px;
    width: 399px;
    height: 6px;
}
.background-masker.flighttimeRightSection{
    top: 6px;
    left: 260px;
    right: 2px;
    width: 265px;
    height: 10px;
}
.background-masker.flightDuration{
       top: 36px;
    left: 126px;
    right: 2px;
    width: 399px;
    height: 21px;
}
.background-masker.flightDurationRightSection{
   top: 22px;
    left: 372px;
    right: 2px;
    width: 153px;
    height: 14px;
}
.background-masker.flightimageBottom{
      top: 57px;
    left: 7px;
    right: 2px;
    width: 518px;
    height: 18px;
}

.background-masker.flightdeparture{
   top: 137px;
    left: 0;
    right: 2px;
    width: 525px;
    height: 6px;
}
.background-masker.flightdepartureRightSection{
      top: 130px;
    left: 425px;
    right: 2px;
    width: 100px;
    height: 7px;
}

.background-masker.flightArrival{
 top: 150px;
    left: 0;
    right: 2px;
    width: 525px;
    height: 16px;
}
.background-masker.flightArrivalRightSection{
     top: 143px;
    left: 425px;
    right: 2px;
    width: 100px;
    height: 7px;
}

.background-masker.flighttime-rt{
  top: 85px;
    left: 126px;
    right: 2px;
    width: 399px;
    height: 6px;
}
.background-masker.flighttimeRightSection-rt{
   top: 75px;
    left: 260px;
    right: 2px;
    width: 265px;
    height: 10px;
}
.background-masker.flightDuration-rt{
       top: 105px;
    left: 126px;
    right: 2px;
    width: 399px;
    height: 25px;
}
.background-masker.flightDurationRightSection-rt{
     top: 91px;
    left: 372px;
    right: 2px;
    width: 153px;
    height: 14px;
}
.background-masker.flightimageBottom-rt{
     top: 124px;
    left: 7px;
    right: 2px;
    width: 518px;
    height: 6px;
}
.background-masker.flighttabs{
     top: 165px;
    left: 7px;
    right: 2px;
    width: 518px;
    height: 6px;
}
.background-masker.flighttabsRightSection{
   top: 171px;
    left: 135px;
    right: 2px;
    width: 197px;
    height: 29px;
}
.background-masker.flightchangebutton{
     top: 124px;
    left: 7px;
    right: 2px;
    width: 518px;
    height: 6px;
}
.background-masker.flightchangebuttonRightSection{
      top: 171px;
    left: 505px;
    right: 0;
    width: 20px;
    height: 29px;
}

.background-masker.pricepadding-top{
 top: 0px;
    left: 0px;
    right: 0;
    height: 72px;
    width: 111px;
}

.background-masker.flighthotelCurrency{
    top: 81px;
    left: 0;
    right: 0;
    width: 111px;
    height: 4px;
}
.background-masker.flighthotelCurrencyLeftSection{
    top: 72px;
    left: 0;
    right: 0;
    width: 33px;
    height: 9px;
}
.background-masker.flighthotelCurrencyRightSection{
    top: 72px;
    left: 78px;
    right: 0;
    width: 33px;
    height: 9px;
}
.background-masker.flighthotelPrice{
   top: 99px;
    left: 0;
    right: 0;
    width: 111px;
    height: 8px;
}
.background-masker.flighthotelPriceRightSection{
  top: 85px;
    left: 93px;
    right: 0;
    width: 18px;
    height: 14px;
}
.background-masker.flighthotelPriceLeftSection{
      top: 85px;
    left: 0;
    right: 0;
    width: 17px;
    height: 14px;
}
.background-masker.flighthotelBookButton{
   top: 130px;
    left: 0;
    right: 0;
    width: 111px;
    height: 70px;
}
.background-masker.flighthotelBookButtonLeftSection{
      top: 107px;
    left: 0;
    right: 0;
    width: 10px;
    height: 23px;
}
.background-masker.flighthotelBookButtonRightSection{
    top: 107px;
    left: 102px;
    right: 0;
    width: 9px;
    height: 23px;
}





/*============FlightHotel PlaceHolder End==============*/

.no-top-border {
        border-top: 0px solid #ddd !important;
}
.details .button {
        background: #9dc362;
}
.flight-book.button {
        background: #9dc362;
}
#btnNewsLetter.go {
        background: #9dc362 !important;
        padding: 8px 10px;
        margin:0 0 0 -30px;
}
#btnNewsLetter.go:hover {
    background: #98ce44 !important;
}
.pop .button {
    background: #9dc362;
}
.filters-container ul.filters-option li.active {
    background: transparent !important;
}
.filters-container ul.filters-option li.active a {
    color: #000;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #bbb;
    background-color: #d9d9d9;
}
.pagination > li > a, .pagination > li > span {
    background: #a0a0a0;
}
.hover-effect:after {
    background: none;
    background-color: rgba(1, 183, 242, 0);
}
.hover-effect:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.cmn-t-underline:after {
    height: 0px;
    background-color: transparent; 
}
#header {
    position: relative;
    z-index: 990;
}
.page-min-height {
    min-height: 330px;
}
#hotel-description .features label, #cruise-description .features label, #travel-guide .features label {
    border-right: 0px solid #f5f5f5;
}
.features li {
    font-size:12px;
}
#hotel-amenities .icon-box.style1 > i {
    margin-right: 0px !important;
}
/* loader CSS */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  50% {
    background: #000;
  }
}
@keyframes pulse {
  50% {
    background: #000;
  }
}

.loading {
  border-radius: 50%;
  width: 17px;
  height: 17px;
  border: 0.15rem solid rgba(0, 0, 0, 0.2);
  border-top-color: white;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;

              position: absolute;
    right: -10px;
    top: 6px;
}
.loading--double {
  border-style: double;
  border-width: .5rem;
}

.loading-pulse {
  position: relative;
  width: 6px;
  height: 24px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-animation: pulse 750ms infinite;
          animation: pulse 750ms infinite;
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}
.loading-pulse:before, .loading-pulse:after {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(0, 0, 0, 0.2);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: pulse 750ms infinite;
          animation: pulse 750ms infinite;
}
.loading-pulse:before {
  left: -12px;
}
.loading-pulse:after {
  left: 12px;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

/* loader CSS  */
input[type="radio"], input[type="checkbox"] {
    margin: 3px 0 0 0;
    vertical-align: top;
}
.nav-tabs > li > a {
    margin-right: 0px;
}
/*/*button.yellow:hover, input[type="button"].button.yellow:hover, a.button.yellow:hover {
    background: #7e6000;
}*/*/
.price-section .price-room {
    text-align: right;
    margin-right: 30px;
}
#hotel-description .long-description, #cruise-description .long-description, #travel-guide .long-description {
    text-align: justify;
}
.action .button {
       background:#98ce44;
}

.capitalize {
    text-transform: capitalize;
}

/*.number-spinner {
        border: 1px solid #7e6000;
}*/
.call-container {
    height: 30px; font-size: 1em; padding:0px 24px; font-weight:bold; text-align: center;
}

#hotel-features, #cruise-features {
    margin-top: 9px !important;
}

.glyphicon-star.empty  {color: #e2e2e2 !important;}

.btn.btn-default>span {
        display:block
    }
    .btn-group-sm > .btn-sm, .btn-group-sm > .btn {
        min-height: 65px;
        padding: 5px 5px;
}
    .btn.btn-default > span.result-count {
        border-top:1px solid #cdcdcd;
        padding-top:3px;
        margin-top:5px;
        font-size:11px;
    }
    .btn-default > .glyphicon-star {
        color: #a7a7a7 !important;
    }
#rating-filter button {
    width: 39px;
    outline:none;
}

#rating-filter button.btn-default:focus, #rating-filter button.btn-default.focus  {
    background:transparent !important;
    border:1px solid #ccc !important;
}
#rating-filter button.btn-default.activestar{
    background: #e2e2e2 !important;   
}
.autocomplete-width {
    height:200px; width:auto; margin-top:5px;
}

    /*  filter scrollbar
.panel-content::-webkit-scrollbar {
    width: 10px;
}
.custom_scrollbar::-webkit-scrollbar {
	width: 1px;
	
}
.panel-content::-webkit-scrollbar-track {
    background: #e2e2e2;
    border: 4px solid transparent;
    background-clip: content-box; 
}


.panel-content::-webkit-scrollbar-thumb {
    background: #cdcdcd;
    border: 0px solid rgb(0,0,0);
}


.panel-content {
    max-height: 300px;
    overflow-y: auto;
    margin: 0 19px 0 0;
}*/

.filters-container ul.filters-option li {
     padding: 0;
}
#rating-filter .panel-content {
    margin: 0;
}
.progress {
    width: 100px;
    height: 12px;
    position: relative;
   /* top: 13px;
    right: 90px;*/
   top:7px;/*add by imran 11-05-2023*/
   right:125px; /*add by imran 11-05-2023*/
    color:#fff;
}
.progress-bar {    
    line-height:11px;
    text-align:center;
   
}
.progressbar {
    display: inline-block;
    float: right;
    position: absolute;
    right: 5%;
    top: 0px;
}
.pregress-value {
    position: relative;
    width: 61px;
    height: 30px;
    color: #fff;    
    font-size: 10px;
    font-weight: bold;
}

.hotelimg span > img
{
    background: #fff !important;
    padding: 0px;
    margin:0 !important;
}

.gridHeader
{
    background-color: #dddddd;
}


#hotel-features, #cruise-features {
    margin-top: 9px !important;
}

.glyphicon-star.empty  {color: #e2e2e2 !important;}

.btn.btn-default>span {
        display:block
    }
    .btn-group-sm > .btn-sm, .btn-group-sm > .btn {
        min-height: 65px;
        padding: 5px 5px;
}
    .btn.btn-default > span.result-count {
        border-top:1px solid #cdcdcd;
        padding-top:3px;
        margin-top:5px;
        font-size:11px;
    }
    .btn-default > .glyphicon-star {
        color: #e2e2e2;
    }
#rating-filter button {
    width: 39px;
    outline:none;
}

#booking .booking-info div.date > .month {
    background: #98ce44;
}
#booking .booking-info div.date > .date {
    color: #98ce44;
}
#booking .booking-info .info dt {
    color: #98ce44;
}
/*.toggle-container .panel.style1 .panel-title > a.collapsed:before {
    content: "\f0de";
    color: #fff;
    background: #01b7f2;
    font-size: 16px;
    padding-top: 2px;
}*/
.toggle-container .panel.style1 .panel-title > a:before {
    display: block;
    content: "\f0ab";
    font-size: 16px;
    padding-top: 2px;
}
/*
.toggle-container .panel.style1.arrow-right .panel-title > a:before {
    font-size: 16px;
    padding-top: 2px;
    line-height: 16px;
}*/

h1.navbar-brand {
    padding: 6px 0px;
}

.chaser .logo { margin-top: 0; font-size: inherit; }

.chaser .logo a { height: 48px; line-height: 48px; background-position: left center; }

.chaser .logo img { display: inline-block; vertical-align: middle; max-height: 100%; }

.toggle-container .panel.style1 .panel-title > a:before {
    content: "\f01a";
    background: transparent;
}
.toggle-container .panel.style1 .panel-title > a.collapsed:before {
    content: "\f18e";
    color: #fff;
}
.toggle-container .panel.style1.arrow-right .panel-title > a:before {
    font-size: 24px;
}
.explore-img {
    width:270px; height:161px !Important;
}
.social-icons {
    margin:0 auto;
        text-align: center;
}
.social-icons li {
    float: none;
    display: inline;
}
.navbar-nav .open .dropdown-menu {
    position: absolute;
    background-color: #e7e7e7;
}
.nav > li {
    display: inline-block;
}
.sort-by-section .sort-bar .sort-by-container:before, .sort-by-section .sort-bar .sort-by-container:after {
    display:none;
}
.sort-by-section .sort-bar .sort-by-container > span:after {
    display:none;
}
.sort-by-section .sort-bar .sort-by-container > span {
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
}
.sort-by-section .sort-bar li .sort-by-container {
    border-bottom:2px solid transparent;
}

#dvCouponArea .invalid dt, #dvCouponArea .invalid dd {
    width: 100% !important;
}
#dvCouponArea .invalid input.input-text {
    width:100%;
    font-size:12px;
}
#dvCouponArea .invalid dt, #dvCouponArea .invalid dd {
    width: 100% !important;
}
#dvCouponArea .invalid button.btn-small, #dvCouponArea .invalid input[type="button"].button.btn-small, #dvCouponArea .invalid a.button.btn-small{
    width:100%;
}
#dvCouponArea .invalid button.btn-small, #dvCouponArea .invalid input[type="button"].button.btn-small, #dvCouponArea .invalid a.button.btn-small {
    font-size:12px;
}
.booking-details .guest {
    clear:both;
    padding:0 0 12px 0;
}
.alertMsg {
    text-align:left; width:100%; text-transform:none
}
/*start added by imran 01-06-2023*/
.alrtPan{
    font-size:11px!important;
    font-weight:600;
}
/*end added by imran 01-06-2023*/
#dvCouponArea {
    position:relative;
}
.valid-promo {
    color:green; 
    font-weight:normal;
    background:#7fb231;
    color:#fff;
    padding:5px;
    border-radius:5px;
}
dd.value p.promo-close {
    position:absolute;
    right:0;
}
.valid .discount-value {
    font-size:12px;
    font-weight:bold;
}
.valid .total-price{
     font-size:14px !Important;
     font-weight:bold;
}
.total-price-value {
    font-size:12px;
    font-weight:bold;
}
.saved-value {
    font-size:11px;
    display:block;
    width:100%;
}
.valid .discount-txt {
    font-size:11px;
}
.listing-style3.hotel figure img.hotel-result-img {
    width:216px; 
    height:128px;
}
.btn-on-responsive {
    position:absolute; width:100%; height:100%; z-index:999;
}

    #RoomMenu ul {
        /*height: 30px;*/
        padding: 6px 10px 3px 11px;
        text-align: center;
        width: 1170px;
        border: 0px solid #f5f5f5;
        font-size: 14px;
        font-weight: bold;
    }

        #RoomMenu ul li {
            display: inline-block;
        }

            #RoomMenu ul li a {
                padding: 7px;
            }
.sidebar {
    padding-top: 40px;
    margin-bottom: 40px;
}

.confirmbooking .sidebar {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}

.select-rooms {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 13px !important;
    width: 157px !important;
    font-weight: bold !important;
}
        div.coupon-back {
      width: 100%;
      padding: 10px;
      position: relative;  
    }

.dotted-border {
  position: absolute;
  bottom: 0;
  left: 0;
}
/* flight time filter*/
#time-filter h5 {
    margin:20px 0 0px 0;
    font-weight:bold;
}
#time-filter h3 {
    margin:20px 0 0px 0;
}
#time-filter h6 {
    margin:20px 0 0px 0;
    font-weight:bold;
}

 .autocomplete-arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    margin-left: 27px;
}
 /*  scrollbar new style   */
.scrollbar
{
	float: left;
	overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
}

.force-overflow
{
	min-height: 50px;
}
/*   STYLE 3   */

#custom-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#custom-scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

/*#RoomMain .tab-container ul.tabs li a
{
    background: #01b7f2 !important;
}*/
/*#RoomMain .tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a
{
    background: #01b7f2 !important;
    color:#fff !important;
}
#RoomMain .tab-container ul.tabs li.active > a, .tab-container ul.tabs li:active > a
{
    background: #fff !important;
    color:#01b7f2 !important;
}*/

.hotelreview
{
    padding: 0px; background: #01b7f2;
}

.trip-summary h2{
    padding:10px;
    margin:0px !important;
    text-align:center !important;
    color:#fff !important;
    }

.trip-summary-img1{height:74px !important;width:30% !important; padding-right:5px; padding-top:0px; float:left;

}
.trip-summary-name{
    line-height: 20px;
    font-size: 17px;
}


.feedback-add{
    border-top:0px !important;
    padding-bottom:3px !important;
}

.font-10{
    font-size:10px !important;
}

.mrng-btn{ margin-bottom:0px !important;}

.pax-type{
    font-size: 9px !important;
    padding-top: 24px !important;
}

.txt-bold{ font-weight:bold !important;
           line-height: 9px !important;
}

.align-l{ text-align:left !important;}

.align-r{ text-align:right !important;}

.font-bold{ font-weight:bold !important;}
hr {
    border-color: #dadada !important;
}

.hotelreview .hotel-name{display:inline-block; margin:0px; padding:0px;  width: 236px;min-height: 60px;
}

.hotelreview .promocodetxt{ text-align:center !important;}

.review-take-off{
      margin: 8px 6px 0px 0px;
    -webkit-transform: rotate(-5deg);
}
.review-landing{
       margin:8px 8px 0px 0px;
    -webkit-transform: rotate(90deg);
}
.review-take-off i {
   font-size: 19px;
         
}
.review-landing i {
    font-size: 19px;
}

.flightreview .line:before {
    display: inline-block;
    margin: 0 0px 3px 1px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #ccc;
    width: 87px;
}
.flightreview .line:after {
    display: inline-block;
    margin: 0 0 3px 1px;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #ccc;
    width: 87px;
}

.booking-item-departure {
    margin-right: 6%;
}
.booking-item-departure, .booking-item-flight-details .booking-item-arrival {
    float: left;
    width: 47%;
}
.flt-time
{
    font-size:14px;
}
.flt-time-day
{
    padding-bottom:5px;
}
.fltpaxpage .panel-title
{
    font-size: 1.5em !important;
    font-weight: normal;
}
 

 .promoapplied dd
{
     border-top: 0px solid #f5f5f5 !important;
}

 .activeMoreMenu {
    color: #fff;
    border-bottom: 3px solid #fdb714;
}
 .activeMoreMenu a {
     font-weight:bold;
     opacity: 1 !important;
 }
.refnum
{
    font-size: 12px !important;
    padding: 1px 18px !important;
}
.redcolor {
    color: red;
}
    .greencolor {
    color: green;
}
    #booking .booking-info div.date {
    width: 77px !important;
    height: 77px !important;
}
    #booking .booking-info div.date > .month {
    font-size: 0.9333em !important;
}
    #booking .booking-info div.date > .day {
    font-size: 0.9333em !important;
}
     /*[class^="soap-icon"].circle.circle.hotel-goto
    {
        background: #01b7f2;
        color: #fff;
    }*/
    .soap-icon-chevron-top:before {
    font-size: 20px;
}
.back-to-top {
    position: fixed; z-index: 9999999; right: 20px; bottom: 10px;
}
.filters-container.toggle-container .panel.style1 .panel-content {
    padding: 0px 20px 20px;
}
.searchbox-text {
    text-transform: uppercase;font-weight: normal;font-size: 10px; color:rgba(255,2255,2255,1);
}
.sub {
     color:rgba(255,255,255,1);
}
.sub-internal {
     color:rgba(0, 0, 0,1);
}
.image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper {
    display: none;
}
/*rzslider {
    margin-top:0px !Important;
}*/
.slidebgimg1{
    background-size:100% auto;
}
.page-title-container.style2 .breadcrumbs:before {
    background: none;
}
.page-title-container.style2 .page-title:after {
    background: none;
}

.page-title-container.style2 .breadcrumbs {
    background: none;
        color:#fff;
}
.page-title-container.style2 {
    background: none;
}
.page-title-container.style2 .breadcrumbs li.active {
    color: #fff;
}
.page-title-container .breadcrumbs li:after {
    color: #fff;
}

/* flight details*/
#flight .tab-content {
            background: #fff;
            padding: 10px;
            height: 340px;
            overflow-y: auto;
        }

        ul.nav-tabs li.active > a:after, ul.nav-tabs li:hover > a:after {
            position: absolute;
            bottom: -5px;
            left: 50%;
            margin-left: -10px;
            content: "";
        }
        .nav-tabs > li a {
                    background: #f5f5f5;
                    color: #9e9e9e;
                    font-size: 0.9167em;
                    text-transform: uppercase;
                    height: 28px;
                }

                .nav-tabs > li > a:hover {
                    border-color: none !important;
                    color: #fff;
                }
.listing-style1.flight .landing > .icon, .listing-style3.flight .landing > .icon {
    -webkit-transform: rotate(82deg);
    -moz-transform: rotate(82deg);
    -ms-transform: rotate(82deg);
    -o-transform: rotate(82deg);
    transform: rotate(82deg);
}

    .room-close{
    float:right;
    font-size:18px;}

.delete-city, .delete-city-internal {
    font-weight: bold;
    font-size: 16px;
}
.delete-city, .add-city, .delete-city:hover, .add-city:hover, .delete-city:active, .add-city:active {
    color:#fff !important; 
}
.delete-city-internal, .add-city-internal, .delete-city-internal:hover, .add-city-internal:hover {
    color:#8a8a8a;
}
.search-box-wrapper.style2 .search-tab-content input.input-text, .search-box-wrapper.style2 .search-tab-content select, .search-box-wrapper.style2 .search-tab-content textarea, .search-box-wrapper.style2 .search-tab-content span.custom-select{
    color: #000;
}
.form-control{
    color: #000;
}
.checkbox label, .checkbox.label {
    color: #fff;
}
.search-box-txt {
    color: #fff;
}
.add-city-internal {
    /*border: 1px solid #000;*/
    padding: 3px;
}
/*.add-city-internal:hover {
    background: #000;
    color:#fff;
}*/
/*a:hover,
a:focus {
  color: #cdcdcd;
}*/
.flp label.focussed {
    color: #000;
}
.tab-container ul.tabs li a {
    font-size: 1.3em;
}
.amenities ul{
    text-align:center;
}
.cancellation_policy label span, .cancellation_policy label a{
    color: #9e9e9e;
}

.textPrice > .minPrice {
    float:right;
    padding-top:3px;
}
.checkbox-filters div span a.only {
   display: none;
   border:0px solid red;
   margin-right:10px;
   margin-top:2px;
   float:right;
   background:#fff;
   padding:0 5px;
   position: absolute;
   right: 75px;
   border: 1px solid #cdcdcd;
   border-radius:5px;
}
.checkbox-filters div:hover span a.only {
    display: inline-block;
}
.hotel-price-slider {
        clear: both;
    padding-top: 30px;
}
.cmn-t-underline {
    color: #838383;
}
.cmn-t-underline:hover {
    color: #838383;
}
.booking-details .other-details .total-price-value {
    color: #2d3e52;
}
.txticonMM {
    position: absolute;
    left: 24px;
    top: 66px;
    font-size: 16px;
}
.HtlnameCrossbtn {
        float: right;
        margin-top: -33px; 
        font-size: 32px;
        margin-right: 10px;
    }

.btn-default.pluscls:hover, .btn-default.pluscls:hover > .glyphicon-star {
    color: #fff !important;
}
.session-box {
   width:500px;
}
.room-box-responsive{
    border: 1px solid #ccc;
 }
.border-bot .icon {
        margin-top: 3px;
}

.border-bot .landing .icon {
        padding-top: 2px;
}
.checkbox-filters .glyphicon {
    font-size: 10px;
    top: -3px;
}
.sidebar {
    float:right;
}
.full-width.sub {
    position:absolute;
}
.hotelimg_overlay
{
background: rgba(0, 0, 0, 0); width: 100%; height: 100%; position: absolute;
}
.spinnerRoomDiv {
    position: absolute;
    margin: 0 auto;
    top: 23px;
    right: 9px;
}
    .spinnerRoomDiv .loading {
        position: relative;
    right: auto;
    top: auto;
    margin-top: auto;
    }
.red-star {
    color:red;
    font-size:13px;
}
flightautocomplete .autocomplete-input {padding-left:28px;}
/*    calendar / date functionality start here       */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { background: #fff; color:#000;}
.ui-datepicker table { background: #fff;}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span { color: #dbdbdb;}
.ui-datepicker { padding: 3px !Important;}
.ui-datepicker { width: 21em !important; }
.ui-datepicker .ui-datepicker-prev { left: 10px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 21px;}
.ui-datepicker-multi-2 .ui-datepicker-next, .ui-datepicker-multi-2 .ui-datepicker-prev {top: 11px;}
.ui-datepicker-multi-2 {    width:36.2em !important;}
.ui-datepicker .ui-datepicker-next {right: 2px;  }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
/*   calendar / date functionality end here  */
.tab-container.full-width-style ul.tabs li a {font-size: 1.3em;}
    .tab-container.full-width-style ul.tabs li a > i {    font-size: 24px; }
/*   dropdown menu start here  */
.dropdown-menu { top: 100%; min-width: 300px; padding: 0; margin: 0; background-color: #fff; border: 0px solid rgba(0, 0, 0, .15); border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.dropdown-menu > li { border-bottom:0px solid #cdcdcd; display:block; clear:both}
.dropdown-menu > li > a { font-size:12px; }
    .dropdown-menu > li  {display:inline-block; width:100%; padding:0px 0px; float:left;}
.dropdown-menu > li > div.sort-txt {float:left; width:60%; padding-top: 6px;}    
.dropdown-menu > li > div.inactive {margin-left:6px;width:20%; padding: 7px 4px 4px 9px; float:right; background: #fff; width: 30px; height: 30px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);}
.dropdown-menu > li > div.active {margin-left: 6px;width:20%; padding: 5px 4px 4px 9px; float:right; background: #0065b8; width: 30px;	height: 30px; -moz-border-radius: 50px;	-webkit-border-radius: 50px; border-radius: 50px; box-shadow: 1px 0px 5px rgba(0, 0, 0, .5);}    
.dropdown-menu > li > div.active > i{ color:#fff; padding-right:5px; font-size:14px; font-weight:500}
.dropdown-menu > li > div.inactive > i{  color:#000; padding-right:5px; font-size:14px; font-weight:500}
/*   dropdown menu end here  */
/* DEP-ARR flight Icons start here */ 
 .txticonFlightH {
    position: absolute;
    left: 15px;
    top: 9px;
    font-size: 17px;
    }

   .txticonFlightM {
        position: absolute;
        left: 24px;
        top: 9px;
        font-size: 16px;
    }
.txticonFlightNR {
        position: absolute;
        left: 20px;
        top: 9px;
        font-size: 16px;

    }
.paddingleftright
{
        padding-right: 29px;
}
/* DEP-ARR flight Icons ends here */ 
.modal-content { border-radius: 0px !important; }
/*ul.nav-tabs li.active > a:after, ul.nav-tabs li:hover > a:after { position: absolute; bottom: -5px; left: 50%; margin-left: -10px;    border-left: 7px solid transparent;  border-right: 7px solid transparent; content: "";}*/
.btm-map { height: 27px;line-height: 27px;font-size: 13px;width: 90px;font-weight: bold;}
.price-on-map {font-size: 1.4em;font-weight:bold}
/*.addRoom {float: left; padding-right: 5px;}*/
.sort-by-section .sort-by-title-total {
    line-height: 17px;
}
.progress.flight {
    top: 35px;
}
.dropdown a {font-size:16px; color:#2d3e52}
 .arrow_div {
        font-weight: bold;
        font-size: 18px;
        color: #0065b8;
    }
 .search-city > div:first-child > div:first-child {
    padding: 0 0px 0 10px;
}

 .gray-txt{color:#666666 !important;}

.form-control{ background:#ffffff!important;}

.room-pointer{cursor: pointer;
    color: #666;}

.room-pointer:hover{cursor: pointer;
    color: #f59010;}

.gray-star{visibility: visible; right: 0;width: 50%; }

.input-group .input-group-btn .btn {
   padding: 8px !important;
}
/*  css for krisia */

/*code Commented by Suraj & Shekhar on 07-Sep-18 Start
Reason : Adjust New Logo for Journey Setter*/  
.navbar-logo img {    /*height: 55px;*/    width: auto;}.navbar-brand {height: 75px;}
/*code Commented by Suraj & Shekhar on 07-Sep-18 End*/
.btn-primary {padding: 10px !important;}
/* 7.2. DatePicker ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
button.ui-button::-moz-focus-inner {    border: 0;    padding: 0;}
.datepicker-wrap {    position: relative;}
    .datepicker-wrap .ui-datepicker-trigger {        width: 30px;        height: 100%;        position: absolute;        right: 0;        top: 0;        cursor: pointer;        background-color: transparent;        z-index: 1;        filter: alpha(opacity=0);        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";        -moz-opacity: 0;        -khtml-opacity: 0;        opacity: 0; }
    .datepicker-wrap.yellow:after {        background: #fdb714;    }

    .datepicker-wrap.green:after {
        background: #98ce44;
    }

    .datepicker-wrap.blue:after {
        background-color: #01b7f2;
    }

    .datepicker-wrap.dark-blue:after {
        background-color: #2d3e52;
    }

    .datepicker-wrap.transparent:after {
        background-color: transparent;
        color: #fdb714;
    }

.ui-datepicker {
    width: 20em;
    padding: 0;
    display: none;
    background: #fff;
    border: 1px solid #fdb714;
    z-index: 101 !important;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
        background: #fdb714;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 11px;
        cursor: pointer;
    }

        .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled {
            visibility: hidden;
        }

        .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
        }

    .ui-datepicker .ui-datepicker-prev {
        left: 7px;
    }

        .ui-datepicker .ui-datepicker-prev:before {
            border-right: 15px solid #fff;
        }

    .ui-datepicker .ui-datepicker-next {
        right: 7px;
    }

        .ui-datepicker .ui-datepicker-next:before {
            border-left: 15px solid #fff;
        }

        .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
            display: none;
        }

    .ui-datepicker .ui-datepicker-title {
        margin: 5px;
        text-align: center;
        color: #fff;
        font-size: 1.1667em;
        font-weight: bold;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: 12px;
        border-collapse: collapse;
    }
    .ui-datepicker th {
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: #f5f5f5;
    }
        .ui-datepicker th span {
            display: block;
            text-align: center;
            font-size: 1.1667em;
            font-weight: normal;
            color: #fdb714;
        }
    .ui-datepicker span.ui-datepicker-month {
        font-weight: bold;
    }
    .ui-datepicker .ui-datepicker-calendar td {
        vertical-align: middle;
        text-align: center;
    }
        .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
            color: inherit;
            display: block;
            height: 30px;
            line-height: 30px;
        }
        .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
            color: #dbdbdb;
        }
        .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-calendar td a:hover {
            background: #fdb714;
            color: #fff;
        }
        .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
            position: relative;
        }
            .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:before {
                content: "";
                border-right: 5px solid #fdb714;
                border-top: 5px solid transparent;
                position: absolute;
                bottom: 4px;
                right: 4px;
            }
    .ui-datepicker.yellow {
        border: 1px solid #fdb714;
    }
        .ui-datepicker.yellow .ui-datepicker-header {
            background: #fdb714;
        }
        .ui-datepicker.yellow th span {
            color: #fdb714;
        }
        .ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.yellow .ui-datepicker-calendar td a:hover {
            background: #fdb714;
        }
        .ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-today a:before {
            border-right-color: #fdb714;
        }
    .ui-datepicker.green {
        border: 1px solid #98ce44;
    }
        .ui-datepicker.green .ui-datepicker-header {
            background: #98ce44;
        }
        .ui-datepicker.green th span {
            color: #98ce44;
        }
        .ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.green .ui-datepicker-calendar td a:hover {
            background: #98ce44;
        }
        .ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-today a:before {
            border-right-color: #98ce44;
        }
    .ui-datepicker.blue {
        border: 1px solid #01b7f2;
    }
        .ui-datepicker.blue .ui-datepicker-header {
            background: #01b7f2;
        }
        .ui-datepicker.blue th span {
            color: #01b7f2;
        }
        .ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.blue .ui-datepicker-calendar td a:hover {
            background: #01b7f2;
        }
        .ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-today a:before {
            border-right-color: #01b7f2;
        }
    .ui-datepicker.dark-blue {
        border: 1px solid #2d3e52;
    }
        .ui-datepicker.dark-blue .ui-datepicker-header {
            background: #2d3e52;
        }

        .ui-datepicker.dark-blue th span {
            color: #2d3e52;
        }

        .ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.dark-blue .ui-datepicker-calendar td a:hover {
            background: #2d3e52;
        }

        .ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-today a:before {
            border-right-color: #2d3e52;
        }
.soap-icon-close:before {
    content: '\e890';
}
[class^="soap-icon"]:before, [class*=" soap-icon"]:before {
    font-family: "soap-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    /* font-size: 120%; */
}
.soap-icon-hotel-2 { color:#f59010;}
.soap-icon-hotel-2:before {
    content: '\e82c';
}
.txticonM {
    position: absolute;
    left: 24px;
    top: 32px;
    font-size: 16px;
}
.main-wrapper {
    /*margin-top: 57px;*//*comment by imran 12-05-2023*/
}
#listView{
    float: left;
    display: inline-block;
}
#mapView {
    float: right;
    display: inline-block;
}
.sorting-middle-holder .btn {
    padding: 7px 3px;
}
.pagination > li > a, .pagination > li > span {
    background: transparent;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #000;
    background-color: transparent;
}
.breadcrumb-wrapper > .content-wrapper {
    padding: 0;
}
ol.breadcrumb-list li{
    color:#000;
}
.ti-signup-box, .ti-policy-box {
    border: 2px solid #f59010;
}
ol.breadcrumb-list li span {
    color: #fff;
}
.ribbon.currency {
    position:relative;
}
.navbar-phone {
    line-height: 40px;
}
.navbar-nav > li > a {
    line-height: 40px;
}



.Header1{
    background-image: url(../../Images/KR/Hero-Header/01.jpg);
}
.Destination1{
    background-image: url(../../Images/KR/destination-grid/01.jpg);
}
.Destination2{
    background-image: url(../../Images/KR/destination-grid/02.jpg);
}
.Destination3{
    background-image: url(../../Images/KR/destination-grid/03.jpg);
}

.Destination4{
    background-image: url(../../Images/KR/destination-grid/04.jpg);
}
.video{
    background-image: url(../../Images/KR/video.jpg);
}
.hero-headerResult{
    background-image: url(../../Images/KR/hero-header/breadcrumb.jpg);
}
.pagination > li.active > a, .pagination > li.active > span {
    background: #f59010 !important;
}
.footer-title{}
#oferlbl input[type="radio"], input[type="checkbox"] { margin: 6px 0 0 0;}
.package-grid-item img { width: 100%; max-width: 100%; height: auto; display: block;}
.hot-deals img {width: 100% !important; max-width: 100%; height: auto; display: block; /*min-width: 270px;*/ height: 150px;}
.package-list-item .image { line-height: 0px; border-radius: 7px 0px 0px 7px;}
#RoomMain .content-wrapper { padding: 0px 0;}
.trip-summary-img { height: 74px !important; width: 80px !important; padding-right: 5px; padding-top: 0px; float: left;}
.margin-top-100{margin-top:100px;}
.trip-sum-box{float:right;}
.result-img{width:297px;height:208px;}
#booking .radio input[type="radio"], #booking .radio-inline input[type="radio"], #booking .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0px;
}
.book-sum-list .refnum {       
    padding: 0 !important;
}
.error-message-404 img {
        width: 300px !important;
    max-width: 300px !important;
    height: auto;
    display: inline-block;
}

.RegistrationControl {
    border: 1px solid #ccc;    float: left;    width: 100%;     
}

.date -from img {
    width: 300px !important;
    max-width: 300px !important;
    height: auto;
    display: inline-block;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    outline: 0;
}

.navbar-nav a {   
    background: none !important;
    transition:none !important;
}

a:active{
     background: none !important;
     transition:none !important;
}
button.btn-mini, input[type="button"].button.btn-mini, a.button.btn-mini {   
    font-size: 11px;
}

 .affix {
    top: 118px;
    /* width: 100%; */
    z-index: 99;
    padding-bottom:5px;
}
    .affix + .container-fluid {
            padding-top: 0px;
        }

  .more-container .btn-default {
    background-color: #fff;
    border:1px solid #f59010;
    }
  .only {
    display: inline-block;   
}

    .flexslider .flex-direction-nav a,
    .flexslider .flex-direction-nav a {
        display: block;
        width: 29px;
        top: 50%;
        height:32px;
    }

    .flex-direction-nav .flex-next {
        right: 0px !important;
        background: transparent;
        padding: 4px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        opacity: 0.9 !important;
        color:#fff;
    }

    .flex-direction-nav .flex-prev {
        left: 0px !important;
        background:transparent;
        padding: 4px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        opacity: 0.9 !important;
    }

    .flex-direction-nav .flex-next:hover {
        opacity: 1 !important;
    }

    .flex-direction-nav .flex-prev:hover {
        opacity: 1 !important;
    }

    .loading {
        border-radius: 50%;
        width: 17px;
        height: 17px;
        border: 0.15rem solid rgba(0, 0, 0, 0.2);
        border-top-color: white;
        -webkit-animation: spin 1s infinite linear;
        animation: spin 1s infinite linear;
        position: absolute;
        right: 58px;
        top: auto;
        margin-top: -22px;
    }
.checkbox-filters .btn {padding: 0px 4px;border-radius: 4px;margin: 2px 5px 5px 0;height: 18px;}
.btn-checkbox {color: transparent; border-color: #9e9e9e;}
.btn-checkbox.active {color: #fff;} 
.sidebar-mini-search .input-group{ width:100%}
#packagerates .rate{width:75%; float:left;}
#About_Destination .tab-content {width:75%;}
#package-flight .tab-content {width:75%;}
.pkg-float-box .price{width:100%; text-align:center;}
.package-contents{width:75%; border:0px solid red;}
.pkg-float {float:none!important;}
.pkg-ddlstyle {border-radius: 5px !important;color:#999 !important;}
.pkg-colortxtgray {color:#999 !important;}
.pkg-sidebar-title{color: #333; margin-top: 0 !important; margin-bottom: 0 !important;}
.pkg-sidebar-title a{color: #333; margin-top: 0 !important; margin-bottom: 0 !important;}
.pkg-customCheck {top: 2px !important;}
.pkg-borderone{ border:1px solid #f59010 !important; }
.pkg-breadcrumb {margin-top:60px!important;}
.pkg-btmP-0 {padding-bottom:0px!important;}
.pkg-sub-heading { font-weight:700;  color:#333;}
.pkg-padd-top-7{padding-top:7px;}
.pkg-font700 {font-weight: 700 !important;}
.pkg-btmPT-0 {padding-top:0px!important;}
.pkg-query{background: #fff; border: 1px solid #ddd; border-radius: 4px; padding:0px 15px 15px 15px;  }
.pkgcontent-wrapper {padding: 9px 0;}
.pkg-font-10-5 {font-size: 10.5px !important;}
.form-control-pkg{width: 112% !important; border-radius:0px !important; height: 50px !important;}
.btn-pkg-home{ border-radius:0px 7px 7px 0 !important;}

#hotelauto input{ width: 109% !important; border-radius: 7px 0px 0px 7px !important; font-weight:bold;}
.date-htl{ width:120% !important; border-radius: 0px !important; height:50px !important;font-weight: bold;}
.htl-paxval{ width:120% !important; border-radius: 0px !important; height:50px !important; line-height:48px !important; }
.btn-htl-home{ border-radius:0px 7px 7px 0 !important; height:38px;}
.ddl-flag-select-box{ background-color: #fff; border: 1px solid #aaa; width: 100%;}
.detail-content { border-bottom: 1px solid #E3E3E3; padding-bottom: 10px; margin-bottom: 10px;}
.section-title { margin: 0 0 15px;}
.panel-title a {padding: 0 0 0px 0;}
.panel-group { margin-bottom: 0px;}
.section-title h4 {margin: 5px 0;}
.pkg-result-img{width:100%;}
.image{width:100%; height:200px; overflow-y:hidden}
.sticky-box-container{width:24%;float:right;}
.stick { position: fixed; top: 120px; width: 300px; z-index: 999;}
.add-room { position: absolute; right: 40px;bottom:15px;}
.close-btn{padding-top:29px; }
#coloseloginpopup{width: 100%; display: block; text-align: center; margin-bottom:10px;}
.pkg-detail-img{float: right; display: inline; width: 180px;}
.pkg-detail-img img{width: 100%;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #3c3636;    background-color: #f59010 !important;    border-color: #f59010;}
.btn-primary:hover {  color: #fff;  background-color: #f59010 !important;  border-color: #fc601e;}
.main-wrapper { min-height:500px;}
.image {overflow: hidden; height: 208px;}
.faq-thread{ text-align: justify;}
.htl-showall {
    /*margin-top:-35px !important;*/
    margin-top: -24px !important; /*add by imran 11-05-2023*/
    font-weight: normal; /*add by imran 11-05-2023*/
    border-radius: 5px; /*add by imran 11-05-2023*/
    padding-left: 6px !important; /*add by imran 11-05-2023*/
    padding-right: 6px !important; /*add by imran 11-05-2023*/
}
.swap-tiles li{padding:0 5px; }
.swap-tiles li a {color:#cdcdcd;}
.swap-tiles li a i.soap-icon-list{font-size:18px;}
.swap-tiles li.active a{color:#f59010;}
.btn-map {color:#fff; padding:5px 10px;}
.pkg-desciption{text-align: justify!important; font-style: italic!important; font-size: 11px!important; line-height: 16px!important; font-weight: normal!important; color: #7b7b7b!important;}
hotelautocomplete ul li span i {color:#f59010;}
#hotels-tab .htl-paxval .drop-alter > a{ line-height:50px;}
.txticonH {position: absolute; left: 10px; top: 38px; font-size: 16px; color:#f59010;}
#hotels-tab .datepicker-wrap:after{ top:6px;}
#hotels-tab .drop-alter > a {line-height: 48px;}
#hotelroom .status a{color:#666666 ; font-weight:400;}
#hotelroom ul.availabily-list li.availabily-heading {background: #f8f7f7; padding: 20px 20px 20px 10px; border-radius:7px 7px 0px 0px; border-top: 0px solid #0dafd4;}
#hotelroom ul.availabily-list li {padding: 20px 20px 20px 10px;}
.image-h{ height: 75px !important;}
.border-h{margin-top:10px;}
.result-bg{ background: #f0f0f0; border: 1px solid #d8d8d8; border-radius: 7px; padding: 19px 10px; margin-top: 23px; float: left;width: 100%;}
.result-txt-head{font-size: 25px; color: #000; margin: 0px !important; line-height: 20px;}
.result-icons-color{ color: #f59010;}	 
.result-icons-p{padding-right:8px;}	 
.result-map-img{margin-bottom:20px;}	 
.result-sorting-content{padding: 10px; background: #f0f0f0; border-radius: 7px;}	
.content-wrapper{padding: 30px 0;} 
.btn { border-radius: 7px;}	
.package-list-item {border-radius: 7px; clear:both;}	
.package-list-item:hover {background: #eeeeee;}	
.sidebar-inner {border-radius: 7px;}	
.black-txt{ color:#000 !important}
.result-modify { left: 25px !important; }
.float-right-filter {float:right;}
@media all and (max-width: 767px)
 {
   

    .result-txt-head {font-size: 15px !important; }
    .btn-primary {padding: 10px !important;margin-top: 12px;}
    .HotelResultParent .offer_red {width: 44px; height: 42px; position: absolute; top: 0px; z-index: 1;}
    .img-slide {position: relative;    padding-bottom:13px;}
    .result-bg {padding: 10px 0px !important;}
    .sorting-wrappper {margin: 23px 0 23px;}
#hotelroom .price {        color: #000;        width: 65% !important;        float: left;    }
ul.availabily-list li > div.action {    float:right;    width: 35% !important;}
.date.-from.font-bold.ng-binding {    font-size: 16px;}
#hotelroom .status a {   color: #f59010;    font-weight: 400;   cursor:pointer;    text-decoration: underline;}
}

.select2-container {width: 100% !important;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.padding-bottom5-h{margin-bottom:-3px !important;}
.padding-bottom0{padding-bottom:0px !important;}

.cancellation-policy{
    padding: 12px;
    background: #f2f2f2;
    width: 100% !important;
    border: 1px solid #f59010;
    border-radius: 7px;
}

.rooms-top{
    font-size: 25px;
    color: #000;
    line-height: 20px;
    text-align:left;
    font-weight:bold;
    padding-right:40px;

    }

.color-black{
        color: #000 !important;
    }
.no-border-room{ border:0px solid #000 !important}

.font-nomal{font-weight:normal !important}

.tab-container ul.tabs {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
        position: absolute;
    margin-top: 2px;
        padding-left: 40px;
}
.tab-container ul.tabs li {
    float: left;
        padding: 0px 15px;
}
#RoomMain .tab-container ul.tabs li a {
    background: #fff !important;
    height: 36px !important;
    line-height: 36px !important;
    color: #0065b8 !important;

}
.scrollelement {
    float: left;
    width: 100%;
}
.tab-container .tab-content .tab-pane {
    /*padding: 20px;*/
    line-height: 1.7em;
}
.tab-content > .active {
    display: block;
}
.fade.in {
    opacity: 1;
}
.tab-container .tab-content {
    background: #fff;
}

.tab-content-room {
    background: #fff;    
    border-top: 0px solid #ddd;
    padding: 1px;
    height: auto;
    overflow-y: auto;
}

#RoomMain .tab-container ul.tabs li a {
       color: #000 !important;
}

.test-h-summary{
background: #f59010;    
color: #FFF;
    margin: 25px -20px -20px;
    padding: 20px 19px;
    }
.padding-bottom20{padding-bottom:15px !important;
                  margin-bottom:25px !important; min-height:60px;
}
.price-summary-r{padding:15px !important; float:left;}
.font-small{ text-transform: capitalize !important;}
.text-h-r{  
    background: #f59010;
    color: #FFF;
    margin: 25px -16px -15px;
    padding: 20px 19px;
    text-align:center;
}
.white-txt{color:#fff !important;}

.btn-primary-room {color: #fff; background-color: #008dad !important; border-color: #008dad;}
.btn-primary-room:hover {color: #fff; background-color: #008dad !important; border-color: #008dad;}
#termandbutton .details a{ font-size:15px; padding:8px 80px !important;}
.view-as {
padding-top:3px;
}
#txtHotelName {
    border-radius:0;
}
.photoTab.active, .mapTab.active {
    border:2px solid #f59010; border-bottom: 2px solid #fff;
}
.tab-container .tab-content-room {
    border-top: 2px solid #f59010; margin-top: 40px;
}
.center-allign {
padding-left:195px !important;

}
/* my profile page css */
.tab-container.full-width-style ul.tabs {
    width: 14%;
    float: left;
}
.tab-container.full-width-style.arrow-left ul.tabs li {
    margin-bottom: 4px;
}
.tab-container.full-width-style.arrow-left ul.tabs li a {
    border: none;
    margin-right: 4px;
}
.tab-container.full-width-style ul.tabs li a > i {
    color: #d9d9d9;
    display: block;
    font-size: 18px;
    margin: 0 auto;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.5em;
    overflow: hidden;
}
.tab-container.full-width-style ul.tabs {
    width: 14%;
    float: left;
}
.tab-container ul.tabs {
    /*margin: 0;
    padding: 0;*/
    margin-left:15px;
    padding-left: 15px;
}
.payment-success .content {
    margin-left: 70px;
    padding-top: 17px;
}

#btnPrintButton{   
 width: 100px;
    padding: 8px;
    text-align: center;
    color: #fff;
}
.global-wait {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.full, .full-page {
    width: 100%;
    height: 100%;
}
.full-page {
    position: relative;
}
.servicewaiting .round-trip-search-criteria {
    margin-left: 0 !important;
}

.servicewaiting .global-wait {
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.servicewaiting .global-wrap {
    background: #fff;
    height: 100%;
}

.servicewaiting .full-page {
    position: relative;
}

.servicewaiting .full, .servicewaiting .full-page {
    width: 100%;
    height: 100%;
}

.servicewaiting .bg-holder {
    position: relative;
    overflow: visible;
}

.bg-holder > .bg-mask, .bg-holder > .bg-mask-darken, .bg-holder > .bg-mask-lighten, .bg-holder > .bg-mask-white, .bg-holder > .bg-mask-color, .bg-holder > .bg-mask-color-invert {
    width: 100%;
    height: 100%;
    z-index: 5;
    /*opacity: 0.5;*/
     opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    background: #000;
}

.bg-holder > .bg-mask, .bg-holder > .bg-parallax, .bg-holder > .bg-img {
    width: 100%;
    height: 100%;
}

.bg-holder > .bg-mask, .bg-holder > .bg-blur, .bg-holder > .bg-mask-darken, .bg-holder > .bg-mask-lighten, .bg-holder > .bg-parallax, .bg-holder > .bg-img, .bg-holder > .bg-video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.bg-holder > .bg-mask, .bg-holder > .bg-parallax, .bg-holder > .bg-img {
    width: 100%;
    height: 100%;
}

.bg-holder > .bg-mask, .bg-holder > .bg-blur, .bg-holder > .bg-mask-darken, .bg-holder > .bg-mask-lighten, .bg-holder > .bg-parallax, .bg-holder > .bg-img, .bg-holder > .bg-video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}



.hotelwaiting-bg {
    background-image: url(../../Images/KR/hotel-waiting.jpg);
}


.bg-holder > .bg-holder-content, .bg-holder > .bg-content {
    position: relative;
    z-index: 7;
}

.full, .full-page {
    width: 100%;
    height: 100%;
}

.servicewaiting .text-white {
    color: #fff;
}

.text-white big, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white small, .text-white .text-hero, .text-white a, .text-white a:hover, .text-white span {
    color: #fff;
}

/*.servicewaiting .logo-holder {
    position: absolute;
    top: 0;
    left: 0;
    
     margin: 0px;
    display: block;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}*/

.servicewaiting .logo-holder {
    position: absolute;
    top: 0;
    left: 0;
    /* margin: 30px 0 0 30px; */
    margin: 0px;
    display: block;
    /* opacity: 1; */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 26%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    height: 200px;
    padding-top: 10px;
}


.logo-holder > img {
    width: auto;
}

.servicewaiting .full-center {
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spinner-clock {
    width: 150px;
    height: 150px;
    border: 4px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 20px auto;
}

    .spinner-clock:before {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        content: '';
        margin: -6px 0 0 -6px;
        z-index: 1;
    }

    .spinner-clock .spinner-clock-hour {
        -webkit-animation-duration: 12s;
        -moz-animation-duration: 12s;
        -o-animation-duration: 12s;
        -ms-animation-duration: 12s;
        animation-duration: 12s;
        top: 31px;
        height: 40px;
    }

    .spinner-clock .spinner-clock-hour, .spinner-clock .spinner-clock-minute {
        -webkit-animation-name: spinner;
        -moz-animation-name: spinner;
        -o-animation-name: spinner;
        -ms-animation-name: spinner;
        animation-name: spinner;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
        animation-timing-function: linear;
        width: 4px;
        background: #fff;
        margin-left: -2px;
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        position: absolute;
        left: 50%;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

    .spinner-clock .spinner-clock-minute {
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        -ms-animation-duration: 1s;
        animation-duration: 1s;
        top: 15px;
        height: 56px;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
    }

    .spinner-clock .spinner-clock-hour, .spinner-clock .spinner-clock-minute {
        -webkit-animation-name: spinner;
        -moz-animation-name: spinner;
        -o-animation-name: spinner;
        -ms-animation-name: spinner;
        animation-name: spinner;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
        animation-timing-function: linear;
        width: 4px;
        background: #fff;
        margin-left: -2px;
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        position: absolute;
        left: 50%;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

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

@-moz-keyframes label-anim {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -o-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes label-anim {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -o-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes label-anim {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -o-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes label-anim {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -o-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes label-anim {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -o-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes label-anim {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -o-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

.text-bigger {
    font-size: 125%;
    line-height: 1.5em;
}

.currencysymbolsize{font-size: 18px !important;}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


#hotelroom .availabily-wrapper{}

 .room-margin-left{margin-left: 457px;}

 .padding-top25{ padding-top:25px;}

 ul.availabily-list { border:2px solid #f59010; border-radius:7px; padding:5px 5px 0px 5px;}

 .main-wrapper-hotel{
     /*margin-top: 75px !important;*/
     margin-top: 0px !important;

 }

 .refund-read-hotel{font-size: 12px;
    float: right;
    margin-top: 7px;
    color: #0dafd4;
    text-decoration: underline;
}
 .refund-font-16{font-size:16px !important;}

 .modify-search-bg{ background:#f2f2f2 !important; border-radius: 7px; padding:10px 10px 0px 10px; margin-bottom:10px;}
 .black-font{ color:#000 !important; }
 #hotelroom .price{ color:#000;}

 #hotelroom ul li:hover{background:#eeeeee;}







 /*responsive css*/
 .journeysetter-hotel-name {
    color: #333;
    font-size: 15px !important;
    font-weight: 600;
    height: 19px;
    line-height: 18px;
    overflow: hidden;
    text-overflow:ellipsis;
	width: 100%;
	margin:0px;
    text-transform: capitalize;
	
	}	
	
	.journeysetter-hotel-address{
		
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 11px  !important;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin:0px;
	font-weight: normal;
    text-transform: capitalize;
}
	.journeysetter-hotel-name a
	
	{
	 
    color: #333;
    text-decoration: none;
    white-space: nowrap;
	font-weight: normal;
    text-transform: capitalize;
	
	
	}
		
	.reviews
	{
    color: #292f37;
    display: block;
    font-size: 11px;
    line-height: 16px;
    margin: 1px 0 0;
    text-align: right;
    text-decoration: none;
    white-space: nowrap;
		font-weight: normal;
	}
	.image-certifieds{ text-align:right;}
	.hotel-rating-reviews{ text-align: right;}
.img-slide {position:relative;}
	.img-slide img{ width:100%; object-fit: cover;}
	
	.journeysetter-hotel-price-value {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 -2px;
    white-space: nowrap;
}
	.journeysetter-hotel-price-note{
    color: #000;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
	
	.journeysetter-hotel-price-stried {
    color: #a50000;
    font-size: 10px;
    font-weight: 600;
    height: 14px;
    line-height: 14px;
    margin: 4px 0 -3px;
    text-decoration: line-through;
    vertical-align: top;
}
	.Show-details{
	background: #0dafd4;
    border-color: #0dafd4;
    color: #FFF !important;
    padding: 8px 12px 7px;
    font-size: 10px;
    font-weight: 600;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

    margin-top:-5px;
    float:right;
		
	}
	
	.wrap{padding-bottom: 0px; margin:10px 0px;    box-shadow: 0px 0px 5px rgba(41,47,55,0.1);}
    @media( max-width:767px){

ul.dropdown-menu.curen {
    position: relative;
    z-index: 9999999;
    width: 100%;
}

.slicknav_nav li i.fa.fa-minus {
    color: #b6b3c4;
}

.slicknav_nav li i.fa.fa-plus {
    color: #b6b3c4;
}

.dropdown-menu.curen li a {
    color: #b6b3c4;
}
.slicknav_menu {
    position: absolute;
    top: 5px !important;
    
}


    }

    @media( max-width:320px){

     .navbar-mini > ul > li {
   
       margin-top: 3px !important;
}

     .navbar-mini > ul > li > a {  
    font-size: 10px !important;
    
}
}
/*Start changes by santosh respective to waiting page :- 06-sept-2018*/
.servicewaiting .full-page-waiting {
    width: 100%;
    height: 100%;
} 
.global-wait .bg-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.waiting-content {
    width: 700px;
    margin: 0 auto;
    position: relative;
    top: 20%;
} 
.border-waiting {
    border: 2px solid #ccc;
    border-radius: 10px;
    background: #fff;
}
.waiting-txt-b {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0px;
}
.waiting-bg {background: #0dafd4;}
.waiting-txt-w {color: #fff; font-size: 14px; font-weight: bold; text-align: center;}
.waiting-border-r {border-right: 1px solid #fff;}
/*End changes by santosh respective to waiting page*/
.filter-icons-container{border:0px solid red; width:90%; height:50px; padding:3px 0 0 3px; position: fixed; bottom: 33px; z-index:9999; left:15px;}
.filter-icons-back{border-radius:50%; width:60px; height:62px; border:0px solid red; float:left;padding:15px;}
.filter-icons-back i{color:#fff; font-size:32px;}
.filter-icons-back.reset{background:#61addd;}
.filter-icons-back.apply{background:#ff7f27; margin-left:16%}
.refresh-icon {background:url('../../Images/KR/refresh.png');}
/*.filter-icons-back{-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.55)}*/
.Result-Btn-padding {position: relative;bottom: 5px;line-height:0px;left: 5px;}
.result-price-left {left: 4px;position: relative;}
.cmn-t-underline-left {
    left: -10px;
}
 .trip_advisory_head{ color:#000;margin:0px; padding:0px;}
.jumbotrons{ padding:20px; margin-bottom: 20px; color: inherit; background-color: #f0efed; clear:both;}
.rating_tripadvisor{ margin-top:10px; padding: 0px}
.tripadvise_img{ vertical-align: bottom;}
.trip_advisor_service{ padding: 10px 0;}
.heading_rating{ font-weight: bold; color:#000; margin-bottom: 15px;}
.holograms{width:100%;}
.holograms li{ display: inline-block;  vertical-align: middle; font-size:12px;}
.holograms li > .progress{ width:100%; top:10px; right:10px; border-radius:2px; background:#e2e2e2;}
.holograms li:first-child{ width:19%;}
.holograms li:nth-child(2){ width:65%;}
.holograms li:last-child{ width:14%;}
.progress-bar.bg-success-bar{ background-color:#169e78;}
.icon-list_places li img{ vertical-align: sub;}
.heading_rating_places{ font-weight: bold; color: #000; margin-bottom:5px; }
ul.icon-list_places { margin-bottom: 10px;}
.htlRoom-margin-10 {margin:10px 0px 10px 0px!important;}
.sorting-middle-holder select{padding: 3px; border: 1px solid #d1d1d1;}
.read-more-div-inner p{text-align:justify}
.trip-rate-result {padding: 10px 0px 0px 0px;}
.filter-showhide {position: relative;z-index: 22; margin-top:0px!important; clear:both;}
.filter-font13{font-size:13px;}
#byHtlname {
    cursor: pointer !important;
}
#rating-filter a {
    margin-top: -24px !important; /*add by imran 11-05-2023*/
    font-weight: normal; /*add by imran 11-05-2023*/
    border-radius: 5px; /*add by imran 11-05-2023*/
    padding-left: 6px!important; /*add by imran 11-05-2023*/
    padding-right: 6px!important; /*add by imran 11-05-2023*/
}

.dis_non{
    display:none!important;
}
.full-width{
    width:100%;
}
.logintextbox{
    padding-left: 15px;
    padding-right: 15px;
    height: 34px;
    border: 1px solid #d1d1d1;
}
.view-booking-fnt{
    font: 75%/150% "Lato", Arial, Helvetica, sans-serif;
   font-size:100%;
   font-weight:600;
}
.mrg-bootom_10{
    margin-bottom:10px!important;
}