/*
 *  zyrgon-calendar.css alpha | http://zyrgon.com | (c) 2020
 */

.zcalendar{
	margin-left:auto;
	margin-right:auto;	
	position: relative;
    z-index: 8;
    width: 1096px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-family: 'Manrope', sans-serif;
    overflow:unset;
}

.section2 .zcalendar {
	position: absolute;
	background-color: #fff;
	left: calc(50% - 533px);
	box-shadow: 0px 3px 25px #00000029;
	width: 1024px;
	padding: 20px 30px;
	border-radius: 4px;
	top: 95px;
}

.section2 .zc-month {
    width: 450px;
}

.calendar-bottom {
	width: 1096px;
	margin-left:auto;
	margin-right:auto;
	border-top: 1px solid #E6E6E6;
	/*margin-top:30px;*/
	display: inline-block;
	padding: 10px 0px 9.5px 0px;
}
 
.zc-month-info {
	text-align:center;	
	margin-bottom: 17px;
	height: 28px;
	line-height: 22px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 13px;
	color: #273240;
}

.zc-month-name {
	margin-right:5px; 
	text-transform: capitalize;
}

.zc-btn {
	background-color: transparent !important;
	border-color:transparent !important;
	color:inherit;
	border-width: 1px;
  	border-style: solid;
	text-align: center;
	vertical-align: middle;
  	text-decoration: none;
  	display: inline-block;
  	margin:0;
	width:32px;
	color:inherit;
	border-width: 0;
  	height: 32px;
  	font-size: 26px;
  	cursor: pointer;
  	user-select: none;
  	padding:0;
}

.zc-btn img  {
	/*width:100%;
	height: 100%;*/
	width: 28px;
	height: 28px;
	vertical-align: top;
}

.zc-btn:focus {
	outline:none;
}

.zc-btn-prev {
	position: absolute;
	top: 0px;
	left: 0px;
}

.section2 .zc-btn-prev {
    top: 20px;
    left: 30px;
}

.zc-btn-next {
	position: absolute;
	top:0px;	
	right:0px;
}

.section2 .zc-btn-next {
    top: 20px;
    right: 30px;
}

.zc-months {
	width:auto;
	/*margin-left:20.5px;
	margin-right: 20.5px;*/
}

.zc-months:after {
	display: block;
    content: "";
    clear: both;
}

.zc-month {
	width: 510px;
	display: block;
	float:left;
	user-select: none;
}

.zc-month:nth-child(2){
	float:right;
}

.zc-month:nth-child(2),.zc-month:nth-child(3),.zc-month:nth-child(4) {
	display: none;
}

.zcalendar .zc-month:nth-child(2) {
	display: block;
}

.zcalendar .zc-month:nth-child(3) {
	display: none;
}

.zcalendar .zc-month:nth-child(4) {
	display: none;
}

.zhs-calendar{
	display:none;
}

.gray-close {
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url(/icons/x-close.svg);
	height: 16px;
	width: 16px;
}

.zc-date * {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10+ and Edge */
	user-select: none; /* Standard syntax */
	pointer-events: none;
	font-family: 'Manrope', sans-serif;
}

.zc-minimum-stay {
	width: 15px;
	position: absolute;
	top: 1px;
	height: 15px;
	left: 1px;
	font-size: 9px;
	border-radius: 0px 0px 4px 0px;
	background-color: rgba(200,200,200,0.3);
}

.zc-dates,.zc-weekdays {
	user-select: none;
	font-size:0px;
	text-align:center;
	vertical-align: baseline;
	margin-bottom: 10px;
}

.zc-date, .zc-weekday{
	font-size:16px;	
	text-align:center;
	display: inline-block;
	width: 14.285%;
	/* width: 72px;
    height: 54px; */
	padding:0px;
	background: transparent;
	vertical-align:top;
	position: relative;
}

#index_form .zc-date {
	width: 72px;
    height: 54px;
}

#index_form .zc-weekday {
	width: 72px;
}

.zc-weekday{
	line-height:16px;
	height:16px;
	font-size:11px;
	text-transform: uppercase;
	margin-top:0px;
	/*margin-bottom:6px;*/
	border-color:transparent;
	color: #9C9C9C;
	font-weight: 600;
}

.zc-date .zc-date-inner {
	width: 98%;
	height: 54px;
	margin-bottom: 1px;
}

