.htlselector {

}

.htlselector > DIV {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.htlselect, .htlselectact {
	position: relative;
	flex-basis: 25%;
	display: inline-block;
	cursor: pointer;
}

.htlmainpopup {
	display: none;
}	

.htlselectact {
	align-self: normal;
}

.htlselvalue {
	padding: 1em 0.8em;
}

.hjtselectact {
	flex-basis: 25%;
}

.htlselector BUTTON {
	width: 100%;
	height: 100%;
}

.htlseloptions {
	position: absolute;
	border: 1px solid #000;
	background-color: #FFF;
	top: 100%;
	display: none;	max-height: 16em;
    overflow: auto;
    z-index: 10;
    white-space: nowrap;
}

.htloption {
	min-width: 8em;
	background-color: #FFF;
	color: #000;
	padding: 0.3em;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.htloption:hover, .htlseloptsel {
	background-color: #000;
	color: #FFF;
}

.htlselcombos > DIV {
	padding: 0.5em;
}

.htlselcombos SELECT {
	padding: 0.3em;
    border: 1px solid #f0f0f0;
}

.htlselpeople > DIV {
	display: flex;
	align-items: center;
}

.htlselpeople SELECT {
	margin-left: 0.5em;
}

.htlselpeople SELECT:first-child {
	margin-left: 0;
}

.htlbookprcnt {
	display: flex;
	margin-top: 2em;
	position: relative;
}

.htlbookprctx {
	background-color: #FFF;
	padding: 1em;
	margin-bottom: 1em;
}

.htlbookprlat {
	width: 25em;
	box-sizing: border-box;
	float: left;
}

.htlbookprmain {
	box-sizing: border-box;
	padding: 0 0 1em 1em;
	flex-grow: 1;
}

.htlbookprctx h2 {
	margin-top: 0;
	font-size: 1.5rem;
}

.htlbookprctx ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.htlbookprfcontact, .htlbookprfterms, .htlbookprfbook {
	margin: 1em 0 0 0;
}

.htlbookprfbook {
	width: 100%;
}

.htlreadybutton {
	text-align: right;
}

.htlreadybutton > BUTTON {
	font-size: 0.7em;
}

.htlbookcprccnt, .htlbookprccnt {
	margin-top: 1em;
	text-align: right;
}

.htlbookprccnt {
	display: none;
}

.hjtlbookprc {
	text-align: right;
	font-size: 1.5em;
	margin-top: 0.3rem;
}

.hjtlbookprcamt {
	font-size: 2rem;
}

.htlbooknforooms {
	margin-top: 1em;
}

.htlbooknforooms > DIV {
	font-weight: bold;
	margin-bottom: 0.3em;
}

.htlbookitem {
	margin-bottom: 4em;
	display: flex;
	position: relative;
}

.htlbookroomsel {
	padding-bottom: 2em;
}

.htlbookroomhdr {
	background-color: #FFF;
	padding: 1em;
	margin-bottom: 1em;
}

.htlbookroomhdr h2 {
	margin: 0;
	font-size: 1.5em;
}

.htlbookroomhdr h2 span {
	font-weight: bold;
	margin-right: 0.8rem;
	text-transform: uppercase;
}

.htlbookitem h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.5rem;
	white-space: normal;
}

.htlbookitsec {
	font-weight: bold;
	margin-top: 1em;
}

.htlbookitem ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 1em;
}

.htlbookitnfoadd {
	margin-top: 1rem;
}

.htlbookitnfoadd > DIV:first-child {
	font-weight: bold;
}

.htlbookitprice {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0.3em;
}

.htlbookitnights {
	margin: 0.5em 0;
}

.htlbookitem > DIV {
	box-sizing: border-box;
	padding-right: 1em;
}

.htlbookitemimage,  {
	width: 40%;
}

.htlbookdetail {
	width: 40%;
}

.htlbookdata {
	width: 20%;
	padding-right: 0!important;
}

