/***************  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.home.css  ***************/
.map-wrapper {
	position: relative;
}
.markers{
	display: none;
}

.marker-content {
	font-size: 1.4em;
	font-family: 'open_sansregular', Arial, sans-serif;
}

.marker-content h3{
	color: #fff;
	font-size: 1.6em;
	text-transform: uppercase;
}

.zoom-controls {
	left: 21px;
	position: absolute;
	top: 72px;
	z-index: 1;
}

	.zoom-controls .zoom-button{
		width: 52px;
		height: 38px;
		display: block;
		background: url(/templates/main/images/zoom-controls.png) no-repeat 0 0;
		cursor: pointer;
	}

	.zoom-controls .zoom-out{
		background: url(/templates/main/images/zoom-controls.png) no-repeat 0 bottom;
	}
	
@media (max-width: 767px) {	
	.login, .my-booker, .blog {
		margin-top: 0px;
	}
	.my-booker {
		margin-left: 14px;
		margin-right: 5px;
	}
	.group .header-right-section .mobile-wrapper a{
		float: left;
	}
	.group .header-right-section .blog {
		margin-left: 6px;
		margin-right: 5px;
	}
	.group .my-booker {
		border-right: none;
		padding-right: 0;
	}
}

/****Hero Caption Styling START***/