[data-unix] .zc-date-inner {
	border: 1px solid #E6E6E6;
}

[data-disabled="true"] .zc-date-inner {
	border: 0px;
}

.zc-date-box{
    width: 100%;
	background: transparent;
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid transparent;
}

.zc-date-date{
	font-size: 14px;
  	font-weight: bold;
	line-height:20px;
	margin-top:4px;
}

.zc-date-price{
	font-size: 11px;
}

.zc-date-price-decimals{
	font-size: 10px;
}

.zc-date[data-disabled] {
	cursor: not-allowed;
	pointer-events: none;
}


/* dim out dates that are not in range, and that are disabled */
.zc-date[data-disabled]:not([data-in-range]) .zc-date-box,.zc-date[data-disabled]:not([data-in-range]):hover .zc-date-box{
	opacity: 0.5;
}

.zc-date[data-gray] .zc-date-box , .zc-date[data-gray]:hover .zc-date-box ,  
.zc-date[data-open='false'] .zc-date-date , .zc-date[data-open='false']:hover .zc-date-date {
	text-decoration: line-through;
}

.disabled-date {
	position: absolute!important;
	right: 0px;
	top: 0px;
	background-image: url(/icons/x-close.svg);
	height: 16px;
	width: 16px;
	z-index: 220;
	pointer-events: none;
}

.disabled-date:after { 
	content: attr(data-distitle);
	position: absolute;
	z-index: 220;
	color: #fff;
	background: #273240;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	border-radius: 4px;
	text-align: center;
	font-size: 11px;
	white-space: nowrap;
	padding: 4px 6px;
	left: 13px;
	top: 16px;
}

.disabled-date:hover:after { 
	opacity: 0;
	visibility: hidden;
}


.zc-date[data-in-range] .zc-date-inner  {
	background: #F5F5F5;
}


/* in range wrap */
.zc-date .zc-date-inner {
	position: relative;
}

.zc-date[data-unix]:not([data-disabled]):hover .zc-date-inner {
	background: #E6E6E6;
}

.zc-date[data-start] .zc-date-inner, .zc-date[data-end] .zc-date-inner , .zc-date[data-first="true"] .zc-date-inner {
	background: #FEC437!important;
	border: 1px solid #FEC437;
	color: #fff;
}

.zc-date[data-start]:hover .zc-date-inner, .zc-date[data-end]:hover .zc-date-inner {
	background: #E6B132!important;
	border: 1px solid background: #E6B132;
	color: #fff;
}


/* on hover */
.zc-date[data-unix]:not([data-disabled]):hover,.zc-date[data-first] {
	cursor: pointer;	
}


/* promo date a little dot is on zc-date-box */
[data-promo="true"] {
	position: relative;
}

[data-promo="true"] .zc-date-box:after {
	content:'';
	position: absolute;
	background: #455A64;
	top:4px;
	right:10px;
	border-radius:5px;
	height: 6px;
	width:6px;
	z-index: 200;
}

[data-promo="true"]:hover .zc-date-box:after {
	/*top:8px;*/
	right:4px;
}

[data-promo="true"][data-in-range] .zc-date-box:after,
[data-promo][data-unix]:hover .zc-date-box:after {
	background: #FFF;
}

.package-page-searchbar-section [data-promo="true"][data-in-range] .zc-date-box:after,
.package-page-searchbar-section [data-promo][data-unix]:hover .zc-date-box:after ,
.package-page-searchbar-section [data-promo="true"] .zc-date-box:after {
	background: transparent!important;
}

[data-promo="true"][data-start] .zc-date-box:after,
[data-promo="true"][data-end] .zc-date-box:after {
	right:5px;
}

.zcalendar-top {
	display: none;
}

.zc-info-bar {
	font-size: 13px;
	font-family: 'Manrope', sans-serif;
	margin-top:17.5px;
	margin-left:20.5px;
	padding-bottom: 15px;
    margin-bottom: 9px;
    width: calc( 100% - 45px);
}


.zc-info-bar-promo {
	content:'';
	margin-left:40px;
	height: 6px;
	width:6px;
	background: #455A64;
	display: inline-block;
    margin-bottom: 3px;
    border-radius:5px;
}