.htlbookinfobtn {
	margin-bottom: 0.3rem;	
}

.htlbookitsec:first-child {
	margin-top: 1rem;
}

.htlbookitemimage {
	width: 18em;
}

.htlbookitemimage IMG {
	width: 100%;
}

.htlbookprcat {
	display: none;
}

.htlbookroomopts {
	height: 0;
	overflow: hidden;
	position: relative;
}

.htlbookroomopts > DIV {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
}

.htlbookroomnotavail {
	opacity: 0.3;
}

.htlbookitnoselect {
	color: #B11C1E;
}

.htlbookitselect {

}

.htlbookdetail p {
	margin-top: 0;
}

.htlbookitblocksel {
	background-color: #F0F0F0;
}

.htlbookroomoptsmore {
	padding: 0.3em;
	background-color: #C0C0C0;
	text-align: center;
	cursor: pointer;
	display: none;
	margin-bottom: 0.5em;
    text-transform: uppercase;
    font-weight: bold;
}

.htlroomselected .htlbookitselect button, .htlbookprfbook {
	background-color: #14DC3C;
}

.htlhidden, .htlcantselect {
	display: none!important;
}

.htlrmnfowrp {
	position: relative;
}

.htltabscnt {
	min-height: 20em;
	padding-bottom: 5em;
}

.htlrmnfowrp > DIV {
	display: none;
}

.htlrmnfowrp > DIV:first-child {
	display: block;
}

.htltabs {
	position: fixed;
	bottom: 0;
	list-style-type: none;
	padding: 0;
	margin: 0;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	left: 5em;
	right: 5em;
}

.htltabs > LI {
	width: 33%;
	text-align: center;
	padding: 1.3em;
	border-top: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	cursor: pointer;
	background-color: #FFF;
}

.htltabs > LI:last-child {
	border-right: 1px solid #F0F0F0;
}

.htlroomdetnoimage, .htlbookitemnoimage {

}

.htltabsel {
	background-color: #F0F0F0;
}

.htltabvisible {

}

.htlroomdetail {

}

.htlroomdetimage {
	float: left;
}

.htlroomdetimage > IMG {
	width: 17em;
	height: auto;
}

.htlroomdetcnt {
	padding-left: 18em;
}

.htlroomdetnfo {
	margin-top: 1.5em;
}

.htlpicslider {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.htlpicslider li img {
	width: 100%;
}



.htlroomcalendar .zwdateselmthcnt > DIV > DIV, .htlroomcalendar .zwdateseldeccnt > DIV > DIV {
	height: 7.5em;
}

.htlroomcalendar .zwdateseldaycnt > DIV > DIV {
	height: 3.2em;
}

.htlroomcalendar .zwdateselnfo {
    border-bottom: none;
    font-size: 2em;
}

.htlroomcalendar .zwdateselcntrl {
	font-size: 2em;
}

#htlroomcal {
	position: relative;
}

#htlroomcal .zwrpcloading {
	display: none;
}

.htlcalavail, .htlcalnotavail {
	position: relative;
}

.htlcalavail:after, .htlcalnotavail:after {
	content: '';
	position: absolute;
	left: 0.5em;
	right: 0.5em;
	height: 2px;
	bottom: 0.5em;
}

.htlcalavail:after {
	background-color: #14DC3C;
}

.htlcalnotavail:after {
	background-color: #DC143C;
}

.htlbookzone h3 {
	margin: 0;
}

.htlbookzone {
	background-color: #FFF;
	padding: 1.5em 0;
	margin-bottom: 2em;
	margin-top: 3em;
}

.htlbookzone:first-child {
	margin-top: 0;
}