#page_home .slide-arrows {
	bottom: 125px;
	position: absolute;
	right: 15px;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper {
	position: absolute;
	bottom: calc(0% + 150px);
	float: left;
	width: 38%;
	padding: 20px;
	/*background: rgba(0,0,0,0.5);*/
}
#main-visual .bannerEnabled.slide .slide-description-wrapper .captionTitleText {
	margin-top: 0px;
	padding-left: 65px;
	margin-bottom: 0;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .captionTitleText a {
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.1em;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a {
	color: #fff;
	text-align: left;
	text-decoration: none;
	line-height: 1;
	margin: 0;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
	line-height: 1.2;
	font-size: 2.5em;
	color: #fff;
	margin: 0;
	position: relative;
	float: left;
	max-height: 115px;
	overflow: hidden;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper a {
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.1em;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .captionLinkWrap {
    position: relative;
    display: inline-block;
    clear: both;
    float: left;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .captionLinkWrap a::after {
	background-image: url(/templates/main/images/group_sprite.svg);
	content: " ";
	background-position: 1013px 527px;
	position: absolute;
	width: 33px;
	height: 16px;
	right: -42px;
	top: 8px;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .captionTitleText a::before {
	background: #C5B48A;
	content: " ";
	position: absolute;
	width: 46px;
	height: 2px;
	left: -52px;
	top: 16px;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    float: left;
    clear: both;
}
.slick-arrow {
	background-color: transparent;
	background-position: -334px -110px;
	cursor: pointer;
	display: inline-block;
	height: 46px;
	padding: 0;
	text-indent: -9999px;
	width: 24px;
}
.slick-next {
	background-position: -390px -110px;
	margin-left: 44px;
}
#main-visual .slide-description-wrapper {
	background: url(/templates/main/images/textbackground.png) repeat 0 0;
	margin: 0 0 15px 3%;
	padding: 10px;
	width: 35%;
}
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px) {
	#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
		font-size: 2.3em;
		max-height: 114px;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description {
		margin-bottom: 5px;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper {
		padding-left: 2%;
	}
}

/* Portrait to Landscape */	
@media (min-width: 768px) and (max-width: 1023px) {
	#main-visual .bannerEnabled.slide .slide-description-wrapper {
		padding-left: 2%;
	}
	
	#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
		max-height: 125px;
	}
}

/* Portrait to Landscape */	
@media (max-width: 767px) {
	#main-visual .bannerEnabled.slide .slide-description-wrapper {
		display: none;
	}
}
/****Hero Caption Styling END***/
/***************  templates/main/css/template.groupHome.css  ***************/
/* .group #main-visual .slideshow{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	filter: gray;
} */

div.main-visual-heading{
	width: 495px;
	z-index: 2;
}

.scroll-wrapper{
	position: absolute;
	bottom: 0;
	-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%;
}

.scroll-text{
	position: absolute;
	letter-spacing: 0.3em;
	bottom: 70px;
	color: #b2a072;
	-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%;
	cursor: pointer;
}

.scroll-animater{
	background: url(/templates/main/images/scrollarrow.svg);
	display: block;
	width: 68px;
	height: 68px;
}

.btn-wrapper a,
#mod_mailingList .submit,
.footer-newsletter .submit{
	-ms-transition: opacity .4s ease-in-out 0s; 
	-webkit-transition: opacity .4s ease-in-out 0s; 
	-moz-transition: opacity .4s ease-in-out 0s;
	-o-transition: opacity .4s ease-in-out 0s;
	transition: opacity .4s ease-in-out 0s; 
}
.btn-wrapper a:hover,
#mod_mailingList .submit:hover,
.footer-newsletter .submit:hover {
    opacity: 0.8;
}

/* position */
.container,
.container .image-wrapper,
.main-image,
.exclusive-items > div span:first-child,
.our-hotels,
.our-hotels .section-header,
.location-map,
.map-wrapper,
.map,
.special-offers,
.special-offers .content-wrapper,
.offer-highlight,
.restaurants,
.restaurants .attraction-inner-wrapper,
.restaurants .slide,
.meetings,
.restaurants .attraction-inner-wrapper, 
.meetings .meetings-inner-wrapper,
.mybooker-wrapper,
.mybooker-wrapper .mybooker-heading,
.mybooker-wrapper .intro,
.newsletter-inner-wrapper,
.fieldBlock.checkBoxTerms,
.slick-initialized .slick-slide,
.bottom-section {
	position: relative;
}


.branding {
	position: absolute;
	left: 50%;
	top: 57px;
	z-index: 2;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.main.container{
	margin-bottom: 40px;
}
.container {
	min-height: 629px;
	height: auto;
	width: 100%;
}
	.content-holder{
		margin: 0 auto;
		width: 1220px;
	}
	.main-content-wrapper{
		height: 100%;
		margin-top: -629px;
		pointer-events: none;
		position: relative;
	}
	.container .image-wrapper {
		background: rgba(0, 0, 0, 0) url(/templates/main/images/right_gradient.png) no-repeat scroll 180px 0;
		height: 629px;
		width: 100%;
	}

	.container .image-wrapper:after{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #e4dfd4;
		content: "";
		z-index: -2;
	}
		.container .image-wrapper img{
			position: absolute;
			top: 0;
			left: 0;
		}
		.image-wrapper.loading{
			box-shadow: none;
		}
		#main .image-wrapper.loading {
			box-shadow: unset !important;
		}
		.main-image{
			height: 629px;
			width: 857px;
			z-index: -1;
		}

	.border-box {
		border-color: #b2a072;
	}
	
	.main-content-wrapper .border-box{
		float: right;
		margin-top: 85px;
		min-height: 585px;
		padding: 22px 53px 29px 55px;
		pointer-events: auto;
		position: relative;
		width: 626px;
	}
		.main-title{
			margin: 54px 0 0;
			font-size: 2.25em;
		}
		.main-content-wrapper .main-intro {
			font-size: 0.95em;
			margin: 42px 0 0;
		}
	
	.exclusive.content-holder{
		background-color: #f7f5f0;
		padding: 30px 0 19px;
	}
	.exclusive-wrapper{
		width: 835px;
		margin: 28px auto 39px;
	}
		.exclusive-wrapper ul li{
			position: relative;
			padding: 0 0 0 21px;
		}
		.exclusive-wrapper ul li:before {
		    content: "";
		    height: 6px;
		    left: 0;
		    position: absolute;
		    top: 14px;
		    width: 6px;
		    background: #b2a072;
		}
		.exclusive-items{
			margin: 0 auto;
		}
			.exclusive-items > div {
				display: inline-block;
				width: 180px;
			}
			.exclusive-items .breakfast {
				margin: 0 252px;
			}
			.exclusive-items > div span:first-child{
				display: block;
				border-bottom: 3px dotted #b2a072;
				margin: auto;
				padding-bottom: 18px;
			}
			.exclusive .best-price .bg{
				background-position: -318px -8px;
				background-size: 965px auto;
				height: 54px;
				width: 57px;
			}
			.exclusive .breakfast .bg{
				background-position: -420px -11px;
				background-size: 980px auto;
				height: 54px;
				left: -3px;
				width: 52px;
				
			}
			.exclusive .actual-room .bg{
				background-position: -498px -14px;
				background-size: 950px auto;
				height: 48px;
				left: -2px;
				width: 62px;
			}
			.exclusive-items .exclusive-item {
				display: block;
				margin: 23px 0;
			}
	.btn-wrapper a{
		background-color:#931309;
	}
	.exclusive .btn-wrapper{
		margin: 10px auto;
		width: auto;
	}
	.exclusive .btn-wrapper a {
		line-height: 4.8em;
		padding: 21px 46px;
		text-transform: uppercase;
	}

.our-hotels {
	height: 790px;
	margin: 0 auto;
	width: 100%;
	clear: both;
}
	.our-hotels .section-header {
		z-index: 1;
		margin: 48px 0;
	}
	.our-hotels .widget {
		left: 0;
		position: absolute;
		top: 0;
		z-index: 0;
		width: 100%;
	}
		.our-hotels .image-wrapper {
			height: 790px;
			width: 100%;
			background-color: #000;
			position: relative;
		}
		.our-hotels .image-wrapper:after {
			background-color: rgba(3, 3, 3, 0.5);
			content: "";
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}
			.our-hotels-image{
				width: 100%;
				height: 100%;
				background-size: cover;
				background-position: center center;
			}
		.our-hotels .item-content {
			left: 50%;
			position: absolute;
			top: 50%;
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			width: 50%;
			z-index: 1;
		}
			.our-hotels .item-logo{
				background-repeat: no-repeat;
				background-size: contain;
				margin: 0 auto 0;
			}
			.our-hotels .item-logo.grosvenor {
				height: 142px;
				width: 339px;
			}
			.our-hotels .item-logo.cumberland {
				height: 25px;
    			width: 338px;
			}
			.our-hotels .item-logo.greatcumberland {
				height:120px;
    			width:280px;
			}
			.our-hotels .item-logo.tower {
				height: 81px;
				width: 339px;
			}
			.our-hotels .item-logo.royal_horseguards {
				height: 136px;
				width: 338px;
			}
			.our-hotels .intro {
				height: auto;
				max-height: 250px;
				margin: 45px auto 26px;
				overflow: hidden;
			}
				.our-hotels .item-content .item-logo a{
					display: block;
					width: 100%;
					height: 100%;
				}
				.our-hotels .item-content .intro a {
					color: #fff;
				}
			.our-hotels .read-more{
				float: none;
				margin: 11px 0 0 -21px;
			}
			.our-hotels .read-more:after{
				right: -21px;
			}
			.our-hotels .read-more:hover:after {
				right: -27px;
			}
		.our-hotels .slick-arrows {
			bottom: 65px;
			position: absolute;
			right: 60px;
		}
.location-map {
	width: 100%;
	clear: both;
}
	.location-map .section-header {
		margin: 35px auto 32px;
		max-width: 1220px;
	}
	.map-wrapper{
		height: 615px;
	}
	.map-wrapper:after {
		background: rgba(0, 0, 0, 0) url(/templates/main/images/homepage_map.png) repeat-y scroll right 0;
		content: "";
		height: 100%;
		right: 0;
		position: absolute;
		top: 0;
		width: 60%;
		z-index: 0;
		pointer-events:none;
	}
		.map{
			width: 100%;
			height: 615px;
			z-index: 0;/* -1; */
		}
	.location-map .intro-content {
		height: auto;
		position: absolute;
		right: 36px;
		top: 158px;
		width: 300px;
		z-index: 10;
	}
		.location-map .intro-content h3 {
			font-size: 2.6em;
			letter-spacing: 0.06em;
			margin: 25px auto 30px;
		}
		.location-map .intro-content .intro {
			color: #fff;
			font-size: 1.1em;
			line-height: 1.4;
			margin: 0;
			padding: 0 40px 0 20px;
		}
		.location-map .intro-content .read-more {
			float: left;
			font-size: 1.1em;
			margin: 43px 0 0 13px;
		}
		.location-map .intro-content .read-more:after{
			right: -30px;
			top: 6px;
		}
		.location-map .intro-content .read-more:hover:after {
			right: -36px;
		}
			

div.special-offers {
	clear: both;
	width: 100%;
	background: #f7f5f0;
}
	.special-offers .section-header{
		margin: 66px auto 13px;
	}
.special-offers .widget-content {
	float: left;
	margin-top: 39px;
	width: 100%;
}
	.special-offers .item {
		float: left;
		margin-bottom: 46px;
		width: 582px;
	}

	.special-offers .item.item2,
	.offer-highlight{
		margin: 0 0 46px 55px;
	}
		.special-offers .image-wrapper {
			overflow: hidden;
		}
		.special-offers .image-wrapper a:hover{
			opacity: 1;
		}
		.special-offers .room-image {
			height: 427px;
			width: 582px;
			transform: scale(1);
			-ms-transition: transform .4s ease-in-out 0s; 
			-webkit-transition: transform .4s ease-in-out 0s; 
			-moz-transition: transform .4s ease-in-out 0s;
			-o-transition: transform .4s ease-in-out 0s;
			transition: transform .4s ease-in-out 0s; 
			position: relative;
		}
		.nontouch-device .special-offers .room-image:hover {
			transform: scale(1.1);
		}
		.nontouch-device .special-offers .room-image:after{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			content: "";
			background-color: rgba(03,03,03,.5);
			opacity: 0;
			-ms-transition: opacity .4s ease-in-out 0s; 
			-webkit-transition: opacity .4s ease-in-out 0s; 
			-moz-transition: opacity .4s ease-in-out 0s;
			-o-transition: opacity .4s ease-in-out 0s;
			transition: opacity .4s ease-in-out 0s; 
		}
		.nontouch-device .special-offers .room-image:hover:after{
			opacity: 1;
		}
		.special-offers .content-wrapper {
			float: left;
			padding: 10px 11px;
			width: 560px;
		}
		.special-offers .title {
			margin: 32px 0 29px;
		}
		.sm-share {
			position: absolute;
			right: 6px;
			top: 45px;
		}
		.special-offers .intro {
			color: #030303;
			font-size: 1.6em;
			height: 70px;
			letter-spacing: 0.05em;
			margin: 0 0 19px;
			overflow: hidden;
			padding: 0 2px;
		}
		.special-offers .read-more {
			float: none;
			font-size: 1.1em;
			margin: 0 0 0 6px;
		}
		.special-offers .read-more:after {
			right: -15px;
			top: 6px;
			background-position: -11px -72px;
		}
		.special-offers .read-more:hover:after {
			right: -21px;
		}
	.offer-highlight{
		float: left;
		height: 496px;
		left: auto;
		padding: 22px 45px 29px;
		position: relative;
		top: auto;
		width: 582px;
	}
		.offer-highlight > p {
			font-size: 2em;
			letter-spacing: 0.05em;
			line-height: 1.4;
			position: relative;
			top: 76px;
			color: #030303;
		}
		.offer-highlight .read-more:after {
			right: -20px;
			top: 5px;
		}
		.offer-highlight .read-more:hover:after {
			right: -26px;
		}
		.offer-highlight .read-more {
			bottom: 41px;
			position: absolute;
			right: 67px;
		}

.restaurants,
.meetings{
	width: 100%;
	clear: both;
}
.restaurants .section-header,
.meetings .section-header {
	margin: 57px auto 0;
}
.restaurants .attraction-inner-wrapper:before,
.meetings .meetings-inner-wrapper:before {
	background: #e4dfd4;
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}
.restaurants .attraction-inner-wrapper {
	background: rgba(0, 0, 0, 0) url(/templates/main/images/left_gradient.png) repeat-Y scroll left 0;
}
.meetings .meetings-inner-wrapper {
	background: rgba(0, 0, 0, 0) url(/templates/main/images/right_gradient.png) repeat-Y scroll right 0;
}
.restaurants .attraction-inner-wrapper,
.meetings .meetings-inner-wrapper {
	height: 684px;
	margin: 0 auto;
	padding: 33px 0 8px;
	width: 1220px;
}
	.restaurants .slick-slider,
	.meetings .slick-slider{
		z-index: -1;
	}
		.restaurants .slide,
		.meetings .slide {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			float: left;
			height: 684px;
			width: 1050px;
			z-index: -1;
		}
		#page_home .restaurants .slide-arrows {
			right: 30px;
		}
		#page_home .meetings .slide-arrows{
			left: 39px;
		}
		#page_home .restaurants .slide-arrows,
		#page_home .meetings .slide-arrows {
			bottom: 42px;
			position: absolute;
		}
	
	.meetings .border-box{
		float: right;
	}
	.restaurants .border-box,
	.meetings .border-box {
		width: 500px;
		padding: 22px 35px 29px;
		margin-top: -547px;
		position: relative;
		top: auto;

	}
		.restaurants .border-box h3,
		.meetings .border-box h3 {
			margin: 30px 0 0;
		}
		.restaurants .border-box .intro,
		.meetings .border-box .intro {
			margin-top: 28px;
		}
		.restaurants .border-box .read-more{
			float: left;
		}
		.meetings .border-box .read-more {
			float: right;
		}
		.restaurants .border-box .read-more {
			margin: 7px 0 0 34px;
		}
		.meetings .border-box .read-more {
			margin: 27px 34px 0 0;
		}
		.restaurants .border-box .read-more:after,
		.meetings .border-box .read-more:after {
			background-position: -11px -72px;
			top: 6px;
		}


