#content.tickets .item .top .hold {
	overflow: hidden;	
}

#content.tickets h1 {
	margin-top: 1.5em;	
}

.my-cart #page,
.my-cart #page-wrap {
	height: 100%;	
}
.hide {
	display: none !important;
	transition: .35s all;
}
.hotel-overlay {
	background-color: rgba(0,0,0,.6);
	bottom: 0;
	display: table;
	height: 100vh;
	left: 0;
	min-height: 100vh;
	/*max-height: 100vh*/;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	vertical-align: middle;
	width: 100%;
	z-index: 10;
	transition: .35s all;
}
.hotel-overlay .overlay-stage {
	display: table-cell;
	vertical-align: middle;
}
#stage-footer {
	background-color: #34404c;
	height: 60px;
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 10;
}
#footer-hotel-stage-swiam {
	margin-left: 15px;	
}
#footer-hotel-stage-hotel-beds {
	float: right;
	height: auto;
	margin: 11px 11px 11px 0;
	width: 200px;	
}
/*.hotel-overlay .hotel-reservation-form .form-hold {
	background-image: url(images/spinner.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100%;
}*/

.hotel-page,
.hotel-search-results {
	background-color: rgba(255,255,255,.9);
	display: none;
	height: 65%;
	margin: auto;
	max-height: 55%;
	max-width: 1180px;
	position: relative;
	width: 90%;	
}
.hotel-search-form {
	background-color: rgba(255,255,255,.9);
	border: solid 1px #000;
	/*display: none;*/
	height: 50%;
	min-height: 60%;
	margin: auto;
	max-height: 85%;
	max-width: 1180px;
	position: relative;
	width: 90%;
}
/*.hotel-search-form.display {
	display: block;	
}*/

.search-form-wrapper.mCustomScrollbar {
	overflow: hidden;
	padding: 2em 0 3em 2em;	
}

.search-form-wrapper,
.search-form-wrapper.mCustomScrollbar.mCS_no_scrollbar {
	padding: 2em 2em 3em 2em;
}
.search-form-wrapper .button new-search {
	margin-bottom: 4em;
}
.hotel-reservation-form {
	transition: .35s all;	
}
.hotel-reservation-form .hold {
	display: none;
	height: 98%;
	overflow: hidden;
	padding:  4%;
}
.hotel-search-form.show .search-form-wrapper {
	height: 80vh;
	max-height: 90vh;
}
.hotel-search-form.show .search-results-stage {
	display: none;
	position: absolute;
	top: 0;
}
.hotel-reservation-form .close,
.hotel-search-form .close,
.hotel-search-results .close {
	background-color: #fff;
	border: solid 3px #555;
	border-radius: 40px;
	color: #444;
    cursor: pointer;
	font-size: 2em;
    height: 40px;
	padding: 4px;
	position: absolute;
	right: -20px;
	text-align: center;
    top: -20px;
	width: 40px;
	z-index: 99;
}

.hotel-reservation-form .hotel-thumbnail {
	background-color: #999;
	float: left;
	max-width: 33%;
	/*min-width: 320px;*/
	text-align: center;
	
}
.hotel-reservation-form .hotel-thumbnail img {
	max-width: 100%;	
}
.hotel-reservation-form .hotel-details {
	float: left;
	width: 66%;	
}
.hotel-reservation-form .hotel-details .details-hold {
    overflow: hidden;
	margin-left: 2em;
	padding: 0;
	width: 80%;
}

.hotel-reservation-form .hotel-name {
	margin-top: 1em !important;
}
    
.hotel-reservation-form .hotel-price {
    color: #000;
    font-size: 1.15em;
	font-weight: bold;
    margin-top: .25em;	
}

.hotel-reservation-form .reservation-details {
	float: left;
	margin-bottom: 2em;
	padding-top: 4%;
}
.hotel-reservation-form .reservation-details .dates-hold {
	overflow: hidden;	
}
.dates-hold .stage {
	float: left;
	overflow: hidden;
	width: 50%;
}
#message {
	position: absolute;
	text-align: center;
	top: 50%;
    transform: translateY(-50%);
	width: 100%;	
}
.search-form  .search-details {
	overflow: hidden;	
}
.search-form .checkin-hold {
	float: right;
	margin-right: 1em;	
}
.checkin-hold,
.checkout-hold {
	background-color: #f9f9f9;
	border: solid 1px #999;
	/*border-left: solid 10px #999*/;
	cursor: pointer;
	height: 45px;
	padding: 11px 7px 7px 7px;
}
.checkin-hold:before,
.checkout-hold:before {
	content: "\f073";
	font-family: "FontAwesome";
	position: absolute;
}


