/***************  templates/main/css/template.mediaquery.css  ***************/
/* Special query for Booking Mask */
@media screen and (min-width: 1260px) and (max-height: 768px){
 	.bm-opened .availability-wrapper.short-screen {
		font-size: 1.05em;
		padding-top: 55px;
	}
	.short-screen #booking-form button {
		margin: 11% auto 0;
	}
	.short-screen .form-wrapper .after {
		margin-bottom: 9%;
	}
}


/* Special query for Booking Mask */
@media screen and (min-width: 1366px) and (max-height: 768px){
 	.bm-opened .availability-wrapper.short-screen {
		padding-top: 45px;
	}
	.short-screen #booking-form button {
		margin: 11% auto 0;
	}
	.short-screen .form-wrapper .after {
		margin-bottom: 6%;
	}
}

/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1279px) {
.promo-code-wrp-outer {
  height: 214px;
  right: 25px;
  width: 305px;
}
.promo-code-wrp {
  padding: 43px 34px 14px 32px;
}
.promo-code-wrp .promo-select {
  height: 30px !important;
  margin-bottom: 20px;
  width: 238px !important;
}
.promo-code-wrp .promo-value {
  height: 28px !important;
  width: 231px !important;
}
.apply-btn-wrp {
  height: 40px;
  margin-top: 22px;
  width: 133px;
}
.applyBtn {
  padding: 14px 12px 11px;
}	
.promocode-close {
  background-size: 8px auto;
  top: 10px;
}
.promo-code-wrp::after {
  background-size: 20px auto;
  right: 22px;
  top: 54px;
}

.trip-advisor-logo .tripadvisor img.bottom,
.trip-advisor-logo.footer{
	display: inline-block;
}	

	.scrollnav .menu-fixed-icon .bar:nth-of-type(1) {
		margin-left: 16px;
		-webkit-transform: rotate(-140deg) translateY(-1.2em);
		-moz-transform: rotate(-140deg) translateY(-1.2em);
		-ms-transform: rotate(-140deg) translateY(-1.2em);
		-o-transform: rotate(-140deg) translateY(-1.2em);
		transform: rotate(-140deg) translateY(-1.2em);
	}

}

/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px) {
	body{
		border: 10px solid;
	}
	
	.mid-content {
		width: 100%;
	}
	
	.inn-text-content {
		width: 860px;
	}
	
	.inn-content {
		width: 934px;
	}

	.menu-icon{
		top: 25px;
		left: 24px;
		-ms-transition: top 0.25s ease, left 0.25s ease;
		-webkit-transition: top 0.25s ease, left 0.25s ease;
		-moz-transition: top 0.25s ease, left 0.25s ease;
		-o-transition: top 0.25s ease, left 0.25s ease;
		transition: top 0.25s ease, left 0.25s ease;
	}
	.head-btn{
		display: none;
	}

	#navigation {
		padding: 104px 0 55px;
	}
		#navigation .smo-wrapper {
			margin-top: 113px;
			padding-top: 35px;
		}

	/* div.availability-wrapper {
		width: 905px;
	} */
		.datepicker-wrapper {
			margin-left: 46px;
		}

		.form-wrapper {
			margin: 22px 0 0 81px;
		}
			.form-wrapper .after {
				margin-bottom: 19px;
			}
			.hotels.after {
				margin-bottom: 9px;
			}
				.dateIn-wrapper,
				.dateOut-wrapper {
					padding: 10px 0;
				}
				.booking-mask .form-wrapper select {
					padding: 10px 0;
				}
				.hotels .selector::after {
					right: 12px;
					top: 15px;
				}
					.choose .selector > span {
						padding: 1px 0 6px 2px;
						font-size: 1.85em;
					}
					.booking-mask .ctrls-wrapper {
						margin: 2px 8px 0;
					}
					.ctrls.up {
						margin-bottom: 7px;
					}
			.promo-code {
				margin-top: 20px;
			}
			#booking-form button {
				font-size: 0.9em;
				height: 60px;
				line-height: 60px;
				margin: 83px auto 0;
				width: 163px;
			}

	.menu-icon.pushed{
		top: 27px;
		left: 27px;
	}
		
	.languages{
		top: 19px;
		left: 111px;
		-ms-transition: top 0.25s ease, left 0.25s ease;
		-webkit-transition: top 0.25s ease, left 0.25s ease;
		-moz-transition: top 0.25s ease, left 0.25s ease;
		-o-transition: top 0.25s ease, left 0.25s ease;
		transition: top 0.25s ease, left 0.25s ease;
		
		font-size: 0.95em;
		letter-spacing: 0.15em;
	}
	.hotel .languages{
		left: 140px;
	}
	
	.pushed + .navigation + .languages{
		left: 92px;
		top: 19px;
	}
	
		.languages .active-language:after{
			top: 3px;
			right: 10px;
		}
		
	.check-rates{
		padding: 21px 0 20px;
		width: 162px;
		
		letter-spacing: 0.1em;
		font-size: 0.9em;
	}
	
	.login, 
	.my-booker,.blog{
		margin-top: 21px;
	}
	
	.my-booker{
		margin-right: 30px;
		margin-left: 40px;
	}
	
	.header-content{
		left: 10px;
		top: 10px;
		width: calc(100% - 20px);
	}
	
	.fixed-header .header-content{
		height: 63px;
	}
		.fixed-header .menu-icon {
			top: 23px;
		}
		.fixed-header .languages{
			top: 16px;
		}
		.fixed-header .check-rates {
			padding: 21px 0 21px;
		}
		
		.fixed-header .login, 
		.fixed-header .my-booker {
			margin-top: 23px;
		}
		
		.fixed-header .my-booker {
			margin-left: 31px;
			margin-right: 25px;
		}
		
		.fixed-header .languages{
			left: 94px;
		}
	#main-visual{
		height: calc(100vh - 10px);
	}
	
	#main{
		font-size: 1.05em;
	}
	.noMainVisual #main {
		margin-top: 152px;
	}
		
		#main p,
		#main li {
			line-height: 1.75;
		}
	
		h1{
			font-size: 1.95em;
			letter-spacing: 0.025em;
		}
		
		h2{
			font-size: 1.2em;
			letter-spacing: 0.09em;
		}
		h3{
			font-size: 1.15em;
		}
		
	.border-box{
		border: 10px solid;
		width: 500px;
		padding: 8px 26px 30px;
	}
	
		.border-box h3{
			font-size: 1.9em;
			letter-spacing: 0.01em;
		}
		
		.border-box h4 {
			margin: 18px 0 0;
			
			line-height: 1.15;
			font-size: 1.35em;
			letter-spacing: 0.01em;
		}
		
		.border-box .intro{
			margin-top: 16px;
			margin-bottom: 0;
			
			font-size: 1.05em;
			letter-spacing: 0.01em;
		}
		
		#main .border-box .intro {
			line-height: 1.45;
		}
		
		.read-more{
			margin: 23px 50px 0 0;
			padding-right: 20px;
			
			letter-spacing: 0.14em;
			font-size: 0.85em;
		}
		
		.read-more:after{
			top: 5px;
		}
		
	.bottom-hotel-logo{
		margin-top: 50px;
	}
	
	.go-top-section{
		height: 234px;
		margin-bottom: 54px;
	}
	
		.back-to-top{
			padding-top: 110px;
			
			letter-spacing: 0.23em;
		}
		
	.footer-menu li{
		margin: 0 2.1%;
	}
	.footer-logo {
		background-size: 810px auto;
		margin: 0 6px;
		width: 70px;
	}
	.footer-logo.glh {
		background-position: -342px 0px;
		background-size: 495px auto;
		margin: 0 7px;
	}

		.footer-logo.glh:after{
			height: 92px;
			right: -9px;
			top: -6px;
		}
		
			.footer-logo.amba {
				background-position: -355px -192px;
			}
			.footer-logo.every {
				background-position: -446px -191px;
			}
			.footer-logo.gouman {
				background-position: -537px -191px;
			}
			.footer-logo.thistle {
				background-position: -625px -192px;
			}
			.footer-logo.express {
				background-position: -715px -192px;
			}
			.footer-logos .footer-logo.hardrock{
				margin-right: 12px;
			}
			.footer-newsletter {
				margin: -21px 12px 0;
			}
		.footer-newsletter-title {
			letter-spacing: 0.08em;
		}
		.footer-newsletter .fieldBlock.email-entry {
			height: 45px;
			width: 254px;
		}
			.footer-newsletter .fieldInput {
				height: calc(100% - 18px);
				padding: 9px 11px;
				width: calc(100% - 22px);
			}
		.footer-newsletter .submit {
			font-size: 0.9em;
			height: 45px;
			line-height: 2.8;
			width: 102px;
		}
		
	#footer .smo-wrapper{
		margin-top: 7px;
	}
	
	.terms{
		right: 2.4%;
		
		letter-spacing: 0.055em;
		font-size: 0.75em;
	}
	
	.fixed-logo{
		top: 5px;
	}
	
		.fixed-logo img {
			height: auto;
			width: 105px;
		}
	
	div#navigation{
		padding: 104px 0 50px;
		width: 307px;
		font-size: 1.3em;
	}
	
		.navigation-inner{
			padding-left: 30px;
		}
		
			#navigation .shortcuts li {
				margin-bottom: 30px;
			}
			
	#navigation .smo-wrapper{
		margin-top: 113px;
		padding-top: 35px;
		margin-left: -30px;
		width: 100%;
	}
	
		#navigation .social-media{
			margin: 0 28px 0 0;
		}
		#navigation .social-media.youtube {
			margin: 0 18px 0 0;
		}
	
		#navigation .smo-wrapper a{
			background-position: -312px -67px;
		}
		#navigation .smo-wrapper .facebook a{
			background-position: -312px -67px;
		}
		#navigation .smo-wrapper .twitter a {
			background-position: -350px -65px;
		}
		#navigation .smo-wrapper .googleplus a {
			background-position: -392px -65px;
		}
		#navigation .smo-wrapper .youtube a {
			background-position: -432px -65px;
		}
		#navigation .smo-wrapper .tripadvisor a {
			background-position: -472px -65px;
		}
		
	#availability-checker{
		height: calc(100vh - 20px);
	}
	
		.booking-mask .bm-close{
			/* left: 29px; */
			top: 18px;
		}
		
		.availability-wrapper{
			/* width: 894px; */
			margin-top: 8px;
		}
			.availability-wrapper .booking-best-rate {
				margin: -5px 0 31px;
			}
			.availability-wrapper h2{
				font-size: 1.65em;
				letter-spacing: 0.02em;
			}
			
			.availability-wrapper .best-rate-content a{
				margin: 10px auto 0;
				
				font-size: 0.95em;
				letter-spacing: 0.13em;
			}
			
			.best-rate-content .reservation{
				letter-spacing: 0.07em;
				font-size: 0.95em;
			}
			
			.best-rate-content .reservation:after{
				left: -37px;
			}
	#loadPopup{
		width: 750px;
	}
	#loadPopup .innerContents {
		padding: 0 10px 10px;
	}
	#loadPopup h3 {
		margin: 50px 0 30px 0;
	}
	.popupClose {
		right: 20px;
		top: 20px;
	}

	
}

/*  Special query for Booking Mask - Landscape tablet */	
@media (max-width: 1024px){
	.availability-wrapper .booking-best-rate {
		margin: -5px 0 20px;
	}
	.head-btn,
	.fixed-header .head-btn{
		display: none;
	}

	.availability-wrapper {
		/* height: 670px; */
		left: auto;
		position: relative;
		top: auto;
		transform: none;
		width: 860px;
		margin: 0 auto;
		font-size: 0.9em;
	}
	.royalhorseguards .availability-wrapper {
		height: auto;
	}
		div.datepicker-wrapper {
			margin-left: 0;
		}
			div.ui-datepicker {
				padding: 0 16px;
			}
		div.form-wrapper {
			margin: 12px 0 0 81px;
		}
		.form-wrapper input,
		.dateIn-wrapper,
		.dateOut-wrapper {
			height: 18px;
			padding: 8px 0;
		}
		#booking-form button {
			margin: 40px auto 0;
		}
		body.item-visual #main-visual.loaded {
		    width: 888px;
		    margin: 216px auto 0 auto;
		}
		
	#main-visual .trip-advisor-logo {
		position: absolute;
		bottom: 73px;
		right: 294px;
	} 
	.covid-bar.group .bm-wrp-background {bottom: unset;}

}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	body{
		border-width: 10px;
	}
		.header-content {
			border-top: 10px solid;
			width: calc(100% - 20px);
			left: 10px;
		}
		.fixed-header .header-content {
			height: 67px;		
		}
			.menu-icon {
				left: 26px;
				top: 24px;
			}
			.fixed-header .menu-icon {
				top: 7px;
			}
			.toggle-icon .bar{
				margin-bottom:7px;
			}
			.languages {
				left: 95px;
				top: 17px;
			}
				.languages .active-language:after{
					right: 11px;
    				top: 4px;
				}
			.top-navigation .login, .top-navigation .my-booker {
				margin-top: 22px;
			}
			.top-navigation .my-booker {
				margin-left: 31px;
				margin-right: 22px;
			}
			.fixed-header .top-navigation .login, .top-navigation .my-booker,.top-navigation .blog {
				margin-top: 0px;
			}
			.fixed-header .top-navigation .my-booker {
				margin-left: 18px;
				margin-right: 14px;
			}
			.check-rates {
				padding: 20px 0;
				font-size: 0.9em;
				width: 163px;
			}
			.fixed-header .check-rates{
				padding: 24px 0;
				line-height: 1.2;

			}
			body.item-visual #main-visual.loaded {
			    width: 642px;
			    margin: 216px auto 0 auto;
			}

div#navigation {
	width: 307px;
	padding: 125px 0 55px;
	font-size: 1.25em;
    letter-spacing: 0.05em;
}
	.navigation-inner {
		padding-left: 29px;
	}
		#navigation .shortcuts li {
			margin-bottom: 39px;
		}
	div.smo-wrapper {
		margin-bottom: 40px;
		margin-left: -29px;
		margin-top: 228px;
		width: calc(100% + 29px);
	}
		div.social-media {
			margin: 0 17px 0 0;
		}
		.social-media:last-child {
			margin: 0;
		}
			div.smo-wrapper a {
				background-size: 880px auto;
				width: 35px;
			}
			div.smo-wrapper .facebook a {
				background-position: -622px -167px;
			}
			div.smo-wrapper .facebook a:hover {
				background-position: -622px -137px;
			}
			div.smo-wrapper .twitter a {
				background-position: -668px -166px;
			}
			div.smo-wrapper .twitter a:hover {
				background-position: -668px -135px;
			}
			div.smo-wrapper .googleplus a {
				background-position: -708px -166px;
			}
			div.smo-wrapper .googleplus a:hover {
				background-position: -708px -135px;
			}
			div.smo-wrapper .youtube a {
				background-position: -750px -166px;
			}
			div.smo-wrapper .youtube a:hover {
				background-position: -750px -134px;
			}
			div.smo-wrapper .tripadvisor  a {
				background-position: -798px -166px;
			}
			div.smo-wrapper .tripadvisor a:hover {
				background-position: -798px -134px;
			}



#main-visual {
	height: calc(100vh - 10px);
}

