@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BlackItalic.eot');
    src: url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BlackItalic.woff') format('woff'),
        url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff'),
        url('../fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.eot');
    src: url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBoldItalic.eot');
    src: url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLightItalic.eot');
    src: url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.eot');
    src: url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat-Italic.woff') format('woff'),
        url('../fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-LightItalic.eot');
    src: url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-LightItalic.woff') format('woff'),
        url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.eot');
    src: url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fontst/Montserrat-MediumItalic.woff') format('woff'),
        url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBoldItalic.eot');
    src: url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff'),
        url('../fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ThinItalic.eot');
    src: url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ThinItalic.woff') format('woff'),
        url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
} 

.hotel_name_row_custom{
	max-width:1330px;
	margin:0 auto;
	padding:0;
}
.top-main-cls::before {
	position: absolute;
	content: '';
	background: rgb(0 93 146 / 59%);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.hotel_filter_cls{
	max-height:535px;
	overflow-y:auto;
	scrollbar-width: thin; /* Firefox */
  scrollbar-color: #999 #f1f1f1; /* Firefox: thumb + track */
}
/* Chrome, Edge, Safari */
.hotel_filter_cls::-webkit-scrollbar {
  width: 6px; /* thin width */
}

.hotel_filter_cls::-webkit-scrollbar-track {
  background: #f1f1f1; /* track color */
}

.hotel_filter_cls::-webkit-scrollbar-thumb {
  background-color: #999; /* scrollbar color */
  border-radius: 10px; /* rounded edges */
}

.hotel-search-container .row {
    justify-content: center;
}
#myHotels {
background-image: url(https://www.w3schools.com/css/searchicon.png);
background-position: 10px 12px; background-repeat: no-repeat; width: 20%; font-size: 16px; padding: 10px 11px 10px 35px; border: 1px solid #ddd; margin-bottom: 12px; margin-left: 20px;
}
.caleran-popup, .caleran-container-mobile .caleran-input {
z-index: 99999999 !important;
}
.hotel_search_sec {
    background: #f7f7f7;
    padding: 30px 0;
    width: 100%;
}
.header_sc h2 {
    font-size: 35px;
    color: #fff!important;
    text-align: center!important;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 1.2;
}
.header_sc p {
    font-size: 20px !important;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 400;
    color: #fff !important;
}


div#leftsidebar_id {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    position: sticky;
    top: 100px;
}
.txt-btn-div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    row-gap: 15px;
}
.txt-btn-div p.txt-div {
    background: rgb(235 245 255 / 30%);
    font-weight: 600;
    padding: 10px;
    border: 1px solid rgb(106 179 248 / 43%);
    border-radius: 4px;
}
svg.loading-icon {
    width: 1rem;
    animation: spin 1s linear infinite;
    margin-left: 5px;
}
svg.loading-icon .opacity-25 {
    opacity: .25;
}