.checkin-hold input,
.checkout-hold input {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 1.25em;
	padding-left: 24px;
	width: 100%;
}

.hotel-reservation-form .guests-hold {
	clear: both;
	border: solid 1px #999;
	margin-top: 1em;
	overflow:hidden;
	padding: .5em;	
}
.hotel-reservation-form .guests-form {
	display: none;
	margin-top: .5em;	
}
.hotel-reservation-form .guests-hold label {
	font-weight: 400;
}
.hotel-reservation-form .top {
	overflow: hidden;	
}
.hotel-reservation-form .guests-hold:before {
	content: "\f500";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	position: absolute;
}
.hotel-reservation-form .guests-hold .guests-room-details {
	padding-left: 24px;
}


.search-details .guests-hold .guests-room-details {
	font-weight: bold;	
}
.search-details .guests-hold .guests-room-details span {
	cursor: pointer;
}



#rooms {
	clear: both;	
}

#view-rooms {
	clear: both;
	color: #3db891 !important;
	cursor: pointer;
	display: block;
	font-size: 1.35em;
	font-weight: bold;
	margin-top: 1.5em;
	overflow:hidden;	
}
.hotel-hidden {
	clear: both;
	display: none;
	height: 312px;
	margin-top: 2em;
}
.hotel-hidden.none {
	height: 75px;	
}
.hotel-hidden.loading {
	background-image: url(/loading.gif);
	background-position: 50% 50%;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	height: 85px;
}
.hotel-hidden.loading .status {
	display: block;
}
.hotel-hidden .status {
	display: none;
	text-align: center;
}
.hotel-hidden .search {
	font-size: .85em;
	margin: 1em 0 0 0;
	text-align: right;
}
.hotel-hidden .search strong {
	color: #000;
	font-weight: 600;
}
.hotel-hidden .search .change,
.hotel-hidden .search .see-all {
	color: 	#3db891;
	cursor: pointer;
	font-weight: 600;
}