.booking-mask .bm-close {
	background-position: -252px -285px;
	background-size: 793px auto;
	left: 29px;
	top: 19px;
}
#availability-checker {
	height: calc(100vh - 20px);
}
.availability-wrapper {
	width: 690px;
	margin: 42px auto;
	left: auto;
    position: relative;
    top: auto;
    transform: none;
}
	.availability-wrapper h2 {
		font-size: 1.6em;
	}
	.availability-wrapper .booking-best-rate {
		margin: -7px 0 7px;
	}
		.best-rate-content a > span {
			font-size: 0.9em;
			letter-spacing: 0.1em;
		}

	div.datepicker-wrapper {
		float: none;
		margin: 0 auto;
		width: 470px;
	}
	div.form-wrapper {
		float: none;
		margin: 30px 0 0;
		position: relative;
		width: 100%;
	}
		.form-wrapper .after {
			margin-bottom: 21px;
		}
		.hotels.after {
			margin-top: -3px;
		}
			.dateIn-wrapper,
			.dateOut-wrapper {
				padding: 9px 0;
			}
			.booking-mask .form-wrapper select {
				padding: 8px 0 12px;
			}
		.hotels .selector:after {
			right: 11px;
			top: 14px;
		}
		.portrait-wrapper-left {
			float: left;
			width: 325px;
		}
		.portrait-wrapper-right {
			float: right;
			margin: -10px 0 0;
		}
			.choose .selector > span {
				font-size: 1.9em;
				padding: 2px 0 0;
			}
			.booking-mask .ctrls-wrapper {
				margin: 0 8px;
			}
				.ctrls.up {
					margin-bottom: 9px;
				}
			.promo-code {
				margin-top: 22px;
			}
			#booking-form button {
				font-size: 0.9em;
				height: 52px;
				line-height: 51px;
				margin: 65px 0 0 94px;
				width: 143px;
			}
			.group.touch-device #booking-form button {
				margin-top: 30px;
			}
			.group #booking-form button {
				margin-top: 43px;
			}
	.logo.branding {
		height: 145px;
		width: 158px;
	}
	div.fixed-logo{
		top: 10px;
	}
	div.logo.branding > img {
		height: auto;
		width: 100%;
	}
	div.fixed-logo, div.fixed-logo > a {
		height: 48px;
		width: 86px;
	}
		div.fixed-logo img {
			height: auto;
			width: 87px;
		}
	.mid-content {
		width: 100%;
	}	
	.inn-text-content {
		width: 575px;
	}
	.noMainVisual #main {
		margin-top: 139px;
	}
	.noMainVisual .title-wrapper {
		margin-bottom: 26px;
	}
	.inn-content {
		width: 690px;
	}
	
	.border-box{
		border-width: 8px;
	}
	.module-content #mod_flexibleForms{
		margin-top:36px;
	}
	.module-content form.flexibleForm {
		margin-bottom: 49px;
	}


div.go-top-section{
	margin-bottom: 125px;
}
	div.go-top-section:after {
		bottom: -185px;
	}
	.back-to-top {
		font-size: 0.9em;
		letter-spacing: 0.2em;
		padding-top: 109px;
	}
		.go-top-section .back-to-top {
			padding-top: 92px;
		}

	div.bottom-hotel-logo {
		margin-top: 44px;
	}
		.go-top-section .bottom-hotel-logo > img {
			height: auto;
			width: 126px;
		}

/* footer styles */
.footer-menu {
	padding: 9px 0 2px;
}
	.footer-menu .shortcuts {
		padding: 0 39px;
	}
		.footer-menu li {
			padding-bottom: 11px;
		}
	div.footer-logos {
		margin-top: 31px;
	}
		div.footer-newsletter {
			margin: 37px 0 0 0;
		}
			.footer-newsletter .footer-newsletter-title {
				margin: 2px 16px 18px;
				text-align: center;
			}

	div#footer .smo-wrapper {
		padding: 33px 0 0;
	}
		div#footer .social-media {
			margin: 0 20px;
		}
			div.footer .smo-wrapper a {
				background-size: 880px auto;
				width: 35px;
			}
			div.footer .smo-wrapper .facebook a {
				background-position: -620px -136px;
			}
			div.footer .smo-wrapper .facebook a:hover {
				background-position: -620px -168px;
			}
			div.footer .smo-wrapper .twitter a {
				background-position: -668px -135px;
			}
			div.footer .smo-wrapper .twitter a:hover {
				background-position: -668px -166px;
			}
			div.footer .smo-wrapper .googleplus a {
				background-position: -708px -135px;
			}
			div.footer .smo-wrapper .googleplus a:hover {
				background-position: -708px -166px;
			}
			div.footer .smo-wrapper .youtube a {
				background-position: -750px -134px;
			}
			div.footer .smo-wrapper .youtube a:hover {
				background-position: -750px -166px;
			}
			div.footer .smo-wrapper .tripadvisor a {
				background-position: -797px -134px;
			}
			div.footer .smo-wrapper .tripadvisor a:hover {
				background-position: -797px -166px;
			}

	.footer .terms {
		bottom: 17px;
		font-size: 0.75em;
		left: 0;
		margin: auto;
		right: 0;
		text-align: center;
		letter-spacing: 0.08em;
	}

	.copyright-wrapper {
		padding-bottom: 50px;
		letter-spacing: normal;
	}
	
	#loadPopup{
		width: 680px;
		font-size: 1.1em;
	}
	#loadPopup .innerContents {
		padding: 0 10px 10px;
	}
	#loadPopup h3 {
		margin: 50px 0 30px 0;
	}
	.popupClose {
		right: 20px;
		top: 20px;
	}
	
	
.promo-code-wrp-outer {
  height: 214px;
  right: 38px;
  width: 305px;
}
.promo-code-wrp {
  padding: 43px 34px 14px 32px;
}
.promo-code-wrp .promo-select {
  height: 30px !important;
  margin-bottom: 20px;
  width: 238px !important;
}
.promo-code-wrp .promo-value {
  height: 28px !important;
  width: 231px !important;
}
.apply-btn-wrp {
  height: 40px;
  margin-top: 22px;
  width: 133px;
}
.applyBtn {
  padding: 14px 12px 11px;
}	
.promocode-close {
  background-size: 9px auto;
  top: 9px;
}
.promo-code-wrp::after {
  background-size: 20px auto;
  right: 22px;
  top: 54px;
}
.footer-logo.glh{
	margin: 0;
}
.footer-logo.express{
	margin-right: 0;
}
.footer-logo.glh:after{
	right: -10px;
}

.trip-advisor-logo .tripadvisor img.bottom,
.trip-advisor-logo.footer{
	display: inline-block;
}	


	.menu-icon.pushed .toggle-icon .menu-text{
		margin: 5px 0 8px 7px;
	}
	.pushed .bar:nth-of-type(3),
	.scrollnav .menu-fixed-icon .bar:nth-of-type(2) {
		margin-left: 2px;
		-webkit-transform: rotate(-42deg) translateY(.2em);
		-moz-transform: rotate(-42deg) translateY(.2em);
		-ms-transform: rotate(-42deg) translateY(.2em);
		-o-transform: rotate(-42deg) translateY(.2em);
		transform: rotate(-42deg) translateY(.2em);
	}
	.pushed .bar:nth-of-type(2) {
		margin-left: 17px;
		-webkit-transform: rotate(-137deg) translateY(-1em);
		-moz-transform: rotate(-137deg) translateY(-1em);
		-ms-transform: rotate(-137deg) translateY(-1em);
		-o-transform: rotate(-137deg) translateY(-1em);
		transform: rotate(-137deg) translateY(-1em);
	}
	
	
	#main-visual .trip-advisor-logo {
		position: absolute;
		bottom: 66px;
		left: 176px;
		right:auto;
	} 
	.guoman #main-visual .trip-advisor-logo {
		left: auto;
	}
	body.covid-bar.cookieEnabled:not(.fixed-header) {margin-top: 80px;	}

}



/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.desktop-only{
		display: none;
	}
	.mobile-only{
		display: block;
	}
	body{
		border-width: 5px;
	}
	.fixed-header .header-content {
		height: 44px;
	}
	.header-content {
		opacity:1;
	}
	.page_home .header-content {
		background:none;
	}
	.page_home.fixed-header .fixed-logo{
		opacity:0;
	}
	.scroll  .header-content {
		opacity:0;
		-webkit-transition: all 1s ease-in;
		-moz-transition: all 1s ease-in;
		-ms-transition: all 1s ease-in;
		-o-transition: all 1s ease-in;
		transition: all 1s ease-in;
	}
		.fixed-header .header-right-section .mobile-wrapper{
			display: none;
		}
	
	.fixed-logo{
		top: 6px;
	}
	.header-content {
		border-top-width: 5px;
		left: 5px;
		width: calc(100% - 10px);
	}
	.menu-icon {
		left: 14px;
		/*top: 16px;*/
		top:2px;
		width: 38px;
	}
	.menu-icon.pushed{
		top:15px;
	}
	.menu-icon.pushed .menu-text{
		color:#000;
	}
	.toggle-icon .menu-text {
		font-size: 0.7em;
		margin-bottom: 1px;
	}
	
	
	.languages,
	.menu-icon {
		z-index: 2;
	}
	div.pushed .bar:nth-of-type(2) {
		margin-left: 17px;
		-webkit-transform: rotate(-135deg) translateY(-1.2em);
		-moz-transform: rotate(-135deg) translateY(-1.2em);
		-ms-transform: rotate(-135deg) translateY(-1.2em);
		transform: rotate(-135deg) translateY(-1.2em);
	}
	div.pushed .bar:nth-of-type(3) {
		margin-left: 2px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.menu-icon .toggle-icon .bar {
		border-right-width: 36px;
		/*margin-bottom: 13px;*/
		margin-bottom: 5px;
		width: 33px;
		height: 2px;
	}

	.pushed.menu-icon .toggle-icon .bar{
		margin-bottom: 13px;
	}
	div#navigation{
		z-index: 10;
		width: 100%;
		padding: 65px 0 0;
		height: calc(100vh - 5px);
		-webkit-transform: translateX(calc(-100% - 5px));
		-moz-transform: translateX(calc(-100% - 5px));
		-ms-transform: translateX(calc(-100% - 5px));
		transform: translateX(calc(-100% - 5px));
		border-bottom: 5px solid #b2a072;
	}
		#navigation .navigation-inner {
			height: 100%;
		}
		#navigation .shortcuts li.last {
			margin-bottom: 21px;
		}
		.navigation-inner {
			padding-left: 24px;
		}
			#navigation .shortcuts li {
				margin-bottom: 21px;
			}
			.mobile-only.bottom-menu {
				display: block;
				background: #030303;
				float: left;
				margin-left: -24px;
				padding: 28px 0 17px 22px;
				width: calc(100% + 2px);
				margin-bottom: 50px;
			}
				#navigation .bottom-menu .shortcuts li {
					margin-bottom: 17px;
				}
				#navigation .bottom-menu .shortcuts a:after {
					bottom: -3px;
				}
				#navigation .shortcuts a:hover:after{
					width: 0;
				}

			.smo-wrapper a{
				width: 37px;
			}
			#navigation .smo-wrapper{
				display: none;
			}

	.toggle-icon .bar {
		border-right-width: 38px;
		margin-bottom: 11px;
		width: 38px;
	}
	.languages {
		left: 65px;
		top: 10px;
	}
	.group .languages .active-language:after {
		background-position: -52px -22px;
		background-size: 735px auto;
		right: 17px;
    	top: 1px;
	}
	.check-rates {
		padding: 15px 0 12px;
		width: 119px;
		font-size: 0.8em;
	}
	.group .check-rates{
		padding: 15px 12px 12px;
	}
	.fixed-header .check-rates {
		padding: 15px 0 13px;
	}
	.group.fixed-header .check-rates{
		
		line-height: 1.15;
	}
	.header-right-section .mobile-wrapper {
		display: block;
	}
		.group.fixed-header .header-right-section .mobile-wrapper{
			margin: 44px 0 0;
			width: 310px;
		}
		.group.fixed-header .my-booker {
			text-align: left;
			width: 131px;
		}
		.group.fixed-header .login {
			text-align: right;
			width: 134px;
		}
		.login, .my-booker ,.blog{
			font-size: 0.85em;
			letter-spacing: 0.04em;
			margin-top: 13px;
		}
		.my-booker {
			margin-left: 18px;
			margin-right: 12px;
		}
		.my-booker {
			margin-left: 20px;
			margin-right: 13px;
		}
		.fixed-header .my-booker {
			margin-left: 23px;
			margin-right: 0;
		}
		.group.fixed-header .my-booker {
			margin-left: 23px;
			margin-right: 0;
		}
	
	.group .logo.branding {
		height: auto;
		width: 125px;
		top: 150px;
	}
		.group .logo.branding > img {
			height: auto;
			width: 100%;
		}

	#main-visual {
		height: calc(100vh - 5px);
	}
	.scroll-wrapper .scroll-text {
		bottom: 78px;
		font-size: 0.7em;
	}

	.mid-content, .inn-content {
		width: 100%;
	}
	.inn-text-content {
		width: 86%;
	}
	.read-more:after {
		right: -18px;
		top: 3px;
	}


div.go-top-section {
	height: 122px;
	margin-bottom: 77px;
}
div.go-top-section:after {
	bottom: -122px;
}
	.back-to-top {
		font-size: 0.75em;
		letter-spacing: 0.2em;
	}
	div.bottom-hotel-logo {
		margin-top: 22px;
	}
		.go-top-section .bottom-hotel-logo > img {
			height: auto;
			width: 92px;
		}

.footer-menu{
	display: none;
}
.footer-logos{
	border-top: 1px solid #828282;
	padding: 14px 0;
}
	.footer-logos .footer-logo{
		width: 35px;
		height: 35px;
		margin: 0 3px;
		background-size: 440px auto;
	}
	.footer-logos .footer-logo.hardrock{
		width: 35px;
		height: 28px;
		background-size:cover;
	}
	.footer-logo.glh {
		background-position: -168px 0px;
		height: 38px;
		width: 76px;
		margin: 0 0px;
		background-size: 244px auto;
	}
	.footer-logo.express{
		margin-right: 0;
	}
	.footer-logo.glh:after {
		height: 52px;
		right: -7px;
		top: -6px;
	}
	.footer-logo.amba {background-position: -190px -100px}
	.footer-logo.every {background-position: -242px -100px}
	.footer-logo.gouman {background-position: -297px -100px}
	.footer-logo.thistle {background-position: -340px -100px}
	.footer-logo.express {background-position: -388px -100px}
	
.footer-newsletter {
		border-top: 1px solid #828282;
		margin: 19px 0 0;
		width: 100%;
	}
		.footer-newsletter > form {
			border: none;
			margin: 0 auto;
			width: 270px;
		}
			.footer-newsletter .fieldBlock.email-entry {
				width: 268px;
			}
				.footer-newsletter > form .fieldInput{
					border: 1px solid #242323;	
					text-align: center;
					background: #f7f5f0;
				}
			.footer-newsletter-title {
				font-size: 0.85em;
				height: auto;
				letter-spacing: 0.1em;
				margin: 27px 0 18px;
				text-align: center;
				width: auto;
			}
			.footer-newsletter .submit {
				float: none;
				height: 45px;
				margin: 17px auto 0;
				width: 120px;
			}	