.newsletter-wrapper {
	height: auto;
	margin: 90px 0 0 108px;
	min-height: 563px;
	padding: 14px;
	width: 433px;
}
	.newsletter-inner-wrapper {
		background: #efece4;
		border: 1px solid #030303;
		height: auto;
		min-height: 511px;
		padding: 29px 33px 21px;
		width: calc(100% - 68px);
	}
		.newsletter-logo{
			background: url(/templates/main/images/logos/guoman_newsletter_logo.png);
			background-size: contain;
			background-repeat: no-repeat;
			width: 62px;
			height: 62px;
			margin: 0 auto;
		}
		.newsletter-heading {
			font-size: 1.8em;
			letter-spacing: 0.05em;
			margin: 14px 0;
		}
		.newsletter-wrapper .intro,
		#mod_mailingList p {
			font-size: 0.9em;
			letter-spacing: 0.04em;
			line-height: 1.4;
			margin: 18px auto;
			width: 85%;
		}
		#mod_mailingList {
			width: 87%;
			margin: 22px auto 0;
		}
			#mod_mailingList .flexibleForm{
				margin: 0;
			}
			form.flexibleForm .fieldBlock {
				margin-bottom: 18px;
			}
			#mod_mailingList .fieldLabel{
				display: none;
			}
			#mod_mailingList .fieldInput,
			#mod_mailingList .submit{
				outline: none;
				border: none;
				border-radius: none;
			}
			#mod_mailingList .fieldInput{
				background: transparent;
				border-bottom: 1px solid #000;
				float: none;
				margin: 0 auto;
				padding: 9px 5px;
				width: calc(100% - 9px);
				color: #707070;
				
			}
			#mod_mailingList .invalid .fieldInput{
				border-bottom: 1px solid #920f10;
			}
			.checkBoxTerms > div,
			#mod_mailingList .check-box-btn,
			#mod_mailingList .type_checkBox input,
			#mod_mailingList .type_checkBox input:checked + span:after{
				height: 14px;
				left: 0;
				position: absolute;
				top: 1px;
				width: 14px;
			}
			#mod_mailingList .check-box-btn{
				border: 1px solid #030303;
				z-index: 0;
			}
			#mod_mailingList .invalid .check-box-btn{
				border: 1px solid #920f10;
			}
			#mod_mailingList .type_checkBox input {
				cursor: pointer;
				opacity: 0;
				z-index: 1;
			}
			#mod_mailingList .termsLabel {
				float: left;
				font-size: 0.8em;
				letter-spacing: 0.03em;
				margin: 2px 0 0 24px;
			}
			#mod_mailingList .type_checkBox input:checked + span:after{
				content: "✓";
				font-size: 0.8em;
				z-index: -1;
				line-height: 0.9;
			}
			#mod_mailingList .submit {
				background: #8d7a4a;
				cursor: pointer;
				height: 52px;
				letter-spacing: 0.05em;
				line-height: 2.6;
				margin: 14px auto 0;
				padding: 0;
				position: relative;
				width: 141px;
			}
			.succsessfullySubmit p.intro{
				display: none;
			}
			.fieldBlock.country, .fieldBlock.comments, .mandatory{
				display: none;
			}
			
			.fieldInput::-webkit-input-placeholder {
			   opacity:1;
			   color: #707070;
			}

			.fieldInput:-moz-placeholder { /* Firefox 18- */
			   opacity:1;
			   color: #707070;
			}

			.fieldInput::-moz-placeholder {  /* Firefox 19+ */
			   opacity:1;
			   color: #707070;
			}

			.fieldInput:-ms-input-placeholder {  
			   opacity:1;
			   color: #707070;
			}