.hotel-cta {
	border-bottom: solid 1px #d7d7d7;
	border-top: solid 1px #d7d7d7;
	clear: both;
	cursor: pointer;
	/*display: none;*/
	margin: 1em 0 1em 0;
	overflow: hidden;
	padding: 1em 0 1em 0;
	position: relative;
	transition: all .5s	
}
/*.hotel-cta.loading {
	opacity: .35;
	pointer-events: none;
	pointer: default;
	transition: all .5s	;
}*/
.hotel-cta span {
	display: inline-block;
	margin-top: 6px;	
}
.hotel-cta .accommodation span {
	font-weight: 900;	
}
.hotel-cta span:nth-child(3) {
	font-weight: bold;	
}
.hotel-cta .icon {
	background-image: url(images/icon_plus.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: right;
	height: 32px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 32px;
}


/*.hotel-cta.closed .icon {
	background-image: url(images/icon_plus.svg);
}*/
.hotel-cta.open .icon {
	background-image: url(images/icon_minus.svg);
}

.icon-accommodation {
	float: left;
	margin-right: 1.5em;
	text-align: center;
	width: 20%;	
}
.icon-accommodation img {
	height: auto;
	width: 38px;
}
.icon-plus, .icon-check {
	height: 32px;
	width: 32px;
}
.icon-plus {
	float: right;	
}
.item .check {
	text-align: right;	
}

.hotel-book {
	color: #3db891 !important;
	font-weight: bold;	
}

/*.hotel-slider {
	display: none;	
}*/
.hotel-slider .hotel {
	color: #000;
	cursor: pointer;
	padding: 0 8px 0 8px;	
}
.hotel-slider .hotel-name {
	margin-top: 6px;
}
.hotel-slider .hotel-distance {
	color: #999;
	font-size: 8pt;
	line-height: 1.2em;
}
.hotel-loop .hotel-distance {
    color: #2991FF;
}
.hotel-slider .hotel-thumbnail {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 120px;
}
.hotel-slider .hotel .hotel-price {
	font-weight: bold;	
}
.hotel-slider .slick-next {
	right: -18px;
	top: 66px;
}
.hotel-slider .slick-prev {
	left: -18px;
	top: 66px;
}

.hotel-search-form.results {
	max-height: 90vh;
	height: 90vh;
	position: relative;
	/*max-width: 90%;*/
	width: 90%;
	transition: all .5s;
    z-index: 20;
}
.hotel-search-form .form-hold {
	background-image: none;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 80px 80px;
	height: 100%;
}

.hotel-search-form .form-hold .loading {
	display: none;
    position: absolute;
    margin: auto;
    text-align: center;
    width: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.hotel-search-form .form-hold .loading .image img {
	height: 60px;
	width: 60px;
}

/*
* search form
*/

.search-form h1 {
	font-weight: 400;
	line-height: 1.25em;
	margin: 1em 0 1.5em 0;
	padding: 0 2em 0 2em;
	text-align: center;	
}
.search-form .dates-hold,
.search-form .guests-hold {
	margin: auto;
	overflow: hidden;
	width: 610px;
}
.search-form .dates-hold .stage {
	width: 290px;
}
.search-form .dates-hold .stage:first-child {
	margin-right: 30px;	
}
.search-form .checkin-hold  {
	float: none;
	width: 100%;
}
.search-form .checkout-hold {
	width: 100%;
}
.search-form .guests-room-details {
	margin: 1.5em auto 2em auto;
	overflow: hidden;
}
.search-form .guest-room-details .label {
	clear: both;	
}
.search-form .select-adults-hold,
.search-form .select-children-hold {
	border: solid 1px #999;
	width: 290px !important;
}
.search-mini .select-children-hold {
	height: auto;
}



.search-form .select-children-hold .children-ages div {
	margin-top: .5em;	
}
.search-form .select-children-hold .children-ages label {
	background-color: #999;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	width: 	75px;
}

.search-form .child-1-hold,
.search-form .child-2-hold,
.search-mini .child-1-hold,
.search-mini .child-2-hold,
.search-form .child-3-hold,
.search-mini .child-3-hold {
	display: none;
}
.search-mini .child-1-hold,
.search-mini .child-2-hold,
.search-mini .child-3-hold {
	margin-top: .5em;
}
.search-mini .search-details {
	position: relative;
}
.search-mini #search-mini-background {
	background-image: url(images/search-mini-background.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
    opacity: .1;
	position: absolute;
	top: 0;
	transition: all .5s;
	width: 100%;	
}
.search-mini.open #search-mini-background {
	opacity: .2;
	transition: all .5s;
}
.search-mini .cancel {
	cursor: pointer;
	display: none;
	position: relative;
	text-align: center;
}
.search-mini.open .cancel {
	display: block;
	
}

.search-form .select-adults-hold {
	margin-right: 30px	
}
.search-form .guests-hold .guests-form .select-adults-hold,
.search-form .guests-hold .guests-form .select-children-hold {
	float: left;
	overflow: hidden;
	position: relative;
	width: 290px !important;
	z-index: 10;	
}
.search-form .guests-form .select-hold {
	overflow: hidden;
	width: 212px !important;	
}
.guests-hold .guests-form select {
	-webkit-appearance: none;
    background-color: #f9f9f9;
	border: 0;
    font-size: 1.25em;
	height: 45px;
	line-height: 45px;
    padding-left: 1em;
	width: 215px;
}
.search-form .guests-room-details label {
	background-color: #999;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	width: 	75px;
}
.search-form .guests-hold .guests-form select:last-child {
	margin-left: 0;
}
.search-form .guests-hold #ui-datepicker-div {
    box-shadow: 0 0 12px #d7d7d7;
    padding: 7px !important;
}





/*.search-mini .guests-room-details label {
	background-color: #ccc;
    color: #111;
    display: inline-block;
	font-weight: 400;
    line-height: 3em;
	padding: 0 1em 0 1em;
 
}*/


.search-form .button.new-search,
.search-mini .button.mini-search,
.rooms-info .button.room-book {
	background-color: #3db891;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	margin: auto;	
	padding: .75em;
    text-align: center;
    text-transform: uppercase;
    width: 290px;
}



/*
* search mini
*/

.search-mini,
.search-results {
	/*display: none;
	overflow: hidden;*/	
}
.search-mini {
	background-color: #e9e9e9;
	background-color: #d9d9d9;
	/*border-bottom: solid 1px #999;*/
	/*height: 90px;*/
	overflow: hidden;
	padding: .75em 1em .75em 1em;
	position: absolute;
	width: 100%;
	/*transition: .2s all;*/
	z-index: 12;
}
.search-mini-stage {
	height: 90vh;
	max-height: 85vh;
}
.search-mini.search.show3,
.search-mini .search-details.show3 {
	height: 330px;
}
.search-mini.search.show2,
.search-mini .search-details.show2 {
	height: 240px;
}
.search-mini.search.show1,
.search-mini .search-details.show1 {
	height: 170px;
}
.search-mini.search,
.search-mini.search.show0
.search-mini .search-details.show0 {
	height: 90px;
}
.search-mini.search .instruction {
	display: none;	
}
.search-mini.search.open {
	height: 100%;
	position: relative;
	transition: .4s all;
}