.zc-date[data-start="true"] .zc-date-inner {
	border-radius: 4px 0px 0px 4px;
}

.zc-date[data-end="true"] .zc-date-inner {
	border-radius: 0px 4px 4px 0px;
}

.opacity {
	opacity: 0.2;
}

#dates .number_of_nights {
	float: right;
	font-weight: normal;
}

.search-button .number_of_nights {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: -3px;
}

.mobile-submit {
	display: none;
}


/* TOOLTIPS */
.zcalendar [data-title]{
	position: relative;
}

.zcalendar [data-title]:after {
	content: attr(data-title) '\a' attr(data-minimum-stay-message) '\a' attr(data-maximum-stay-message);
	position: absolute;
	z-index: 220;
	color: #fff;
	background: #273240;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	border-radius: 4px;
	text-align: center;
	font-size: 11px;
	padding: 4px 6px;
	left: calc(50% - 30px);
	bottom: 52px;
	transition: .3s ease-in-out;
	min-height: 42px;
	min-width: min-content;
    line-height: 1rem;
	pointer-events: none;
	white-space: pre;
}

.zcalendar .zc-date[data-end="true"] [data-title]:after {  
	left: calc(50% - 34px);
}

.zcalendar [data-title="Check-out"]:after {
	left: calc(50% - 34px);
}

.zcalendar [data-title]:before{
	content:'';
	position: absolute;
	height: 0px;
	width: 0px;
	opacity: 0;
    visibility: hidden;
	border-color: #273240 transparent;  
	border-style: solid;
	border-width: 5px 5px 0px 5px;
	left:calc(50% - 5px);
	z-index: 200;
	top: 3px;
	transition: .3s ease-in-out;
}

.zcalendar [data-title]:not([data-disabled]):hover:after,
.zcalendar [data-title]:not([data-disabled]):hover:before {
   	opacity: 1;
    visibility: visible;
	
}

.zcalendar [data-title]:not([data-disabled]):hover:after {
	bottom: 56px;
}

.zcalendar [data-title]:not([data-disabled]):hover:before {
	top:-2px;
}

.zc-close{
	position: absolute;
	top:10px;
	right:10px;
	display: none;
	cursor: pointer;
	width:30px;
	height:30px;
	padding:7.5px;
}

.zc-close img{
	width:15px;
	height: 15px;
}

.as-cal-wrap{
	position: relative;
}

#as-cal,.as-cal{
	position: absolute;
	margin-left:auto;
	margin-right:auto;	
	background: #1E2023;
	color:#fff;
	position: relative;
	/*overflow: auto;*/
    z-index: 2;
    
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-family: 'Manrope', sans-serif;
    display:none;
    height: 490px;
    width: 485px;
    position: absolute;
    left: -294px;
    overflow:unset;
    padding-top: 21px;
}

.as-cal {
	left:15px;
}

#as-cal .zc-btn,.as-cal .zc-btn{
	top: 20px;
}

.loader {
	display: none;
	width: 26px;
    height: 6px;
    background-color: #E6E6E6;
    border-radius: 20px;
    position: relative;
    margin: 11px auto;
}


.loader-ball {
	width: 23px;
    height: 6px;
    background-color: #f5f5f5;
    border-radius: 20px;
    position:absolute;
    animation: loader 0.7s infinite;
    animation-direction: alternate;
}


.mobile-weekdays , .mobile-accept-dates {
	display: none;
}


#hotel_search .search  {
	position: relative;
}

.single_hotel_inputs #hotel_search .search,
.single_hotel_inputs #hotel_search #btn-search {
	width: 100%;
}

#new_criteria_popup {

	display: none;
	position: absolute;
	top: 65px;
	background-color: #273240;
	color: #fff;
	border-radius: 4px;
	right: 0px;
	min-width: max-content;
	padding: 10px;
	font-size: 14px;
	font-weight: lighter;
	z-index: 10;

}

#new_criteria_popup::after {

    bottom: 100%;
	right: 26px;
	border: solid transparent;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-color: transparent;
    border-right-width: medium;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-width: medium;
	border-top-color: transparent;
	border-top-width: medium;
	border-right-color: transparent;
	border-right-width: medium;
	border-bottom-color: transparent;
	border-bottom-width: medium;
	border-left-color: transparent;
	border-left-width: medium;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(39, 50, 64, 0);
	border-bottom-color: rgba(39, 50, 64, 0);
	border-bottom-color: rgba(39, 50, 64, 0);
	border-bottom-color: #273240;
	border-width: 8px;
	margin-left: -65px;

}