.signup-section{
	width: 100%;
	padding-bottom: 45px;
	clear: both;
}
	.mybooker-wrapper{
		width: 500px;
		height: 703px;
		margin-top: 37px;
	}
		.mybooker-image,
		.mybooker-wrapper img{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		.mybooker-image:after{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 35%;
			background: -moz-linear-gradient(top, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 100%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,1) 15%,rgba(0,0,0,0) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,1) 15%,rgba(0,0,0,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
		}
		.loggedIn .mybooker-wrapper .imageSwitchHolder{
			position: absolute !important;
			z-index: 0;
			top: 0;
			left: 0;
		}
		.mybooker-heading {
			margin: 46px auto;
		}
		.mybooker-heading:after {
			background: #fff;
			bottom: -22px;
			content: "";
			height: 2px;
			left: 50%;
			position: absolute;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 40px;
		}
		.mybooker-wrapper .mybooker-heading,
		.mybooker-wrapper .intro,
		.mybooker-wrapper .btn-wrapper{
			z-index: 1;
		}
		.mybooker-wrapper .intro {
			margin: 60px 0;
			padding: 0 65px;
		}
		.mybooker-wrapper .btn-wrapper {
			position: absolute;
			bottom: 53px;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}
			.mybooker-wrapper .btn-wrapper a {
				padding: 21px 43px;
			}

.discover{
	background: #b2a072;
	width: 100%;
	clear: both;
	margin-top: 75px;
}
	.discover .section-header {
		letter-spacing: 0.07em;
		margin: 34px 0 25px;
	}
	.overview-video {
		height: 0;
		padding-top: 56.3%;
		position: relative;
		width: 100%;
		z-index: 1;
		background-color: #e4dfd4;
	}
	.video-overlay:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 71px;
		height: 85px;
		background-position: -635px -1px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.video-overlay:before {
		background-color: rgba(3, 3, 3, 0.5);
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.video-overlay.hidden{
		opacity: 0;
		-ms-transition: opacity .8s ease-in-out 0s; 
		-webkit-transition: opacity .8s ease-in-out 0s; 
		-moz-transition: opacity .8s ease-in-out 0s;
		-o-transition: opacity .8s ease-in-out 0s;
		transition: opacity .8s ease-in-out 0s; 
	}
		#bg-video, 
		.overview-video img,
		.discover-image,
		.video-overlay{
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}
		.video-overlay {
			z-index: 1;
			cursor: pointer;
			background-color: #000;
			background-size: cover;
    		background-position: center center;
		}
		.loggedIn .imageSwitchHolder.discover-image{
			left: 0;
			position: absolute !important;
			top: 0;	
		}
	.discover-image{
		background-position: center center;
		background-size: cover;
	}
	.bottom-section {
		margin-top: -369px;
		width: 100%;
		height: 873px;
		overflow: hidden;
		background-color: #000;
	}
		.bottom-section > .imageSwitchHolder{
			position: absolute !important;
		}
		.bottom-section .content-holder{
			position: relative;
    		z-index: 10;
		}
		.discover .bottom-section .content-holder{
    		z-index: 0;
		}
		.discover .smo-coll,
		.discover .smo-media-coll{
			margin-top: 411px;
		}
		.smo-coll > span {
			display: block;
		}
			.smo-title-line-one {
				font-size: 2.95em;
				letter-spacing: 0.01em;
				margin: 57px 0 0;
			}
			.smo-title-line-two{
				color: #b2a072;
				font-size: 2em;
				letter-spacing: 0.05em;
				margin: 17px 0 0;
			}

		.discover .smo-wrapper{
			border: none;
			margin: 25px 0 0;
			width: auto;
		}
			.discover .social-media {
				float: left;
				margin: 0 36px 0 0;
			}

				/* share your moments SMO */
				.discover .smo-wrapper a {
					height: 42px;
    				width: 52px;
    				background-size: 970px auto;
				}
				.discover .smo-wrapper .facebook a {
					background-position: -683px -20px;
				}
				.discover .smo-wrapper .facebook a:hover {
					background-position: -683px -66px;
				}
				.discover .smo-wrapper .twitter a {
				  background-position: -731px -20px;
				}
				.discover .smo-wrapper .twitter a:hover {
				  background-position: -731px -66px;
				}
				.discover .smo-wrapper .googleplus a {
				  background-position: -789px -20px;
				}
				.discover .smo-wrapper .googleplus a:hover {
				  background-position: -789px -66px;
				}
				.discover .smo-wrapper .youtube a {
				  background-position: -851px -20px;
				}
				.discover .smo-wrapper .youtube a:hover {
				  background-position: -851px -66px;
				}
				.discover .smo-wrapper .tripadvisor a {
				  background-position: -919px -20px;
				}
				.discover .smo-wrapper .tripadvisor a:hover {
				  background-position: -919px -66px;
				}

		.discover .smo-media-coll {
			width: 625px;
			margin-top: 407px;
		}
			.insta-feed a{
				float: left;
				height: 195px;
				margin: 0 0 13px 13px;
				width: 195px;
			}
			
			.smo-media-coll .slides{
				width: 195px !important;
				height: 195px;
				margin: 5px 6px 2px;
				background-repeat: no-repeat;
				display: inline-block;
				background-size: cover;
			}
			.smo-media-coll{
				position: relative;
			}

/*discount*/
.discount-wrp {
	position: absolute;
	background: #ffffff;
	top: 27px;
	width: 378px;
	height: auto;
	right: 25px;
	box-shadow: 0px 0px 10px 1px #707070;
}
.cookieEnabled .discount-wrp{
	top: 64px;
}
.discount-img {
	width: 35px;
	height: 36px;
	background: url(/templates/main/images/guoman_iconsprite.png) -8px -144px;
	float: left;
}
.discount-header {
	background: #931309;
	padding: 11px 20px;
	position: relative;
}
.discount-header p {
	width: 285px;
	display: inline-block;
	margin: 7px 9px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
}
.discount-header p a {
	color: inherit;
}
.discount-wrp .content {
	padding: 17px 22px;
}
.discount-wrp .content p {
	margin: 0;
	color: #000000;
}
.discount-wrp .content p a{
	font-weight: bold;
}
.arrow.only-mobile{
	display: none;
}
.discount-header p a {
	text-decoration: underline;
}
.discount-wrp .content p a{
	color: #931309;
}
.loggedIn.editMode .mobile-only.heading{
		display: block;
	}
			
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px) {
	.branding {
		top: 62px;
	}
	.fixed-header .check-rates {
		line-height: 1.2;
		padding: 22px 0;
	}
	.group .main-visual-heading {
		margin: 2px 0 0 19px;
		width: 429px;
	}
		.group .main-visual-heading h2 {
			letter-spacing: 0.04em;
			line-height: 1.2;
		}
		.group .main-visual-heading h2, .special-offers .section-header {
			font-size: 2.1em;
		}
	.scroll-text {
		letter-spacing: 0.15em;
	}

	#main p, #main li {
		line-height: 1.5;
	}

.container {
  min-height: 517px;
}
.main.container {
	margin-bottom: 32px;
}
	.container .image-wrapper {
		background-position: 30px 0;
		height: 517px;
		width: 100%;
	}
		.main-image {
			height: 517px;
			width: 704px;
		}
	.content-holder {
		width: 934px;
	}
		.border-box {
			padding: 8px 45px 30px;
		}
		.main-content-wrapper .border-box {
			margin-top: 189px;
			width: 507px;
			min-height: 473px;
		}
			.main-title {
				margin: 35px 0 0;
				font-size: 2em;
			}
			.main-content-wrapper .main-intro {
				margin: 21px 0 0;
			}
				.main-content-wrapper  p {
					margin: 0.7em 0;
				}
.exclusive.content-holder {
	  padding: 23px 0;
}
	.section-header,
	.restaurants .section-header, 
	.meetings .section-header, 
	.mybooker-heading {
		font-size: 2.1em;
		letter-spacing: 0.04em;
	}
	.exclusive-wrapper {
		margin: 27px auto 39px;
		width: 770px;
	}
		.exclusive-wrapper p, .exclusive-wrapper li {
			line-height: 1.6;
		}
	.exclusive-items .breakfast {
		margin: 0 116px;
	}
		.exclusive-items .exclusive-item {
			font-size: 0.95em;
			letter-spacing: 0.07em;
			line-height: 1.3;
			margin: 26px 0;
		}
		.actual-room .exclusive-item {
			width: 90%;
		}
	.exclusive .btn-wrapper {
		margin: 7px auto 0;
	}
		.exclusive .btn-wrapper a {
			font-size: 0.9em;
			line-height: 5.2em;
			padding: 16px 33px;
			letter-spacing: 0.05em;
		}
.our-hotels,
.our-hotels .image-wrapper {
	height: 599px;
}
	.our-hotels .item-content{
		width: 70%;
	}
	.our-hotels .section-header {
		margin: 46px 0;
	}
		.our-hotels .item-logo.grosvenor {
			height: 123px;
			width: 290px;
		}
		.our-hotels .item-logo.royal_horseguards{
			width: 290px;
			height: 121px;	
		}
		.our-hotels .item-logo.tower {
			height: 75px;
			width: 290px;
		}
		.our-hotels .item-logo.cumberland {
			width: 290px;
		}
		.our-hotels .intro {
			font-size: 1em;
			height: auto;
			line-height: 1.6;
			margin: 34px auto 25px;
		}
		.our-hotels .read-more {			
			font-size: 1em;
			margin: 11px 0 0 -18px;
		}
		.our-hotels .read-more:after {
			right: -15px;
		}
		a.read-more:after{
			background-position: -6px -36px;
			background-size: 890px auto;
			top: 5px;
		}
	.our-hotels .slick-arrows {
		bottom: 29px;
		right: 39px;
	}
		.slick-arrow {
			background-position: -253px -83px;
			background-size: 770px auto;
			height: 34px;
			width: 19px;
		}
		.slick-next {
			background-position: -295px -83px;
		}
		
.location-map .section-header {
	margin: 26px 0 22px;
}
.map-wrapper,
.map {
	height: 521px;
}
.map-wrapper:after{
	background-size: cover;
	background-position: 310px 0;
	width: 100%;
}
	.infoBox{
		height: 152px !important;
		width: 199px !important;
	}
		.infoBox .marker-intro > h3 {
			font-size: 1.1em;
			line-height: 1;
		}
.zoom-controls {
	left: 20px;
	top: 23px;
}

.location-map .intro-content {
	right: 36px;
	top: 132px;
	width: 235px;
}
	.location-map .intro-content h3 {
		font-size: 2.1em;
		letter-spacing: 0.04em;
		margin: 25px auto 21px;
		padding-left: 2px;
	}
	.location-map .intro-content .intro {
		font-size: 1.1em;
		line-height: 1.45;
		margin: 0;
		padding: 0 35px 0 6px;
	}
	.location-map .intro-content .read-more {
		font-size: 0.9em;
		letter-spacing: 0.12em;
		margin: 39px 0 0 11px;
	}
	.location-map .intro-content .read-more:after {
		right: -15px;
		top: 4px;
	}
	.our-hotels .read-more:hover:after,
	.location-map .intro-content .read-more:hover:after {
		right: -21px;
	}

.special-offers .section-header {
	margin: 41px auto 0px;
}
.special-offers .item {
	width: 445px;
	margin-bottom: 51px;
}
.special-offers .content-wrapper {
	width: 423px;
}
.special-offers .item.item2, .offer-highlight {
	margin: 0 0 57px 43px;
}
	.special-offers .room-image {
		height: 325px;
		width: 445px;
	}
	.special-offers .read-more{
		font-size: 0.9em;
		letter-spacing: 0.12em;
		margin: 0 0 0 2px;
	}
	.special-offers .read-more:after {
		background-position: -6px -63px;
		right: -17px;
		top: 5px;
	}
	.special-offers .offer-highlight .read-more:after {
		background-position: -10px -72px;
	}
	.offer-highlight{
		height: 380px;
		padding: 8px 30px 30px;
		width: 445px;
	}
		.offer-highlight > p {
			font-size: 1.6em;
			top: 51px;
			letter-spacing: 0.03em;
		}
		.offer-highlight .read-more {
			bottom: 36px;
			letter-spacing: 0.11em;
			right: 52px;
		}
	.sm-share {
		right: 0px;
		top: 27px;
	}
	.special-offers .title {
		font-size: 1.45em;
		margin: 19px 0 24px;
	}
	.special-offers .title,
	.mybooker-wrapper .intro {
		letter-spacing: 0.1em;
	}
	.special-offers .intro {
		font-size: 1.1em;
		height: 55px;
		letter-spacing: 0.08em;
		line-height: 1.45;
		margin: 0 0 17px;
	}

.restaurants .section-header {
	margin: 47px auto 0;
}
.meetings .section-header{
	margin: 49px auto 0;
}
.restaurants .attraction-inner-wrapper,
.meetings .meetings-inner-wrapper {
	height: 580px;
	width: 934px;
	padding: 27px 0 0;
}
.meetings .meetings-inner-wrapper{
	padding: 22px 0 0;
}
.restaurants .slide, 
.meetings .slide{
	height: 580px;
}
	.restaurants .border-box,
	.meetings .border-box {
		padding: 22px 38px 26px;
		width: 440px;
	}
		.restaurants .border-box h3,
		.meetings .border-box h3 {
			margin: 16px 0 0;
			font-size: 1.65em;
			letter-spacing: 0.04em;
		}
		.restaurants .border-box .intro,
		.meetings .border-box .intro {
			margin-top: 18px;
		}
		.restaurants .border-box .read-more {
			font-size: 0.9em;
			margin: 31px 0 0 2px;
		}
		.restaurants .border-box .read-more:after,
		.meetings .border-box .read-more:after {
			background-position: -9px -62px;
			top: 4px;
		}
		#page_home .restaurants .slide-arrows {
			bottom: 30px;
			right: 22px;
		}
		#page_home .meetings .slide-arrows{
			bottom: 25px;
			left: 33px;
		}