.search-mini.search.open.mCSB_container {
	height: 100%;	
}
.search-mini.search.open .instruction {
    background-color: #fff;
	/*border: solid 2px #3db891;*/
	display: block;	
	font-weight: bold;
	margin: 1em 0 1em 0;
	padding: 1em;
}
.search-mini.search.open .search-details {
	width: 320px;
	margin: auto;	
}
.search-mini.search.open .button {
	clear: both;
	float: none;
	margin: auto;	
}
.search-mini.search.open .button.search {
	display: block !important;	
}
.search-mini.search-mini.search.open .guests-form .select-hold {
	width: 100% !important;
}

.search-mini.search.open .stage,
.search-mini.search.open .dates-hold,
.search-mini.search.open .guests-hold,
.search-mini.search.open .guests-form .select-hold {
	width: 100%;	
}
.search-mini.search.open .select-adults-hold,
.search-mini.search.open .select-children-hold {
	width: 48% !important;
}
.search-mini.search.open .select-adults-hold .select-hold,
.search-mini.search.open .select-children-hold .select-hold {
	background-color: #fff;
}
.search-form .select-hold.ages {
	display: none;
	padding-top: 1em;
	position: relative;
	width: 100% !important;	
}
.search-form .select-hold.ages .hold {
	background-color: #fff;
    border: solid 1px #bbb;
	float: left;
	overflow: hidden;
	text-align: right;
	width: 25% !important;
}
.search-form .select-hold.ages .hold label {
	background-color: #bbb;
	float: left;
	width: 50% !important;
}
.search-form .select-hold.ages select {
	-webkit-appearance: none;
    background-color: #fff;
    display: inline-block;
	font-size: 1.25em;
    height: 45px;
    line-height: 45px;
    padding-left: 1em;
	width: 50% !important;
}
.search-form .select-hold.ages.add {
	/*padding: 10px;*/
}
.select-hold.ages.add1 {
	left: 320px;
}
.select-hold.ages.add2 {
	left: 305px;
}
.select-hold.ages.add3 {
	left: 25%;
}
.select-hold.ages.add4 {
	left: 0;
}

.search-mini.search.open .select-adults-hold {
	margin-right: 2%;	
}
.search-mini.search.open .dates-hold .stage,
.search-mini.search.open .select-children-hold {
	margin-right: 0 !important;
}
.search-mini.search.open .dates-hold .stage,
.search-mini.search.open .guests-hold,
.search-mini.search.open .button.search {
	margin-top: 10px;	
}
.search-mini.search.open .guests-hold {
	margin-bottom: 2em;	
}
.search-mini.search.open .guests-hold .guests-form select {
	width: 100%;	
}

.search-mini .select-hold.ages .hold {
	display: none;	
}
.search-mini .select-hold.ages select {
	color: #666;	
}



/*.search-mini .search-details {
	float: left;
	height: 70px;
	overflow: hidden;
	transition: .2s all;
}*/

.hotel-search-form {
	transition: all .2s;	
}
.hotel-search-form.show3 {
	height: 520px;
}
.hotel-search-form.show2 {
	height: 500px;
}
.hotel-search-form.show1 {
	height: 450px;
}

.hotel-search-form {
	height: 420px;
}

.disabled,
.search-mini .search-details.disabled {
	opacity: .25;
	pointer-events: none;	
}
/*.room:not('.room-selected) button {
	pointer-events: none;
}*/