.hotel-search-sec {
    height: 500px;
    position: relative;
    border-top: 1px solid #fff;
    background-image: url('../img/bg1-copy.jpg') !important;
    background-position: center 17%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.header_blog_content_new h1 {
    font-weight: 600 !important;
}

.hotel_detail {
    border: 1px #ccc solid;
    border-radius: 10px;
    background: #f3f3f3;
    width: 100%;
    padding: 0;
    display: none;
    margin: 20px auto 0;
    text-align: center;
    font-weight: 600;
}

img.hote-list-ico {
    width: 21px;
    height: 21px;
    border-radius: 0px;
}
.total-night-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.price-txt span.tax-div {
    font-weight: 400;
}
.hotel_detail .room-loading {
    position: relative;
    width: 45px !important;
    display: block;
    margin: 0 auto;
}
.hotel-list .row {
    align-items: center;
}

img.hote-list-ico {
    width: 21px !important;
    height: 21px !important;
    border-radius: 0 !important;
    position: relative;
    left: 0;
    top: 1px;
}
.hotel-list p.txt-img-div {
    position: relative;
    padding-left: 30px;
}
.hotel-content h5 {
    margin-bottom: 15px;
}

.bold-text-title{color:#2e2e2e;}
.homepage-header.header-blog { padding-bottom: 0; }
.header_blog_content { padding-top: 0; }
.contnet-pagedefault { padding-top: 40px; }
.site-logo img { width: 100%; padding: 17px; max-width: 170px; }
.top-bar ul .pt_10 { font-size: 15px; }
.nav-menu li a { font-size: 16px; }
.hotel-search-container {
    padding-left: 0px;
    padding-right: 0px;
}
u{text-decoration-skip-ink: none;}
.search-hotel p, .hotel-detail p, .hotelapi_search p { margin-bottom:0px !important; line-height: 1.2;font-weight: normal;
    font-style: normal; margin-bottom:0px;font-family: 'Montserrat'; font-size:24px;color:#000;padding-bottom:10px; }
p.cf-cls a:hover { color: #ffff; }
p.cf-cls { text-align: center; padding: 0px 10px 0px 10px; color: #fff; font-weight: 500; background: #6ab3f8; width: 55%;
margin-left: 22%; margin-top: 30px; line-height: 34px !important; border-radius: 5px; }
/* text shadow */
.price-txt span { font-size: 12px; }

/* subtle zoom to attention and then back */
.hotel-search-btn, .filter-btn{ background: #ffb700;cursor:pointer; padding: 5px 15px 4px;display:inline-block; border-radius: 5px; }
button#addtocart {
	cursor: pointer;
	background: #ff9f00;
	border: 1px solid #ff9f00;
	color: #fff;
	width: 70%;
	padding: 8px 20px 8px;
	border-radius: 5px;
	font-weight: 600;
	text-align: center;
	float: left;
}

.hotel-detail-blue-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ea-buttonRocking { animation: rocking ease-out 2s infinite; }

@keyframes rocking {
0% { transform: rotate(0deg) }
25% { transform: rotate(0deg) }
50% { transform: rotate(2deg) }
75% { transform: rotate(-2deg) }
100% { transform: rotate(0deg) }
}

.ea-buttonRocking:hover { animation: none !important }

.pop-outin { cursor: pointer; animation: 2s anim-popoutin ease infinite; }
#holdon-overlay{ opacity:999; }
.sk-rect{ opacity:999;	}
@keyframes anim-popoutin {
  0% {
    color: #e03e2d;
    transform: scale(0);
    opacity: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  25% {
    color: #e03e2d;
    transform: scale(2);
    opacity: 1;
    text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
  }
  50% {
    color: #e03e2d;
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    /* animate nothing to add pause at the end of animation */
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
}
.caleran-header { display: none !important; }
form#hotel_api_form label { text-transform: uppercase; }
form#hotel_api_form .form-control, .hotel_list_api_form .form-control{font-size:16px !important;}
.caleran-title .caleran-month-switch, .caleran-title .caleran-year-switch, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-year-switch:hover {
    font-size: 20px;
    color: #fff !important;
}
.caleran-title .caleran-month-switch { font-weight: 600; }
.caleran-prev, .caleran-next { margin-top: 5px !important; color: #fff; }
.caleran-title { background: #68abf1; } .caleran-dayofweek { font-size: 13px !important; }
.caleran-disabled, .caleran-selected, .caleran-not-in-month, .caleran-day{ font-size:14px !important; }
#my_HotelModal,#view_hotel_modal{ top: 85px; z-index: 99999999; }
#my_HotelModal .modal-content ,#view_hotel_modal .modal-content{
	min-height: 395px; width: 64% !important;margin: 0 auto !important;
}
#my_HotelModal .modal-content .form-row ,#view_hotel_modal .modal-content .form-row{
   /* border: 1px solid #ddd;*/
	padding:5px 10px 10px;
	margin: 0!important; border-collapse: collapse; border-top: 0;
}
.searchHotelBtn{cursor:pointer;}
#my_HotelModal .modal-content .form-row.form-row_text, #view_hotel_modal .modal-content .form-row.form-row_text{padding-top:20px !important;}
#my_HotelModal .modal-header .close, #view_hotel_modal .modal-header .close {
	padding: 1rem;
	margin: 0rem -1rem -1rem auto;
	background: #fff;
	opacity: 1;
	color: #333;
	border-radius: 50px;
	width: 33px;
	height: 32px;
	text-align: center;
	padding: 0 !important;
	position: absolute;
	right: 23px;
	top: 0;
	top: 6px;
	z-index: 9;
	font-size: 35px;
	font-weight: 400;
}
#my_HotelModal .plus-minus-input ,#view_hotel_modal .plus-minus-input{ justify-content: space-between; flex-wrap:nowrap;}
#my_HotelModal .modal-body,#view_hotel_modal .modal-body { padding: 0 34px!important; }
#my_HotelModal .modal-header, #view_hotel_modal .modal-header{ border-bottom: none; }
#my_HotelModal label,#view_hotel_modal label { display: inline-block; margin-bottom: .5rem; font-weight: 500; margin-top: 1.7rem; }

#my_HotelModal h2, #view_hotel_modal h2 {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	line-height: 25px;
	padding-top: 5px;
}
button.minus-btn, button.plus-btn {
    width: 25px;
    height: 25px;
    border: none;
}
i.fa.fa-minus, i.fa.fa-plus {
    color: #333;
    font-size: 10px;
    line-height: 28px;
}

.input-group.plus-minus-input {
    border: 1px solid #a3a3a375;
    border-radius: 4px;
    overflow: hidden;
    margin: 0px auto;
    text-align: center;
    margin: 0 0 0 auto;
    max-width: 80px;
}
.hotel-input-group-button{
    cursor: pointer;
    width: 25px;
    height: 27px;
}


.guests_age_cls .col-sm-8 { font-weight: 700; }
#my_HotelModal {
	top: 0px;
	z-index: 9999;
}

#my_HotelModal button.button.hollow.circle {
    margin: 5px;
    border-radius: 90%;
    height: 95%;
    width: 100%;
    color: #6ab3f8;
    border-color: #6ab3f8;
    background: #fff;
}

.multisteps-form__form { position: unset !important; }
#my_HotelModal .childno_cls, #my_HotelModal .adultno_cls {max-width:33px; width:100%;  border: none;  text-align: center;padding: 0 0px 0px 0px; }
button.search-hotel-btn {
    background: #6ab3f8;
    border: 1px solid #6ab3f8;
    color: #fff;
    display: block;
    margin: 0px auto 0;
    max-width: 150px;
    width: 100%;
    padding: 6px 20px 8px;
    border-radius: 5px;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    cursor: pointer;
    line-height: 30px;
}
/* 09-12-2024 */
.multisteps-form__content.guests_age_cls {
    border: 1px solid #7bb2fa;
    margin-bottom: 30px;
	position: relative;
    padding-bottom: 10px;
}
.guests_age_cls .form-row{
	display:flex;
	align-items:center;
	justify-content:start;
}
/* Chrome, Safari, Edge, Opera */
#my_HotelModal input::-webkit-outer-spin-button,
#my_HotelModal input::-webkit-inner-spin-button, #view_hotel_modal input::-webkit-outer-spin-button, #view_hotel_modal input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#my_HotelModal input[type=number] {
  -moz-appearance: textfield;
}


/* 09-12-2024 */
#view_hotel_modal button.button.hollow.circle { margin: 5px; border-radius: 90%; height: 87%; width: 72%; color: #6ab3f8; border-color: #6ab3f8; background: #fff; }

#view_hotel_modal .childno_cls, #view_hotel_modal .adultno_cls {
    width: 40%;
    border: none;
    text-align: center;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
}
#view_hotel_modal button.search-hotel-btn.close {
    background: #6ab3f8;
    padding: 10px;
    font-size: 14px;
}
#my_HotelModal .modal-content .form-row, #view_hotel_modal .modal-content .form-row {
    font-size: 14px !important;
}
.multisteps-form__content.guests_age_cls h2 {
    font-size: 16px!important;
    text-align: left!important;
    background: #fff;
    padding: 10px;
    color: #333 !important;
    margin-top: 0;
    font-style: normal;
    position: absolute;
    top: -22px;
    max-width: 20%;
    left: 10px;
}

.childage_cls.form-control {
  max-width: 80px;
  max-height: 29px;
  margin-left: auto;
}
/* text shadow */

.gallery_cls, .room_gallery_cls {
    padding: 10px 20px;
}
.gallery_cls h2, .room_gallery_cls h2{
    font-size: 20px;
    text-align: center;font-weight: 500;line-height: 29px;font-family: 'Montserrat';
}
.gallery_cls p {
    text-align: center;
    font-weight: 500;
}
.mySlides {display:none;}
.mySlides2 {display:none;}
.w3-display-left{position:absolute;top:55%;left:4%;border: none;
    background: #6ab3f8;
    color: #fff;
	}