.newsletter-wrapper {
	margin: 31px 0 0 42px;
	padding: 12px 11px;
	width: 377px;
	min-height: 528px;
}
	.newsletter-inner-wrapper {
		padding: 22px 28px 21px;
		width: calc(100% - 59px);
		min-height: 483px;
	}
		.newsletter-logo {
			height: 57px;
			width: 57px;
		}
		.newsletter-heading {
			font-size: 1.65em;
			margin: 11px 0 10px;
		}
		.newsletter-wrapper .intro {
			margin: 0 auto;
			width: 95%;
		}
		#mod_mailingList {
			width: 100%;
		}
			form.flexibleForm .fieldBlock {
				margin-bottom: 19px;
			}
			.checkBoxTerms > div{
				left: 4px;
			}
			#mod_mailingList .termsLabel {
				margin: 3px 0 0 30px;
			}
				#mod_mailingList .type_checkBox input:checked + span:after {
					line-height: 0.8;
				}
			#mod_mailingList .submit {
				font-size: 0.9em;
				height: 50px;
				line-height: 3.1;
				margin: 10px auto 0;			
				width: 138px;
			}
.mybooker-wrapper {
	height: 619px;
	margin-top: 43px;
	width: 439px;
}
	.mybooker-heading {
		font-size: 2.5em;
		letter-spacing: 0.05em;
		margin: 45px 0;
	}
	.mybooker-heading:after {
		bottom: -24px;
	}
	.mybooker-wrapper .intro {
		margin: 65px 0;
		padding: 0 35px;
	}
	.mybooker-wrapper .btn-wrapper {
		bottom: 53px;
	}
		.mybooker-wrapper .btn-wrapper a {
			font-size: 0.9em;
			padding: 16px 34px;
		}

.discover .section-header {
	letter-spacing: 0.03em;
	margin: 29px 0 20px;
}
.video-overlay:after {
	background-position: -455px -1px;
	background-size: 730px auto;
	height: 61px;
	width: 52px;
}

.smo-title-line-one {
	font-size: 2.3em;
	margin: 24px 0 0;
}
.smo-title-line-two {
	font-size: 1.4em;
	margin: 23px 0 0;
}

.discover .social-media {
	margin: 0 33px 0 0;
}
	.discover .smo-wrapper {
		margin: -5px 0 0;
	}
		.discover .smo-wrapper a {
			background-size: 860px auto;
			height: 35px;
			width: 50px;
		}
		.discover .smo-wrapper .facebook a,
		.discover .smo-wrapper .facebook a:hover {
			background-position: -597px -16px;
		}
		.discover .smo-wrapper .twitter a,
		.discover .smo-wrapper .twitter a:hover {
			background-position: -642px -16px;
		}
		.discover .smo-wrapper .googleplus a,
		.discover .smo-wrapper .googleplus a:hover {
			background-position: -699px -16px;
		}
		.discover .smo-wrapper .youtube a,
		.discover .smo-wrapper .youtube a:hover {
			background-position: -756px -16px;
		}
		.discover .smo-wrapper .tripadvisor a,
		.discover .smo-wrapper .tripadvisor a:hover{
			background-position: -813px -16px;
		}

.bottom-section {
	height: 676px;
	margin-top: -262px;
}
	.discover .smo-coll {
		margin-top: 305px;
	}
	.discover .smo-media-coll {
		margin-top: 297px;
		width: 515px;
	}
	.smo-media-coll {
		width: 510px;
	}
		.smo-media-coll .slides {
			width: 160px !important;
			height: 160px;
			margin: 5px 5px 0px;
			background-repeat: no-repeat;
		}
		.insta-feed a {
			height: 160px;
			margin: 0 0 10px 9px;
			width: 161px;
		}

div.go-top-section {
	margin-bottom: 179px;
}
div.go-top-section:after {
	bottom: -204px;
}
	span.back-to-top {
		padding-top: 110px;
	}
	/*discount*/
	.discount-wrp {
		top: calc(100vh - 138px);
		transition-duration: 0.5s;
		left: 25px;
	}
	.cookieEnabled .discount-wrp {
		top: calc(100vh - 138px);
	}
	.discount-header p{
		width: 273px;
	}
	.header-fixd .discount-wrp{
		top:97px;
	  	transition-duration: 0.5s;
	}
	.discount-header p{
		font-size: 0.8em;
	}
	.discount-header p {
		margin: 9px 9px;
	}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	div.main-visual-heading {
		margin: -24px auto;
	}
	.container .image-wrapper {
		height: 515px;
	}
		.main-image {
			height: 515px;
			width: 100%;
		}
.container {
	min-height: 515px;
}
	.content-holder{
		width: 690px;
	}
	.main-content-wrapper {
		margin-top: -515px;
	}
		.main-content-wrapper .border-box {
			float: right;
			margin-top: 91px;
			min-height: 450px;
			width: 482px;
		}
			.main-title {
				font-size: 1.9em;
				margin: 31px 0 0;
			}
			.main-content-wrapper .main-intro {
				margin: 32px 0 0;
			}
.exclusive.content-holder {
 	padding: 21px 0 19px;
}	
	.section-header {
		font-size: 1.7em;
	}
	.exclusive-wrapper {
		margin: 23px auto 30px;
		width: 525px;
	}
		.exclusive-wrapper p,
		.exclusive-wrapper li {
			line-height: 1.4;
		}
			.exclusive .exclusive-items .bg{
				background-size: 860px auto;
			}
			.exclusive .best-price .bg {
				background-position: -281px -8px;
			}
			.exclusive-items > div span:first-child {
				padding-bottom: 9px;
			}
			.exclusive-items .exclusive-item {
				font-size: 0.9em;
				margin: 26px 0;
			}

		.exclusive-items .breakfast {
			margin: 0 33px;
		}
			.exclusive .breakfast .bg {
				background-position: -363px -7px;
			}
			.exclusive .actual-room .bg {
				background-position: -449px -14px;
				top: -6px;
			}
			.actual-room .exclusive-item {
				padding: 0 15px;
			}
		.exclusive .btn-wrapper {
			margin: 14px auto;
		}
			.exclusive .btn-wrapper a {
				font-size: 0.95em;
				line-height: 3.3em;
				padding: 15px 33px;
			}
			.container .image-wrapper {
			  background-position: -40px 0;
			}
			#main .image-wrapper .main-image{
				background-position: 600px top;
				background-size: 100% auto;
			}
.our-hotels {
	height: 513px;
}
	.our-hotels .section-header {
		margin: 36px 0;
	}
	.our-hotels .image-wrapper {
		height: 513px;
	}
	
	.our-hotels .item-content {
		width: 65%;
	}
		.our-hotels .item-logo.grosvenor,
		.our-hotels .item-logo.royal_horseguards {
			height: 98px;
			width: 230px;
		}
		.our-hotels .item-logo.tower {
			height: 60px;
			width: 230px;
		}
		.our-hotels .item-logo.cumberland {
			height: 22px;
			width: 230px;
		}
		.our-hotels .intro {
			font-size: 0.95em;
			height: auto;
			margin: 30px auto 19px;
			max-height: 175px;
		}
		.our-hotels .read-more {
			font-size: 0.9em;
			margin: 0 0 0 -1px;
		}
		.our-hotels .read-more:after {
			right: -16px;
			background-position: -12px -38px;
			background-size: 900px auto;
			top: 5px;
		}
		.our-hotels .read-more:hover:after {
			right: -21px;
		}
		.our-hotels .slick-arrows {
			bottom: 23px;
			right: 28px;
		}
		.slick-arrow {
			background-position: -256px -84px;
			background-size: 780px auto;
			height: 37px;
			width: 22px;
		}
		.slick-next {
			background-position: -296px -84px;
			margin-left: 39px;
		}
	.discover {
		margin-top: 0;
	}