.search-mini .checkin-hold,
.search-mini .checkout-hold {
	/*background-color: #e9e9e9;*/
	margin-right: 1px;
}
.search-mini .dates-hold {
	float: left;
	width: 420px;
}
.search-mini .dates-hold .stage {
	margin-right: 10px;
	width: 47%;
}
/*.search-mini .dates-hold .stage {
	margin-right: 2% !important;	
	width: 48%;	
}*/
/*.search-mini .guests-room-details {
	margin-top: 0;	
}*/
.search-mini .guests-room-details label {
	background-color: transparent;
	color: #5c5c5c;
	display: block;
	font-weight: 100;
	line-height: 1.45em;
	padding: 0;
}
.search-mini .select-adults-hold,
.search-mini .select-children-hold {
	border: 0;	
}
.search-mini .guests-hold {
	float: left;
	/*padding-top: 10px;*/
	/*width: 30%;*/
}
.search-mini .button.new-search {
	float: right;
    margin-top: 1em;
}
.search-mini .select-adults-hold {
	float: left;
	margin-right: 10px !important;
	width: 100px !important;	
}
.search-mini .select-children-hold {
	float: left;
	margin-right: 10px !important;
	width: 120px !important;	
}
.search-mini .select-children-hold .fas {
	font-size: 22px;
	color: #888;	
}
.search-mini .select-children-hold .fas.disabled {
    color: #bfbfbf;
}
.search-mini .button {
    border-radius: 4px;
	cursor: pointer;
	float: right;
	margin-top: 20px;
	padding: .5em;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
}
.search-mini .button.search,
.search-mini.search .search-mobile {
    background-color: #3db891;
	color: #fff;
	position: relative;
	transition: .3s all;
}
.search-mini .button.back {
	background-color: #fff;
	border: solid 1px #3db891;
	color: #3db891;
	display: none;
	margin: 20px 0 0 0;	
	position: relative;
}
.search-mini.search .search-mobile {
	display: none;	
}

.hotel-stage-loader {
	background-image: url(//sportswhereiam.com/loading.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: contain;	
	color: #34404c;
	height: 40px;
	line-height: 40px;
	margin-top: 1em;
	text-indent: 50px;
}
.search-mini .guests-form .select-hold {
	border: solid 1px #999;
	display: inline-block;
	height: 45px;
	overflow: hidden;
	width: 100px;
}
.search-mini .guests-hold .guests-form select {
    padding-left: 1em;
	width: 100px;
}
.search-results-stage,
.hotel-hotel-stage {
	/*display: none;*/
	height: 90vh;
	/* height: 82vh; */
	max-height: 100vh;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: .35s all;
	/*padding: 100px 0 1em 1em;*/
	width: 100%;
}


.search-mini .select-hold.ages {
	border: 0;
	display: none;
	height: auto;	
}
.search-mini.open .select-hold.ages {
	display: block;	
}
.search-mini.open .select-hold.ages select {
	margin-top: 3px;	
}



.search-results-stage {
	padding: 100px 0 1em 1em;
}
.hotel-hotel-stage {
	padding: 80px 0 1em 1em;
	transition: all .5s;
}

.hotel-search-form.loading .hotel-hotel-stage {
	display: none;	
}
.search-results-stage.disabled,
.hotel-hotel-stage.disabled {
	opacity: .25;
	pointer-events: none;
	transition: .35s all;
}
.search-results {
	height: 60vh;
	height: 69vh;
	overflow: hidden;	
}
.search-results.mCS_no_scrollbar {
	margin-right: 1em;	
}
.hotel-loop {
	border: solid 1px #ababab;
	border-radius: 8px;
	margin: 1em 0 1.5em 0;
	overflow: hidden;
	padding: 1.5em;
	position: relative;
}

.hotel-loop .hotel-images {
	float: left;
	margin-right: 1em;
	max-width: 220px;
	position: relative;
	width: 100%;	
}
.hotel-loop .hotel-images img {
	max-width: 100%;	
}




.hotel-loop .hotel-name,
.hotel-hotel-page .hotel-name {
	color: #000;
	font-size: 1.25em;
	font-weight: 600;
}
.hotel-hotel-page .hotel-rating {
	float: right;	
}



.hotel-loop .top,
.hotel-loop .hotel-description {
	margin-right: 12em;	
}
.hotel-loop .hotel-description {
	margin-top: 1em;
}
.hotel-description .description {
	max-height: 3em;
	overflow: hidden;
	transition: .5s;
}
.hotel-description .description.open {
	max-height: 24em;
	transition: .5s;
}
.hotel-description .more-less {
	background-color: transparent;
	border: solid 1px #999;
    border-radius: 2em;
    color: #666;
	cursor: pointer;
	display: block;
	font-size: .8em;
	font-weight: 900;
	height: 2.5em;
    letter-spacing: 1px;
	line-height: 2.5em;
	margin: .5em auto 0 auto;	
	text-align: center;width: 100px;
	text-transform: uppercase;
}
.hotel-hotel-hold {
	clear: both;
	overflow: hidden;
	margin-top: 2em;
	height: 72vh;
}
.hotel-hotel-hold ._mCS_1 mCS_no_scrollbar {
	padding-right: 1em;
}

.hotel-loop .stars,
.hotel-hotel-page .stars {
	color: #F90;
	display: inline-block;
	/*float: right;*/
	font-size: 2em;
	width: auto;
}
.hotel-loop .hotel-nights {
    color: #222;
	display: inline-block;
	font-size: .85em;
	margin-bottom: 6em;
	padding: 1px 7px 2px 7px;
	text-align: center;
}
.search-results .hotel-price {
	float: right;
	margin-left: 1.5em;
	text-align: center;
	width: 9em;
}
.search-results .hotel-price .amount {
	display: block;
	color: #34404c;
	font-size: 1.6em;
	font-weight: 600;
	margin-top: .25em;
}

.search-results .hotel-price .view {
	background-color: #3db891;
	border-radius: 4px;
	bottom: 2px;
	color: #fff;
	cursor: pointer;
	padding: .35em;
	/*position: absolute;*/
	right: 20px;
	
}

.hotel-loop .hotel-address {
	color: #000;
	font-size: 1.1em;
	display: inline;
	text-transform: capitalize;	
}

#hotel-hotel-slick {
	background-image: url(images/spinner.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 213px;
	/*margin-right: 1em;*/
	margin-bottom: 2em;
	overflow: hidden;
}

#hotel-hotel-slick .slick-list {
	position: absolute;
	width: 100%;
}
#hotel-hotel-slick .slick-track {
	height: 213px;	
}
.hotel-slick-image {
	background-image: url(images/spinner.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	height: 213px;
	max-height: 213px;
	position: relative;
	width: 320px;	
}
.hotel-slick-image img {
	/*width: 320px;
	height: 213px;*/	
}
.hotel-slick-image .image-caption {
	background-color: #d7d7d7;
	display: none;
	position: aboslute;
	color: #000;	
}

#hotel-hotel-slick .slick-prev {
	left: 5px;
	z-index: 10;
}

