.skeleton-image{width:100%;max-width:230px;height:220px;border-radius:4px}
.skeleton-star{margin-top:10px;width:20px;height:20px;display:inline-block}
.skeleton-title{height:28px;border-radius:4px;width:60%;display:block}
.skeleton-title2{margin-bottom:25px;height:25px;border-radius:4px;width:80%;display:block}
.holiday-card-info-left{width:100%}
.skeleton-viewBtn{margin:0 auto;width:130px;height:20px}
.skeleton-price{margin:10px auto 10px;width:110px;height:35px}
.skeleton-facilities{margin-top:15px;height:32px;border-radius:4px;width:95%;display:block}
.skeleton-p{margin:5px 0 10px;height:15px;border-radius:4px;width:70%;display:block}
.skeleton-viewEnqBtn{margin-top:10px;width:160px;height:40px}
.skeleton{background-color:#e2e5e7;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-size:40px 100%;border-radius:4px;background-repeat:no-repeat;background-position:left -40px top 0;-webkit-animation:shine 1s ease infinite;animation:shine 1s ease infinite}
@-webkit-keyframes shine{
to{background-position:right -40px top 0}
}
@keyframes shine{
to{background-position:right -40px top 0}
}
.holiday-card{margin:0;padding:10px;display:flex;background-color:#fff;border-radius:4px;box-shadow:0 2px 6px rgba(4,22,67,.2);max-width:100%;overflow:hidden;position:relative;transition:all .35s}
.holiday-card figure{margin:0;padding:0;max-width:230px;min-width:230px;max-height:225px;overflow:hidden;position:relative;border-radius:4px}
.holiday-card figure img{-o-object-fit:cover;object-fit:cover;height:225px;width:100%;border-radius:4px}
.holiday-card .holiday-card-info{margin:0 5px 0 15px;width:100%}
.holiday-card .holiday-card-info h2{margin:0 0 5px;padding:0;font-size:18px;font-weight:600;color:#000}
.holiday-card .holiday-card-info .holiday-star{margin:0 0 7px}
.holiday-card .holiday-card-info .holiday-star i{color:#ffc600;font-size:20px;margin-top:5px}
.holiday-card .holiday-card-info .holiday-star small{border:1px solid #ddd;border-radius:4px;padding:1px 5px}
.holiday-card .holiday-card-info .holiday-star img{margin-right:4px;width:18px}
.holiday-card .holiday-card-info .holiday-card-map{margin-top:5px;padding-left:20px;color:#333;font-size:14px;position:relative}
.holiday-card .holiday-card-info .holiday-card-map img{position:absolute;left:0;top:2px;width:12px;filter:grayscale(1)}
.holiday-card .holiday-card-info .holiday-amneties{margin-top:5px}
.holiday-card .holiday-card-info .holiday-amneties .h3,.holiday-card .holiday-card-info .holiday-amneties h3{margin-bottom:5px;color:#444;font-size:15px;font-weight:600}
.holiday-card .holiday-card-info .holiday-amneties .holiday-facilities{display:flex}
.holiday-card .holiday-card-info .holiday-amneties .holiday-facilities li{margin-right:5px;padding:3px 5px;border:1px solid #ddd;border-radius:3px;display:flex;align-items:center;justify-content:center}
.holiday-card .holiday-card-info .holiday-amneties .holiday-facilities li img{width:16px}
.holiday-card .holiday-card-info .holiday-price{margin:10px 0;color:#000;width:100%}
.holiday-card .holiday-card-info .holiday-price .strike-price{margin-right:10px;color:#676767; display: block; position: relative;    font-size: 15px;}
.holiday-card .holiday-card-info .holiday-price .strike-price:before {content:'';position:absolute;background:red;width:95px;height:2px;top:50%;right:-10px;transform:rotate(-3deg)}
.holiday-card .holiday-card-info .holiday-price small{color:#28a745}
.holiday-card .holiday-card-info .btn{font-weight:600;padding:5px 10px}
.holiday-card .holiday-card-info .text-right{padding-left:20px;position:relative}
.holiday-card .holiday-card-info .text-right::before{content:"";border-left:1px solid #ddd;position:absolute;top:-20px;left:0;height:calc(100% + 40px)}
.holiday-card .holiday-tag{padding:4px 7px;background-color:#ffc107;color:#000;position:absolute;bottom:15px;left:3px;z-index:9;font-size:12px;font-weight:600;border-radius:2px}
.holiday-card:hover{transform:translateY(-2px);box-shadow:3px 7px 20px rgba(4,22,67,.4)}
.side-filter{padding:15px;background-color:#fff;border-radius:4px;box-shadow:0 2px 5px rgba(4,22,67,.2);top:5px;height: calc(100% - 10px);}
.side-filter .ui-button,.side-filter .ui-state-default,.side-filter .ui-widget-content .ui-state-default,.side-filter .ui-widget-header .ui-state-default,.side-filter html .ui-button.ui-state-disabled:active,.side-filter html .ui-button.ui-state-disabled:hover{border:1px solid #e3010c;background:#e3010c;font-weight:400;color:#454545}
.side-filter .ui-widget-header{border:1px solid #e3010c;background:#e3010c;color:#333;font-weight:700}
.side-filter input[type=radio]{width:17px;height:17px;margin-right:5px;vertical-align:text-bottom}
.side-filter input[type=checkbox]{width:17px;height:17px;margin-right:5px;margin-top: 4px; vertical-align:top}

.side-filter .filter-head {margin:0 0 20px;padding-bottom: 5px; border-bottom: solid 1px #ddd}
.side-filter .filter-head .filter-search {margin-bottom: -8px; font-size: 13px;}
.side-filter .star-color i{color:#ffc600}
.side-filter .filter-ul{margin:10px 0 0;max-height:300px;overflow:auto;padding:0}
.side-filter .filter-ul li{list-style:none;margin:0;padding:0 0 7px;cursor:pointer}
.side-filter .filter-ul li label{margin:0 0 0 5px;}
.side-filter .filter-ul li:hover label{color:#000}
.scrollableDiv {max-height: 200px; overflow: auto;}
.filter-hr{display:flex;justify-content:space-between;align-items:center}
.filter-hr .sortbydddiv{margin-left:20px;position:relative;z-index:99}
.filter-hr .sortbydddiv span,.filterBy span{display:block;background:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.2);padding:5px 10px;width:auto;border-radius:6px;font-size:14px;cursor:pointer}
.filterBy span a{display:block;font-weight:600;color:#000}
.filter-hr .sortbydddiv span strong{font-weight:600}
.filter-hr .sortbydddiv ul{position:absolute;display:none;background:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.2);width:165px;right:0;top:100%;padding:0;border-radius:2px 2px 6px 6px}
.filter-hr .sortbydddiv ul li{padding:4px 15px;list-style:none;cursor:pointer;font-size:14px;font-weight:500;border-bottom:1px solid #ddd}
.filter-hr .sortbydddiv ul li:last-child{border-bottom:none}
.filter-hr .sortbydddiv ul li:hover{background:#ddd}
.filter-hr .sortbydddiv:hover ul{display:block}  
.holiday-card.mb-4.filcard.sold_out{filter:grayscale(1);pointer-events:none}
.pointer-none{pointer-events:none}
.side-filter .ui-button,.side-filter .ui-state-default,.side-filter .ui-widget-content .ui-state-default,.side-filter .ui-widget-header .ui-state-default,.side-filter html .ui-button.ui-state-disabled:active,.side-filter html .ui-button.ui-state-disabled:hover{border-radius:50px}
.ui-slider-horizontal .ui-slider-range{top:1px;height:3px}
.ui-widget.ui-widget-content{border:0;width:95%;margin:0 auto}
.ui-slider-horizontal .ui-slider-handle{top:-.4em}
.side-filter .ui-state-default,.side-filter .ui-widget-content .ui-state-default{border:1px solid #dbdbdb;background:#fff8f8}
.side-filter .ui-state-default:focus,.side-filter .ui-widget-content .ui-state-default:focus{outline-color:#e3010c}
.ui-slider-horizontal{background:#e9e9e9;height:3px}
.close-btn,.close-icon,.filter-footer-mobile,.filter-footer-mobile.filter-bar-mobile,.filterBy,.offcanvas-header{display:none}
.flex-clear{flex:0 0 100%}
.filter-bar-mobile{display:flex}
.custom-select-wrapper{position:relative;display:inline-block}
.select-trigger{background:#fff;border:0;box-shadow:0 0 6px 0 rgba(0,0,0,.2);padding:5px 10px;width:auto;border-radius:6px;font-size:14px;cursor:pointer;font-weight:600;overflow:hidden}
.select-options{list-style:none;margin:0;padding:0;position:absolute;background:#fff;border:1px solid #ccc;border-radius:4px;display:none;min-width:150px;z-index:1000;box-shadow:0 2px 6px rgba(0,0,0,.2);right:0}
.select-options li{padding:5px 10px;cursor:pointer}
.select-options li:hover{background:#f9f9f9}
.select-options li.selected{background:#e3010c;color:#fff}
.checkbox{display:flex;align-items:center;margin-bottom:5px}
label{margin:0}
.offcanvas-collapse{position:sticky;top:10px}
.pkg-desc{padding-right:10px}
strong.pkg-price{font-size:20px}
.holiday-card .visited{position:absolute;z-index:9;background:#0000009c;color:#fff;padding:0 5px;border-radius:5px;top:15px;left:15px;font-size:12px}
.pkg-desc{width:70%}
.price-section{width:30%}
@media (max-width:992px){
.offcanvas-collapse{position:fixed;top:0;bottom:0;right:-100%;width:100%;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.2);transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:9999;opacity:0}
.side-filter{box-shadow:none;height:auto;overflow-y:hidden}
.offcanvas-collapse.open{opacity:1;transform:translateX(-100%)}
.close-btn,.close-icon,.filter-head-mob,.filterBy,.offcanvas-header{display:block}
.filter-hr{justify-content:end}
.sortbydddiv.ml-auto{margin-left:0!important}
.scrollable-content{overflow-y:scroll;height:100vh;padding:0 10px 140px 10px}
.filter-head-text{font-size:18px}
.filter-head-text>a{display:block;padding:5px 15px;color:#000}
.filter-footer-mobile.filter-bar-mobile{position:fixed;width:100%;background:#f5f5f5;top:0;left:0;padding:10px 20px;z-index:99;height:60px;box-shadow:1px 1px 4px 0 #00000026;display:flex}
.filter-footer-mobile.filter-bar-mobile{top:auto;bottom:0;margin:0}
.resetall{font-size:16px}
.footerBtn{display:block;width:100%}
.footerBtn:focus{box-shadow:none}
.applyBtn{background:#e3030d;border-radius:0;color:#fff;font-weight:600}
.applyBtn:hover{color:#fff}
.tw_header .tw_nav{margin:0}
}
@media(max-width:730px){
.sk-price{display:none}
.productStatus {position: absolute; left: 0;}
.holiday-card-info{flex-wrap:wrap}
.price-section{flex:0 0 100%;flex-wrap:wrap;display:flex;justify-content:space-between}
.holiday-card .holiday-card-info .text-right{padding-left:0}
.holiday-card .holiday-card-info .text-right::before{content:none}
.holiday-price{margin:0!important;padding:0!important}
.view-dtls{order:1}
.holiday-price{order:2}
.enq_nbtn{order:3;margin-right:0}
.view-dtls .btn{margin:0!important}
.holiday-card figure,.holiday-card figure img{max-height:100%;height:100%}
.w-sm-100{width:100%}
}
@media(max-width:580px){
.holiday-card{flex-direction:column}
.holiday-card figure,.holiday-card figure img{max-height:160px;height:100%;max-width:100%}
.holiday-card .holiday-tag{top:20px;bottom:auto}
.holiday-card-info{margin:10px 0!important}
.holiday-card .holiday-card-info .holiday-star i{font-size:16px}
.holiday-card .holiday-card-info .btn{padding-left:0!important}
.pkg-desc{padding-right:0}
.holiday-card .visited{right:15px;left:auto;top:20px}
}