div#footer .smo-wrapper {
	margin: 11px 0;
	padding: 0;
}
	div#footer .social-media {
		margin: 0 10px;
	}
	div#footer .copyright-wrapper {
		font-size: 0.75em;
		letter-spacing: 0;
		line-height: 1.6;
		margin: 11px auto;
		padding-bottom: 33px;
		width: 242px;
	}
		.copyright > span::after {
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
			white-space: pre;
		}
	#footer .terms {
		bottom: 5px;
		font-size: 0.7em;
		left: 0;
		letter-spacing: 0.13em;
		margin: 0 auto;
		right: 0;
		text-align: center;
	}
	.noMainVisual #main {
		margin-top: 121px;
	}
	.noMainVisual .title-wrapper {
		margin-bottom: 10px;
	}
	.fixed-logo img.noMobile {
		display:none;
	}
	.fixed-logo img.mobile-only {
		display:block;
	}
	#loadPopup {
		width: 90%;
		font-size: 0.8em;
		max-width: 90%;
		min-width: 90%;
		padding: 5px 20px 10px;
	}
	#loadPopup .innerContents {
		padding: 10px 0px 0px;
	}
	#loadPopup h3 {
		margin: 30px 0 15px 0;
	}
	.popupClose {
		width: 20px;
		height: 20px;
		right: 10px;
		top: 10px;
	}
	.popupClose:before, .popupClose:after{
		width: 25px;
	}
	body.item-visual #main-visual.loaded {
	    width: 300px;
	    margin: 106px auto 0 auto;
	}

	.trip-advisor-logo .tripadvisor img.bottom,
	.trip-advisor-logo.footer{
		display: inline-block;
	}	

	.trip-advisor-logo .tripadvisor img.top,
	.trip-advisor-logo.desktop-only{
		display: none;
	}

	.trip-advisor-logo.footer .tripadvisor{
		float: none;
		margin: 15px 0;
	}
	.trip-advisor-logo.mobile-only {
		width: 80px;
		height: auto;
		position: absolute;
		left: 10px;
		top: 90px;
	}
	.trip-advisor-logo.mobile-only .tripadvisor {
		margin: 0;
	}
	.trip-advisor-logo.mobile-only .tripadvisor img {
		width: 80px;
		height: auto;
	}
	.cookieEnabled .trip-advisor-logo.mobile-only {
		top: 120px;
	}
	.temp-banner{display: table;height: 33px;}
	.temp-banner p {
		padding: 3px 4px;
		display: table-cell; 
		vertical-align: middle;
	}
	.covid-bar #header .header-content-wrap {top: 34px;	}
	.covid-bar:not(.scroll) #header {top: 39px;}
	.fixed-header.covid-bar #header {top: 0;	}
	.scroll .temp-banner {display: none;}
	.cookieEnabled:not(.fixed-header).covid-bar #cookie-notice {top: 39px;}
	body.covid-bar.cookieEnabled:not(.fixed-header) {	margin-top: 71px;}
}

@media (min-width: 480px) and (max-width: 767px) {
	.page_home.cookieEnabled .trip-advisor-logo.mobile-only {
		top: 110px;
	}
	.trip-advisor-logo.mobile-only {
		display: none;
	}
	.covid-bar:not(.scroll) #header {top: 33px;	}
	body:not(.scroll).covid-bar .bm-wrp-background {top: 115px !important;}
	.covid-bar.fixed-header #header{top: 0;}
	.cookieEnabled.covid-bar:not(.scroll) #header {	top: 33px;}
	body:not(.scroll).covid-bar.cookieEnabled .bm-wrp-background {top: 83px !important;}
	.cookieEnabled.fixed-header.covid-bar #header {	top: 0;}
	.cookieEnabled:not(.fixed-header).covid-bar #cookie-notice {top: 33px;}
	body.covid-bar.cookieEnabled:not(.fixed-header) {margin-top: 63px;}
}
/***************  templates/main/css/template.hotelSubpage.css  ***************/
body{
	background:#f7f5f0;
}
.introContent,.readmore-inner  {
	overflow: hidden;
	-ms-transition: max-height 800ms ease-in-out 0s;
	-webkit-transition: max-height 800ms ease-in-out 0s;
	-moz-transition: max-height 800ms ease-in-out 0s;
	-o-transition: max-height 800ms ease-in-out 0s;
	transition: max-height 800ms ease-in-out 0s;
}

.readmore-toggle {
	margin: 18px 0 23px;
	position: relative;
}

	.toggle-btn {
		cursor: pointer;
		display: inline-block;
	}
	
	.readless, 
	.readActive .readmore, 
	.readmore-toggle.hide {
		display: none;
	}
	
	.readActive .readless {
		display: inline-block;
	}
.top-menu {
	-ms-transition: opacity 0.3s ease-in-out ; 
	-webkit-transition: opacity 0.3s ease-in-out ; 
	-moz-transition: opacity 0.3s ease-in-out ;
	-o-transition: opacity 0.3s ease-in-out ;
	transition: opacity 0.3s ease-in-out ;
}

.fixed-header .availability-wrapper-outer{
	display: none;
}

/*.header-content .head-btn .go-btn{
	display: block !important;
}*/

.fixed-header .top-menu{
	max-height: 39px;
	opacity: 1;
	visibility: visible;
}

.fixed-header.scrolled .top-menu{
	max-height: 0px;
	opacity: 0;
	visibility: hidden;
}

.fixed-header .header-content{
	top: 36px;
}

.fixed-header.scrolled .header-content{
	top: 0;
}
	
#main-visual{
	height: 497px;
	margin-top: 87px;
	z-index: 0;
}
	#main-visual .slide {
		height: 497px;
	}
body.item-visual #main-visual{
	height: 347px;
	margin: 258px auto 0 auto;
	width: 1103px;
}

	body.item-visual #main-visual .slide {
		height: 347px;
	}	
	#main-visual .slide{
		opacity: 0.75;
	}

	.main-visual-heading{
		position: absolute;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		left: 50%;
		top: 50%;
		
		text-transform: uppercase;
	}
	
		.main-visual-heading h2{
			font-size: 2.75em;
		}
		

#main{
	margin: 0 auto;
	position:relative;
	z-index:1;
}
#main.has-viewitem{
	width:100%;
	margin-top:87px;
}
#module-content{
	margin: 0 auto;
}
.module-content{
	margin-top:67px;
}
.has-viewitem .module-content{
	margin-top:0;
}

	.main-content{
		margin: 0 auto;
		font-size: 0.95em;
		letter-spacing: 0.023em;
	}
	
		.title-wrapper {
			margin: 0 auto;
			width: 582px;
		}
		.title-wrapper.wide {
			width: 100%;
		}
		
		.main-intro {
			margin-top: 12px;
		}
	#main.has-viewitem .module-content{
		float:left;
		width:100%;
		background:#f7f5f0;
	}
.offers-viewitem{
	float:left;
	margin:49px 0 0 0;
}
	.offers-viewitem .offers-wrapper{
		margin:65px auto 81px;
	}
	.offers-viewitem .offers-title{
		float:none;
		margin:0 auto;
	}
	.sub-title {
		margin-bottom: 39px;
	}

#main .siteMap ul{
	width: 100%;
	margin: 0;
	padding: 0;
}	
.siteMap li {
	display: inline-block;
	width: 31%;
	margin-bottom: 10px;
}
#main .siteMap ul li:before{
	display: none;
}
#main .siteMap ul li a{
	text-decoration: none;
}
#main .siteMap ul li a:hover{
	opacity: 0.7;
}
#main .siteMap ul li.sitemap{
	display: none;
}

#newsletterIframe{
	position: relative;
	width: 100%;
	height: 425px;
}
#newsletterIframe iframe{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#page_newsletter #footer, #page_newsletter .go-top-section{
	display: none;
}
#page_newsletter #main{
	overflow: hidden;
}
#page_newsletter .main-title{
	margin-top: 0;
}

.formBack{
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 39px;
    top: 117px;
	opacity: 1;
}
.formBack:hover {
	opacity: 0.5;
}
.formBack:before, .formBack:after{
	position: absolute;
	left: 15px;
	top: -4px;
	content: '';
	height: 40px;
	width: 2px;
	background-color: #030303;
}
.formBack:before{
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.formBack:after{
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.page-group-sitemap {
	width: 87.7%;
	margin-left: auto;
	margin-right: auto;
}
#main .page-group-sitemap ul li::before{
	display:none;
}
.page-group-sitemap .data-section > span {
	text-transform: uppercase;
	font-family:'optimabold', sans-serif!important;
	padding-top:13px;
	display:block;
	font-size:1.05em;
	padding-bottom:23px;
}

.page-group-sitemap ul.sitemap-wrapper{
	width:100%;
	padding:0;
	margin:0;
	display:block;
}
#main .page-group-sitemap ul.sitemap-wrapper li{
	padding:0;
	margin:0;
	margin-bottom:8px;
	font-size:1em;
}

.page-group-sitemap .sitemap-out-wrap{
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */
	column-count: 4;
	 -webkit-column-gap: 10%; /* Chrome, Safari, Opera */
    -moz-column-gap: 10%; /* Firefox */
    column-gap: 10%;
}

#main .page-group-sitemap ul.sitemap-wrapper li a{
	text-transform: uppercase;
	font-family:'open_sanssemibold', sans-serif;
	font-size:0.8em;
	letter-spacing:normal;
}
.page-group-sitemap .data-section.fade-out.anim {
	margin-bottom: 82px;
}
.page-group-sitemap .shortcut6.item6.itemr4.level1.login,
.page-group-sitemap .shortcut7.item7.itemr3.level1.my-booker,
.page-group-sitemap .shortcut8.item8.itemr2.level1.blog{
	display:none;
}

#main .page-group-sitemap ul.sitemap-wrapper li.terms {
	bottom: auto;
	right:auto;
}

/*event page partner logo*/
.partner-logo{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
	.partner-logo .logo-image{
		height: 80px;
		width: auto;
		display: inline-block;
		margin: 5px 5px;
		position: relative;
	}

		.partner-logo .logo-image img{
			height: 80px;
			width: auto;
		}

	.partner-logo .logo-image.aim,
	.partner-logo .logo-image.aim img{
		height: 71px;
	}

	.partner-logo .logo-image.aim img{
		display: block;
	}
	.partner-logo .logo-image.mia{
		display: none;
	}
/*event page partner logo*/

/* Facilities */
.services-wrapper {
    text-align: left;
}
.facilities-blk{
	margin:20px 0;
/* 	border-bottom:1px solid #dddddd; */
/* 	padding-left: 52px;	 */
}
.facilities-blk h3, .standard-blk h3 {
    font-weight: 700;
    font-size: 2.05em;
    text-transform: uppercase;
}
.facilities-blk ul {
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}
.standard-blk {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 20px;
	/* border-bottom: 1px solid #dddddd; */
	/* padding-left: 52px; */
}
.standard-blk.upgrades {
	border-bottom: none;
	margin-bottom: 20px;
}
.standard-blk .col-left ul, .standard-blk .col-right ul {
	margin-bottom: 0;
	padding-left: 0;
	display: block;
}
#main .facilities-blk ul li{
	display:inline-block;
	padding:50px 0 0;
	margin:0 10px;
	min-width:50px;
	text-align:center;
	width: calc((100% - 120px) / 6);
	vertical-align: top;
	position: relative;
}
#main .facilities-blk ul li:before {
    display: none;
}
#main .facilities-blk ul li:after{
	background-image: url(/templates/main/images/facilities_sprite.png);
	background-repeat: no-repeat;	
	position: absolute;
	left: 50%;
	top: 0;
	content: '';
	width: 56px;
	height: 36px;
	margin-left:-25px;
	background-size: 453px auto;
}
#main .facilities-blk ul li.wifi:after {
	background-position: -12px -9px;
	background-size: 250px auto;
	margin-left: -22px;
	width: 58px;
	height: 43px;
}
#main .facilities-blk ul li.lounge:after {
	background-position: -99px -9px;
	background-size: 250px auto;
	width: 52px;
	height: 43px;
}
#main .facilities-blk ul li.bar:after {
	background-position: -182px -11px;
	background-size: 250px auto;
	width: 50px;
	height: 43px;
}
#main .facilities-blk ul li.gym:after {
	background-position: -8px -65px;
	background-size: 250px auto;
	width: 65px;
	height: 43px;
	margin-left: -30px;
}
#main .facilities-blk ul li.tv:after {
	background-position: -94px -63px;
	background-size: 250px auto;
	width: 56px;
	height: 43px;
	margin-left: -30px;
}
#main .facilities-blk ul li.minibar:after {
	background-position: -182px -63px;
	background-size: 250px auto;
	width: 48px;
	height: 43px;
}
.standard-blk .col-cont {
	width: 48%;
	float: left;
	/* margin: 0 1%; */
}
.standard-blk .col-cont.col-right{
	float:right;
}
.standard-blk ul li{
	text-align: left;
	position: relative;
	list-style: none;
	padding: 0 0 0 21px;
}
/* #main .standard-blk ul li:before{
	background: #931309;
	content: '';
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 10px;	
} */	
/* Facilities END */

/* Accordion styles */
.type_accordionBlock {
	border-bottom: 1px solid #000000;
}
.accordionTitle, 
.contentBlock.type_accordionBlock.collapsed .accordionTitle, 
.contentBlock.type_accordionBlock.expanded .accordionTitle {
	padding: 29px 0 10px;
	display: block;
	font-size: 1.3em;
	cursor: pointer;
	background: none;
	text-transform: uppercase;
	position: relative;
	width: 97%;
	color: #000;
}
.accordionTitle:after, .accordionTitle:before {
	width: 27px;
	height: 27px;
	display: inline-block;
	cursor: pointer;
	content: "";
	position: absolute;
	background-color: #000000;
	transition: transform 0.25s ease-out;
	-webkit-transition: transform 0.25s ease-out;
	-moz-transition: transform 0.25s ease-out;
	-o-transition: transform 0.25s ease-out;
}
.accordionTitle:before {
	top: 30px;
	right: 23px;
	width: 2px;
}
.accordionTitle:after {
	top: 42px;
	right: 11px;
	height: 2px;
}
.expanded .accordionTitle:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.expanded .accordionTitle:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 29px;
}
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px) {
	.fixed-header .header-right-section{
		display: none;
	}
	.head-btn, .fixed-header .head-btn{
		display: block;
	}
	.head-btn .go-btn{
		margin: 15px !important;
		width: 125px;
	}
	#main-visual {
		height: 421px;
		margin-top: 63px;
	}
	#main-visual .slide{
		height: 421px;
	}
	div.main-visual-heading {
		margin: 3px 0 0 3px;
	}
	#main.has-viewitem{
		margin-top:68px;
	}
	.sub-title {
		margin: 14px 0 37px;
	}
	.offers-viewitem .offers-wrapper{
		margin-top:47px;
		margin-bottom:77px;
	}
	.offers-title{
		font-size:1.9em;
	}
	.main-content {
		font-size: 0.95em;
		letter-spacing: 0.015em;
	}
	.module-content {
		margin-top: 64px;
	}
	.siteMap li {
		width: 30%;
	}
	.formBack {
		right: 28px;
		top: 85px;
	}
	#newsletterIframe iframe{
		min-height: 793px;
	}
	#newsletterIframe{
		min-height: 425px;
	}
	body.item-visual #main-visual {
		margin: 216px auto 0 auto;
		width: 888px;
	}
	
	.page-group-sitemap {
		width: 90%;
	}
	.page-group-sitemap .data-section > span {
		font-size: 1.1em;
	}
	.page-group-sitemap .sitemap-out-wrap {
		-webkit-column-gap: 6%;
		-moz-column-gap:6%;
		column-gap: 6%;
	}
	#main .page-group-sitemap ul.sitemap-wrapper li {
		margin-bottom: 7px;
	}
	.page-group-sitemap .data-section.fade-out.anim {
		margin-bottom: 98px;
	}
	/* .facilities-blk, .standard-blk {
		padding-left: 34px;
	}	 */
	.facilities-blk h3, .standard-blk h3 {
		font-size: 1.8em;
	}	
	#main .facilities-blk ul li {
		font-size: 0.74em;
	}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 
	.fixed-header .check-rates {
		padding: 24px 0 24px 0;
	}
	.formBack {
		right: 28px;
		top: 85px;
	}
	.my-booker {
		font-size: 0.9em;
		margin-left: 21px;
		margin-right: 14px;
	}
		.login, .my-booker {
			margin-top: 24px;
		}
	#main-visual {
		height: 367px;
		margin-top: 67px;
	}
	#main-visual .slide{
		height: 367px;
	}
	.main-visual-heading h2 {
		font-size: 2em;
	}
	.main-title {
		font-size: 1.8em;
		letter-spacing: 0.05em;
		margin-top: 33px;
	}
	.sub-title {
		margin-bottom: 28px;
	}
	.module-content {
		margin-top: 37px;
	}
	.siteMap li {
		width: 29%;
	}
	body.item-visual #main-visual {
		margin: 216px auto 0 auto;
		width: 642px;
	}
	.page-group-sitemap {
		width: 92%;
	}
	.page-group-sitemap .data-section > span {
		padding-top: 7px;
		font-size: 1.1em;
		padding-bottom: 26px;
	}
	#main .page-group-sitemap ul.sitemap-wrapper li a {
		font-size: 0.9em;
		letter-spacing:0.02em;
	}
	.page-group-sitemap .sitemap-out-wrap {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 8%;
		-moz-column-gap: 8%;
		column-gap: 8%;
	}
	#main .page-group-sitemap ul.sitemap-wrapper li {
		margin-bottom: 15px;
	}
	.page-group-sitemap .data-section.fade-out.anim {
		margin-bottom: 70px;
	}