#hotel-hotel-slick .slick-next {
	right:15px;
	z-index: 10;
}

#hotel-hotel-slick .slick-prev:before, #hotel-hotel-slick .slick-next:before {
	color: #fff;
	font-size: 30px;
}

.hotel-hotel-hold .hotel-address {
    font-size: 1.2em;
    color: #333;
    line-height: 1.5em;	
}

.hotel-hotel-hold .hotel-description {
	color: #333;
	float: left;
	line-height: 1.5em;
	margin-bottom: 4em;
	margin-top: 1em;
	padding-right: 2em;
	width: 50%;
}

.hotel-hotel-hold .hotel-description h3 {
	margin: 1em 0 1em 0;
}
.hotel-hotel-hold .hotel-description h4 {
	
}

#venue-map {
	margin: 2em 0 2em 0;	
}


.form-overlay {
	background-color: #000;
	display: none;
	height: 100%;
	opacity: 1;
	position: absolute;
	transition: all .35s;
	width: 100%;
	z-index: 13;
}
.form-overlay.show {
	display: block;
	opacity: .5;
	pointer-events: none;
	position: fixed;
	transition: all .35s;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.room.room-selected {
	background-color: #fff;
	border: solid 1px #666 !important;
	border-radius: 4px;
	padding: 1em !important;
	position: absolute;
	transition: all .35s;
	z-index: 15;
}
.rooms-action {
	clear: both;
	overflow: hidden;
	text-align: right;
    width: 100%;
}
.rooms-action.spinner {
	background-image: url(images/spinner-36.gif);
	background-position: left: 50%;
	background-repeat: no-repeat;	
}
.rooms-action .room-book-close {
	cursor: pointer;
    display: none;
    line-height: 32px;
    padding-right: 1em;
    text-decoration: underline;
}
.rooms-info {
	float: left;
	margin: 1em 0 4em 0;
	position: relative;
	width: 50%;
}
.rooms-info .room {
    border-top: solid 1px #ddd;
	overflow: hidden;
	padding: .75em 0 .75em 0;
	position: relative;
	width: 100%;
}
.rooms-info .room-name {
    font-weight: bold;
    font-size: 1.125em;
}
.rooms-info .room-price {
	float: right;
	text-align: center;
}
.rooms-info .room-price .amount {
	font-size: 1.25em;
}
.rooms-info .room-price .nights {
	display: block;	
}
.rooms-info .button.room-book {
	font-size: 14px;
    float: right;
	margin-top: .25em;
	padding: 3px;
	transition: .35s;
	width: 8em;
}
.button.room-book.disabled {
	opacity: .3;	
}

.room-occupants {
	clear: both;
	display: none;
	padding: 10px 0 10px 0;
}
.room-occupants input {
	-webkit-appearance: none;
	background-color: #fff;
	border: solid 1px #999;
	border-radius: 2px;
	display: block;
	float: left;
	height: 34px;
	margin: 0 7px 7px 0;
	padding: 7px;
	width: 45%;
}
.room-occupants input:nth-child(1) {
	clear: right; 	
}
.room-occupants select {
    background-color: #fff;
    border: solid 1px #999;
	border-radius: 2px;
	height: 34px;
	margin-bottom: 7px;
	width: 100%;
}
.room-occupants input.error,
.room-occupants select.error {
	border: solid 1px #C00;
}
.room-occupants h4 {
	color: #333;
	text-transform: uppercase;	
}
.room-occupants .adults {
	margin-bottom: 3%;	
}
.room-occupants .children {
	clear: both;
	overflow: hidden;
}
.room-occupants .child-names {
	float: left;
	margin-right: 2%;
	width: 75%;
}
.room-occupants .child-ages {
	float: left;
	width: 15%;	
}
.room-occupants .child-names input,
.room-occupants .child-ages input {
	/*clear: both;*/	
}
.facilities {
	list-style-type: disc;
    margin-bottom: 1em;
	padding: 1em 1em 1em 2em;
    
}
#venue-map {
	clear: both;
	height:320px;	
}
.booking-instructions {
	font-size: smaller;
	font-style: italic;
	line-height: 1.5em;
    margin-bottom: 1em;
}
.pax {
	margin-top: 1em;
}
.pax span {
	font-weight: 600;	
}
.customer-info {
	list-style-type: disc;
	margin: 0 0 0 1em;
	padding: .5em 0 1em 2em ; 	
}



