.hotelwrapper {
    padding: 20px 0;

    /* background: #f1f1f1; */
}

.hotelModify {
    background: #1e1c66;
    padding: 14px 0;
}

.openMapModal {
    position: relative;
}

.openMapModal .singlemarker {
    position: absolute;
    width: 24px;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.openmapdiv .text {
    position: absolute;
    top: 50%;
    left: 50%;
}

.openMapModal span.text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #000;
} 

ul.searchBoxMain li.ht_input.ht_checkout,
ul.searchBoxMain li.ht_input.ht_checkin {
    width: 360px;
}

.hotelResultCard {
    display: flex;
    background: #FFF;
    border-radius: 8px;
    margin-bottom: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 2px 0rgba(0, 0, 0, .12);
    overflow: hidden;
    border: 1px solid #dddfe2;
    margin-bottom: 15px;
    cursor: pointer;
}

.hotelResultCard .htImage {
    width: 240px;
    padding: 5px 0 5px 5px;
}

.hotelResultCard .htHotelInfo {
    width: calc(100% - 240px);
    display: flex;
}

/* li.ht_input.ht_checkin:after {
    content: "";
} */

.hotelResultCard .htImage li.first {
    flex: 0 0 100%;
    padding: 1px;
}

.hotelResultCard .htImage li:not(.first) {
    flex: 0 0 25%;
    display: block;
    width: calc(25%);
    padding: 0 1px;
}

.hotelResultCard .htImage li img {
    width: calc(100%);
}

.hotelResultCard .htImage ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.hotelResultCard .htImage li {
    display: block;
}

.hotelResultCard .htImage li.last {
    position: relative;
}

.hotelResultCard .htImage li.last:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}

.hotelResultCard .htImage li.last:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #FFF;
    width: 65px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
}

.hotelResultCard .htImage li:not(.first) img {
    height: 50px;
    object-fit: cover;
}

.htHotelInfo .ht_dt {
    padding: 10px 15px 0 15px;
}

.htHotelInfo .ht_dt .ht_title {
    font-size: 16px;
    font-weight: 500;
}

ul.searchBoxMain li.search_Btn:after {
    display: none;
}

.star_ratings {
    position: relative;
    top: initial !important;
    bottom: initial !important;
    margin-right: 15px;
    left: initial !important
}

.star_ratings {
    position: relative;
    bottom: inherit !important;
    left: initial !important;
    z-index: initial !important
}

.star {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFA000' d='M329.6 176H488C498.3 176 507.4 182.5 510.7 192.2C514 201.9 510.8 212.6 502.7 218.9L371.9 320.7L422.9 480.7C426.1 490.7 422.4 501.7 413.7 507.7C405.1 513.7 393.6 513.4 385.3 506.9L256 406.4L126.7 506.9C118.4 513.4 106.9 513.7 98.27 507.7C89.65 501.7 85.94 490.7 89.13 480.7L140.1 320.7L9.267 218.9C1.174 212.6-2.027 201.9 1.3 192.2C4.628 182.5 13.75 176 24 176H182.5L233.1 16.72C236.3 6.764 245.6 0 256 0C266.5 0 275.7 6.764 278.9 16.72L329.6 176z'/%3E%3C/svg%3E");
    margin: 0 1px;
}

.star_ratings {
    display: inline;
    white-space: nowrap
}

.reviews_ht .star_ratings {
    margin-right: 10px
}

.reviews_ht .reviews_count {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #8592a6;
    font-size: 12px;
    font-weight: 300;
}

._address svg {
    width: 12px;
    height: auto;
    margin-right: 5px;
    color: #8592a6;
    fill: #8592a6;
    position: relative;
    top: -1px;
}

._address .txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: calc(100% - 25px);
    font-size: 13px;
    color: #8592a6;
}

._address {
    display: flex;
    max-width: 100%
}