/* 		.facilities-blk, .standard-blk {
			padding-left: 40px;
		} */
		.facilities-blk h3, .standard-blk h3{
			font-size: 1.75em;	
		}	
		.standard-blk.upgrades{
			margin-bottom: 75px;
		}	
		#main .facilities-blk ul li {
			margin: 0 10px 10px;
			min-width: 50px;
			width: calc((100% - 60px) / 3);
			font-size: 0.8em;
		}
		.accordionTitle, .contentBlock.type_accordionBlock.collapsed .accordionTitle, .contentBlock.type_accordionBlock.expanded .accordionTitle {
			font-size: 1.15em;
		}		
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
.header-right-section {
	position: relative;
	right: auto;
	top: auto;
}
	.formBack {
		height: 25px;
		right: 17px;
		top: 88px;
		width: 25px;
	}
	.formBack:before, .formBack:after {
		height: 32px;
	}
	.fixed-header .header-content {
		height: 75px;
	}
		.fixed-header .header-right-section .mobile-wrapper{
			display: block;
			left: 50%;
			margin: 44px 9px 0;
			position: absolute;
			text-align: center;
			transform: translateX(-50%);
			width: 56%;
		}
			.my-booker {
				margin-left: 16px;
				margin-right: 0;
			}
			.login {
				border-right: 1px solid #d7d5d1;
				padding-right: 20px;
			}
			.login, .my-booker {
				float: right;
				margin-top: 8px;
				letter-spacing: 0.11em;
			}
	#main-visual {
		height: 184px;
		margin-top: 45px;
	}
	#main-visual .slide {
		height: 184px;
	}
	body.item-visual #main-visual {
		width: 300px;
		margin: 106px auto 0 auto;
		height: 184px;
	}
	body.item-visual #main-visual .slide {
		height: 184px;
	}
	.main-visual-heading h2 {
	  font-size: 1.3em;
	}
	.main-title {
		font-size: 1.35em;
		letter-spacing: 0.02em;
		line-height: 1.08;
		margin-top: 25px;
	}
	.main-content {
		font-size: 1em;
		letter-spacing: 0.035em;
	}

	.readmore-toggle {
		margin: 15px 0;
	}
	.sub-title {
		margin-bottom: 10px;
		margin-top: 12px;
	}
	.module-content {
		margin-top: 40px;
	}
	.main-visual-heading{
		text-align:center;
		width:100%;
	}
	.siteMap li {
		width: 100%;
	}
	#newsletterIframe{
		min-height: 750px;
	}
	
	.page-group-sitemap .sitemap-out-wrap {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	.page-group-sitemap .data-section.fade-out.anim {
		text-align: center;
		margin-bottom:59px;
	}
	.page-group-sitemap .data-section > span {
		padding-top: 0;
		font-size: 1em;
		padding-bottom: 17px;
	}
	.page-group-sitemap ul.sitemap-wrapper{
		text-align:center;
	}
	#main .page-group-sitemap ul.sitemap-wrapper li a {
		font-size: 1em;
	}
	#main .page-group-sitemap ul.sitemap-wrapper li {
		margin-bottom: 11px;
		text-align:center;
	}
	
	.services-wrapper {
		text-align: left;
		width: 86%;
		margin: 0 auto;
	}
	#main .facilities-blk ul li {
		margin: 0 10px 10px;
		min-width: 50px;
		text-align: center;
		width: calc((100% - 60px) / 3);
		font-size: 0.75em;
	}
	.facilities-blk, .standard-blk {
		padding-left: 0;
		width: 100%;
		margin: 0 auto;
	}
	.standard-blk.last{
		margin-bottom: 35px;
	}	
	.facilities-blk h3, .standard-blk h3{
		font-size: 1.35em;
	}	
	.standard-blk.upgrades{
		margin-bottom: 70px;
	}
	.standard-blk .col-cont {
		width: 98%;
		margin: 0 1%;
	}	
	.landing-content {
		padding: 0 13px;
	}
	.accordionTitle, 
	.contentBlock.type_accordionBlock.collapsed .accordionTitle, 
	.contentBlock.type_accordionBlock.expanded .accordionTitle {
		padding-right: 27px;
		font-size: 1.05em;
	}
	.accordionTitle:before {
		height: 18px;
		right: 22px;
	}
	.accordionTitle:after {
		width: 18px;
		top: 37px;
		right: 14px;
	}
	.type_richText, .type_textWithSideImage {
		font-size: .85em;
	}
}


/*Start styles for christmas page*/
/*Start main-intro*/
.christmas.main-intro-wrp{
    margin-top: 50px;
    min-height: inherit;
    border: none;
}
.christmas .main-intro-inner{
	margin-top: 60px;
}
.christmas .main-intro-inner a {
    text-decoration: none;
}
.christmas .main-intro-inner a:hover {
    text-decoration: underline;
}
.christmas .main-intro-inner h3 {
	font-size: 2.35em;
	word-spacing: 1px;
	line-height: 1.7;
	letter-spacing: 0px;
	margin-bottom: 5px;	
}
.christmas .main-intro-inner p {
    font-size: 1.05em;
	word-spacing: 2px;
	line-height: 1.7;
	padding: 0 10px;
	margin-top: 0px;
	margin-bottom: 33px;
}

.christmas .main-intro-block{
	width: 1096px;
	margin: 0 auto;
	float: none;
	text-align: center;
	padding: 0;
}
.christmas h1.main-title{
	margin:0;
	width: 100%;
	padding:0;
}
.christmas h1.main-title:before{
	display: none;
}
/*End main-intro*/
/*Start flipbook*/
.xmas.flipbook{
    margin-top: 48px;
    width: 100%;
}
.xmas.flipbook .cover-img{
	width: 770px;
	height: 433px;
	margin: 0 auto;
	cursor: pointer;
}
.xmas.flipbook .cover-img img{
	width: 100%;
	height: auto;
}
.xmas .flipbook-popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(33, 33, 33);
	z-index: 999;
}
.xmas .flipbook-popup .close-btn{
	position: absolute;
	top: 20px;
	right: 20px;
	color: #ffffff;
	width: 30px;
	height: 30px;
	background:url(/templates/main/images/close-button.png);
	opacity: 0.3;
	cursor: pointer;
	background-size: cover;
}
.xmas .flipbook-popup iframe{
	width: 100%;
	height: 100vh;
}
.xmas .flipbook-title {
	text-align: center;
}
/*End flipbook*/
/*Start contact-button*/

.xmas_ofr.contact-button{
	margin: 50px auto 54px;
	text-align: center;
	max-width: 250px;	
}
.xmas_ofr.contact-button .booking-link {
	padding: 13px 32px;
	display: inline-block;
	text-decoration: none;
	font-size: 1.1em;
	background: #931309;
	letter-spacing: 0px;
}
.xmas_ofr.contact-button .booking-link:hover {
    color:#fff;
}
@media (min-width: 1024px) and (max-width: 1365px) {

	.christmas .main-intro-block{
		width: 100%;
	}
	.christmas.main-intro-wrp {
		margin-top: 19px;
	}
	.christmas .main-intro-inner h3 {
		font-size: 1.7em;
		letter-spacing: 1px;
		word-spacing: 0px;
	}
	.christmas .main-intro-inner {
		margin-top: 47px;
	}	
	.christmas .main-intro-inner p {
		line-height: 1.7;
		padding: 0 28px;
		word-spacing: 3px;
	}
	.xmas.flipbook {
		margin-top: 50px;
	}
	.xmas_ofr.contact-button{	
		margin: 50px auto 0;
	}	
}
@media (min-width: 768px) and (max-width: 1023px) {
	.christmas .main-intro-block{
		width: 100%;
	}	
	.christmas .main-intro-inner {
		margin-top: 46px;
	}
	.christmas.main-intro-wrp {
		margin-top: 28px;
	}
	.christmas .main-intro-inner h3 {
		font-size: 1.8em;
	}	
	.christmas .main-intro-inner p {
		margin: 0 10px 27px;
	}
	.xmas.flipbook {
		margin-top: 44px;
	}
	.xmas.flipbook .cover-img {
		width: 723px;
		height: auto;
	}	
	.xmas_ofr.contact-button .booking-link {
		word-spacing: 2px;
	}
	.xmas_ofr.contact-button {
		margin: 46px auto 0;
	}			
}
@media(max-width: 767px) {
	.christmas .main-intro-block {
		width: 100%;
	}
	.christmas .main-intro-block{
		width: 100%;
	}	
	.christmas .main-intro-inner {
		margin-top: 27px;
	}
	.christmas.main-intro-wrp {
		margin-top: 22px;
	}
	.christmas .main-intro-inner h3 {
		font-size: 1.5em;
		padding: 0 40px;
	}
	.christmas .main-intro-inner p {
		font-size: 1em;
		line-height: 1.5;
		letter-spacing: 0px;
		padding: 0 22px;		
	}
	.xmas.flipbook {
		margin-top: 30px;
	}
	.xmas.flipbook .cover-img {
		width: 290px;
		height: auto;
	}	
	.xmas_ofr.contact-button {
		margin: 31px auto 35px;
	}	
	.xmas_ofr.contact-button .booking-link {
		font-size: 0.938em;
		padding: 11px 27px;
	}	
}
/*End styles for christmas page*/
/***************  templates/main/css/template.group.css  ***************/
body{
	border-color: #b2a072;
	background-color: #e4dfd4;
}
.hotel-only{
	display:none;
}

.header-content{
	border-color: #b2a072;
}

.fixed-header .header-content{
	z-index: 2;
}

.toolbox-link{
	z-index: 100;
}

.check-rates{
	background: #920f10;
}

#navigation a:hover:after,
#navigation .active a:after{
	background-color: #b2a072;
}
#navigation .active .menuLevel2 a:after{
	width: 0;
}
#navigation .active .menuLevel2 a:hover:after{
	width: 21px;
}
#navigation .shortcut7.item7.itemr3.level1.our-neighbourhood::before {
	background: none;
}

#navigation .shortcuts li.contact{
	font-size: inherit;
}

.fixed-logo{
	top: 8px;
}
	.fixed-logo,
	.fixed-logo > a {
		display: block;
		height: 60px;
		overflow: hidden;
		width: 109px;
	}
		.fixed-logo img {
			height: auto;
			width: 109px;
		}

.bg,
.smo-wrapper a,
.languages .active-language:after,
.footer-logo,
.hotels .selector:after,
.ctrls-wrapper .ctrls,
.best-rate-content .reservation:after,
.slick-arrow,
.read-more:after,
.back-to-top:after,
.facility_items span:after,
.type_date:before,
.type_selectInPageEditable:before,
.type_selectCountry:before,
.hotel-filter .active:after,
.hotel-filter:after,
.widget-content .filter-inner-wrapper:after,
.bottom-title:after,
.video-overlay:after,
#navigation li.has-submenu:after,
.group .backto-link:before {
	background-image: url(/templates/main/images/group_sprite.svg);
	background-repeat: no-repeat;
}

.no-support .bg,
.no-support .smo-wrapper a,
.no-support .languages .active-language:after,
.no-support .footer-logo,
.no-support .hotels .selector:after,
.no-support .ctrls-wrapper .ctrls,
.no-support .best-rate-content .reservation:after,
.no-support .slick-arrow,
.no-support .read-more:after,
.no-support .back-to-top:after,
.no-support .facility_items span:after:after,
.no-support .type_date:before,
.no-support .type_selectInPageEditable:before,
.no-support .type_selectCountry:before,
.no-support .hotel-filter .active:after,
.no-support .hotel-filter:after,
.no-support .widget-content .filter-inner-wrapper:after,
.no-support .bottom-title:after,
.no-support .video-overlay:after,
.no-support #navigation li.has-submenu:after,
.group .backto-link:before {
	background-image: url(/templates/main/images/group_sprite.png);
}

.main-intro a,
.main-intro a:hover,
.exclusive a,
.exclusive .exclusive-wrapper a:hover,
.mainWrapper a,
.mainWrapper a:hover,
.signUp a,
.signUp a:hover,
.showForm a,
.showForm a:hover{
	color: #030303;
	font-weight: bold;
}

.group a {
	text-decoration: none;
}

a:hover{
	-ms-transition: opacity .4s ease-in-out 0s, padding .4s ease-in-out 0s; 
	-webkit-transition: opacity .4s ease-in-out 0s, padding .4s ease-in-out 0s; 
	-moz-transition: opacity .4s ease-in-out 0s, padding .4s ease-in-out 0s;
	-o-transition: opacity .4s ease-in-out 0s, padding .4s ease-in-out 0s;
	transition: opacity .4s ease-in-out 0s, padding .4s ease-in-out 0s; 
	opacity: 0.7;
}

.smo-wrapper a {
	-ms-transition: color .4s ease 0s, background .4s ease 0s; 
	-webkit-transition: color .4s ease 0s, background .4s ease 0s; 
	-moz-transition: color .4s ease 0s, background .4s ease 0s;
	-o-transition: color .4s ease 0s, background .4s ease 0s;
	transition: color .4s ease 0s, background .4s ease 0s; 
}

.main-visual-heading {
	left: 50%;
	margin: 7px auto;
	position: absolute;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	z-index: 10;
}