#sortable {
	display: none;
	margin: 0 1em 1em 0;
	padding-left: 1em;
	position: relative;
}
#sortable h4 {
	display: inline;
	font-weight: 800;
	padding-right: .5em;
	text-transform: uppercase;	
}
#sortable ul {
	display: inline;
}
#sortable li {
	cursor: pointer;
	display: inline;
	list-style-type: none;
}
#sortable li.on {
	font-weight: 600;
}
#sortable li.asc span:after {
	content: "\f0d8";
	font-family: "FontAwesome";
}
#sortable li.desc span:after {
	content: "\f0d7";
	font-family: "FontAwesome";
}
#sortable li:hover {
	text-shadow: 0 0 6px 6px;	
}
#sortable li:after {
	content: "|";
	margin: 0 .25em 0 .25em;	
}
#sortable li:last-child:after {
	content: "";	
}
#checkout #content.thank-you .item.error .name {
	color: #999;
}

.item.hotel .details .name {
	margin-bottom: 0;
}
.item.hotel .details .section-row {
	margin-top: 0;
}
.item.hotel .details .location,
.item.hotel .details .date-time {
	line-height: 1.35em;
}
.room-fees-notice {
	font-size: smaller;
	line-height: 1.3em;
	margin-top: 1em;
}
.item .details .location, .item.hotel .details .date-time {
	line-height: 1.4em;	
}
#content.thank-you .item.hotel .confirmation h3 {
	font-weight: normal;
	margin: .5em 0 .5em 0;
}


@media screen and (max-width: 1020px) {
	.search-mini .dates-hold .stage {
		/*width: 48%;*/	
	}
	.search-mini .dates-hold {
		width: 350px;
	}
	.search-mini .select-adults-hold {
		/*margin-right: 7px !important;*/	
	}
	.search-mini .guests-hold {
		width: 140px;
	}
	.search-mini .select-adults-hold,
	.search-mini .guests-form .select-hold,
	/*.search-mini .guests-hold .guests-form select,*/
	.search-mini .select-children-hold {
		width: 60px !important;	
	}
}
@media screen and (max-width: 840px) {
	.search-mini.search .search-details {
		/*display: none !important ;*/
		/*display: none ;*/
	}
	.search-mini.search .button.search,
	.search-mini.search .search-details,
	.hotel-search-form.results .search-mini.search.open .search-mobile,
	.hotel-search-form.results .search-mini.search.disable .search-mobile {
		display: none !important ;
	}
	/*.hotel-search-form:not(.hotel) .search-mini.search .search-mobile,*/
	.hotel-search-form.results:not(.hotel):not(.open) .search-mobile,
	.search-mini.search.open .search-details,
	.hotel-search-form.results .search-mini.search .search-mobile {
		display: block !important;	
	}
	
	
	
}