.reviews_ht {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.reviews_ht .propertyStarRating {
    margin-right: 5px;
}

.reviews_ht .propertyType {
    margin-right: 5px;
}

.hotelResultCard .htImage li.first img {
    height: 236PX;
    object-fit: cover;
    border-top-left-radius: 4px;
}

.hotelResultCard .htHotelInfo .ht_dt {
    width: calc(100% - 200px);
}

.hotelResultCard .htHotelInfo .ht_price {
    width: 200px;
    border-left: 1px solid #dddfe2;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    display: flex;
    padding: 0 20px 10px;
}

.ht_facilities span {
    display: flex;
    margin-right: 5px;
    color: #8592a6;
    font-size: 12px;
    overflow: hidden;
    padding: 0 7px 6px;
    white-space: nowrap;
    line-height: 1;
    width: 48%;
    align-items: center;
}

.ht_facilities {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
}

.PropertyCardPrice--CrossOutSmall,
.PropertyCardPrice--ForBooking {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
}


.discountPercentage {
    padding: 4px 8px;
    border-radius: 2px;
    width: 100%;
    background-color: rgb(225, 45, 45);
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
    width: 120px;
    float: right;
}

.priceFor,
.priceIncludes {
    color: #8592a6;
    font-size: 12px;
    font-weight: 300;
}

.priceIncludes {
    color: #333;
    font-weight: 400;
}

.PropertyCardPrice--CrossOutSmall {
    position: relative;
    display: inline-block;
    color: #737373;
}

.PropertyCardPrice--CrossOutSmall:after {
    border-top: 2px solid;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    color: #e12d2d;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.selectRoom {
    background: #DDD;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: none;
    user-select: none;
    padding: 10px 10px;
    border-radius: 4px;
    background-color: rgb(62, 108, 234);
    color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 3px 1px;
    transition: all 0.15s ease-in-out 0s;
    margin-top: 10px;
    width: 160px
}

.ht_cancellation_type {
    background: rgba(0, 173, 69, .06);
    padding: 8px;
    border-radius: 2px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    font-size: 10px;
    color: #00bc54;
}

.selectRoom svg {
    fill: #FFF;
    width: 24px;
    height: 24px;
}

.ht_facilities span i {
    font-size: 18px;
    margin-right: 5px;
}

.ht_facilities_heading {
    font-weight: 600;
    font-size: 12px;
    color: #66678f;
}

ul.ModifySearchbox__wrapper {
    padding: 0;
    display: flex;
}

ul.searchBoxMain {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 auto 0;
    flex: 0;
    border-radius: 4px;
    width: fit-content;
}

ul.searchBoxMain li.ht_input {
    display: flex;
    background: #fff;
    padding: 8px 10px !important;
    flex-shrink: 0;
    flex-grow: 0;
    width: 200px;
    position: relative;
    align-items: center;
}

ul.searchBoxMain li.ht_input .form-group {
    margin: 0
}

ul.searchBoxMain li.ht_input .form-group .form-control {
    border: none;
    background: 0 0;
    padding: 0;
    height: 20px;
    font-size: 13px;
    font-weight: 500;
    color: #111
}

.searchbanner {
    min-height: 640px;
    display: flex;
    align-items: center;
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 20%;
    padding: 50px 0;
    position: relative
}

.searchbanner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(2 18 102 / 20%)
}

.searchBox {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    position: relative;
    z-index: 1;
    top: -20px
}

ul.searchBoxMain li.searchCity {
    border-radius: 4px;
    width: 320px !important;
}

ul.searchBoxMain li label {
    margin-bottom: 0 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    letter-spacing: .04em !important;
    padding-bottom: 2px !important
}

.btn.btn-search {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: #e12d2d;
    color: #fff;
    border-radius: 6px;
    width: 136px;
    font-weight: 500;
}

ul.searchBoxMain li.search_Btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 57PX;
    display: inline-flex;
    align-items: center;
    padding: 5px !important;
    width: 150px;
    justify-content: center;
}