#navigation{
	background-image: url(/templates/main/images/menu-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0 55px;
}
	#navigation li.has-submenu:after {
		background-position: -20px -343px;
		background-size: 1370px auto;
		content: "";
		cursor: pointer;
		height: 11px;
		position: absolute;
		right: 135px;
		top: 7px;
		width: 19px;
		-ms-transition: all .4s ease-in-out 0s; 
		-webkit-transition: all .4s ease-in-out 0s; 
		-moz-transition: all .4s ease-in-out 0s;
		-o-transition: all .4s ease-in-out 0s;
		transition: all .4s ease-in-out 0s; 
	}
	.nontouch-device  #navigation li.has-submenu:hover:after,
	.touch-device  #navigation li.active-sub:after{
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	#navigation li.has-submenu:hover:after,
	#navigation li.has-submenu .menuLevel2{
		-ms-transition: all .4s ease-in-out 0s; 
		-webkit-transition: all .4s ease-in-out 0s; 
		-moz-transition: all .4s ease-in-out 0s;
		-o-transition: all .4s ease-in-out 0s;
		transition: all .4s ease-in-out 0s; 
	}
		#navigation li.has-submenu .menuLevel2{
			display: block;
			height: 0;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		.nontouch-device #navigation li.has-submenu:hover .menuLevel2,
		.touch-device #navigation li.active-sub .menuLevel2{	
			/*height: 145px;*/
			height:auto;
		}
		#navigation li.has-submenu.meetings-and-events::after {
			right: 105px;
		}
		.fixed-header #navigation .shortcuts li.has-submenu.meetings-and-events {
			padding: 0 36px 0 10px;
		}
			#navigation li.has-submenu li {
				font-size: 0.7em;
				letter-spacing: 0;
				margin: 14px 0 0;
			}
			#navigation li.has-submenu li a:hover{
				color: #8d7a4a;
			}
			/* #navigation .shortcuts .has-submenu a:hover:after{
				display: none;
			} */
			
			.fixed-header #navigation .navigation-inner{
				width:940px;
				margin-left:auto;
				margin-right:auto;
				padding-right:50px;
				position:relative;
			}
			/* .fixed-header #navigation .navigation-inner::after {
				width: 50px;
				height: 50px;
				content: '';
				background: red;
				position: absolute;
				right: 0;
				top: 0;
			} */
			
			.group.fixed-header #navigation .shortcuts li{
				margin-bottom:20px;
			}
			.fixed-header .header-content.scrollnav{
				height:128px;
			}
			.fixed-header .header-content #navigation .shortcuts > li:nth-last-child(-n+3) {
				display:none;
			}
			.fixed-header .header-content.scrollnav #navigation .shortcuts > li:nth-last-child(-n+3) {
				display:inline-block;
			}
			.group.fixed-header .header-content.scrollnav.hover-menu #navigation .shortcuts > li{
				margin-bottom:70px;
			}

	.languages .active-language:after{
		background-position: -74px -35px;
	}
	.smo-wrapper{
		margin-top: 146px;
	}
		.social-media {
			margin: 0 20px 0 0;
		}
		.smo-wrapper .facebook a{
			background-position: -713px -196px;
		}
		.smo-wrapper .twitter a {
			background-position: -770px -194px;
		}
		.smo-wrapper .googleplus a {
			background-position: -820px -195px;
		}
		.smo-wrapper .youtube a {
			background-position: -869px -195px;
		}
		.smo-wrapper .tripadvisor a {
			background-position: -923px -195px;
		}
		.smo-wrapper .facebook a:hover {
			background-position: -713px -160px;
			opacity: 1;
		}
		.smo-wrapper .twitter a:hover {
			background-position: -770px -160px;
			opacity: 1;
		}
		.smo-wrapper .googleplus a:hover {
			background-position: -820px -160px;
			opacity: 1;
		}
		.smo-wrapper .youtube a:hover {
			background-position: -869px -160px;
			opacity: 1;
		}
		.smo-wrapper .tripadvisor a:hover {
			background-position: -923px -160px;
			opacity: 1;
		}
		
		/* Footer */
		#footer .smo-wrapper {
			border: medium none;
			margin: 3px 0 0;
			width: 100%;
		}
			#footer .social-media {
				margin: 0 10px;
			}
		
			.footer .smo-wrapper .facebook a{
				background-position: -717px -160px;
			}
			.footer .smo-wrapper .twitter a {
				background-position: -770px -160px;
			}
			.footer .smo-wrapper .googleplus a {
				background-position: -820px -160px;
			}
			.footer .smo-wrapper .youtube a {
				background-position: -869px -160px;
			}
			.footer .smo-wrapper .tripadvisor a {
				background-position: -922px -160px;
			}
			.footer .smo-wrapper .facebook a:hover {
				background-position: -717px -197px;
			}
			.footer .smo-wrapper .twitter a:hover {
				background-position: -770px -194px;
			}
			.footer .smo-wrapper .googleplus a:hover {
				background-position: -820px -195px;
			}
			.footer .smo-wrapper .youtube a:hover {
				background-position: -869px -195px;
			}
			.footer .smo-wrapper .tripadvisor a:hover {
				background-position: -922px -195px;
			}

.read-more:after{
	background-position: -11px -43px;
}
.introContent > *:last-child{
	margin-bottom: 2px;
}

.share-icon {
	background-position: -7px -101px;
	display: block;
	height: 30px;
	width: 30px;
}

#main ul li::before {
    background: #b2a072;
}
#main ul li::before {
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 6px;
}
#main ul li {
  padding: 0 0 0 21px;
  position: relative;
}

.terms {
	bottom: 33px;
}

/* group subpage styles */
.title-wrapper {
	width: 655px;
	margin-bottom: 15px;
}

.our-location-wrapper {
	margin-bottom: 22px;
	position: relative;
}
	.our-location-title {
		font-size: 2.4em;
		letter-spacing: 0.03em;
		margin: 26px auto;
		max-width: 1220px;
	}
	.our-location-wrapper .map{
		width: 100%;
		height: 614px;
	}
		.marker-content {
			font-family: "open_sansregular",Arial,sans-serif;
			font-size: 1.4em;
		}
		.marker-content h3 {
			font-size: 1.4em;
			line-height: 1;
			text-transform: uppercase;
		}
	.our-location-wrapper .markers{
		display: none;
	}


.go-top-section{
	clear: both;
	background: #e4dfd4;
	height: 166px;
	position: relative;
	margin-bottom: 141px;
}
.go-top-section::after {
	background: #f7f5f0;
	bottom: -166px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}
	.back-to-top {
		padding-top: 73px;
	}
	.back-to-top::after {
		background-position: -947px -369px;
		bottom: 36px;
		height: 27px;
		width: 15px;
		position: absolute;
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		left: 50%;		
		content: "";
		pointer-events: none;
	}
	.bottom-hotel-logo {
		position: relative;
		z-index: 1;
		margin-top: 41px;
	}


.copyright-wrapper{
	color: #202020;
}

.hotels #hotels,
.selector .hotel-list{
	display: none;
}
.touch-device .hotels #hotels{
	display: block;
}
.touch-device .hotels .hotel-list,
.touch-device .hotels .hotel-name{
	display: none!important;
}

.hotel-list > span,
.hotels .selector .hotel-name {
	color: #515050;
	display: block;
	font-size: 0.9em;
	cursor: default;
}
.hotels .selector .hotel-name {
    border-bottom: 1px solid #7d7c79;
    margin: 0;
    padding: 15px 0;
}
.hotel-list {
	background-color: #f7f5f0;
	border: 1px solid #7d7c79;
	left: 0;
	padding: 5px 10px;
	position: absolute;
	top: 52px;
	width: calc(100% - 20px);
	z-index: 1;
}
	.hotel-list > span:hover {
		cursor: pointer;
		opacity: 0.8;
	}
	
.btn-wrapper-affiliates{
	text-align:center;
	margin-bottom:100px;
}
.btn-wrapper-affiliates a{
	color:#fff;
	background:#9c8c6b;
	padding:10px 50px;
	cursor:pointer;
	font-size:0.9em;
	
}
.facilities-wrapper{
	width: 87%;
	margin: 0 auto;
}
.facilities-leftWrapper{
	float:left;
	width:45%;
	margin-right:10%;
}
.facilities-rightWrapper{
	float:left;
	width:45%;
}
.facilities-title {
    margin-left: 9.8%;
    font-size: 1.7em;
    letter-spacing: 0.02em;
    margin-top: 10px;
	margin-bottom:32px;
}
#main .facilities-wrapper ul li {
    line-height: 1.95;
}
.copyright-wrapper{
	margin-top:126px;
}
.copyright-wrapper .copyright{
	font-size: 1.05em;
	letter-spacing: normal;
}
.footer-bottom-menu {
	position: absolute;
	bottom: 108px;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
.footer-bottom-menu ul {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
}
.footer-bottom-menu li {
	display: inline-block;
	margin: 0 1.3%;
}
.footer-bottom-menu li a {
	font-size: 0.9em;
	font-family: 'open_sanssemibold', sans-serif;
}

/* Temporary hide 2nd phase menu links */
.group #navigation li.facilities{
	display:none !important;
}


/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px) {
	
	.header-content {
		border-top: 10px solid #b2a072;
		top: 0;
	}
		.logo.branding {
			height: 145px;
			width: 158px;
		}
			.logo.branding > img {
				height: auto;
				width: 100%;
			}

		.fixed-logo, .fixed-logo > a {
			height: 53px;
			width: 95px;
		}
			.fixed-logo img {
				height: auto;
				width: 95px;
			}
		
		#navigation li.has-submenu:after {
			right: 94px;
			top: 9px;
		}
		#navigation li.has-submenu:hover .menuLevel2 {
			height: 125px;
			margin-top: 7px;
		}
			#navigation li.has-submenu li {
				font-size: 0.75em;
				margin: 11px 0 0;
			}
		#navigation .social-media {
			margin: 0 16px 0 0;
		}
		#navigation .smo-wrapper a{
			background-size: 940px auto;
		}
		#navigation .smo-wrapper .facebook a{
			background-position: -697px -392px;
			width: 30px;
		}
		#navigation .smo-wrapper .facebook a:hover{
			background-position: -697px -425px;
		}
		#navigation .smo-wrapper .twitter a {
			background-position: -738px -391px;
			width: 35px;
		}
		#navigation .smo-wrapper .twitter a:hover {
			background-position: -738px -424px;
		}
		#navigation .smo-wrapper .googleplus a {
			background-position: -783px -391px;
		}
		#navigation .smo-wrapper .googleplus a:hover {
			background-position: -783px -425px;
		}
		#navigation .smo-wrapper .youtube a {
			background-position: -831px -390px;
		}
		#navigation .smo-wrapper .youtube a:hover {
			background-position: -831px -423px;
		}
		#navigation .smo-wrapper .tripadvisor a {
			background-position: -884px -390px;
		}
		#navigation .smo-wrapper .tripadvisor a:hover {
			background-position: -884px -423px;
		}
		.fixed-header #navigation .shortcuts li.has-submenu.meetings-and-events {
			padding: 0 25px 0 0;
		}