.map-wrapper:after {
	background: rgba(0, 0, 0, 0) url(/templates/main/images/homepage_map_portrait.png) repeat-x scroll 0 84px;
	bottom: 0;
	height: 100%;
	top: auto;
	width: 100%;
}
	.location-map .section-header {
		margin: 27px 0 23px;
	}
	.map-wrapper,
	.map {
		height: 574px;
	}
	.infoBox{
		width: 200px !important;
		height: 153px !important;
	}
		.infoBox .marker-intro > h3 {
			font-size: 1.05em;
		}
	.location-map .intro-content {
		bottom: 48px;
		float: left;
		height: auto;
		position: absolute;
		right: auto;
		text-align: center;
		top: auto;
		width: 100%;
		z-index: 10;
	}
		.location-map .intro-content h3 {
			font-size: 1.8em;
			letter-spacing: 0.06em;
			margin: 0 auto;
		}
		.location-map .intro-content .intro {
			font-size: 1em;
			margin: 13px 0;
			padding: 0 40px 0 20px;
		}
		.location-map .intro-content .read-more {
			float: none;
			font-size: 0.85em;
			letter-spacing: 0.08em;
			margin: 0 0 0 13px;
		}
		.location-map .intro-content .read-more:after {
			background-position: -4px -30px;
			background-size: 771px auto;
			right: -19px;
			top: 3px;
		}
		.location-map .intro-content .read-more:hover:after {
			right: -23px;
		}
		div.marker-content h3 {
			font-size: 1.2em;
		}

.special-offers .section-header {
	font-size: 1.8em;
	margin: 33px auto 0;
}
.special-offers .widget-content {
	margin: 28px 0 17px;
}
	.special-offers .item {
		margin-bottom: 28px;
		width: 335px;
	}
	.special-offers .item.item2, .offer-highlight {
		margin: 0 0 38px 20px;
	}
		.special-offers .room-image {
			height: 246px;
			width: 335px;
		}
		.special-offers .content-wrapper {
			padding: 10px 7px;
			width: 321px;
		}
			.special-offers .title {
				margin: 8px 0 18px;
				font-size: 1.1em;
			}
			.sm-share {
				right: 3px;
				top: 15px;
			}
				.sm-share .share-icon {
					background-position: -2px -83px;
					background-size: 860px auto;
				}
			.special-offers .intro {
				font-size: 0.95em;
				height: 52px;
				line-height: 1.5;
				margin: 0 0 12px;
			}
			.special-offers .read-more {
				font-size: 0.85em;
				letter-spacing: 0.08em;
				margin: 0 0 0 2px;
			}
			.special-offers .read-more:after {
				background-position: -3px -54px;
				background-size: 780px auto;
				right: -15px;
				top: 3px;
			}

		.offer-highlight {
			height: 286px;
			padding: 22px 30px 29px;
			width: 335px;
		}
			.offer-highlight > p {
				font-size: 1.15em;
				letter-spacing: 0.02em;
				line-height: 1.55;
				top: 19px;
			}
			.offer-highlight .read-more {
				bottom: 25px;
				right: 36px;
			}
.restaurants, .meetings {
	margin: 0 0 86px;
}
.restaurants .section-header, 
.meetings .section-header {
	margin: 33px auto 0;
}
.restaurants .section-header, 
.meetings .section-header {
	font-size: 1.8em;
}
.restaurants .attraction-inner-wrapper, 
.meetings .meetings-inner-wrapper {
	height: 427px;
	padding: 30px 0 8px;
	width: 690px;
}

.restaurants .slide,
.meetings .slide {
	height: 427px;
	width: 687px;
}

	.restaurants .border-box, 
	.meetings .border-box {
		padding: 22px 35px 21px;
		position: relative;
		margin-top: -371px;
		top:  auto;
		transform: none;
		width: 383px;
	}
	.border-box.meetings-box {
		float: right;
	}
		.border-box.attraction-box h3,
		.border-box.meetings-box h3 {
			font-size: 1.4em;
			line-height: 1.2;
		}
		.restaurants .border-box h3,
		.meetings .border-box h3 {
			margin: 13px 0 0;
		}
		.restaurants .border-box .intro,
		.meetings .border-box .intro {
			font-size: 0.95em;
			line-height: 1.5;
			margin-top: 18px;
		}
		.restaurants .border-box .read-more {
			font-size: 0.85em;
			margin: 2px 0 0 4px;
		}
		.meetings .border-box .read-more {
			font-size: 0.85em;
			margin: 25px 13px 0 0;
		}
		.restaurants .border-box .read-more:after,
		.meetings .border-box .read-more:after {
			background-position: -7px -56px;
			background-size: 800px auto;
			top: 4px;
		}

#page_home .restaurants .slide-arrows,
#page_home .meetings .slide-arrows {
	bottom: 31px;
}
#page_home .restaurants .slide-arrows {
	right: 24px;
	left: auto;
}
#page_home .meetings .slide-arrows {
	left: 21px;
}



.newsletter-wrapper {
	margin: 7px 0 0;
	padding: 11px;
	width: 282px;
	min-height: 430px;
}
	.newsletter-logo {
		height: 68px;
		width: 70px;
	}
	.newsletter-heading {
		font-size: 1.3em;
		margin: 14px 0;
	}
	.newsletter-wrapper .intro {
		display: none;
	}
	.newsletter-inner-wrapper {
		padding: 29px 19px 21px;
		width: calc(100% - 40px);
		min-height: 379px;
	}
		form.flexibleForm .fieldBlock {
			margin-bottom: 26px;
		}
			#mod_mailingList .fieldInput {
				padding: 7px 5px 10px;
				font-size: 0.8em;
	    		height: 0.9em;
			}
		.checkBoxTerms > div,
		#mod_mailingList .check-box-btn,
		#mod_mailingList .type_checkBox input,
		#mod_mailingList .type_checkBox input:checked + span:after {
			height: 12px;
			left: 2px;
			top: 3px;
			width: 11px;
		}
		#mod_mailingList .type_checkBox input:checked + span:after {
			font-size: 0.6em;
			line-height: 0.4;
			text-indent: -3px;
		}
		#mod_mailingList .termsLabel {
			font-size: 0.7em;
			letter-spacing: 0.05em;
			margin: 4px 0 0 23px;
		}
		#mod_mailingList .submit {
			font-size: 0.85em;
			height: 52px;
			margin: 3px auto 0;
			width: 137px;
		}

.mybooker-wrapper {
	height: 499px;
	margin-top: 8px;
	width: 354px;
}
	.mybooker-heading{
		font-size: 2.1em;
		margin: 35px auto;
	}
		.mybooker-heading:after {
			bottom: -14px;
			height: 1.5px;
		}

		.mybooker-wrapper .intro {
			font-size: 1em;
			letter-spacing: 0.03em;
			line-height: 1.4;
			margin: 41px 0;
			padding: 0 30px;
		}
		.mybooker-wrapper .btn-wrapper {
			bottom: 35px;
		}
			.mybooker-wrapper .btn-wrapper a {
				font-size: 0.95em;
				padding: 15px 31px;
			}


.discover .section-header {
	letter-spacing: 0.07em;
	margin: 31px 0 17px;
}
.video-overlay:after {
	background-position: -387px -1px;
	background-size: 620px auto;
	height: 52px;
	width: 43px;
}
.bottom-section {
	height: 425px;
	margin-top: -193px;
	width: 100%;
}
	.discover .smo-coll{
		margin-top: 195px;
	}
	.smo-title-line-one {
		font-size: 1.8em;
		margin: 40px 0 0 4px;
	}
	.smo-title-line-two {
		font-size: 1.25em;
		letter-spacing: 0.04em;
		margin: 22px 0 0 6px;
	}
	.discover .smo-wrapper {
		margin: 0;
		padding-top: 36px;
	}
		.discover .social-media {
			margin: 0 28px 0 0;
		}
		.discover .smo-wrapper a {
			background-position: -461px -13px;
			background-size: 665px auto;
			height: 31px;
			width: 42px;
		}
		.discover .smo-wrapper .facebook a,
		.discover .smo-wrapper .facebook a:hover{
			background-position: -461px -13px;
		}
		.discover .smo-wrapper .twitter a,
		.discover .smo-wrapper .twitter a:hover {
			background-position: -497px -13px;
		}
		.discover .smo-wrapper .googleplus a,
		.discover .smo-wrapper .googleplus a:hover {
			background-position: -540px -13px;
		}
		.discover .smo-wrapper .youtube a,
		.discover .smo-wrapper .youtube a:hover {
			background-position: -583px -13px;
		}
		.discover .smo-wrapper .tripadvisor a,
		.discover .smo-wrapper .tripadvisor a:hover {
			background-position: -628px -13px;
		}
	.discover .smo-media-coll {
		height: 165px;
		margin-top: 224px;
		overflow: hidden;
		width: 335px;
	}
	.smo-media-coll .slides {
		height: 160px;
		margin: 5px 3px 2px;
		width: 160px !important;
	}
		.insta-feed a {
			height: 160px;
			margin: 0 0 5px 5px;
			width: 161px;
		}
	/*discount*/
	.discount-wrp, #page_home.cookieEnabled .discount-wrp{
		top: calc(100vh - 138px);
		transition-duration: 0.5s;
		left: 25px;
	}
	.scroll-wrapper .scroll-text.upper {
		display: none;
	}
	.cookieEnabled .discount-wrp{
		top: 75px;
	}
	.discount-header p{
		width: 273px;
	}
	.header-fixd .discount-wrp{
		top:97px;
	  	transition-duration: 0.5s;
	}
	.discount-header p{
		font-size: 0.8em;
	}
	.discount-header p {
		margin: 9px 9px;
	}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.main-visual-heading{
		display: none;
	}
	.container {
		min-height: auto;
	}
	.main.container {
		margin-bottom: 32px;
	}
		#main .image-wrapper {
			display: none;
		}
		.content-holder {
			width: 290px;
		}
		.main-content-wrapper {
			margin-top: 0;
		}
			.main-content-wrapper .border-box {
				border: 0 none;
				float: left;
				margin-top: 0;
				min-height: auto;
				padding: 0;
				width: 100%;
			}
				.main-title {
					font-size: 1.55em;
					margin: 32px auto 0;
					width: 90%;
				}
				.main-content-wrapper .main-intro {
					font-size: 0.95em;
					margin: 9px 0 20px;
					padding: 0 8px;
					overflow: hidden;
				}
				.main-content-wrapper.open .main-intro {
					height: auto !important;
				}
				.main-content-wrapper.open .more,
				.main-content-wrapper .less,
				.exclusive-wrapper,
				.our-hotels .intro{
					display: none;
				}
				.main-content-wrapper.open .less{
					display: block;
				}
					.main-content-wrapper .more-content{
						font-family: 'optimabold', sans-serif;
						color: #8d7a4a;
						letter-spacing: 0.08em;
						cursor: pointer;
					}
					#main p,
					#main li,
					.itemPreviewIntro,
					#main .main-intro p,
					#main .main-intro li {
						line-height: 1.6;
					}