@keyframes loader {
  from {left: 0px; width: 23px}
  to {left: 24px; width: 6px}
}

/* between the bootstrap 120 and tablet mode */
/*@media(max-width: 1199px)  and (min-width: 991px){
	.zcalendar{
		width:960px;
	}

}*/




/*screen height small*/
@media (max-height: 700px) {

	.zcalendar{
		/*height: 443px;*/
	}
	.zc-date[data-end] .zc-date-inner:after,.zc-date[data-start] .zc-date-inner:after{
		height: 45px;
		width:15px;
	}	
	.zc-date .zc-date-inner{
		/*height: 45px;*/
		/* margin-top:2.5px;
		margin-bottom:3.5px; */
	}

	.zcalendar [data-title]:after  {
		bottom:56px;
	}

}




/*Screen width mobile mode */
@media(max-width: 1279px) {

	.header-top-spacer {
		height: 70px!important;
	}

	#mobile-search-button , .search-button {
		display: none;
	}

	.mobile-submit {
		display: block;
		height: 48px;
		background: #FEC437;
		border-radius: 4px;
		color: #fff;
		font-family: 'Manrope', sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin-top: 26px;
		width: 100%;
	}

	.mobile-i-have-a-code {
		display: inline-block;
		width: 20px;
		height: 20px;
	}

	.mobile-i-have-a-code .mdc-checkbox {
		padding: 0px;
	}

	.mobile-i-have-a-code .mdc-checkbox__background {
		position: static;
	}

	.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate="true"]:enabled ~ .mdc-checkbox__background {
		border-color: #273240 !important;
		background-color: #273240 !important;
	}

	.inputs .promo_code .input_title {
		display: inline-block;
		margin-left: 10px;
		font-weight: 500;
		font-size: 14px;
	}

	.promo_code {
		padding-top: 30px;
	}

	#occupancy_dropdown .select-room-title {
		font-size: 16px;
	}

	.select-room-holder .select-adults-title, .select-room-holder .select-child-title {
		font-size: 16px;
	}

	.inputs .input_title {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.inputs #hotels, .inputs #calendar_dates {
		height: 52px;
	}

	.check-in-mobile span {
		width: 49.5%;
		display: inline-block;
	}

	[data-promo="true"] .zc-date-box:after{
		right:4px;
	}

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

	.zc-month-info {
		font-size: 14px;
		padding: 0px 20px;
		margin-bottom: 40px;
		text-align: left;
	}

	.zc-date[data-start] .zc-date-inner:after{
		width:15px;
		right:-11px;

	}	

	.zc-date[data-end] .zc-date-inner:after{
		width:15px;
		left:-10px;
	}

	.zc-info-bar-promo{
		margin-left:5px;
		margin-bottom:5px;
	}

	.zc-close , .zc-weekdays{
		display: none;
	}

	.zc-months {
		margin-left:0;
		margin-right:0;
	}

	.zcalendar .zc-month:nth-child(3) {
		display: block;
	}

	.section2 .zcalendar {
		position: relative;
		z-index: 28;
		margin-top: -2px;
		box-shadow: none;
		border-radius: 0px;
		margin-bottom: 190px;
		width: 375px;
		margin-top: 70px;
		left: 0px;
		top: 60px;
		padding: 0px;
	}

  	#index_form {
	    width: 100%;
	    position: relative;
	    display: inline-block;
	}

  	.zcalendar {
    	margin-bottom: 150px;
    	width: 375px;
    	margin-top: 132px;
		overflow-x: hidden;
  	}

	.mobile-weekdays {
		background-color: #f5f5f5;
		border-bottom: 1px solid #DFDFDF;
		position: fixed;
		top: 64px;
		z-index: 10;
		width: 100%;
		left: 0;
		display: block 
	}

	.section2 .mobile-weekdays {
		z-index: 31;
	}

	.mobile-weekdays > div {
		width: 375px;
		margin: 0 auto;
	}

	.mobile-weekdays span {
		display: inline-block;
		width: 50px;
		text-align: center;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 11px;
		padding: 15px 0px;
	}

	.zc-month , .section2 .zc-month {
		width: 100%;
	}

	.calendar-bottom {
		display: none;
	}

	.zcalendar-wrap {
		display: none;
		background-color: #fff;
		width: 100%;
		position: absolute;
		top: 0px;
	}


	.section2 .mobile-weekdays {
		z-index: 31;
	}

	.mobile-weekdays > div {
		width: 375px;
		margin: 0 auto;
	}

	.mobile-accept-dates {
		display: block;
		position: fixed;
		bottom: 0px;
		box-shadow: -2px -2px 20px #00000029;
		width: 100%;
		background-color: #fff;
		z-index: 100;
		left: 0;
		text-align: center;
		padding: 15px 20px 20px 20px;
	}

	.mobile-accept-dates .calendar-info {
		justify-content: center;
		margin-top: 20px;
	}

	.mobile-accept-dates .calendar-info div {
		display: flex;
		align-items: center;
		gap: 20px;
		color: #9C9C9C;
		border: unset !important;
		padding: unset !important;
	}

	

	#index_form .zc-date {
		width: 14.285%;
		height: unset;
	}
	
	#index_form .zc-weekday {
		width: 14.285%;
	}

	.mobile-weekdays span {
		display: inline-block;
		width: 50px;
		text-align: center;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 11px;
		padding: 15px 0px;
	}

	.zc-month , .section2 .zc-month {
		width: 100%;
		margin-top: 20px;
	}

	.calendar-bottom {
		display: none;
	}

	.zcalendar-wrap {
		display: none;
		background-color: #fff;
		width: 100%;
	}

	.zcalendar-top {
		position: fixed;
		top: 0;
		width: 100%;
		background-color: #fff;
		z-index: 29;		
		left: 0;
		display: block;
	}

	.section2 .zcalendar-wrap {
		z-index: 30;
	}


	.mobile-accept-dates {
		display: block;
		position: fixed;
		bottom: 0px;
		box-shadow: -2px -2px 20px #00000029;
		width: 100%;
		background-color: #fff;
		z-index: 100;
		left: 0;
		text-align: center;
		padding: 20px;
	}


	.mobile-accept-dates-from-to {
		color: #008009;
		font-size: 14px;
		font-weight: 800;
	}


	.mobile-accept-dates-number {
		color: #9C9C9C;
		font-size: 12px;
	}


	.mobile-accept-dates button {
		background-color: #FEC437;
		color: #fff;
		display: block;
		width: 100%;
		font-size: 14px;
		font-weight: 800;
		-webkit-appearance: none;
		border: 0px;
		padding: 12px 0px;
		border-radius: 4px;
		margin-top: 10px;
	}

	.zc-btn-next , .zc-btn-prev {
		display: none;
	}

	.non-day {
		height: 0px;
	}

}