.go-top-section {
	height: 135px;
}
	.back-to-top:after {
		bottom: 44px;
	}
	.bottom-hotel-logo {
		margin-top: 38px;
	}
		.go-top-section .bottom-hotel-logo > img {
			height: auto;
			width: 126px;
		}


	
	#footer .smo-wrapper {
		margin: 7px 0 0;
	}
		#footer .social-media {
			margin: 0 15px;
		}
			.footer .smo-wrapper a {
				background-position: -697px -154px;
				background-size: 975px auto;
			}
			.footer .smo-wrapper .facebook a{
				background-position: -685px -153px;
			}
			.footer .smo-wrapper .facebook a:hover {
				background-position: -685px -189px;
			}
			.footer .smo-wrapper .twitter a {
				background-position: -739px -152px;
			}
			.footer .smo-wrapper .twitter a:hover {
				background-position: -739px -187px;
			}
			.footer .smo-wrapper .googleplus a {
				background-position: -784px -152px;
			}
			.footer .smo-wrapper .googleplus a:hover {
				background-position: -784px -187px;
			}
			.footer .smo-wrapper .youtube a {
				background-position: -828px -152px;
			}
			.footer .smo-wrapper .youtube a:hover {
				background-position: -828px -186px;
			}
			.footer .smo-wrapper .tripadvisor a {
				background-position: -881px -151px;
			}
			.footer .smo-wrapper .tripadvisor a:hover {
				background-position: -881px -187px;
			}
	.copyright-wrapper {
		margin-top: 22px;
		padding-bottom: 28px;
	}
	.terms {
		bottom: 28px;
	}
	#navigation li.has-submenu.meetings-and-events::after {
		right: 70px;
	}
	
	.facilities-title {
		margin-left: 13%;
		font-size: 1.6em;
		margin-top: 8px;
		margin-bottom: 27px;
	}
	#main .facilities-wrapper ul li {
		line-height: 2.1;
	}
	
	.group .footer-menu li {
		margin: 0 1.4%;
	}
	.group .footer-menu a {
		line-height: 3;
	}
	.copyright-wrapper {
		margin-top: 112px;
		padding-bottom: 37px;
	}
	.footer-bottom-menu li {
		margin: 0 1.7%;
	}
	
	.fixed-header #navigation .navigation-inner {
		width: 700px;
	}
	.fixed-header .top-navigation .contact {
		padding-right: 0;
	}
	.menu-fixed-icon.pushed .bar:nth-of-type(1){
		-webkit-transform: rotate(-137deg) translateY(-1.25em);
		-moz-transform: rotate(-137deg) translateY(-1.25em);
		-ms-transform: rotate(-137deg) translateY(-1.25em);
		-o-transform: rotate(-137deg) translateY(-1.25em);
		transform: rotate(-137deg) translateY(-1.25em);
	}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	.branding {
		top: 105px;
	}
	#navigation li.has-submenu:after {
		right: 30px;
		top: 8px;
	}
	#navigation li.has-submenu:hover .menuLevel2 {
		/* height: 130px; */
		height: auto;
	}
		#navigation li.has-submenu li {
			font-size: 0.8em;
			margin: 11px 0 0;
		}
		#navigation .navigation-inner {
			height: 100%;
		}
	div.main-visual-heading {
		width: 483px;
		line-height: 1.2;
		letter-spacing: 0.05em;
		z-index: 10;
	}
	.title-wrapper {
		margin-bottom: -6px;
		text-align: center;
		width: 100%;
	}
	.header-right-section .mobile-wrapper{
		font-size: 0.9em;
	}
	.fixed-header .my-booker {
		margin-left: 10px;
		margin-right: 10px;
	}
	.best-rate-content .reservation:after{
		background-position: -7px -200px;
	}
	#navigation li.has-submenu.meetings-and-events::after {
		left: 205px;
		right: auto;
	}
	.fixed-header #navigation .shortcuts li.has-submenu.meetings-and-events {
		padding: 0;
	}
	
	.btn-wrapper-affiliates{
		margin-top:55px;
		margin-bottom:35px;
	}
	.btn-wrapper-affiliates a{
		padding:10px 50px;
		font-size:1em;
		
	}
	.facilities-wrapper {
		width: 96%;
	}
	.facilities-title {
		margin-left: 15%;
		font-size: 1.75em;
		margin-top: 18px;
		margin-bottom: 27px;
	}
	#main .facilities-wrapper ul li {
		line-height: 2.2;
	}
	#footer .smo-wrapper{
		display:none;
	}
	.copyright-wrapper {
		margin-top: 91px;
		padding-bottom:35px;
	}
	.footer-bottom-menu {
		bottom:85px;
	}
	.footer-bottom-menu li {
		margin: 0 2.4%;
	}
	.fixed-header .menu-fixed-icon{
		display:none;
	}
	.fixed-header #navigation .navigation-inner {
		width: auto;
	}
	.fixed-header .header-content #navigation .shortcuts > li:nth-last-child(-n+3){
		display:block;
	}
	.fixed-header .header-content.scrollnav{
		height:67px;
	}
	.group.fixed-header #navigation .shortcuts > li{
		margin-bottom:39px;
	}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.fixed-logo,
	.fixed-logo > a {
		height: 35px;
		width: 62px;
	}
	.fixed-logo img {
		width: 60px;
	}

	#navigation li.has-submenu:after {
		background-position: -17px -304px;
		background-size: 1220px auto;
		height: 11px;
		left: 135px;
		top: 5px;
	}
	#navigation li.has-submenu .menuLevel2 {
		margin: 4px 0 0;
	}
		#navigation li.has-submenu li {
			font-size: 0.9em;
			letter-spacing: 0;
			margin: 14px 0 0;
		}
	
	.title-wrapper {
		margin-bottom: -8px;
		width: 100%;
	}
	.bg,
	.languages .active-language:after,
	.footer-logo,
	.datepicker-wrapper td .ui-state-default.ui-state-active,
	.hotels .selector:after,
	.ctrls-wrapper .ctrls,
	.best-rate-content .reservation:after,
	.slick-arrow,
	.read-more:after,
	.facility_items span:after,
	.type_date:before,
	.type_selectInPageEditable:before,
	.type_selectCountry:before,
	.hotel-filter .active:after,
	.widget-content .filter-inner-wrapper:after{
		background-size: 850px auto;
	}
	.smo-wrapper a{
		background-size: 800px auto;
	}
	.go-top-section .back-to-top:after {
		background-position: -812px -313px;
		background-size: 875px auto;
		bottom: 24px;
	}
	.back-to-top {
		padding-top: 59px;
	}
	

	.our-location-title {
		font-size: 1.3em;
		letter-spacing: 0.03em;
		margin: 0 auto 16px;
		max-width: 290px;
	}
	.our-location-wrapper .map {
		height: 425px;
	}
		.infoBox{
			height: 137px !important;
			width: 179px !important;
		}
			.infoBox .marker-intro > h3 {
				font-size: 1.05em;
				margin: 0 0 10px;
				padding: 0 5px;
			}
			.infoBox .marker-intro > p {
				font-size: 0.9em;
			}
	
	.footer .smo-wrapper a,
	.footer .smo-wrapper a:hover {
		opacity: 1;
	}
	.footer .smo-wrapper .facebook a,
	.footer .smo-wrapper .facebook a:hover {
		background-position: -560px -122px;
		opacity: 1;
	}
	.footer .smo-wrapper .twitter a,
	.footer .smo-wrapper .twitter a:hover {
		background-position: -601px -120px;
	}
	.footer .smo-wrapper .googleplus a,
	.footer .smo-wrapper .googleplus a:hover {
		background-position: -644px -120px;
	}
	.footer .smo-wrapper .youtube a,
	.footer .smo-wrapper .youtube a:hover {
		background-position: -688px -120px;
	}
	.footer .smo-wrapper .tripadvisor a,
	.footer .smo-wrapper .tripadvisor a:hover {
		background-position: -724px -119px;
	}
	.footer-logos {
		margin-top: 0;
	}
	#navigation li.has-submenu.meetings-and-events::after {
		left: 158px;	
	}
	.fixed-header #navigation .shortcuts li.has-submenu.meetings-and-events {
		padding: 0 36px 0 0px;
	}
	.header-right-section .mobile-wrapper a{
		float: none;
		width: auto;
	}
	.my-booker {
		border-right: 1px solid #d7d5d1;
		padding-right: 20px;
	}
	.group.fixed-header .my-booker{
		margin-left: 16px;
	}
	.group .blog {
		margin-left: 16px;
	}
	.btn-wrapper-affiliates{
		margin-bottom:20px;
	}
	.btn-wrapper-affiliates a {
		font-size: 1.15em;
	}
	.facilities-leftWrapper,
	.facilities-rightWrapper{
		float:none;
		width:100%;
		margin-right:0;
	}
	.facilities-leftWrapper{
		margin-bottom:60px;
	}
	.facilities-title {
		text-align: center;
		margin-left: 0;
		margin-top: 47px;
		clear: both;
		margin-bottom: 10px;
		font-size: 1.25em;
	}
	#main .facilities-wrapper ul li {
		line-height: 2.2;
	}
	
	.group #navigation .bottom-menu .last.contact a {
		font-size: 0.55em;
	}
	.mobile-footer-menu li a span {
		text-transform: none;
	}
	.group .mobile-footer-menu a span {
		font-size: 1.05em;
		letter-spacing: 0.04em;
		font-family:'open_sansregular', Arial, sans-serif;
	}
	.mobile-footer-menu {
		padding-top: 34px;
		position:relative;
		margin-top:26px;
	}
	.mobile-footer-menu::after {
		width: 100%;
		height: 1px;
		background: #fff;
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: -18px;
	}
	.mobile-only.bottom-menu{
		padding:37px 0 17px 30px;
		margin-left:-30px;
		width:100%;
		margin-top:17px;
	}
	.mobile-menu-open .mobile-only.bottom-menu{
		width:100%;
	}
	.navigation-inner{
		padding-left:30px;
	}
	div#navigation{
		padding-top:75px;
	}
	#navigation .shortcuts li {
		margin-bottom: 15px;
		padding-right:0;
	}
	.mobile-top-menu {
		margin-top: 30px;
	}
	.footer-bottom-menu,
	.smo-wrapper{
		display:none;
	}
	.fixed-header .header-content #navigation .shortcuts > li:nth-last-child(-n+3){
		display:block;
	}	
	#navigation .mobile-only.bottom-menu .mobile-top-menu .contact {
		display: none!important;
	}
	.fixed-header #navigation .navigation-inner {
		width: auto;
	} 
	/* .mobile-only.bottom-menu{
		width:calc(100% + -11px);
	} */
	
	.fixed-header .menu-fixed-icon{
		display:none;
	}
	.fixed-header #navigation .navigation-inner{
		padding-right:0;
	}
	.signRegister-text-wrp {
		margin-left: 20px;
	}
	.group-site a.signRegister{
		padding-left: 0;
	}
}
/***************  templates/main/css/template.bookingMask.css  ***************/
body {
	margin-top: 36px;
}
#page_home .slide-arrows {
	bottom: 55px;
	position: absolute;
	left: 45px;
}
.fixed-header .check-rates, span.check-rates, .mobile-wrapper .fixedLanguages{
	display: none;	
}
.fixed-header .nicescroll-rails{
	display: none!important;
}

.hotels #hotels,
.hotels #hotel-list,
.selector .hotel-list{
	display:block;/*tem*/
}

.hotels select{
	font-family: 'optimabold', sans-serif;
	text-transform:uppercase;
}
#booking-form .promo-code .field-label{
	text-align:center;
	margin-top:16px;
}

#availability-checker input::-webkit-input-placeholder { color: #000; opacity: 1; }
#availability-checker input:-moz-placeholder { color: #000; opacity: 1; }
#availability-checker input::-moz-placeholder { color: #000; opacity: 1; }
#availability-checker input:-ms-input-placeholder { color: #000; opacity: 1; }

.go-btn,
#booking-form button{
	width:156px;
	height:47px;
	line-height:47px;
	border:0;
	float:right;
	background:#931309;
	font-size: 1em;
	cursor:pointer;
	text-transform:none;
	color:#fff;
	text-align:center;
	font-family:"optimabold",sans-serif;
	position: relative;
	z-index: 10;
	text-decoration: none;
}

#booking-form button{
	z-index: 1;
	opacity: 1;
}

.go-btn:hover{
	text-decoration: none;
}
.go-btn.booking-link{
  opacity: 0;
  z-index: -1;
}
#booking-form input{
	font-family:'open_sansregular', Arial, sans-serif;
}

#booking-form .choose .selector{
	width:100%;
}
#booking-form .field-label{
	display:none;
} 
.dateIn-wrapper,.dateOut-wrapper{
	margin-top:8px;
}
.datepicker-wrapper {
	top: -53px;
	right: 387px;
	position: absolute;
	display: none;
	margin-left: 0;
	z-index: 4;
}
.hotel .datepicker-wrapper {
  top: -47px;
}
.datepicker-wrapper.checkOutClass {
	right: 308px;
}
.fixed-header .datepicker-wrapper {
	bottom: auto;
	top: -47px;
}
.show-datepicker .datepicker-wrapper{
	display:block;
}
.datepicker-wrapper .ui-datepicker.ui-widget,
.datepicker-wrapper .ui-datepicker-group .ui-datepicker-header,
.datepicker-wrapper .ui-widget-content td{
	background:#fff;
}
.datepicker-wrapper .ui-widget-content td,
.datepicker-wrapper .ui-widget-content tr{
	border:0;
}
.datepicker-wrapper .ui-datepicker {
	/* width: 371px !important; */
	width: 471px !important;
	padding: 10px 15px;
}
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd,
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-next{
	top:7px;
	background-size:900px auto;
	background-position:0 -142px;
}
.ui-widget .ui-datepicker-calendar thead span{
	padding-top:25px;
	font-size:13px;
}
.datepicker-wrapper .ui-widget-content td > a, .datepicker-wrapper .ui-widget-content td > span{
	font-size:18px;
}
.datepicker-wrapper .ui-datepicker-group .ui-datepicker-header{
	font-size:28px;
}

.datepicker-wrapper .ui-state-default, .datepicker-wrapper .ui-widget-content .ui-state-default, .datepicker-wrapper .ui-widget-header .ui-state-default{
	border:0;
}
.datepicker-wrapper .ui-widget-content td .ui-state-default.ui-state-highlight,
.datepicker-wrapper .ui-widget-content td .ui-state-default.ui-state-highlight:hover{
	background:transparent;
	border:1px solid #b3a16e;
	color:#000000;
}
.datepicker-wrapper .ui-widget-content td .ui-state-default.seleted-cell,
.datepicker-wrapper .ui-widget-content td .ui-state-hover{
	background:#920f10;
	color:#ffffff;
}

.datepicker-wrapper .ui-widget-content td .ui-state-active, .ui-widget .ui-widget-content .ui-state-active, .ui-widget .ui-widget-header .ui-state-active{
	background:#d29c9d;
	color:#000000;
}
.datepicker-wrapper .ui-widget-content td > span ,
.datepicker-wrapper .ui-widget-content td > a {
	width: 67px;
	height: 51px!important;
	padding-top: 20px;
}
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd, 
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd:hover {
	top: 10px;
	left: 0;
}
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-next, .datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-next:hover {
	left: auto;
	right: 0;
	background-position: -40px -142px;
}
.datepicker-wrapper .ui-widget-content td a,
.datepicker-wrapper td .ui-state-default.ui-state-highlight, .datepicker-wrapper .ui-widget-content .ui-state-highlight,
.datepicker-wrapper .ui-widget-content td .ui-state-active, .ui-widget .ui-widget-content .ui-state-active, .ui-widget .ui-widget-header .ui-state-active, .datepicker-wrapper .ui-widget-content td .ui-state-hover{
	border-radius:100%;
}

.datepicker-wrapper .ui-widget-content td .ui-state-hover{
	background:none;
	color:#000000;
	border-color:#b3a16e;
}

.datepicker-wrapper .ui-datepicker-group .ui-datepicker-header {
	padding-bottom: 22px;
	top: 23px;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 36px;
}
.datepicker-wrapper .ui-datepicker-group .ui-datepicker-header:after{
	content: '';
	position: absolute;
	right: 0px;
	top: 2px;
	width: 7px;
	height: 15px;
	color:#b3a16e;
}
.datepicker-wrapper .ui-widget .ui-datepicker-calendar thead span{
	padding-top:16px;
}
#booking-form .choose .selector:before {
	right: 54px;
}
.group .booking-best-rate.best-rate{
	display:none;
}
.show-datepicker .datepicker-wrapper:after {
	/* border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; */
	bottom: -16px;
	content: "";
	height: 0;
	left: 50px;
	position: absolute;
	width: 0;
}
.fixed-header .show-datepicker .datepicker-wrapper:after {
	border-bottom:none;
	border-top: 10px solid #fff;
	bottom: auto;
	top: -15px;
}
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-prev, .datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-prev:hover {
	background-position: 0 -142px;
}
/* .cookieEnabled.fixed-header #availability-checker {
	top: 142px;
} */
.cookieEnabled.fixed-header .hover-menu #availability-checker {
	top: 190px;
}
.cookieEnabled .availability-wrapper-outer{
	top: 90px;
}
#navigation{
	z-index:11;
}
.menu-icon{
	z-index:12;
}

.datepicker-wrapper .close-cal-picker {
	background-image: url(/templates/main/images/group_sprite.svg);
	background-position: -41px -36px;
	background-repeat: no-repeat;
	background-size: 600px auto;
	content: "";
	height: 15px;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 15px;
	cursor: pointer;
	display: block;
}
.datepicker-wrapper.hide-Cal {
	display: none;
}
.date-arrow {
	background-image: url(/templates/main/images/date-arrow.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	content: "";
	width: 20px;
	height: 37px;
	position: absolute;
	right: -2px;
	top: 142px;
	z-index: 5;
}
.ui-datepicker table {
	margin: 41px 0 0 3px;
}
.ui-datepicker-calendar td a span {
	display: block;
	font-size: small;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #b3a16e;
}
.ui-datepicker-calendar td a.ui-state-active span {
	color: #fff;
}
.ui-datepicker-group .ui-datepicker-header {
	color: #8d7a4a;
}
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-prev, 
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-next, 
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-prev:hover, 
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-next:hover {
	background: url(/templates/main/images/bm-yellow-arrows.png) no-repeat 0 0;
	width: 32px;
}.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-next, 
.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd-next:hover{
	background-position: -38px 0px;
}

#availability-checker.show-datepicker .datein.opened #booking-mask-date-in,
#availability-checker.show-datepicker .dateout.opened #booking-mask-date-out,
#availability-checker.show-datepicker .datein.opened,
#availability-checker.show-datepicker .datein.opened label, 
.booking-mask.show-datepicker .datein.opened .input-wrapper,
#availability-checker.show-datepicker .dateout.opened,
#availability-checker.show-datepicker .dateout.opened label, 
.booking-mask.show-datepicker .dateout.opened .input-wrapper {
	background: #8d7a4a;
	border-color: #8d7a4a;
	color: #fff;
}
/*best rate*/

/* .hotel .availability-wrapper{
	width:1180px;
} */
.booking-best-rate{
	display:inline-block;
}
.best-rate-content a span{
	color:#fff;
}
.booking-best-rate .reservation{
	margin:5px 0;
}
.hotel #booking-form{
	float:right;
}
.best-rate-content .bestrate-link{
	display:block;
	margin-top:14px;
	letter-spacing: 0.12em;
	margin-left:4px;
}

.reservation-wrapper:before{
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	background-image: url(/templates/main/images/hotel_sprite.svg);
	background-position: -445px -143px;
	top: 36px;
	background-size: 538px auto;
}
.reservation-wrapper{
	margin-left: 23px;
    letter-spacing: 0.005em;
}

/* .hotel #booking-form button{
	width:162px;
}
.hotel .promo-code {
    width: 113px;
    margin-right: 7px;
}
.hotel .dateout {
	width: 147px;
}
.hotel .datein {
	width: 142px;
} */

/* .hotel #booking-form .rooms .field-label{
	padding-left:9px;
}

.hotel .adults {
    width: 115px;
} */
#booking-form #promocode {
	text-align:center;
	text-indent:0;
}
.hotel .booking-best-rate{
	display:None;
}