.exclusive.content-holder {
	padding: 17px 0 13px;
	width: 100%;
}
	.section-header {
		font-size: 1.3em;
		letter-spacing: 0.05em;
	}

	.exclusive-items > div {
		width: 140px;
	}
	.exclusive-items {
		margin: 27px auto 0;
	}
	.exclusive-items .breakfast {
	 	margin: 0;
	}
		.exclusive-items > div span:first-child {
			padding-bottom: 14px;
		}
		.exclusive .best-price .bg {
			background-position: -286px -9px;
			background-size: 870px auto;
			height: 49px;
			width: 50px;
			left: -13px;
		}
		.exclusive-items .exclusive-item {
			font-size: 0.85em;
			margin: 16px 0;
			letter-spacing: 0.03em;
			line-height: 1.2;
		}
		.exclusive .breakfast .bg {
			background-position: -375px -5px;
			background-size: 875px auto;
			height: 54px;
			left: -5px;
			width: 47px;
		}
		.exclusive .actual-room .bg {
			background-position: -449px -8px;
			background-size: 860px auto;
			height: 48px;
			left: 0;
			width: 60px;
		}
		.exclusive .btn-wrapper {
			margin: 12px auto;
		}
			.exclusive .btn-wrapper a {
				font-size: 0.85em;
				line-height: 3.5em;
				padding: 13px 28px;
			}

.our-hotels {
	height: 341px;
}
	.our-hotels .section-header {
		margin: 31px 0;
	}
	.our-hotels .item-content {
		width: 100%;
	}
		.our-hotels .image-wrapper {
			height: 341px; 
		}
		.our-hotels .item-logo{
			margin-bottom: 20px;
		}
		.our-hotels .item-logo.grosvenor {
			height: 85px;
			width: 195px;
		}
		.our-hotels .item-logo.royal_horseguards {
			height: 85px;
			width: 195px;
		}
		.our-hotels .item-logo.tower {
			height: 55px;
			width: 195px;
		}
		.our-hotels .item-logo.cumberland {
			height: 20px;
			width: 195px;
		}
		.our-hotels .item-logo.greatcumberland {
			height: 92px;
			width: 207px;
		}
		.our-hotels .read-more {
			font-size: 0.9em;
			margin: 11px 0 0 8px;
		}
		.our-hotels .read-more:after,
		.location-map .intro-content .read-more:after {
			background-position: 0 -29px;
			background-size: 770px auto;
			right: -11px;
			top: 2px;
		}
		.our-hotels .slick-arrows {
			bottom: 17px;
			right: 7px;
		}
			.our-hotels .slick-arrow {
				background-position: -251px -86px;
				background-size: 765px auto;
				height: 28px;
				width: 18px;
			}
			.our-hotels .slick-next {
				background-position: -294px -86px;
				margin-left: 32px;
			}


	.location-map .section-header {
		margin: 22px auto 11px;
		max-width: 290px;
	}
	.map-wrapper:after {
		background: rgba(0, 0, 0, 0) url(/templates/main/images/homepage_map_portrait.png) no-repeat scroll 0 -60px;
		width: 100%;
		height: 85%;
		top: auto;
		bottom: 0;
	}
	.map-wrapper,
	.map {
		height: 425px;
	}

		.location-map .intro-content {
			bottom: 29px;		
			left: 0;		
			right: auto;
			top: auto;
			width: 100%;
			text-align: center;	
		}
			.location-map .intro-content h3 {
				font-size: 1.3em;
				margin: 0 auto 2px;
				text-align: center;
			}
			.intro-content .intro,
			.restaurants .slide-arrows,
			.meetings .slide-arrows,
			.signup-section{
				display: none;
			}
			.location-map .intro-content .read-more {
				float: none;
				font-size: 0.85em;
				letter-spacing: 0.08em;
				margin: 0 0 0 8px;
			}
			.location-map .intro-content .read-more:after {
			 	right: -14px;
			}
			.infoBox > img {
				right: 7px;
				top: 7px;
			}
			.infoBox:after {
				bottom: auto;
				left: auto;
				transform: translateY(-50%) rotate(-90deg);
				top: 50%;
				right: -31px;
			}