@media(max-width: 768px) {
	#index_form .zc-date {
		width: 48px;
		height: 54px;
	}
	
	#index_form .zc-weekday {
		width: 48px;
	}
}




@media (max-width: 414px) {

		.zcalendar-wrap .zcalendar {
			max-width: 343px;
			width: 100%;
		}

		.zc-date, .zc-weekday {
			/* width: 13.285%; */
			width: 48px;
    		height: 54px;
			margin-right: 1px;
		}

		.zc-date .zc-date-inner {
			width: 100%;
		}

		.zc-months {
			width: 100%;
		}

		.zc-month, .zc-month:nth-child(2) {
			float: none;
		}

		.zc-date-price {
			font-size: 10px;
		}

		.zc-date-price-decimals {
			font-size: 9px;
		}

		/* .zc-date[data-title="Check-in"], .zc-date[data-title="Check-out"] {
			margin-right: 1px;
		} */

		.mobile-weekdays {
			padding: 0px 31px;
		}

		.zcalendar-wrap .mobile-weekdays > div {
			max-width: 312px;
			width: 100%;
			display: flex;
			justify-content: space-between;
		}

		.zcalendar-wrap .mobile-weekdays span {
			width: unset;
		}

		.zc-month-info {
			font-size: 14px;
			padding: 0px;
		}


}

@media (max-width: 374px) {
	.zc-dates, .zc-weekdays {
		padding: 0px 16px;
	}

	.zc-month-info {
		padding: 0px 19px;
	}
}