/********* new booking mask **************/
.availability-wrapper-outer {
  max-height: 600px;
  position: fixed;
  right: 38px;
  top: 100px;
  z-index: 100;
  display:block;
}
#availability-checker {
  background: rgba(0, 0, 0, 0.8);
  height: auto;
 /*  right: 38px; */
  width: 440px;
  position:relative;
}
.availability-wrapper {
  padding: 25px 26px 26px;
}
.availability-wrapper > h2 {
  margin: 0;
  color:#fff;
  font-size:1.1em;
  text-align:left;
  font-family: 'optimabold', sans-serif;
  letter-spacing:normal;
}
.bm-close.bg, .bmClose.bg {
  background-position: 0 0;
  content: "";
  cursor: pointer;
  display: block;
  height: 18px;
  position: absolute;
  right: 7%;
  top: 26px;
  width: 18px;
  background-image:url(/templates/main/images/bm-close.png);
}
#availability-checker form {
  margin: 0 0 10px;
  position: relative;
}

.hotels:after {
  background-color: hsl(210, 3%, 15%);
  background-image: url(/templates/main/images/select-arrow.png);
  background-position: 10px 12px;
  content: "";
  display: block;
  height: 36px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 34px;
  background-repeat:no-repeat;
}

.availability-wrapper .hotels{
  position: relative;
  background:#fff;
}
.availability-wrapper .hotels select {
  cursor: pointer;
  height: 38px;
  margin: 15px 0 16px;
  padding: 0 11px;
  width: 100%;
  font-size:0.8em;
  color:#000;
}
.boxes {
    background-color: #fff;
    border: 1px solid #fff;
    float: left;
    height: 104px;
    margin: 0 8px 21px 0;
    position: relative;
    width: 69px;
}
#availability-checker.booking-mask .boxes label {
  background: #262626;
  box-sizing: border-box;
  display: block;
  font-size: 0.65em;
  line-height: 21px;
  padding-top: 1px;
  text-align: center;
  color:#fff;
  letter-spacing:normal;
  width:100%;
  text-transform:none;
  font-family: 'open_sansregular', Arial, sans-serif;
}
.number-input {
  box-sizing: border-box;
  font-family: inherit;
  padding: 4px 16px 0 0;
  text-align: center;
}
.booking-mask .boxes input, .booking-mask .boxes select {
  cursor: pointer;
  height: 75px;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  text-align-last:center;/* webkit*/
  -ms-text-align-last: center;
  top: 23px;
  width: 100%;
  z-index: 2;
  font-family: 'optimabold', sans-serif;
}
.booking-mask .boxes select option {
  display: none;
}
.booking-mask .boxes select option {
  color: #000;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.booking-mask .input-wrapper {
  background: #fff;
  border: 3px solid #fff;
  display: block;
  height: 60px;
  padding: 8px 5px;
  text-align: center;
  font-family:"optimabold",sans-serif;
}
.number-input, .input-wrapper .input-number {
	font-size: 2.1em;
}
.booking-mask .input-wrapper .input-month.dis-block {
  bottom: 8px;
  font-size: 0.8em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.number-controls {
  background: #fff;
  display: block;
  height: 28px;
  position: absolute;
  right: 2px;
  top: 47px;
  width: 14px;
  z-index: 3;
}
.booking-mask .boxes select.show {
	opacity: 1;
	pointer-events:none;
}
.number-controls .number-control-btn {
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
  width: 14px;
  background:url(/templates/main/images/bm-arrows.png) no-repeat;
}
.number-controls .number-control-btn.inactive {
  cursor: default;
  opacity: 0.7;
}
.number-controls .number-control-btn.number-up {
  background-position: 0 0;
  top: 0;
}
.number-controls .number-control-btn.number-down {
  background-position: 0 -13px;
  bottom: 0;
}
.boxes.children {
  margin-right: 0;
}
.promo-code {
  background: rgba(255, 255, 255, 0.63);
  box-sizing: border-box;
  clear: both;
  color: hsl(0, 0%, 33%);
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 0.65em;
  height: 50px!important;
  margin-top: 2px;
  padding: 16px;
  width: 109px;
  text-align:left;
}
.promo-code {
  clear: both;
  display: inline-block;
  float: left;
  margin-top: 0;
  width: 109px;
}
.bestRate-text:before {
  background-position: -444px -147px;
  border-radius: 50px;
  content: "";
  height: 17px;
  left: -25px;
  position: absolute;
  top: -2px;
  width: 17px;
  background-image:url(/templates/main/images/hotel_sprite.svg);
  background-size:530px auto;
}
.bestRate-text {
  color: #fff;
  float: right;
  font-size: 0.7em;
  letter-spacing: 0.6px;
  margin: 16px 13px 0 0;
  position: relative;
  font-family: 'optimabold', sans-serif;
}

.amba-direct {
  background: #1f1f1f;
  padding: 18px 15px 18px 22px;
  text-transform:uppercase;
}
.amba-direct a {
  text-decoration: none;
}
.amba-direct .directTitle:after {
  background-position: -158px -17px;
  bottom: 0;
  content: "";
  display: block;
  height: 15px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
}
.benefitItem:before, 
.amba-direct .directTitle:after {
  background-image: url(/templates/main/images/benefit-img.svg);
  background-repeat: no-repeat;
}
.amba-direct span {
  color: #fff;
}
.amba-direct .directTitle {
  display: inline-block;
  font-size: 1.1em;
  letter-spacing: 0.04em;
  padding-right: 19px;
  position: relative;
  font-family: 'optimabold', sans-serif;
}
.directSubTitle {
  display: block;
  font-size: 0.8em;
  letter-spacing: 0.09em;
  margin-top: 4px;
}
.benefits {
  font-size: 0.75em;
  margin-top: 20px;
  text-align: center;
}
.benefitItem:before {
  content: "";
  display: block;
  height: 55px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
}
.benefitItem.bestPriceBenefit:before {
  background-position: 0 1px;
}
.benefitItem.breakfastBenefit:before {
  background-position: -57px 0;
}
.benefitItem.offBookingsBenefit:before {
  background-position: -113px 0;
  width: 45px;
}
.benefitItem {
  display: inline-block;
  margin-right: 15px;
  padding-top: 65px;
  position: relative;
  width: 30%;
  font-family: 'optimabold', sans-serif;
}
.benefitItem.breakfastBenefit {
  position: relative;
}
.benefits .benefitItem:last-child {
  margin-right: 0;
}
.benefitItem.breakfastBenefit .or-txt {
	position: absolute;
	top: 24px;
	right: -22px;
}
/* .bookingView #availability-checker {
  bottom: 0;
  display: block !important;
  left: 0;
  margin: auto;
  max-height: 385px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
} */
/* .bookingView #availability-checker {
  width: 900px;
}
.bookingView span.overlayBM {
  background: rgba(0, 0, 0, 0.8);
  content: "";
  display: block !important;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9998;
} */

/* new top ribbon*/
.header-content{
	border-right: 15px solid;
	border-left: 15px solid;
	border-color: #b2a072;
	left: 0;
}
.hotel .header-content{
	border-color: #931309;
}
.languages, .top-menu-wrap {
	position: relative;
	max-height: 36px;
	visibility: visible;
	opacity: 1;
}

.top-navigation {
	position: relative;
}
.top-navigation ul, a.signRegister {
	display: inline-block;
	margin: 0 0 0 25px;
	padding: 0;
	float: left;
}
a.signRegister.only-mobile{
	display: none;
}
.top-navigation .login, .top-navigation .my-booker, .top-navigation .blog, .top-navigation .contact {
	margin-top: 0px;
	line-height: 2.05;
}
.blog.last,
.contact.last {
	margin-right: 0;
	border-right: none;
}
.top-navigation, .languages {
	float: right;
}
.languages {
	width: auto;
	background-color: #313131;
	margin-top: 2px;
	top: auto;
	left: auto;
}
.languages ul {
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: pointer;
}
a.signRegister {
	background: #9c8c6b;
	font-size: 0.75em;
	border-left: 5px solid #931309;
	text-decoration: none;
	color: #ffffff;
	padding: 9px 23px;
	margin-right: -5px;
	position: relative;
	font-weight: 600;
	top: 0;
	text-transform: uppercase;
}

.subLinkText {
	/*color: #94332d;*/
	color: #ffffff;
	position: relative;
	padding-right: 16px;
}

.subLinkText:after{
	content: '';
	position: absolute;
	right: 0px;
	top: 2px;
	width: 7px;
	height: 15px;
	background:url(/templates/main/images/group_sprite.svg) no-repeat;
	background-position: -39px -252px;
}

.header-content {
	top: 36px;
}
.fixed-header .header-content {
	height: 87px;
}
.top-navigation .login, .top-navigation .my-booker, .top-navigation .blog ,.top-navigation .contact{
	border-right: 1px solid #9c8c6b;
	padding-right: 20px;
	font-size: 1em;
}
.fixed-header .header-right-section {
	z-index: 3;
}
.fixed-header #navigation{
	z-index: 2;
}
/* property sites */
.hotel .group-site-lnk,
.hotel .hotels-list-wrp {
	float: left;
}
/* .fixed-header .bookingLink {
	top: 35px;
	position: fixed;
	right: 38px;
} */


.datepicker-w-popup.enable{
	display:block!important;
	background:rgba(255,255,255,0.7);
}

.bm-wrapper .hotels select option.cumberland,
.availability-wrapper .hotels select option.cumberland{
  display: none;
}


@media only screen and (min-width: 1024px) {
	.fixed-header .mobile-wrapper .fixedLanguages{
		display: block;
	}
	.fixed-header .menu-icon,
	.fixed-header .smo-wrapper, .fixed-header #navigation .shortcuts li.home,
	.fixed-header #navigation li.has-submenu li:before,
	.fixed-header #navigation .guoman-logo{
		display: none;
	}
	.fixed-header .mobile-wrapper .fixedLanguages {
		left: auto;
		float: left;
		position: relative;
		margin-right: 22px;
		top: 7px;
	}
	.fixed-header .header-right-section .mobile-wrapper{
		font-size: 0.7em;
	}
	.top-navigation .login, .top-navigation .my-booker,.top-navigation .blog, .top-navigation .contact{
		letter-spacing: 0em;
		padding-right: 15px;
	}
	.top-navigation .my-booker {
		margin-left: 15px;
		margin-right: 15px;
	}
	.fixed-header .fixedLanguages ul li {
		width: 50px;
	}
	.fixedLanguages .active-language:after {
		background-position: -46px -20px;
		background-size: 680px auto;
	}
	.hotel .fixedLanguages .active-language:after {
		background-position: -60px -28px;
	}
	.fixedLanguages .active-language:after{
		top: 1px;
	}
	.fixed-logo{
		top: 13px;
		left: 67px;
	}
	.hotel .fixed-logo {
		top: 5px;
	}
	.hotel.cumberland .fixed-logo {
		top: 18px;
	}
	.hotel .fixed-logo img {
		width: 171px;
	}
	.royalhorseguards.hotel .fixed-logo img {
		width: 140px;
	}	
	.fixed-logo,
	.fixed-logo > a {
		width: 111px;
	}
	.fixed-logo img {
		width: 111px;
	}
	.hotel.fixed-header .mobile-wrapper .fixedLanguages{
		margin-right: 25px;
		top: 12px;
	}
	.fixed-header #navigation .shortcuts li{
		display: inline-block;
		position: relative;
		margin: 0px 15px 0 20px;
		letter-spacing: 0.03em;
		padding: 0 12px 0 0px;
	}
	.fixed-header #navigation .shortcuts li.find-your-hotel a {
		padding-right: 28px;
	}
	.fixed-header #navigation {
		height: auto !important;
		background: none;
		padding: 0;
		width: 100%;
		left: auto;
		right: 13px;
		font-size: 1.13em;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		text-align: center;
		top: 30px;
	}
	.hotel.fixed-header #navigation {
		font-size: 0.94em;
	}
	.fixed-header #navigation .shortcuts{
		text-align: center;
	}
	.fixed-header #navigation li.top-menu-links,
	#navigation li.top-menu-links {
		display: none;
	}
	.hotel.fixed-header #navigation .shortcuts {
		text-align: right;
	}
	.fixed-header #navigation .navigation-inner{
		padding-left: 0;
	}
	.hotel.fixed-header #navigation {
		width: 86.5%;
		right: 175px;
		text-align: right;
		top: 45px;
	}
	.fixed-header #navigation li.has-submenu .menuLevel2{
		position: absolute;
		height: 0;
		width: 820px;
		font-size: 1.2em;
		left: 10px;
		top: 18px;
		overflow: hidden;
	}
	.fixed-header #navigation li.find-your-hotel .menuLevel2{
		width:1060px;
		left:-57px;
	}
	.nontouch-device.fixed-header #navigation li.has-submenu:hover .menuLevel2,
	.fixed-header .hover-menu #navigation li.has-submenu:hover .menuLevel2{
		height: 60px;
	}
	.fixed-header .header-content.hover-menu{
		padding-bottom: 49px;
	}
	.fixed-header .hover-menu  #navigation .navigation-inner{
		overflow: visible !important;
	}

	.fixed-header #navigation li.has-submenu:after{
		right: 5px;
		background-position: -47px -22px;
		background-size: 680px auto;
	}
	.fixed-header #navigation .shortcuts a:after{
		width: 0px;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -5px;
	}
	.fixed-header #navigation .shortcuts a:hover:after,
	.fixed-header #navigation .shortcuts .active a:after,
	.fixed-header #navigation .shortcuts .active .menuLevel2 a:hover:after	{
		width: 23px;
	}
	.fixed-header #navigation .shortcuts .active .menuLevel2 a:after {
		width: 0;
	}
	.fixed-header #navigation .menuLevel2 a:hover:after, .fixed-header #navigation .menuLevel2 .active a:after {
		margin: 0;
	}
	.fixed-header #navigation .shortcuts li:before{
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background: #b3a16e;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: -25px;
	}
	.fixed-header #navigation .shortcuts li.level1:nth-child(2):before{
		display: none;
	}
	.fixed-header #navigation li.has-submenu li{
		margin-left: 0px;
		padding-left: 0;
		letter-spacing: 0.01em;
		margin-right: 5px;
		padding-top: 28px;
	}
	.header-content{
		padding-bottom: 0;
		/*-ms-transition: padding-bottom .4s ease-in-out 0s; 
		-webkit-transition: padding-bottom .4s ease-in-out 0s; 
		-moz-transition: padding-bottom .4s ease-in-out 0s;
		-o-transition: padding-bottom .4s ease-in-out 0s;
		transition: padding-bottom .4s ease-in-out 0s;*/
	}
	.hotel.fixed-header #navigation .shortcuts li {
		margin: 0 9px 0 8px;
		padding: 0 6px;
	}
	.grosvenor.hotel.fixed-header #navigation .shortcuts li,
	.royalhorseguards.hotel.fixed-header #navigation .shortcuts li {
		margin: 0 6px 0 6px;
	}
	.hotel.fixed-header #navigation .shortcuts li:before{
		left: -11px;
		background: #931309;
	}


	.hotel.fixed-header #navigation li.special-offers a span:first-child,
	.hotel.fixed-header #navigation li.attractions a span:first-child{
		display: none;
	}
	.royalhorseguards.loggedIn.fixed-header #navigation li.special-offers a span:first-child,
	.tower.loggedIn.fixed-header #navigation li.special-offers a span:first-child{
		display:block;
	}
	.royalhorseguards.loggedIn.fixed-header #navigation li.attractions a span:first-child,
	.tower.loggedIn.fixed-header #navigation li.attractions a span:first-child{
		display:block;
	} 	
	.fixed-header #availability-checker{
		/* top: 102px; */
		-ms-transition: top .4s ease-in-out 0s; 
		-webkit-transition: top .4s ease-in-out 0s; 
		-moz-transition: top .4s ease-in-out 0s;
		-o-transition: top .4s ease-in-out 0s;
		transition: top .4s ease-in-out 0s;
	}
	.fixed-header .hover-menu #availability-checker{
		top: 151px;
	}

	.hotel #booking-form button{
		margin:0;
	}
	.hotel .promo-code{
		margin-top:0;
	}
	.head-btn .go-btn {
		margin: 20px;
	}
	.hotel .head-btn .go-btn {
		margin-top: 25px;
	}
}
/**Calendar CSS only***/
@media (min-width: 1280px) and (max-width: 1399px) {
	.datepicker-wrapper .ui-datepicker-group .ui-datepicker-header{
		padding-bottom:8px;
		font-size:20px;
	}
	.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd, 
	.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd:hover{
		top:3px;
	}
	.datepicker-wrapper .ui-widget .ui-datepicker-calendar thead span {
		padding-top: 8px;
	}
	.datepicker-wrapper .ui-widget-content td > span, 
	.datepicker-wrapper .ui-widget-content td > a {
		width: 62px;
		height: 42px !important;
		padding-top: 20px;
	}
	.datepicker-wrapper a.ui-state-default{
		line-height:1.1;
	}
}