.w3-display-right {
    position: absolute;
    top: 55%;
    right: 4%;
    border: none;
    background: #6ab3f8;
    color: #fff;
}

.gallery_cls img, .room_gallery_cls img {
  object-fit: cover;
}

.carousel__item {
  width: 100%;
  position: relative;
  display: inline-block;
  max-height: 365px;
}


.modal.fade.bd-example-modal-xl.show.in { top: 100px;overflow-y:hidden; }
p:last-child{padding-bottom:0}

h1{font-size:40px;line-height:50px;font-family: 'Montserrat';margin-bottom:0px;font-weight:bold;}
h2{font-size:48px;line-height:58px;color:#000;}
h3{font-size:55px;line-height:65px;color:#000;}
h6{font-size:18px;line-height:26px;color:#2e2e2e;font-family: 'Montserrat';font-weight:600;}
img{max-width: 100%;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.pr{position:relative;}
.pa{position:absolute;}
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pt-80{padding-top: 80px;}
.pt-90{padding-top: 90px;}
.pt-100{padding-top: 100px;}
.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}
.pb-90{padding-bottom: 90px;}
.pb-100{padding-bottom: 100px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.ptb-30{padding-top: 30px;padding-bottom:30px;}
.ptb-40{padding-top: 40px;padding-bottom:40px;}
.ptb-50{padding-top: 50px;padding-bottom:50px;}
.box-shadow {
   box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 11%);
}
.pl-0{padding-left:0;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pr-0{padding-right:0px!important;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.plr-15{padding-left:15px;padding-right:15px;}
.plr-30{padding-left:30px;padding-right:30px;}
.plr-40{padding-left:40px;padding-right:40px;}
.white h1,.white p,.white{color:#fff;}
.clear{clear:both;}
.no-repeat{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.white-bg{background-color:#fff;}
.hidden{overflow:hidden;}
.zindex{z-index:9;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}

/*---- Main Css ------*/

/* .search-hotel .col-md-3 {
    border-right: 1px solid #ddd;
} */
.search-hotel p, .hotel-detail p, .hotelapi_search p{font-size:14px;line-height:1.5;}

.w-700{font-weight:700;}
.w-600{font-weight:600;}
.w-500{font-weight:500;}
ul.top-picks-list,ul.star-rating-list {
    list-style: none;
    padding-left: 0;
}
ul.top-picks-list li, ul.star-rating-list li {
    margin-bottom: 10px;
}
ul.top-picks-list li input, ul.star-rating-list li input {cursor:pointer;
    border-radius: 2px !important;
    border: 2px solid #6ab3f8;
}
ul.top-picks-list li label, ul.star-rating-list li label{font-family: 'Montserrat'; text-transform: capitalize; }
ul.top-picks-list li input.form-check-input:focus, ul.star-rating-list li input.form-check-input:focus{box-shadow:none;}
ul.top-picks-list li input.form-check-input:checked, ul.star-rating-list li input.form-check-input:checked {
    background-color: #6ab3f8;
    border-color: #6ab3f8;
}

.slider-sec label {
    display: block;font-size:14px;
	font-family:'Montserrat';
    margin-bottom: 10px;
}
.slider-sec input.slider{width:100%;}
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #6ab3f8!important;
    color: #333333;
    font-weight: bold;
}

.hotel-list .col-md-3{border-right:none;}
.hotel-list h5 {
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 600;
    color: #2e2e2e;
    /* display: flex; */
    align-items: center;
}
.hotel-list p { font-size: 14px; }

.hotel-list .discription_cls {
    font-size: 14px;line-height:1.8;
}
ul.facilities-list { margin-bottom: 0px; }
ul.facilities-list li { padding-left:20px; list-style: none; display: inline-block;font-size:14px; width: 32%;font-family:'Montserrat'; position: relative; padding-bottom: 10px; }
ul.facilities-list li:before { position: absolute; content: ''; background: url(../img/tick.png) no-repeat top left; background-size: 100% 100%; width: 12px; height: 15px; top: 1px; left: 0px; }

ul.facilities-list li.no_facilities:before { position: absolute; content: ''; background: url(../img/icon-xmark-grey.png) no-repeat top left; background-size: 100% 100%; width: 10px; height: 15px; top: 1px; left: 0px; }

p.hoppin-deal { margin-bottom: 8px; background: #3ab157; color: #fff; font-size: 14px !important; padding: 6px 5px; text-align: center; line-height: 20px; font-weight: 600; width: 115px; }
.hotel-list .col-md-8{ max-width:65%;flex:0 0 65%; }
.hotel-list .col-md-2{ max-width:20%;flex:0 0 20%; }
p.price-txt {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
}

a.view-room {
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 14px;
    width: 36%;
    background: #6ab3f8;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-top: 0;
    display: block;
    text-transform: unset;
    text-align: center;
    cursor: pointer;
    text-decoration: underline!important;
}
span.price-label { float: right; }
a.recommended-btn:hover/* , a.view-room:hover */{ color:#fff; }
a.recommended-btn {
    background: hsla(134, 41%, 42%, 1);
    background: linear-gradient(90deg, hsla(134, 41%, 42%, 1) 10%, hsla(134, 48%, 32%, 1) 50%, hsla(135, 63%, 21%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(134, 41%, 42%, 1) 10%, hsla(134, 48%, 32%, 1) 50%, hsla(135, 63%, 21%, 1) 100%);
    background: -webkit-linear-gradient(356deg, hsla(134, 41%, 42%, 1) 10%, hsla(134, 48%, 32%, 1) 50%, hsla(135, 63%, 21%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#3F9854", endColorstr="#2B7A3E", GradientType=1 );
    color: #fff;
    position: relative; padding: 10px 15px 10px 40px; border-radius: 5px; font-family: 'Montserrat'; text-decoration: none;
    font-size: 16px; display: block; text-transform: uppercase; font-weight: 600; margin-bottom: 5px; max-width: 250px;
}
img.thumb-img { position: absolute; top: 10px; width:17px; left: 16px; }

ul.star-rating-list li label { display: flex; align-items: center; }
.star-div { margin-left: 7px; }
.hotel-list p.total-amount {
    font-weight: 600;
    font-size: 15px;
}
i.fa.fa-star, i.fa.fa-star-o, i.fa.fa-star-half-o { color: #ff9f00; }
.hotel-list h5 .star-div { font-size: 16px; }
/* view room css start */

.hotel-detail-blue-heading {
	text-align:center;
	background: #005d92;
	padding: 10px 10px 10px 10px;
	color: #fff;
	position: relative !important;
	z-index: 1 !important;
}

.hotel-detail-blue-heading p { font-size: 16px; color: #fff; font-weight: 600; padding: 0px 20px; line-height: 1.0; }
span.main_header_bottom {
    margin: 0px 50px;
    font-size: 15px;
}
.no-room-available {
    padding: 10px;
}
.hotel-detail h2, .hotel-detail3 h2{font-family:'Montserrat';color:#6ab3f8;font-size:20px;margin-bottom:8px;font-weight:600;}
.rating-location-sec { display: flex; align-items: baseline; }
.rating-location-sec .star-div { margin-left: 0px; margin-right: 10px; }
i.fa.fa-map-marker { margin-right: 10px; font-size: 25px; color:#333333;margin-top:0px;}
.rating-location-sec p {
    font-size: 16px;
    padding-bottom: 0;
}
a.number-txt, a.favorite-txt { color: #fff; margin-left: 14px; text-decoration: none; }
a.number-txt:hover { color: #fff; }
i.fa.fa-phone {
    margin-right: 5px;
    font-size: 18px;
    position: relative;
    top: 2px;
}
i.fa.fa-heart { margin-right: 10px; }
p.show-img-txt { position: absolute; top: 20px; right: 30px; background: #fff; padding: 10px 30px; }
p.show-img-txt a { color: #6ab3f8;font-weight:500; font-size: 18px; text-decoration: none; }
p.show-img-txt a:hover{ color:#ff9f00; }
i.fa.fa-picture-o { margin-right: 10px; color: #6ab3f8; font-size: 20px; }
.grey-bg { background: #f4f4f4; padding: 20px 20px 20px; }

.img1{width:100%;height:100%;object-fit:cover;}
.deal-div {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.f20{font-size:20px;}
.grey-bg h5{font-family:'Montserrat';font-weight:700;
font-size:22px;margin-bottom:20px;}
.grey-bg label{text-transform:uppercase;font-weight:700;}
.search-room-btn { text-align: center; text-decoration: none; display: block; margin: 20px auto 0; background: #ff9f00; border-color:#ff9f00; color: #fff; padding: 8px 20px 12px; border-radius: 5px; font-size: 18px; font-weight: 700; line-height: 24px; text-transform: uppercase; }
.search-room-btn:hover, a.car-btn:hover{ color:#fff; }
img.collage-img { width: 100%; max-width: 275px; height: 125px; }
.hotel-detail3 h5 { background: #EEF7FF; padding: 10px 20px; font-size: 20px; color: #333; font-weight: 600; }
.hotel-detail4 { background: #EEF7FF; padding: 10px 0px 15px; }

.hotel-detail4 h5 { font-family: 'Montserrat'; line-height: 28px; font-size: 18px; font-weight: 600; margin-bottom: 0; }

.room-list img.img5 { object-fit: cover; height: 250px; width: 100%; max-height: 250px; }
.room-list .room_gallery_cls p { font-size: 16px; }

.room-list { border: 1px solid #ddd; border-radius: 5px; padding: 20px; margin-bottom: 20px; }
.room-list .price-txt { font-size: 18px; }
.room-list h5,.hotel-location-sec h5 { font-family: 'Montserrat'; line-height: 28px; font-size: 18px; margin-bottom: 10px; }
.room-list p { font-size: 16px; }

ul.requirement-list li:before { position: absolute; content: ''; background: url(../img/tick.png) no-repeat top left; background-size: 100% 100%; width: 18px; height: 18px; top: 2px; left: -30px; }

ul.requirement-list li { position: relative;
    list-style: none;
    font-size: 16px;
    font-family: 'Montserrat';
    line-height: 25px;
    padding-bottom: 5px;
}
a.car-btn { background: #ff9f00; color: #fff; padding: 8px 20px 12px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}
.no_filterdata h2 {
    color: #eb6b56; font-size: 26px;
}
button.dropdown-toggle {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    outline: none;
}
/* .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle, */ .btn-light:hover{background:transparent !important;}

ul.amenities-list {
    padding-left: 0;
    margin-bottom: 0px;
}

ul.amenities-list li{display:inline-block;width:33%;
list-style:none;margin-bottom:15px;
position:relative;}

ul.amenities-list li .amenities-inner{display:flex;align-items:center;}

ul.amenities-list li .amenities-inner img{max-width:35px;width:100%;margin-right:8px}
ul.amenities-list li .amenities-inner p {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat';
    line-height: 24px;margin-top: 15px;
}
ul.amenities-list li:before {
    position: absolute;
    content: '';
    background: url(../img/icon-amenity-yes.png) no-repeat bottom right;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    bottom: 0;
    left: 30px;
}
ul.amenities-list li:nth-child(2):before, ul.amenities-list li:nth-child(3):before {
    position: absolute;
    content: '';
    background: url(../img/icon-amenity-no.png) no-repeat bottom right;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    bottom: 0;
    left: 30px;
}
/* view room css end */

/* hotel-search css start */
.hotel-search-sec {
	background-attachment:fixed;
    background: url(../img/b3.jpg?v=1.0) no-repeat top center;
    background-size: cover;
	padding-bottom:120px;
    width: 100%;
	padding-top:70px;
    float: left;
    display: inline-block;
}
.calendar-icon {
    position: relative;
}
span.add-on.input-group-addon {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.hotel-detail2 span.add-on.input-group-addon {
    position: absolute;
    right: 30px;
    bottom: 11px;
}
span.add-on.input-group-addon{ right:0px; left:0px; width:8%;top:5px; }
/* .hotel-search-sec .row.part2 {
    margin-bottom: 20px;
} */
.hotel-search-sec .row.part2.enter_date_dv label {
    font-weight: 500;
}
.hotelapi_search .hotel_child_age_cls h5 {
    color: #333 !important;
	margin-bottom:0px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.lightpick__toolbar {
    display: flex;
    justify-content: space-between !important;
}
.hotelapi_search .hotel_child_age_cls {
    margin-top: 20px;
}
.hotelapi_search .hotel_child_age_cls .row {
    align-items: center;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px 0px !important;
}
/* form#hotel_api_form {
    width: 100% !important;
	max-width:980px;
} */
/* form#hotel_api_form {
    background: #ffb700;
    padding: 6px 6px;
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
    width: 100%;
	max-width:1170px;
    display: block;
    margin: 35px auto 0;
    border-radius: 10px;
} */
form#hotel_api_form {
    background: #fff;
    padding: 10px 20px;
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 35px auto 0;
    border-radius: 50px;
}
/* form#hotel_api_form .searchHotelBtn {
    background: #005d92;
    color: #fff;
    border: none!important;
    border-radius: 5px!important;
    line-height: 60px;
    max-width: 170px;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0 0;
    height: 63px;
    font-size: 18px;
} */
form#hotel_api_form .searchHotelBtn {
    background: #005d92;
    color: #fff;
    border: none!important;
    border-radius: 50px!important;
    line-height: 51px;
    max-width: 160px;
    width: 100%;
    display: block;
    margin: 0 auto 0 15px;
    text-align: center;
    padding: 0 0 !important;
    height: 51px;
    font-size: 16px;
}
i.fa.fa-calendar, i.fa.fa-user, i.fa.fa-users {font-size:20px;
    color: #333333 !important;
}
.row.part2.enter_date_dv {column-gap:5px;
    margin: 0 !important;
	align-items:center;
	}
/* .row.enter_date_dv .col-md-4, .row.enter_date_dv .col-md-3 {
	border: 1px solid #d0d0d0;
	min-height: 63.6px;
	border-radius: 7px;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	
	
} */
span.span_cls {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
	padding-left:30px;
}
.row.enter_date_dv .col-md-4, .row.enter_date_dv .col-md-3 {
    border-right: 1px solid #d0d0d0;/* 
    min-height: 63.6px; */
    border-radius: 50px 0px 0 50px;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
form#hotel_api_form input, form#hotel_api_form select {
	padding-left:30px !important;
	border: none !important;
	border-bottom: 0px #ccc solid !important;
	border-radius: 0px !important;
}
form#hotel_api_form select {
    height: auto!important;
    padding: 2px 20px 0 25px !important;
}
.dropdown-toggle.form-control {
    cursor: pointer;
    border: none;
    box-shadow: none;
    text-align: left;
    padding-left: 25px;
    font-size: 14px !important;
	background: rgba(255,255,255,0);
    border-bottom: 0px #ccc solid;
   }
.hotel-search-sec h1 {
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 600;
    text-shadow: 0px 3px 5px rgb(0 0 0 / 13%);
}
/* .enter_date_dv .col-md-3 {
    margin-bottom: 20px;
} */
input.search-hotel-btn {
    background: #eb6b56;
    border: 1px solid #eb6b56;
    color: #fff;
    display: block;
    margin: 20px auto 30px;
    max-width: 190px;
    width: 100%;
    padding: 5px 12px 7px;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    line-height: 30px;
}

.hotel-search-sec .row.part4 {
    justify-content: center;
}
.hotel-search-sec .part2 .col-md-3 label, .hotel-search-sec .part3 .col-md-2 label {
    font-weight: 600;
    font-family: 'Montserrat';
}
.no_filterdata, .no_data_cls {
    padding: 0 40px 40px 40px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    width: 100%;
}
section.lightpick.lightpick--2-columns {
    padding: 0 !important;
}
.lightpick__close-action, .lightpick__next-action, .lightpick__previous-action {
    background-color: transparent !important;
    color: #fff !important;
}
.lightpick__toolbar {
    background: #68acf2 !important;
}
.lightpick__month-title-bar {
    justify-content: center !important;
}

/* datepicker css */

.lightpick__month-title>.lightpick__select {
    border: none;
    background-color: transparent;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 22px;
    font-weight: 700;
    color: #268bd2;
}

.lightpick__month-title>.lightpick__select-months {
    font-weight: 700;
    font-size: 22px;
    margin-right: .5em;
    color: #6ab3f8;
}
.lightpick__month-title { line-height: 35px; }
/* datepicker css */
.page-template-hotel-view .caleran-popup { left: 780px !important; }

.page-template-hotel-view .caleran-box-arrow-bottom:after, .page-template-hotel-view .caleran-box-arrow-bottom:before {
    left: 355px !important;
}
.mapouter, .gmap_canvas{ width:100% !important; }

.caleran-box-arrow-bottom { display: none; }
.modal.fade.room_gallerycls { top: 20%; }
select.childage_cls.form-control {
    font-size: 14px;
}
/* hotel-search css end */
.nodata-cls{
	font-weight:600;
	color:red;
}

/* Hotel listing page css */

.hotel-list img.facilities-icons{
	width: 20px;
	height: 20px;
}
.hotel-list ul.facilities-list li {
	padding: 0;
	margin: 0px 15px 5px 0px;
	width: unset;
	font-size: 14px;
	font-weight:400;
}
.hotel-list ul.facilities-list li:before { display: none; }
.hotel-list ul.facilities-list li svg {	vertical-align: middle; }

.hotel-show-imgs{
	float: right;
	position: relative;
	bottom: 40px;
	right: 11px !important;
	background: #0005;
	padding: 5px 10px;
	border-radius: 5px;
}
.hotel-show-imgs .fa{
	margin-right:unset !important;
	color: #ffffff !important;
}
.hotel-images.modal-dialog{ margin-top: 70px; }

.hotel-list-main-cls .gallery-div button.w3-button {
	background: #00000082;
	padding: 5px 15px;
	border-radius: 5px;
}

.hotel-list .hotel-price-sec{ padding: 0.5rem 0px; }

#view_hotel_modal .modal-body { padding: 0 0px!important; }


.no_hotel_cls{
	padding: 70px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    font-style: italic;
    color: #090e46cc;
    width: 85%;
    margin: 50px auto;
    border: 1px #edf2f5 solid;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
#my_HotelModal label, #view_hotel_modal label {
    font-size: 14px !important;
    margin-top: 1.2rem !important;
}

/* Hotel List Styles */

.hotel-list-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hotel-list {
  margin-bottom:20px;
}
/* Hotel Card Styles */
.hotel-card {
  display: flex;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
}

.hotel-card img {
    width: 255px;
    height: auto;
    object-fit: cover;
    border-radius: 0px !important;
}

.hotel-info {
  padding: 0px 15px 15px;
  flex: 1;
}

.hotel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hotel-sub-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -10px;
}

.hotel-header h3, .hotel-sub-header h3 {
  font-size: 21px;
  margin: 0;
  line-height: 50px !important;
  font-family: 'Montserrat';
}

.stars {
  color: gold;
  font-size: 16px;
}

.location {
  color: #555;
  font-size: 14px;
}

.view-rooms {
  display: inline-block;
  margin-top: 10px;
  color: #0073aa;
  text-decoration: none;
  font-weight: bold;
}
.view-rooms:hover {
  text-decoration: underline;
}
.hotel-info .destination {
    width: fit-content;
    margin-bottom: 5px!important;
    display: inline-block;
    background-color: #d0ebff;
    color: #0c63e4;
    padding: 4px 10px;
    border-radius: 20px;
    text-align: center;
    white-space: nowrap;
	font-weight: 500;
}
p strong {
    color: #474b52;
    font-weight: 600;
}
.room-detail {
    display: flex;
    width: 100%;
    gap: 15px;
    margin-bottom: 10px;
}
.room-detail .col-md-4 {
    width: 100%;
    display: contents;
}

.load-more-wrapper {
    text-align: right;
}

.load-more-btn {
    background-color: #ff9900;
    color: #fff;
    border: none;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.load-more-btn:hover {
    background-color: #e68a00;
    transform: translateY(-2px);
}

.load-more-btn:active {
    transform: scale(0.98);
    box-shadow: none;
}


/* Hotel List New Design css start */


.row.hotel_list_row {
	padding: 30px 30px 30px 15px;
	border-bottom: none;
	max-width: 1330px;
	margin: 15px auto 15px;
	background: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	border-radius: 15px;
	display: flex;
}
.h_img img {
	border-radius: 20px 20px 20px 20px;
	width: auto;
	height: 295px;
	object-fit: cover;
	object-position: center;
}
.hotel_list_row .content-wrap {
	padding-bottom: 0;
	padding-top: 0;
}
.h_name {
	font-size: 20px !important;
	line-height: 1.4;
	margin: 0 0 10px;
	display: inline-block;
}
.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.show-view-btn {
	display: flex;
	align-items: center;
	width: 100%;
	column-gap: 20px;
	margin-top: 20px;
}
.det-btn-wrap {
	text-align: center;
	background: #6ab3f8 !important;
	padding: 10px;
	border-radius: 8px;
	display: block;
	max-width: 165px;
	width: 100%;
	margin-top: 0px !important;
	justify-content: center;
}

.show-view-btn .price-room-div {
	padding: 0 !important;
}
.extra-div-cls {
	background: #f5f9ff;
	padding: 20px !important;
}
.content-wrap.extra-listing-div {
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 20px;
}
.tabs.extra-div-tab {
	display: block;
	max-width: 820px;
	margin: 0 auto;
	padding: 0;
	background: #f5f9ff;
	overflow: hidden;
}
.tabs.extra-div-tab .tab-labels {
	display: flex;
	gap: 8px;
	padding: 12px;
	align-items: center;
}
.tabs.extra-div-tab .tab-content {
	padding: 0 20px;
	background: #f5f9ff;
}
.tabs.extra-div-tab label {
	cursor: pointer;
	padding: 5px 14px;
	border-radius: 50px;
	user-select: none;
	font-weight: 600;
	font-size: 14px;
	color: #3b485f;
	border: 1px solid #d7d7d7;
}
.tabs.extra-div-tab label.active[for="tab1"] {
	background: #f28f0c;
	background: linear-gradient(90deg,rgb(242 143 12) 0%,rgb(252 206 141) 100%);
	color: #fff;
	border: 1px solid #eaeaea;
}
.tabs.extra-div-tab label.active[for="tab2"] {
	background: #085BA8;
	background: linear-gradient(90deg,rgb(8 91 168) 0%,rgb(106 179 248) 100%);
	color: #fff;
	border: 1px solid #eaeaea;
}
.tabs.extra-div-tab label.active[for="tab3"] {
	background: #6008a8;
	background: linear-gradient(90deg,rgb(96 8 168) 0%,rgb(186 169 252) 100%);
	color: #fff;
	border: 1px solid #eaeaea;
}
.tabs.extra-div-tab label.active[for="tab4"] {
	background: #6008a8;
	background: linear-gradient(90deg, rgb(168 74 8) 0%, rgb(248 231 106) 100%);
	color: #fff;
	border: 1px solid #eaeaea;
}
.tabs.extra-div-tab .panel {
	display: none;
	animation: fade-in 200ms ease both;
}
.tab-img-txt {
	display: flex;
	column-gap: 10px;
	align-items: center;
}
.tab-listing-img {
	width: 18px;
}
.content-wrap .extra-div-tab p {
	font-weight: 500;
	color: #333;
	font-family: 'Montserrat',sans-serif;
	margin: 4px 0;
	padding: 0 15px 0 28px;
	position: relative;
}
.tabs.extra-div-tab #panel1 p::before {
	background: #89c35a;
}
#panel1 {
	display: block;
}
.content-wrap .extra-div-tab p::before {
	position: absolute;
	content: '';
	border-radius: 100%;
	width: 6px;
	height: 6px;
	top: 6px;
	left: 8px;
}
.tabs.extra-div-tab #panel2 p {
	position: relative;
	padding-left: 30px;
}
.tabs.extra-div-tab #panel2 p::before {
	background: #f4981f;
}
.tabs.extra-div-tab #panel3 p::before {
	background: #6ab3f8;
}
.show-more-btn {
	color: #265c93 !important;
	cursor: pointer;
	text-decoration: underline;
	font-weight: 600;
}
.detals_tbl_data {
	border: 1px #ccc solid;
	border-radius: 7px;
	background: #f3f3f3;
	width: 100%;
	overflow-x: auto;
	padding: 0;
	display: none;
	margin: 20px auto 0;
	max-width: 1326px;
}
.hotel-list-inner {
	margin: 20px auto 0;
	width: 100%;
}
.hotel-detail {
	margin-bottom: 20px;
	border-bottom: 1px #ccc solid;
	padding: 0 0 0;
}
.hotel-detail:last-child {
  border-bottom: none;
}
.hotel-detail .container_2 {
	padding: 0 15px;
}
.hotel-detail .row {
	column-gap: 0;
}
.hotel-detail .img-hotel {
	overflow: hidden;
	width: 100%;
	height: 200px;
	padding: 0;
	border-radius: 20px;
	object-fit: cover;
}
.hotel-detail h1 {
	font-size: 18px !important;
	text-align: left;
	line-height: 28px;
	padding-left: 0;
	margin: 0;
}
.hoteldescription {
	text-align: left;
}
dd {
	margin-bottom: .5rem;
	margin-left: 0;
}
.hotel-detail .cart-div {
	text-align: left;
	margin-top: 25px;
}
.hotel-detail .cart-div p {
	margin-bottom: 5px;
}
.content-wrap .h_price p {
	font-weight: 500;
	color: #333;
	font-family: 'Montserrat',sans-serif;
	margin: 0 0;
	line-height: 1;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
}
.price-room-div .h_price, .hotel_list_row .h_price {
	align-items: flex-start;
}
.h_price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}
p.per-night-cls {
	font-size: 14px !important;
	line-height: 1;
	padding-top: 2px;
	font-weight: 400 !important;
}
.content-wrap .d-flex.align-items-center.justify-content-between {
	margin-top: 15px;
}
a.show_room_txt {
    text-align: center;
	cursor: pointer;
	float: none;
	margin: 0 auto;
	display: block;
	color: #fff !important;
}

.hotel-detail-blue-heading.sticky.overflow {
	top: 60px !important;
	position: fixed !important;
	z-index: 9;
}
#load-more {
	padding: 6px 10px;
	border: none;
	border-radius: 7px;
	background: none;
	color: #265c93;
	width: 100%;
	font-weight: bold;
	font-size: 18px;
}
.loadmore{
	text-align: center;
  width: 100%;
}
#container {
	margin: 0 auto !important;
}
/* Sidebar Hidden by Default */
.filter-sidebar {
  position: fixed;
  top: 31%;
  right: -300px; /* hidden off-screen */
  width: 300px;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 8px rgba(0,0,0,0.2);
  padding: 20px;
  transition: right 0.3s ease;
  z-index: 9999;
}

@media only screen and (min-width:1400px) and (max-width:1921px){

.filter-sidebar { top: 27%;}
}


.filter-sidebar.overflow{
	top: 18%;
}

.filter-header {
	display: inline-flex;
	width: 100%;
}

#filterSidebar h3 {
	font-size: 18px;
	line-height: 32px;
	width: 88%;
}
/* When Active */
.filter-sidebar.active {
  left: 0;
}

#filterSidebar .close-btn {
	background: #005d92;
	color: #fff;
	border: none;
	padding: 0px 10px;
	margin-top: 0px;
	cursor: pointer;
	border-radius: 50%;
	line-height: -2px;
	margin-bottom: 10px;
}
.universal_orlando_cls .row.part2.enter_date_dv{align-items:flex-start;}
/* Hotel List New Design css end */



@media only screen and (min-width:576px){
.modal-dialog {
    max-width: 700px !important;
    margin: 1.75rem auto;
}
.room_gallerycls .modal-dialog {
    max-width: 80% !important;
    margin: 1.75rem auto;
}
}
@media only screen and (max-width:1600px){

    .hotel-search-container{ max-width:100% !important;width:100% !important; padding: 0 15px; }
}
@media only screen and (max-width:1441px){
	
.page-template-hotel-view .caleran-popup {
    left: 690px!important;
}
}
@media only screen and (max-width:1369px){
	.page-template-hotel-view .caleran-popup {
		left: 580px!important;
	}
}
@media only screen and (max-width:1281px){
	.page-template-hotel-view .caleran-popup {
		left: 535px!important;
	}
}
@media only screen and (max-width:1201px){
	.page-template-hotel-view .caleran-popup { left: 465px!important; }
	form#hotel_api_form{ width:80%; }
}
@media only screen and (max-width:1024px){
	.page-template-hotel-view .caleran-popup {
    left: 285px!important;
}
	form#hotel_api_form{ width:90%; }
	
	a.view-room {
    padding: 10px 12px;
    font-size: 12px;
	}
	form#hotel_api_form label { font-size: 15px; }
	ul.facilities-list li {
    padding-left: 16px;
    font-size: 11px;
    width: 33%;
}
i.fa.fa-star { font-size: 13px; }

}
@media only screen and (max-width:992px){
	.page-template-hotel-view .caleran-popup {
    left: 250px!important;
}
	form#hotel_api_form{ width:100%;border-radius:0px; }
	form#hotel_api_form .searchHotelBtn {border-radius:0px !important;
    margin: 0 auto 0 auto;
}
.row.enter_date_dv .col-md-4, .row.enter_date_dv .col-md-3 {
    border: 1px solid #d0d0d0;
    border-radius: 0px 0 0 0px;
    margin-bottom: 10px;
    padding: 10px;
}
	form#hotel_api_form{ padding:20px; }
	
	.hotel-search-sec {
    height: 700px;}
	
}
@media only screen and (max-width:830px){
	form#hotel_api_form label {
        font-size: 13px;
    }
	form#hotel_api_form .searchHotelBtn{max-width:100%;}
.top-main-cls {
    height: auto;
    padding: 40px 15px 50px!important;
}
	.hoteldiv_main_cls .header_sc {
    padding-top: 0;
}

    .filter-sidebar{
        width: 310px;
        height: 495px;
        overflow-y: auto;
    }
    .row.hotel_list_row {
        padding: 30px 15px 30px 15px;
        margin: 0px auto 15px;
    }
    .hotel_search_sec {
        padding: 0px;
    }
}

@media only screen and (max-width:768px){
	div#myModal {
    padding-top: 30px!important;
    background-color: #ffff!important;
    border-color: #fff!important;
}
	.hotel-detail2 span.add-on.input-group-addon {
    position: absolute;
    right: 30px;
    bottom: 5px;
}
.multisteps-form__content.guests_age_cls h2{max-width:30%;}

	a.room_list-img.property_info_cls {
    margin-left: 28%!important;
}
a.car-btn {
    padding: 8px 14px 12px!important;
    font-size: 13px!important;
}
#my_HotelModal .modal-content, #view_hotel_modal .modal-content {
    min-height: 395px;
    width: 95% !important;
    margin: 0 auto!important;
}
#my_HotelModal .modal-body, #view_hotel_modal .modal-body {
    padding: 0 0px!important;
}
div#cart_hotelapi_div_id {
    padding:0;
}
.caleran-container.caleran-popup { left: 20px !important; }
.page-template-hotel-view form#hotel_list_api_form .form-control { font-size: 12px; }
ul.amenities-list li { width: 32%; }
.hotel-search-sec .part2 .col-md-3 label, .hotel-search-sec .part3 .col-md-2 label { font-size: 14px; }
.hotel-list h5, p.price-txt { font-size: 16px; }
ul.facilities-list li { width: 50%; }
.hotel-list .discription_cls { font-size: 11px; }
.hotel-list p { font-size: 10px; }

.sk-rect{ opacity:999; }
button#addtocart {
    width: 50%;
}

.filter-sidebar {
    top: 34%;
    height: 470px;
    overflow-y: auto;
}

}

@media only screen and (max-width:767px){
	.hotelapi_search p, .header_sc p{display:none;}
	.hotel-search-sec {
    height: 610px;}
	.hotel-detail-blue-heading p{justify-content:center;}
	.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title {
    background: #68abf1 !important;
}
	.header_sc h2 {
    font-size: 22px;
    padding: 10px 0px;
}
.pos-rel {
    position: relative;
    margin-bottom: -5px;
}
	.caleran-container-mobile .caleran-input{ top:300px !important;bottom:inherit !important; }
	.mapouter { text-align: center !important;  margin-top:15px; }
	.hotel-search-sec .row { flex-wrap: nowrap; }
	.room-list .col-md-3 { max-width: 30%;  flex: 0 0 30%;padding-top:10px; }
	.room-list .col-md-7 {  max-width: 70%; flex: 0 0 70%;padding-top:10px;	}
.room-list .col-md-2 {
    max-width:100%;
    flex: 0 0 100%;
}
.hotel-search-sec .row.part2 .col-md-4:nth-child(3) {
    width: 30%;
}
input#mobile_reservation_id {
    margin-left: 0px;width: 90%;
}


.ico-txt {
    display: flex;
}


.hotel_child_age_cls .col-md-2 {
    width: 18%;
}	
.hotel-list .col-md-2:last-child {
    max-width: 30%;
    flex: 0 0 30%;padding-top:10px;
}
.hotel-list .col-md-2 {
    max-width: 100%;
    flex: 0 0 100%;
}
.hotel-list .col-md-8 {
    max-width: 70%;
    flex: 0 0 70%;padding-top:10px;
}
a.room_list-img.property_info_cls {
    top: -35px;
    position: relative;
    text-align: right;
    margin-left: 54%;
    padding: 5px;
    background: #fff;
}
img.img5 {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.hotel-list p {
    font-size: 14px;
}

img.collage-img {
    display: none;
}
#view_hotel_modal i.fa.fa-minus ,#my_HotelModal i.fa.fa-minus{
    right: 0;
}
#view_hotel_modal button.button.minus-btn, #view_hotel_modal button.button.plus-btn,#my_HotelModal button.button.minus-btn, #my_HotelModal button.button.plus-btn {
  /*  background: #fff;
    border: 1px solid #6ab3f8;
    border-radius: 100%;
    padding: 0px 2px;*/
    text-align: center;
    max-width: 21px;
    max-height: 22px;
    font-size: 5px!important;
}
#view_hotel_modal i.fa.fa-plus ,#my_HotelModal i.fa.fa-plus{
    right: 0;
}
#view_hotel_modal i.fa.fa-minus,#view_hotel_modal i.fa.fa-plus ,#my_HotelModal i.fa.fa-minus , #my_HotelModal i.fa.fa-plus{
   /* color: #6ab3f8;*/
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

	.hotel-list .hotel-price-sec{
		padding: 15px 30px;
	}
	.hotel-list p,.hotel-list ul{
		font-size:16px !important;
	}
	
	#my_HotelModal .childno_cls, #my_HotelModal .adultno_cls {
    padding: 0 0 0 0px;
}
#myModal {
	z-index: 99999999;
}
/* new hotel css */
.content-wrap {
    font-family: 'montserrat-regular'!important;
    margin-top: 10px;
}
.tabs.extra-div-tab label {
    font-size: 12px;
}
.detailsDiv {
    padding: 0 0;
}
.extra-div-cls {
    padding: 5px 5px 10px!important;
}
.col-4, .col-5, .col-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.h_img img {
    width: auto;
    height: auto;
}
.detals_tbl_data {
    border-radius: 20px!important;
    margin-bottom: 15px;
}

}

@media only screen and (max-width:570px){
	
	.hotel-search-sec .row {
    flex-wrap: wrap;
}
.hotel-search-sec .row.part2 .col-md-4:nth-child(3) {
    width: 100%;
}

	.hotel_child_age_cls .col-md-2 {
    width: 20%;
}
.hotel-search-sec h2 {
    font-size: 32px;
}
ul.amenities-list li {
    width: 49%;
}
}

@media only screen and (max-width:480px){
	.hotel_child_age_cls label {
    width: 100%;
}
.hotel-search-sec h1 {
    font-size: 35px;
}
.hotel_child_age_cls .col-md-2 {
    width: 100%;
}
.hotel-list .col-md-2:last-child {
    max-width: 100%;
    flex: 0 0 100%;
    padding-top: 10px;
}
.hotel-list .col-md-8 {
    max-width: 100%;
    flex: 0 0 100%;
    padding-top: 10px;
}
.room-list .col-md-3 {
    max-width: 100%;
    flex: 0 0 100%;padding-top:10px;
}
.room-list .col-md-7 {
    max-width: 100%;
    flex: 0 0 100%;padding-top:10px;
}	
ul.amenities-list li .amenities-inner p {
    font-size: 14px;
}
form#hotel_api_form {
    margin: 15px auto 0;
}
}

 @media only screen and (max-width:450px){
	 
	 .hotel-search-sec {
    padding-bottom: 70px;
    padding-top: 40px;
}
	/* .hotel-search-sec {
    height: 560px;
} */ 
 }
 @media only screen and (max-width:420px){
	 
	 .hotel-search-sec h1 {
    font-size: 30px;
}
	 
 }
@media only screen and (max-width:390px){
#my_HotelModal .childno_cls, #my_HotelModal .adultno_cls {
    max-width:25px;
}

}
 @media only screen and (max-width:360px){
	 .hotel-search-sec h1 {
    font-size: 27px;
}

	 
 }
@media only screen and (max-width:320px){
    .hotel-search-sec h1 {
        font-size: 25px;
    }
}
/* End Hotel listing page css */