.btn.btn-search svg {
    fill: #fff;
    color: #fff;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

ul.searchBoxMain li .form-group .form-control::-webkit-input-placeholder {
    font-weight: 400;
    color: #999999;
}

ul.searchBoxMain li .form-group .form-control:-ms-input-placeholder {
    font-weight: 400;
    color: #999999;
}

ul.searchBoxMain li .form-group .form-control::placeholder {
    font-weight: 400;
    color: #999999;
}

ul.searchBoxMain li.ht_pax {
    flex: 1 0 0;
    width: 240px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

ul.searchBoxMain li:not(last-child):after {
    /* content: ""; */
    height: 24px;
    width: 1px;
    background: #a7a7a7;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

ul.searchBoxMain li.ht_pax:after {
    display: none
}

li.ht_input.searchCity {
    margin-right: 5px;
}

li.ht_input.ht_checkin {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

li.ht_input.ht_checkout {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 5px;
}

ul.searchBoxMain li.ht_input .searchformIcon {
    width: 40px;
}

ul.searchBoxMain li.ht_input .searchformIcon svg {
    fill: #999;
    transform: scale(0.75);
}

.htRoomList {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0 0
}

.htRoomList a {
    flex: 0 0 33%;
    font-size: 14px;
    font-weight: 600;
    color: #aaa;
    padding: 0 0 5px;
    text-align: center;
    border-bottom: 3px solid transparent;
    margin-bottom: 15px
}

.htRoomList a.d-none {
    display: none
}

.htRoomList a:not(.collapsed) {
    color: #000;
    border-bottom: 3px solid #000
}

.roomAction {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 20px 0;
    margin-top: 10px
}

.roomAction a {
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 1;
    width: fit-content;
    padding: 0 10px;
    background: #fff;
    position: relative;
    z-index: 1;
    margin: 0 5px;
    cursor: pointer
}

.roomAction a svg {
    height: 18px !important;
    width: auto;
    margin-right: 9px
}

.roomAction a.delRoom svg {
    height: 16px !important;
    position: relative;
    top: -2px
}

.roomAction a.delRoom {
    color: #f44336
}

.roomAction:after {
    content: "";
    background: #d4d4d4;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%
}

.roomAction a.addRoom {
    color: #0064ff
}

.roomActionFooter {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #efeeee;
    padding: 5px 20px 0
}

.roomActionFooter a {
    font-size: 12px;
    font-weight: 600;
    display: block;
    padding: 10px 5px 5px
}

a.act-cancle {
    color: #f44336
}

a.act-done {
    color: #0064ff
}

ul.ddlSpinner li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px
}

ul.ddlSpinner li ._left {
    width: 120px;
    flex-shrink: 0;
    font-weight: 600;
    font-size: 14px
}

ul.ddlSpinner li ._left small {
    display: block;
    font-weight: 400;
    margin-top: 4px
}

ul.ddlSpinner li ._right {
    display: flex;
    align-items: center
}

ul.ddlSpinner li ._right .ddl_minus,
ul.ddlSpinner li ._right .ddl_plus {
    width: 32px;
    height: 32px;
    background: #dedde8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    cursor: pointer;
    border-radius: 3px
}

ul.ddlSpinner li ._right .ddlValue {
    width: 44px;
    height: 32px;
    display: inline-block;
    border: 0;
    text-align: center
}

ul.ddlSpinner li:not(:last-child) {
    border-bottom: 1px solid #ddd
}

ul.selectAirlineClass {
    padding: 0;
    margin: 0
}

ul.selectAirlineClass li {
    display: block;
    position: relative;
    padding: 0 15px
}

ul.selectAirlineClass li input {
    opacity: 0;
    position: absolute
}

ul.selectAirlineClass li input+label {
    border: 1px solid #ddd;
    display: block;
    padding: 10px;
    font-weight: 600;
    color: #000;
    margin: 0;
    font-size: 12px;
    cursor: pointer
}

ul.selectAirlineClass li input:checked+label {
    background: #0f5585;
    color: #fff
}

ul.selectAirlineClass li:not(:last-child) {
    margin-bottom: 10px
}

ul.ddlSpinner {
    padding: 0;
}

.hotelSort {
    display: flex;
    margin-bottom: 10px;
}

.hotelSort {
    border: 1px solid #dddfe2;
    border-radius: 4px;
    overflow: hidden;
}

.hotelSort .ht_sort {
    width: calc(100% - 100px);
    flex-grow: 0;
    border: none;
    background: #FFF;
    padding: 10px;
    font-weight: 500;
}

.hotelSort .SortHeading {
    width: 100px;
    flex-shrink: 0;
    padding: 10px;
    font-weight: 500;
    background: #f8f8f8;
    text-align: center;
    font-size: 15px;
    border-right: 1px solid #dddfe2;
}

.hotelSort .ht_sort svg {
    transform: scale(0.75);
}

.hotelSort .ht_sort:not(:last-child) {
    border-right: 1px solid #dddfe2;
}

.hotelSort .ht_sort.active {
    background: #5392f9;
    color: #FFF;
}

.hotelSort .ht_sort.active svg {
    fill: #FFF;
}



@media screen and (max-width:1199px) {
    ul.searchBoxMain li.searchCity {
        border-radius: 4px;
        width: 240px !important;
    }

    ul.searchBoxMain li.ht_input.ht_checkout,
    ul.searchBoxMain li.ht_input.ht_checkin {
        width: 230px;
    }
}

@media only screen and (max-width:1024px) {
    ul.searchBoxMain {
        flex-wrap: wrap;
    }

    ul.searchBoxMain li.search_Btn {
        width: 100%;
        background: transparent;
        padding: 10px 0 0 0 !important;
    }

    .btn.btn-search {
        width: 100%;
    }

    ul.searchBoxMain li.ht_pax {
        border-radius: 4px;
    }
}

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

    .hotelResultCard .htImage {
        width: 200px
    }

    .hotelResultCard .htHotelInfo {
        width: calc(100% - 200px);
    }

    .hotelResultCard .htImage li.last:after {
        width: 48.75px;
        height: 48.75px;
    }

    ul.searchBoxMain li.searchCity {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    ul.searchBoxMain li.ht_input.ht_checkout,
    ul.searchBoxMain li.ht_input.ht_checkin {
        width: 50% !important
    }
}

@media screen and (max-width:690px) {
    .hotelSort {
        display: none !important;
    }

    .hotelResultCard .htImage,
    .hotelResultCard .htHotelInfo {
        width: 100%
    }

    .hotelResultCard {
        flex-wrap: wrap;
    }

    .hotelResultCard .htImage li.first img {
        height: 240px;
    }
}

@media screen and (max-width:560px) {
    .hotelResultCard .htHotelInfo {
        display: block;
    }

    .hotelResultCard .htHotelInfo .ht_dt {
        width: 100%;
    }

    .hotelResultCard .htHotelInfo .ht_price {
        width: 100%;
    }

    .priceWrabber {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .priceWrabber .ht_box_price {
        flex: 0 0 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .selectRoom {
        width: 100% !important;
    }

    .PropertyCardPrice--CrossOutSmall {
        font-size: 16px;
        position: relative;
        margin-right: 10px;
        top: -3px;
    }

    .priceFor {
        margin-right: 5px;
    }

    .hotelResultCard .htImage li.last:after {
        width: 100%;
    }

    ul.searchBoxMain li.ht_input.ht_checkout,
    ul.searchBoxMain li.ht_input.ht_checkin {

        width: 100% !important;
        margin: 0 0 10px;
    }

    ul.searchBoxMain li.ht_pax {
        width: 100%;
    }
}


body .ui-datepicker table th,
body .ui-datepicker table td {
    padding: 0 !important;
}

body .ui-datepicker table th a,
body .ui-datepicker table td a,
body .ui-datepicker table td>a {
    border-radius: 0 !important;
    border: 1px solid rgba(0, 173, 69, .06) !important
}

body .ui-slider.ui-slider-horizontal .ui-slider-handle {
    margin-top: 0 !important;
}

.hotelSort input[type=radio] {
    position: absolute;
    opacity: 0
}


.hotelSort input[type=radio]+label {
    display: block;
    margin: 0;
}

.hotelSort input[type=radio]:checked+label {
    background: #5392f9;
    color: #FFF;
}

.hotelSort input[type=radio]:checked+label svg {
    background: #5392f9;
    fill: #FFF;
}

.PriceSlider small {
    font-size: 100%;
    margin-bottom: 20px;
    display: block;
}

body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
    border: none !important;
}

body .ui-datepicker .ui-datepicker-header {
    border: none !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #FFF;
}

body .ui-datepicker table td>a,
body .ui-datepicker table td>a,
body .ui-datepicker table td>span {
    border: none !important;
}

body .ui-datepicker table td>a {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500 !important;
    font-family: 'Mallory', sans-serif;
}


.loader {
    position: relative;
    width: 40px;
}

.loader:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

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

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

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}


@-webkit-keyframes color {

    100%,
    0% {
        stroke: #d62d20;
    }

    40% {
        stroke: #0057e7;
    }

    66% {
        stroke: #008744;
    }

    80%,
    90% {
        stroke: #ffa700;
    }
}

@keyframes color {

    100%,
    0% {
        stroke: #d62d20;
    }

    40% {
        stroke: #0057e7;
    }

    66% {
        stroke: #008744;
    }

    80%,
    90% {
        stroke: #ffa700;
    }
}

.showbox {

    display: flex;
    justify-content: center;
    align-items: center;
}

section.waitloader {
    min-height: 490px;
    display: flex;
    align-items: center;
}

.svgicon svg {
    width: 60px;
}

.no_result {
    text-align: center;
    padding: 40px 0;
}

.hotelResults ._text {
    font-size: 18px;
    padding: 20px;
}

.showbox .loader {
    width: 36px;
    height: 36px;
    position: relative;
    margin: 0 !important;
    border: none !important;
}

.showbox .loaderwrapper {
    background: #FFF;
    padding: 1rem;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.31);
    margin: 40px 0;
    ;
}

.showbox .loaderwrapper .loaderinner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.showbox .loaderwrapper .loadertext {
    margin-left: 10px;
    font-weight: 600;

    color: #000;
    font-size: 18px;
}

.showbox .loaderwrapper .loadersubtext {
    font-size: 16px;
    color: #919191;
    margin-top: 10px;
}

@media screen and(min-width:1200px) {
    .priceWrabber {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}