.special-offers .section-header {
	margin: 22px auto 22px;
	font-size: 1.3em;
}
.items-wrapper{
	margin-bottom: 14px;
}
.special-offers .item {
 	width: 290px;
 	margin: 0;
}
.special-offers .item.item2{
	margin: 0;
}
	.special-offers .content-wrapper {
		padding: 10px 6px;
		float: none;
		width: 278px;
	}
	.special-offers .room-image {
	 	height: 213px;
	 	width: 290px;
	}
	.special-offers .title {
		margin: 7px 0;
		font-size: 1em;
		overflow: hidden;
		width: 87%;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.special-offers .title,
	.mybooker-wrapper .intro {
		letter-spacing: 0.09em;
	}
	.sm-share {
		right: 4px;
		top: 11px;
	}
		.sm-share .share-icon {
			background-position: -6px -82px;
		}
	.sm-share + a,
	.special-offers .intro,
	.custom_paging li,
	.restaurants .border-box .intro,
	.meetings .border-box .intro {
		display: none;
	}
	.special-offers .read-more {
		float: none;
		font-size: 0.85em;
		letter-spacing: 0.08em;
		margin: 0 0 0 1px;
	}
	.special-offers .read-more:after {
		background-position: -8px -60px;
		right: -18px;
		top: 4px;
	}
	.special-offers .custom-nav {
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: 67px;
		width: 149px;
	}
		.special-offers .slick-arrow {
			background-position: 1px -230px;
			background-size: 765px auto;
			height: 28px;
			width: 18px;
			position: absolute;
			top: -2px;
		}
		.special-offers .slick-next {
			background-position: -32px -230px;
			margin-left: 22px;
		}
		.custom_paging{
			display: inline-block;
			margin-left: 41px;
		}
			.special-offers .slick-dots {
				margin: 0;
				padding: 0;
			}
			.custom_paging li.slick-active{
				display: block;
			}
				.custom_paging .slick-dots {
					letter-spacing: 0.07em;
				}
	.offer-highlight {
		border: 5px solid #b2a072; 
		height: 247px;
		padding: 22px 16px 20px;	
		width: 290px;
		margin: 0 0 32px;
	}
		.offer-highlight > p {
			font-size: 1em;
			line-height: 1.5;
			top: 16px;
		}
		.offer-highlight .read-more {
			bottom: 19px;
			right: 33px;
		}

.restaurants .section-header,
.meetings .section-header {
	margin: 24px auto 0;
	font-size: 1.3em;
}
.meetings{
	margin-bottom: 27px;
}
.restaurants .attraction-inner-wrapper,
.meetings .meetings-inner-wrapper {
	height: 265px;
	padding: 12px 0 0;
	width: 100%;
	background-size: contain;
}
.restaurants .slide,
.meetings .slide {
	height: 265px;
}

.meetings .border-box {
	float: none;
}
.restaurants .border-box, .meetings .border-box {
	border: 5px solid #b2a072;
	margin: -214px auto 0;
	padding: 22px 20px 25px;
	position: relative;
	top: auto;
	width: 267px;
}
	.restaurants .border-box h3, .meetings .border-box h3 {	
		font-size: 0.95em;
	}
	.restaurants .border-box h3{
		text-align: left;
		margin: 15px 0 25px;
	}
	.meetings .border-box h3{
		text-align: right;
		 margin: 11px 0 27px;
	}
	.restaurants .border-box .read-more,
	.meetings .border-box .read-more {
		font-size: 0.85em;
	}
	.restaurants .border-box .read-more{
		margin: 7px 0 0 0;
	}
	.meetings .border-box .read-more{
		margin: 8px 14px 0 0;
	}
	.restaurants .border-box .read-more:after,
	.meetings .border-box .read-more:after {
		background-position: -8px -60px;
		top: 4px;
	}


.discover .section-header {
	letter-spacing: 0.04em;
	margin: 20px 0 16px;
}	
.video-overlay:after {
	background-position: -234px 0px;
	background-size: 375px auto;
	height: 32px;
	width: 27px;
}
	.discover .content-holder {
		width: 100%;
	}
		.overview-video{
			padding-top: 55.8%;
		}

	.bottom-section {
		height: 485px;
		margin-top: -160px;
		width: 100%;
	}
		.discover .smo-coll {
			margin-top: 159px;
			width: 100%;
		}
			.smo-title-line-one {
				font-size: 1.4em;
				margin: 21px 0 0;
				text-align: center;
			}
			.smo-title-line-two {
				font-size: 0.9em;
				margin: 10px 0 0;
				text-align: center;
			}
	.discover .smo-wrapper {
		margin: 20px auto 0;
		padding: 0;
		max-width: 300px;
	}
		.discover .social-media {
			margin: 0 12px;
			float: none;
		}
			.discover .smo-wrapper a {
				background-size: 600px auto;
				height: 29px;
				width: 35px;
			}
			.discover .smo-wrapper .facebook a,
			.discover .smo-wrapper .facebook a:hover {
				background-position: -416px -9px;
			}
			.discover .smo-wrapper .twitter a,
			.discover .smo-wrapper .twitter a:hover {
				background-position: -447px -9px;
			}
			.discover .smo-wrapper .googleplus a,
			.discover .smo-wrapper .googleplus a:hover {
				background-position: -485px -9px;
			}
			.discover .smo-wrapper .youtube a,
			.discover .smo-wrapper .youtube a:hover {
				background-position: -524px -9px;
			}
			.discover .smo-wrapper .tripadvisor a,
			.discover .smo-wrapper .tripadvisor a:hover {
				background-position: -567px -9px;
			}
		.discover .smo-media-coll{
			height: 150px;
    		overflow: hidden;
    		width: 100%;
    		margin-top: 27px;
		}
		.smo-media-coll .slides {
			height: 142px;
			margin: 5px 5px 2px;
			width: 142px !important;
		}
			.insta-slider {
				margin: 0 auto;
				overflow: hidden;
				max-width: 308px;
			}
			.bottomSlides{
				margin: 0 auto;
				width: 305px;
			}
				.insta-feed a {
					height: 142px;
					margin: 0 5.5px;
					width: 142px;
				}
		.discover {
			margin-top: 0;
		}
	/*discount*/
	.discount-wrp {
		bottom: 0;
		top: unset;
		right: unset;
		position: fixed;
		width: 100%;
		z-index: 11;
	}
	.discount-header p {
		width: calc(100vw - 121px);
		color: #ffffff;
	}
	.discount-img {
		background-size: 108px;
		background-position: -7px -30px;
		width: 33px;
		height: 33px;
	}
	.discount-wrp .content {
		height: 0;
		overflow: hidden;
		padding: 0 27px;
		-moz-transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}
	.content.active{
		height: auto;
		padding: 19px 27px;
	}
	.discount-wrp .only-mobile::after {
		content: "";
		display: block;
		width: 25px;
		height: 20px;
		position: absolute;
		right: 20px;
		background: url(/templates/main/images/guoman_iconsprite.png) -177px -44px;
		top: 0;
		bottom: 0;
		margin: auto;
		transform: rotate(180deg);
		transition-duration: 0.5s;
	}
	.discount-header .only-mobile{
		display: block;

	}
	.only-mobile.active::after{
	  	transform: rotate(0deg);
	  	transition-duration: 0.5s;
	}
	.discount-header p{
		display: none;
	}
	.mobile-only.heading p{
		display: block;
		width: 100%;
	}
	.mobile-only.heading {
		width: calc(100vw - 98px);
		overflow: hidden;
	}
	.cookieEnabled .discount-wrp{
		top: unset;
	}
}


/****Hero Caption Styling START***/

#main-visual .bannerEnabled.slide .slide-description-wrapper.left_top {
	top: 26%;
	bottom: auto;
	padding-left: 4%;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper.center_middle {
	top: 0;
	bottom: 0;
	float: none;
	left: 0;
	right: 0;
	margin: auto;
	height: 188px;
	text-align:center;
	padding: 0;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper.center_middle .captionTitleText {
	padding: 0;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper.center_middle .captionTitleText a::before {
	background: #C5B48A;
	content: " ";
	position: absolute;
	width: 46px;
	height: 2px;
	left: 38%;
	top: -10px;
	right: 0;
	margin: 0;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper.center_middle .slide-description {
	width: 100%;
	text-align: center;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper.center_middle .slide-description a h4{
	text-align:center;
	float: none;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .captionTitleText {
	margin-top: 0px;
	padding-left: 65px;
	margin-bottom: 0;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper.center_middle .slide-description a {
	text-align: center;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper.center_middle .captionLinkWrap {
	float: none;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .captionTitleText a {
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.1em;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a {
	color: #fff;
	text-align: left;
	text-decoration: none;
	line-height: 1;
	margin: 0;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
	line-height: 1.2;
	font-size: 2.2em;
	color: #fff;
	margin: 0;
	position: relative;
	float: left;
	max-height: 115px;
	overflow: hidden;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper a {
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.1em;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .captionLinkWrap {
    position: relative;
    display: inline-block;
    clear: both;
    float: left;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .captionLinkWrap a::after {
	background-image: url(/templates/main/images/group_sprite.svg);
	content: " ";
	background-position: 1013px 527px;
	position: absolute;
	width: 33px;
	height: 16px;
	right: -42px;
	top: 8px;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .captionTitleText a::before {
	background: #C5B48A;
	content: " ";
	position: absolute;
	width: 46px;
	height: 2px;
	left: -52px;
	top: 16px;
}

#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    float: left;
    clear: both;
}
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px) {
	#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
		font-size: 1.7em;
		max-height: 114px;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description {
		margin-bottom: 5px;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper {
		padding-left: 2%;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper.left_top {
		width: 80%;
		top: 30%;
	}
	#page_home .slide-arrows {
		bottom: 190px;
	}
}

/* Portrait to Landscape */	
@media (min-width: 768px) and (max-width: 1023px) {
	#main-visual .bannerEnabled.slide .slide-description-wrapper {
		padding-left: 2%;
	}
	
	#main-visual .bannerEnabled.slide .slide-description-wrapper.left_top {
		width: 80%;
		top: 30%;
	}
	
	#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
		max-height: 100%;
		font-size: 1.5em;
	}
	#page_home .slide-arrows {
		bottom: 190px;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
		font-size: 1.5em;
	}
	.fixed-header #main-visual .bannerEnabled.slide .slide-description-wrapper {
		bottom: 10%;
	}
}

/* Portrait to Landscape */	
@media (max-width: 767px) {
	.slide-arrows-page_home .slick-arrow.slick-prev {
		background-position: -270px -92px;
	}
	.slide-arrows-page_home .slick-arrow.slick-next {
		background-position: -330px -92px;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper {
		display: block;
		/*font-size: 0.8em;*/
		width: 80%;
	}
	#page_home .slide-arrows.slide-arrows-page_home {
		bottom: 5px;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper.left_top {
		top: 46%;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper .slide-description a h4 {
		max-height: 92px;
		font-size: 1.2em;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper .captionTitleText {
		padding-left: 0;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper .captionTitleText a{
		font-size: 0.75em;
	}
	#main-visual .bannerEnabled.slide .slide-description-wrapper .captionTitleText a::before {
		display:none;
	}	
	#main-visual .bannerEnabled.slide .slide-description-wrapper.center_middle {
		top: 200px;
		text-align: center;
	}	
	#main-visual .bannerEnabled.slide .slide-description-wrapper.center_middle .captionSubText {
		text-align: center;
	}
}
/****Hero Caption Styling END***/
/***************  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;
}