@charset "utf-8";

/*Popular Hotel*/
.popular-hotels{margin: 0 0 3em 0;}
.popular-hotels .owl-item{overflow: hidden;height: 300px;background: #333333;}
.popular-hotels .item{height: 100%;}
.hotel__details{position: absolute;padding: 1em 1em .6em 1em;right: 0;bottom: 0;left: 0;color: #fff;background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));}
.hotel__name {font-size: 1.2rem;}
.popular-hotels iframe{border:none;}
.popular-hotels video{width: 100%;}

.popular-hotels .owl-nav {position: absolute;width: 100%;top: 35%;z-index: -1;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {font-size: 2.2rem;}
.owl-carousel .owl-nav button.owl-prev {float: left;margin-left: -35px;}
.owl-carousel .owl-nav button.owl-next {float: right;margin-right: -35px;}
.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-prev:focus {background: none;color: var(--web-color3);outline: none}
.owl-theme .owl-nav .disabled {opacity: .2;}
/*Popular Hotel Ends*/

.pagesearch .btn-sm-search{padding: 1px 20px;}
.pagesearch select, .pagesearch input{
    border-radius: 30px;
}
.hlocation {
    margin-bottom: 15px;
}
.filter-wrapper,.list-of-hotel{display: inline-block;vertical-align: top}
.filter-wrapper{width: 20%;margin: 0 3.9rem 0 0;}
.filter__search::placeholder{font-size: .85rem}
.list-of-hotel{width: 74%;}
.clear-filter{color: var(--web-color5)}
.clear-filter span{font-size: .65rem;font-weight: 600;margin-left: 1em}
.clear-filter:hover,.clear-filter:focus{color: var(--web-color2)}
.filter__item{margin: 0 0 1rem 0}
.filter__item__heading{font-size: 1rem;font-weight: 600;}
.more-items{display: none}
.item-toggle-handle a {
    color: var(--web-color5);
    font-size: .9rem;
}
a.filter-icon-mob {position: absolute;right: 30px;top: 30px;font-size: 1.2rem;color: #737373;display: none;}

/*Input Range*/
.filter__price--range{}
.price--range {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.price--range:hover {
  opacity: 1;
}

.price--range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}

.price--range::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

/*ends*/

.custom-control.custom-checkbox {margin: 0 0 .5rem 0;}
.custom-checkbox .custom-control-label::before{background-color: #ffffff;border: 1px solid #adadad;top: .1rem;width: 1.1rem;height: 1.1rem;border-radius: 3px;}
.custom-control-label{width: 100%}
.custom-control-label span:first-child{
    font-size: .9rem;
}
.custom-control-label span:last-child{float: right;color: #a2a2a2;font-size: .8rem;}
.custom-control.custom-checkbox.disabled {
    pointer-events: none;
    opacity: .6;
}


.listbox1{
    border: #dadada 1px solid;
    padding: 15px;
    position: relative;
    margin: 0 0 1em 0;
    border-radius: 2px;
    height: 265px;
    overflow: hidden;
    }
.listimgbox{width: 25%;position: relative;left: 0;height: 100%;overflow: hidden;float: left;/* border: #fff 5px solid; */background-color: #eaeaea;}
.listimgbox .offer-ribbon{position: absolute;left: -1.3em;top: -1.3em;height: 50px;width: 95px;padding: 2.3em 0 0;text-align: center;background-color: rgba(232, 11, 11, 0.7);color: #fff;font-size: .8rem;transform: rotate(-45deg);transform-origin: bottom;text-transform: uppercase;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);}
.listcontent{width: 51%;padding: 0 15px;float: left;}

.listshortdes{width: 25%;position: absolute;right: 0;float: left;background: #f3f3f3;/* border-left: #e0e0e0 1px solid; */top: 0;bottom: 0;padding: 15px 20px;}
.listcontent h4 small{display: block;margin: 3px 0 25px 0;}
.haddess p,.listshortdes p,.view-map{font-size: .9rem;}
.haddess p{margin-bottom: 0;text-transform: capitalize;}
.haddess p.hotel-address {color: var(--web-color5);}
.haddess a{color: var(--web-color4);text-transform: lowercase;}
.haddess{margin-bottom: 15px;}

.item-heading{font-size:1rem;text-transform: capitalize;font-weight: 600;}
.listcontent.listcontent-mob .item-heading{font-size: 1.2rem;font-weight: 600;color: #000;}
.hotel-deal{border: 1px solid var(--web-color2);padding: .2rem .5rem;color:var(--web-color2);font-size: .7rem;border-radius: 3px;font-weight: normal;text-transform: uppercase;float: right;margin: .2rem 0 0 0;background: #fff;cursor: pointer;}
.hotel-deal:hover{background-color: var(--web-color2);color: #fff;}

.hotel__price{display: inline-block;}
.hotel__price span:first-child{font-size: 1.3rem;font-weight: 600;color: #333;line-height: 1.3;}
.hotel__price span:first-child i{font-size: 1.2rem}
.hotel__view-details-btn{font-size: .8rem;border-bottom: 2px solid #c3c3c3;float: right;margin: 1.7rem 1.5rem 0;color: #6d6d6d;font-weight: 600;}
.hotel__booking-btn{float: right;margin: 1.4rem 0 0;border: none;background-color: var(--web-color4);color: #fff;border-radius: 45px;font-size: .8rem;padding: .2rem .6rem;}
.hotel__booking-btn:hover{box-shadow: 0px 1px 3px #ccc;background-color: #2f5e75;transition: .5s}

.oyo__listcontent{width: 75%;padding: 0 15px;float: left;}
.hotel__oyo-booked-info,.hotel__oyo-hotel-rating{border: 1px solid var(--web-color4);padding: .1rem .7rem;color: var(--web-color4);border-radius: 3px;margin: 0 0 1rem 0;display: inline-block;font-size: .8rem;}
.hotel__oyo-hotel-rating{color: var(--web-color2);border-color: var(--web-color2);float: right;margin: 1.5rem 0 0 1.5rem;}
.hotel__oyo-hotel-rating span{text-transform: uppercase;font-size: .8rem}
.oyo__hotel-price{display: inline-block;}
.oyo__hotel-final-price{font-size: 1.3rem;font-weight: 600;color: #333;line-height: 1.3;}
.oyo__hotel-original-price{margin: 0 1rem;text-decoration: line-through;font-size: .9rem;}
.oyo__hotel-offer-discount{background-color: var(--web-color5);font-size: .7rem;border-radius: 3px;border:none;color: #fff;padding: 2px 8px}


.listcontent .fa-star{color: #000000;font-size: .8rem;letter-spacing: 1px;}
.amenities-icons{cursor: pointer;border: 1px solid #ccc;border-radius: 3px;padding: 4px 5px;font-size: .8rem;color: #989898;margin-left: .6rem;}
ul.iconlist {display: inline-block;}
.iconlist li{padding: 3px 0;display: inline-block;}
.iconlist li i{
    padding: 5px;
    height: 25px;
    width: 30px;
    text-align: center;
    color: #656565;
    font-size: 1.1rem;
    }
ul.divider li {
    position: relative;
}

ul.li-block li {
    display: inline-block;
    font-size: .9rem;
}
ul.divider li:after {
    content: '';
    position: absolute;
    width: 1px;
    top: 4px;
    bottom: 20px;
    background: #a7a7a7;
    right: 9px;
    z-index: 1;
    height: 15px;
}
 ul.divider li:last-child:after{display: none;}
 .hlocation li.active
 {
     font-weight: bold;
     color: var(--web-color5);
 }
 .ecoquicklink a {
    text-decoration: underline;
    display: block;
    padding: 2px 0;
}
.hlocation li {
    padding: 0 20px 0 0;
}
.iconlist.d-block li{display: inline-block;list-style-type: inherit;margin: .2rem 0;}
.iconlist li i.icon-water-sports{font-size: 1.3em;}

.photocount{
    position: absolute;
    background: rgba(0, 0, 0, 0.75);
    padding: 2px 8px;
    color: #fff;
    bottom: 10px;
    right: 0;
    cursor: pointer;
    border-radius: 3px 0 0 3px;
    }
.listimgbox:hover .photocount{background: rgba(246, 70, 29, 0.82);}
.text-orange{color:#f6461d }

.hotel-likeicon {position: absolute;right: 10px;top: 10px;background-color: #fff;height: 25px;width: 40px;border-radius: 7px;padding: 3px;display: grid;align-items: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);text-align: center;}
.hotel-likeicon  a{font-size: .8rem;color: #333;}
.hotel-likeicon:hover a{color: #f84525;;}
.list-of-hotel .pageicon3 li a {display: inline;padding: 0;}
.list-of-hotel .pageicon3 li {
    display: grid;
    padding: 0;
    align-items: center;
    text-align: center;
}
.pageicon31  a.active, .pageicon31  a:focus{color: #f84525;}
.pageicon31  a.active, .pageicon31  a:focus {color: #f84525;}
.listimgbox img{width: 100%;height: 100%;object-fit: cover;}
.listshortdes p{padding-left: 26px;position: relative;margin-bottom: 0.5em;}
.listshortdes i{position: absolute;left: 0;top: 4px;color: #9c9c9c;}
.listshortdes .btn{ margin-top: 10px; font-size: 0.8em;}

.view-map{display: block;
    color: var(--web-color5);
    position: absolute;
    bottom: 10px;
}
.view-map:hover{color:var(--web-color5);text-decoration: underline;}
.hotelproximity{padding-bottom: 35px;}


.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color: #ff5200;}
.custom-control-input:checked~.custom-control-label::before{background-color: #ff5200;}

/*Media*/
@media (max-width: 1024px){
.list-of-hotel {
    width: 73%;
}
.filter-wrapper {
    margin: 0 3rem 0 0;
}

    
}

@media (max-width :992px){
.sortby ul {
    padding: 0 3em 0 0;
}
a.filter-icon-mob{display: block;}
.list-of-hotel {
    width: 100%;
}
.listbox1{min-height: 255px}
.filter-wrapper {
    display: none;
    width: 100%;
    margin: 0 0 3em 0;
    padding: 0 0 2em 0;
    border-bottom: 1px solid #e0dddd;
}

}

@media (max-width :768px){
    .listcontent{width: 100%;padding: .5em 0;float: none;}  
       
    .haddess {margin-bottom: 0;}

    .listimgbox {width: 90px;height: 90px;border-radius: 4px;margin: 0 1em 0 0;}
    .listimgbox img{width: 100%;}
    .listimgbox .offer-ribbon {
        left: -1.5em;
        top: -1.5em;
        height: 40px;
        width: 80px;
        padding: 2.3em 0 0;
        font-size: .6rem;
    }
    .pageicon31 {
        right: 5px;
        top: 5px;
        height: 20px;
        width: 32px;
        border-radius: 4px;
    }
    .pageicon31 a {
        font-size: .8rem;
    }
    .photocount{display: none}
    .listbox1{min-height: auto;height: auto;margin: 0 0 2em 0;}
    .listbox1:last-child{border:none;}
    .listshortdes {width: 100%;position: inherit;float: none;background: none;padding: 0;}
    .listshortdes p{margin-bottom: 0px;width: calc(100%/3 - calc(5px));display: inline-block;text-align: center;padding: 0 .5em;vertical-align: top;border-right: 1px solid #eaeaea;}
    .listshortdes p:nth-child(4){border: none}
    .listshortdes i {
    position: relative;
    display: block;
    font-size: 1.7rem;
    margin: 0 0 .5em 0;
    color: #a2a2a2;
}
.view-map {
    text-align: center;
}
.iconlist.d-block li {
    margin: .2rem .5rem;
}
.iconlist li:first-child{margin-left: 0}
.iconlist li:first-child i{padding-left:0 }

}
 @media(max-width: 576px){
.listshortdes i {
    font-size: 1rem;}
.iconlist.d-block li {
    margin: .2rem;
}
.hotel-deal{margin: 0}
.popular-hotels .owl-nav{position: unset;}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{float: none;font-size: 1.6rem;width: 40px}
.view-map{position: inherit;bottom: 0;}
}

@media (max-width: 430px){
.listbox1{padding: 0;box-shadow: 1px 1px 4px #e0e0e0;}
.listcontent {padding: 1em 1em 0 1em;}
.listimgbox {margin: 1em 1em 0 1em;}
.listshortdes{background: #f3f3f3;padding: 1em;}
.listshortdes p {
    width: 100%;
    text-align: left;
    padding: 0;
    border: none;
    margin: 0 0 .5em 0;
}
.listshortdes i{display: inline;margin: 0 .5em 0 0 }
.view-map {text-align: left;}
.hotel__name {
    font-size: 1.2rem;
}
.item-heading{font-size: 1rem;}
.hotel-deal{font-size: .6rem;}
.listcontent.mobileaminities{clear: both;}
.listcontent.listcontent-mob .item-heading{font-size: 1rem;}
.listcontent .fa-star{font-size: .6rem;}
}