@media screen and (max-width: 800px) {
	.hotel-hotel-hold .hotel-description {
		float: none;
		padding-right: 0;
		width: 100%;	
	}
	.rooms-info {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 780px) {
	.icon-accommodation {
		margin-right: 0;
	}
}
@media screen and (max-width: 740px) {
	.hotel-search-form {
		height: auto;
	}
	.search-form-wrapper {
		padding-bottom: 100px;
		margin-bottom: 4em;
	}
	.search-form h1 {
		margin: 1em 0 1em 0;	
	}
	.search-form .dates-hold .stage:first-child,
	.search-form .select-adults-hold {
		margin-right: 0;	
	}
	.search-form .dates-hold .stage:first-child {
		margin-bottom: 1em;	
	}
	.search-form .dates-hold,
	.search-form .dates-hold .stage,
	.search-form .guests-hold,
	.search-form .guests-hold .guests-form .select-children-hold,
	.search-form .guests-hold .guests-form .select-adults-hold,
	.search-form .select-children-hold,
	.search-form .button.new-search {
		width: 250px !important;
		margin: auto;
	}
	.search-form .guests-form .select-hold {
		background-color: #f9f9f9;
		width: 50% !important;
	}
	
	.search-form .guests-room-details label {
		width: 50% !important;
	}
	.guests-hold .guests-form select {
		width: 100%;	
	}
	.search-form .guests-hold .guests-form .select-children-hold {
		margin-top: 1em;	
	}
	
	.hotel-loop .hotel-images {
		background-color: #e6e6e6;
		float: none;
		margin-bottom: 1em;
		max-width: 100%;
	}
	.hotel-loop .hotel-nights {
		margin-bottom: 1em;	
	}
	.search-form .select-hold.ages {
		padding-top: .2em;	
	}
	.search-form .select-hold.ages,
	.search-form .select-hold.ages .hold {
		width: 100% !important;
		margin-top: 2px;
	}
	.select-hold.ages.add1,
	.select-hold.ages.add2,
	.select-hold.ages.add3,
	.select-hold.ages.add4 {
		left: 0;
	}
}

@media screen and (max-width: 600px) { 
	.search-mini.search .search-mobile {
		float: none;
		margin: 1.35em auto;
	}
	.search-form h1 {
		padding: 0;
	}
	.hotel-loop .hotel-description {
		margin-right:0;	
	}
	

	#sortable {
		cursor: pointer;	
	}
	#sortable h4:before {
		content: "\f0c9";
		font-family: "FontAwesome";
		padding-right: .5em;
	}
	#sortable ul {
		background-color: #192B3E;
		color: #ccc;
		display: none;
		padding: 1em 4em 1em 1em;
		position: absolute;
		z-index: 10;
	}
	#sortable li {
		display: block;
		line-height: 2em;
	}
	#sortable li:after {
		content: "";
		display: block;
	}
	#sortable:hover ul {
		display: block;	
	}

}


@media screen and (max-width: 500px) { 
	.search-form .dates-hold,
	.search-form .dates-hold .stage,
	.search-form .guests-hold,
	.search-form .button.new-search,
	.search-form .guests-hold .guests-form .select-adults-hold {
		width: 100%;
	}
	.hotel-loop {
		padding: .75em;
	}
	.hotel-loop .top {
		margin-right: 0;
	}
	.search-results .hotel-price {
		float: none;
		margin: 0;
		width: 100%;
	}
	.hotel-loop .hotel-nights {
		margin-bottom: 0;	
	}
	.hotel-loop .top {
		margin-top: 1em;
		margin-right: 0;
		text-align: center;
	}
	.hotel-loop .hotel-description {
		margin-top: .25em;	
	}
	
	.hotel-cta .accommodation span:first-child {
		font-weight: 400;
	}
	.hotel-cta .accommodation span:nth-child(2),
	.hotel-cta .accommodation span:nth-child(3) {
		display: none;	
	}
}

@media screen and (max-width: 410px) {
	.search-mini.search.open .search-details {
		width: 100%;
	}
}
@media screen and (max-width: 360px) {
	.search-form .dates-hold,
	.search-form .dates-hold .stage,
	.search-form .guests-hold,
	.search-form .guests-hold .guests-form .select-children-hold,
	.search-form .guests-hold .guests-form .select-adults-hold,
	.search-form .select-children-hold,
	.search-form .button.new-search {
		width: 100%	!important;
	}
}