.htlbookzonewrp {
	width: 70%;
	margin: auto;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.htlbookzone .htlbookzonewrp {
	margin-bottom:0;
	padding-bottom: 0;
}

.htlzoneleft {

}

.htlzoneright {
	float: right;
	width: 40%;
}

.htlbookzonewrp ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.htlbookprfterms ul {
	list-style-type: initial;
	margin: 0 0 0 1rem;
	padding: initial;
}

.htlbooksubzone {

}

.htlbookzonewrp h3 span {
	font-weight: 300;
}

.htlbookzonewrp .zwformstack {
    width: 50%;
    margin: 0 auto;
	min-width: 40em;
}

.htlbookzonewrp .zwformstack .zwcellfield > * {
	width: 100%;
}

.htlbookzonewrp .zwformstack .zwcellcaption {
	font-size: 1.2em;
	padding-bottom: 0.5rem;
}

.htlbookzonewrp .zwformstack input, 
.htlbookzonewrp .zwformstack textarea, 
.htlbookzonewrp .zwformstack select {
	font-size: 1.2em;
	padding: 0.5rem;
	margin-bottom: 0.8rem;
}

.htlbookzonewrp .zwformstack input[type='checkbox'] {
	margin: 0 0.5rem 0 0;
}


.htlbookhdrsum H3 {
	margin-bottom: 0.8em;
}

.htlbookamountsum, .htlbookamountdes {
	display: table;
	box-sizing: border-box;
    margin: 0 auto;
    min-width: 40em;
}

.htlbookamountsum {
    width: 100%;
}

.htlbookamountdes {
	width: 89%;
	margin-top: 0.5rem;
}

.htlbookamountsum > DIV, .htlbookamountdes > DIV {
	display: table-row;
}

.htlbookamountsum > DIV > SPAN, .htlbookamountdes > DIV > SPAN {
	display: table-cell;
	padding: 0.3em;
}

.htlbookamountsum > DIV > SPAN:last-child, .htlbookamountdes > DIV > SPAN:last-child {
	text-align: right;
	white-space: nowrap;
}

.htlbookamountsum {

}

.htlbookamountdet {
	width: 89%;
	border-bottom: 1px solid #000;
	padding-bottom: 0.5rem;
}

.htlbookamountdes {
	font-size: 0.8rem;
}

.htlbookprctax > SPAN {
	padding: 0.8em 0.3em;
}

.htlbookprctot {
	font-size: 1.8em;
}

.htlbookaction button {
	width: 70%;
	padding: 1em;
}

.htlbookaction .zwfrmactions {
	text-align: center;
}


.htlbookpayinfo, .htlbookpaytaxes {
	margin: 1rem 1rem 2rem 1rem;
	font-size: 0.8em;
	text-align: center;
}

.htlbookpaytaxes {
	margin-top: 0.8em;
}

.htlinlineicon {
	height: 1em;
	width: 1em;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 0.3em;
}

.htlfactdet {
	padding-bottom: 1em;
}

.htlbookroomnoavail, .htlbookroomnomore {
	padding: 1em;
	margin-bottom: 1em;
	background: rgba(240,231,127,1);
	background: linear-gradient(135deg, rgba(240,231,127,1) 0%, rgba(255,252,204,1) 100%);
	box-shadow: 0.3em 0.3em 1em -0.3em rgba(0,0,0,.2);
}

.htlbookroomnomore {
	display: none;
}


.htlbookroomnoavailhdr {
	font-weight: bold;
}

.htlbookroomnoavail BUTTON {
	float: right;
}

.htlbookroomother {
	padding: 1em;
	margin-bottom: 1em;
	background: rgba(127,240,127,1);
	background: linear-gradient(135deg, rgba(127,240,127,1) 0%, rgba(204,252,204,1) 100%);
	box-shadow: 0.3em 0.3em 1em -0.3em rgba(0,0,0,.2);
	text-align: center;
	text-transform: uppercase;
}

.hjtlbookprctax {
	font-size: 0.8rem;
}

.htlbvbookredefine {
	margin-top: 1em;
}

.htlbookroomoptsmore {
	background-color: #000;
	color: #FFF;
	padding: 0.5em 1em;
}

.htlbookprfbook {
	padding: 1em;
}

.htlbookprfacts {
	margin: 1rem 0 0 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
}

.htlbookprfactinfo {
	margin-top: 0.55rem;
}

.htlbookprfterms input {
	float: left;
}	

.htlbookprfterms label {
	padding-left: 2rem;
	display: block;
}

.htlroomfeats {
	display: flex;
	justify-content: space-between;
	margin: 1rem 0;
}

.htlfeaticon {
	font-family: awesome;
	font-size: 1.75rem;
	margin-bottom: 0.3rem;
}

.htlfeature {
	text-align: center;
	font-size: 0.8rem;
	cursor: default;
}

.htlfeatnfo {
	position: relative;
}

.htlfeatdet {
	position: absolute;
	background-color: #505050;
	color: #FFF;
	font-size: 0.75rem;
	padding: 0.3rem;
	width: 7rem;
	display: none;
	text-align: left;
}

.htlfeature:hover .htlfeatdet {
	display: block;
}

.htlroom {
	display: flex;
	margin: 1rem 0 6rem 0;
}

.htlroom > * {
	width: 50%;
}

.htlroom > *:first-child {
	padding-right: 1rem;
}

.htlroom h3, .htlroomdetcnt h3 {
	font-size: 2rem;
}

.htlconfig {
	margin: 0.5rem 0 1rem 0;
	display: flex;
	align-items: baseline;
}

.htlpeople > span:before {
	font-size: 1.5rem;
	font-family: awesome;
	content: '\f183';
}

.htlpeople > span.htlpaxadd:before {
	content: '\f1ae';
	font-size: 1rem;
}


.htlnumhabs {
	font-size: 0.85rem;
	margin-left: 0.5rem;	
}

.htlnumhabs > span {
	font-size: 1.5rem;	
}

.htlbookvertical .htlselector {
	margin-bottom: 0;
	position: static;
	left: auto;
	right: auto;
	margin: auto;
	
	background-color: transparent;
}

.htlbookvertical .htlselector button {
	padding: 0.5rem 2rem;
	border-radius: 0.4em;
}

.htlbookvertical .htlselector > DIV {
	flex-direction: column;
	align-items: center;
}

.htlbookvertical .htlselector > DIV > DIV {
	margin-bottom: 3em;
	text-align: center;
	width: 100%;
}

.htlbookvertical .htlselectact button {
	padding: 1rem;
}

.htlbookvertical .htlselect {
	background-color: #F0F0F0;
}

.htlroomaddtxt {
	margin: 1rem 0;
}


@media screen and (max-width: 1200px) {
	.htlbookitem {
		flex-direction: column;
	}
	
	.htlbookitem > DIV {
		width: 100%;
		padding-right: 0;
	}
}


@media screen and (max-width: 1000px) {
	.htlbookprlat {
		width: 20rem;
	}
}

@media screen and (max-width: 850px) {
	.htlbookzonewrp {
		width: 100%;
		padding: 0 1rem;
		box-sizing: border-box;		
	}
	
	.htlbookzone {
		margin: 1rem 0;
	}
	
	.htlbookzone:first-child {
		margin-top: 1rem;	
	}
	
	.htlbookzonewrp .zwformstack {
		width: 100%;
		min-width: initial;
	}
	
	.htlbooksubzone .htlbookzonewrp {
		padding: 0;
	}
	
	.htlbookprcnt {
    	margin: 0;
    	display: flex;
    	flex-direction: column;
    }
    
    .htlbookprlat {
    	width: auto;
    	order: 99;
    	margin-top: 0!important;
    }
    
    .htlbookprmain {
    	padding-left: 0;
    }
    
	.htlroom {
		flex-direction: column;
	}
	
	.htlroom > * {
		width: auto;	
	}
	
	.htlroom > *:first-child {
		padding-right: 0;
	}
	
	.htlroom:last-child {
		margin-bottom: 0;
	}
	
	.htlroomfeats {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.htlroomfeats > * {
		margin: 0.5rem;
	}
	
}