@media (min-width: 1281px) and (max-width: 1365px) {
	/*hotel*/

	.hotel .availability-wrapper .best-rate-content a{
		margin: 22px auto 0;
	}
	.hotel .reservation-wrapper {
		margin-left: 31px;
	}
	.hotel .reservation-wrapper {
		margin-left: 31px;
	}
	.hotel .availability-wrapper .best-rate-content a {
		margin: 22px auto 0;
	}
	.hotel .reservation-wrapper {
		margin-left: 31px;
	}
	.hotel.fixed-header #navigation{
		width:90%;
		font-size: 1.05em;
	}

	/*group*/
	/* div.availability-wrapper {
		width: 1088px;
	} */
	.promo-code{
		margin-top:0;
	}
	#booking-form button{
		margin-top:0;
		line-height:47px;
	}
	/* #availability-checker{
		width:calc(100% - 20px);
	} */
	.fixed-header .header-content {
		height: 92px;
	}
	.group .datepicker-wrapper {
		margin-left: 0;
	}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.tower.hotel.fixed-header #navigation .shortcuts li {
		margin: 0 3px 0 4px;
		font-size: 0.83em;
	}
	.tower.hotel .fixed-logo {
		top: 7px;
	}
	.cookieEnabled.fixed-header #availability-checker {
		top: 128px;
	}
	.cookieEnabled.fixed-header .hover-menu #availability-checker {
		top: 164px;
	}
	.fixed-logo {
		top: 13px;
		left: 42px;
	}
	.fixed-logo img {
		width: 93px;
	}
	.fixed-logo, .fixed-logo > a {
		width: 80px;
	}
	.fixed-header .header-content {
		height: 78px;
	}
	.fixed-header .login, .fixed-header .my-booker {
		margin-top: 11px;
	}
	/*.fixed-header .my-booker {
		margin-left: 22px;
		margin-right: 21px;
	}*/
	.fixed-header .header-right-section .mobile-wrapper {
		font-size: 0.8em;
	}
	.fixed-header .login, .fixed-header .my-booker,.fixed-header .blog,.fixed-header .contact {
		margin-top: 0px;
	}
	.fixed-header .mobile-wrapper .fixedLanguages {
		margin-right: 9px;
		top: 6px;
		letter-spacing: 0.01em;
	}
	.fixedLanguages .active-language:after {
		background-position: -43px -20px;
		background-size: 650px auto;
	}
	.fixed-header #navigation .shortcuts li {
		margin: 0 10px;
	}
	.fixed-header #navigation{
		top: 28px;
		font-size: 0.9em;
	}
	.hotel.fixed-header #navigation {
		right: 155px;
	}
	.grosvenor.hotel.fixed-header #navigation, 
	.royalhorseguards.hotel.fixed-header #navigation {
		right: 138px;
	}
	.fixed-header #navigation .shortcuts li.find-your-hotel  a{
		padding-right: 16px;
	}
	.fixed-header #navigation li.has-submenu:after {
		right: 4px;
		top: 5px;
		background-position: -40px -19px;
		background-size: 600px auto;
	}
	.hotel.fixed-header #navigation li.has-submenu:after {
		right: 6px;
		top: 3px;
		background-size: 12px auto !important;
	}
	.fixed-header #navigation .shortcuts li:before{
		width: 4px;
		height: 4px;
		left: -20px;
	}
	.fixed-header #navigation li.has-submenu .menuLevel2 {
		width: 800px;
		font-size: 1.15em;
		left: 10px;
		top: 13px;
	}
	.fixed-header #navigation li.find-your-hotel .menuLevel2{
		width:900px;
		left:-48px;
		padding-top:12px;
	}
	.fixed-header #navigation li.has-submenu li{
		margin-right: 16px;
		padding-top: 16px;
	}
	.fixed-header .header-content.hover-menu {
		padding-bottom: 36px;
	}
	.fixed-header #navigation .active .menuLevel2 a:after{
		width: 0;
		margin: 0;
	}
	.fixed-header #navigation .active .menuLevel2 a:hover:after{
		width: 23px;
		margin: 0;
	}
	.hotel.fixed-header .mobile-wrapper .fixedLanguages {
		margin-right: 17px;
		top: 7px;
	}
	.hotel.fixed-header .login, .hotel.fixed-header .my-booker ,.hotel.fixed-header .blog,.hotel.fixed-header .contact{
		margin-top: 0px;
	} 
	.hotel .fixed-logo, .hotel .fixed-logo > a {
		width: 130px;
	}
	.hotel .fixed-logo {
		top: 14px;
		left: 93px;
	}
	.hotel .fixed-logo img {
		width: 130px;
	}

	.hotel.fixed-header #navigation li.restaurants a span:nth-child(2),
	.hotel.fixed-header #navigation li.restaurants a span:nth-child(3),
	.hotel.fixed-header #navigation li.meetings-and-events a span:nth-child(2),
	.hotel.fixed-header #navigation li.meetings-and-events a span:nth-child(3){
		display: none;
	}

	.hotel.fixed-header #navigation .shortcuts li {
		margin: 0 4px 0 5px;
		padding: 0 4px;
		font-size: 0.84em;
	}
	.grosvenor.hotel.fixed-header #navigation .shortcuts li, 
	.royalhorseguards.hotel.fixed-header #navigation .shortcuts li {
		margin: 0 2px 0 2px;
	}
	.hotel.fixed-header #navigation .shortcuts li:before {
		width: 4px;
		height: 4px;
		left: -7px;
	}
	.fixed-header #availability-checker{
		top: 88px;
	}
	.fixed-header .hover-menu #availability-checker{
		top: 124px;
	}
	/*added*/
	.fixed-header .check-rates, span.check-rates, .mobile-wrapper .fixedLanguages{
		display:block;
	}
	.fixed-header .check-rates {
		padding: 12px 0;
		margin-top: 18px;
		width: 120px;
		margin-right: 15px;
	}
	.blog,
	.contact {
		margin-right: 9px;
	}
	.availability-wrapper-outer {
		display: none;
	}
	.availability-wrapper {
		height: auto;
		width: 387px;
	}
	#availability-checker {
		width: 660px;
	}
	#booking-form button {
		margin: auto;
	}
	.bestRate-text{
		font-size: 0.76em;
	}
	.group #booking-form button {
		margin-top: auto;
	}
	.bookingView .availability-wrapper-outer {
		display: block;
	}
	.bookingView span.overlayBM {
		content: '';
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 9998;
		display: block !important;
	}
	.bookingView #availability-checker {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		max-height: 550px;
		z-index: 9999;
		display: block !important;
	}
	.bookingView .availability-wrapper-outer{
		z-index: 4;
	}
	.bookingView .availability-wrapper {
		padding: 25px 26px 20px;
	}
	.bookingView .bm-close.bg, 
	.bookingView .bmClose.bg {
		right: -140px;
		top: -25px;
	}
	.bookingView .amba-direct {
		text-align: center;
	}
	.bookingView .header-content {
		z-index: 4;
	}
	#availability-checker .availability-wrapper{
		margin: 0 auto;
	}
	.bookingView .bookingLink.land-port-only{
		display: none!important;
	}
	.availability-wrapper h2 {
		text-align: center;
	}
	.fixed-header .header-right-section {
		top: 0;
	}
	.header-content {
		border-right: 10px solid;
		border-left: 10px solid;
		border-color: #b2a072;
	}
	.datepicker-wrapper {
		right: auto;
		left: 71px;
	}
	.fixed-header .datepicker-wrapper {
		top: -17px;
	}
	.hotel.fixed-header .datepicker-wrapper {
		top: 0px;
	}
	.date-arrow {
		right: auto;
		top: 108px;
		left: -2px;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.datepicker-wrapper.checkOutClass {
		left: 150px;
		right: auto;
	}
	#booking-form .ui-widget-content td > a, #booking-form .ui-widget-content td > span {
		width: 67px;
	}
	#booking-form .ui-datepicker .ui-datepicker-cmd {
		left: 0;
	}
	.top-navigation {
		/* width:628px; */
		width:635px;
	}
}

/**Calendar CSS only***/
@media(min-width:1025px) and (max-width:1279px){
	.datepicker-wrapper .ui-datepicker-group .ui-datepicker-header{
		padding-bottom:8px;
		font-size:20px;
	}
	.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd, 
	.datepicker-wrapper .ui-datepicker .ui-datepicker-cmd:hover{
		top:3px;
	}
	.datepicker-wrapper .ui-widget .ui-datepicker-calendar thead span {
		padding-top: 8px;
	}
	.datepicker-wrapper .ui-widget-content td > span, 
	.datepicker-wrapper .ui-widget-content td > a {
		width: 62px;
		height: 42px !important;
		padding-top: 20px;
	}
	.datepicker-wrapper a.ui-state-default{
		line-height:1.1;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	
	/* span.check-rates{
		display:block;
	} */
	#availability-checker{
		width:calc(100% - 20px);

	}
	.availability-wrapper {
		width: 700px;
		height:auto;
	}
	.fixed-header #availability-checker{
		top: 77px;
	}
	.fixed-header .hover-menu #availability-checker{
		top: 124px;
	}
	#availability-checker .choose{
		display: none;
	}
	.promo-code {
		margin-top: 0;
		width:105px;
		margin-right:7px;
	}
	.hotels.after {
		margin-top: 0;
	}
	.datein, .dateout {
		width: 122px;
	}
	.group #booking-form button{
		margin-top:0;
		margin-left:0;
		width:132px;
		line-height:46px;
	}
	.group.touch-device #booking-form button{
		margin-top:0;
	}
	#booking-form .selector:before{
		right:26px;
	}
	.selector:after, 
	.hotels .selector:after {
		background-position: -45px -22px;
		background-size: 616px auto;
		right: 2px;
		top: 22px;
	}
	.datein:before, 
	.dateout:before {
		right: 35px;
	}
	#booking-form #promocode {
		text-indent: 0;
		padding-top: 3px;
	}
	#booking-form input {
		padding: 3px 0 0;
	}
	.datein:after, .dateout:after{
		right:4px;
	}
	.datepicker-wrapper {
		/* bottom: 670px; */
		bottom: 62px;
	}
	.datepicker-wrapper .ui-datepicker {
		padding:10px 16px;
	}
	.show-datepicker .datepicker-wrapper{
		width:auto;
	}
	.datepicker-wrapper .ui-widget-content td > a, 
	.datepicker-wrapper .ui-widget-content td > span {
		height: 28px;
		padding-top: 17px;
		width: 45px;
	}

	.fixed-header .hover-menu #availability-checker{
		top:77px;
	}
	.cookieEnabled.fixed-header #availability-checker {
		top: 127px;
	}
	.cookieEnabled.fixed-header .hover-menu #availability-checker {
		top: 127px;
	}

	/**/
	.hotel .availability-wrapper {
		width: 748px;
	}
	.hotel #booking-form button {
		margin: 0;
	}
	.hotel .datein {
		width: 122px;
	}
	.hotel .dateout {
		width: 122px;
	}	
	.hotel .promo-code {
		width: 102px;
	}
	.hotel #booking-form button {
		width: 134px;
		margin-right: 31px;
	}
	.hotel .best-rate-content .bestrate-link {
		margin-top: 24px;
		margin-left: 32px;
	}
	.hotel .reservation-wrapper {
		letter-spacing: -0.002em;
		font-size: 1.1em;
	}
	.hotel .reservation-wrapper:before {
		left:26px;
		top:34px;
	}
	.hotel .datepicker-wrapper.checkOutClass {
		left: 130px;
	}
	
	.availability-wrapper-outer{
		display:none;
	}
	.fixed-header .check-rates, span.check-rates, .mobile-wrapper .fixedLanguages{
		display:block;
	}
	.fixed-header .check-rates{
		padding:15px 0;
		margin-top:9px;
		width:110px;
		margin-right:9px;
	}
	.blog,
	.contact {
		margin-right: 9px;
	}
	.fixed-header .header-content {
		height: 67px;
	}
	.header-content {
		border-right: 10px solid;
		border-left: 10px solid;
		border-color: #b2a072;
	}
	.top-navigation.navigation.menu ul {
		margin-left: 0;
		display: none;
	}
	.top-navigation .login, .top-navigation .my-booker, .top-navigation .blog,.top-navigation .contact {
		font-size: 0.8em;
		margin: 0;
		padding: 5px 20px;
		border-width: 1px;
	}

	
}

@media (max-width: 767px) {
	.login, .my-booker {
		float: left;
	}
	.group.fixed-header .my-booker,
	.group.fixed-header .login,
	.login, .my-booker, .blog,.contact {
		margin-left: 0;
		width: 100%;
		text-align: left;
	}
	.fixed-header .check-rates, span.check-rates, .mobile-wrapper .fixedLanguages{
		display: none;
		display:block;
		position: absolute;
		right: 0px;
		width: 100px;
	}
	.fixed-header .check-rates{
		display: block;
	}
	#availability-checker{
		display: none!important;
	}
	/* blog link styles*/
	.group .blog,
	.group .contact,
	.blog{
	margin-left: 0;
	margin-right:0;
	}
	body {
		margin-top: 0;
	}
	.top-menu.no-mobile{
		display: none;
	}
	.header-content {
		border-right: 5px solid;
		border-left: 5px solid;
		border-color: #b2a072;
	}
	.header-content {
		border-width: 5px;
	}
	.hotel.cumberland .header-content,
	.fixed-header .header-content {
		height: 44px;
		top: 0;
	}
	.cumberland.fixed-header .fixed-logo{
		opacity: 1;
		z-index: 10;
	}
	.header-content {
		top: 0;
	}
	.top-navigation a.signRegister{
		display: none;
	}
	a.signRegister.only-mobile {
		display: block;
		margin: 0;
		top: 44px;
		width: 100%;
		border: none;
		text-align: center;
		background: rgba(204,204,204,0.9);
		color: #000000;
		font-weight: 600;
	}

	.subLinkText{
		color: #94332d;
	}

	.subLinkText:after{
		background-position: -50px -252px;
	}

	.only-mobile{
		display: block;
	}
	a.signRegister {
		padding: 10px 0;
	}
	.fixed-header .header-right-section {
		z-index: 1;
	}
}
/***************  templates/main/libs/jquery/slick/slick.css  ***************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
	z-index:0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
	outline: none;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}