
/***************  templates/main/css/global.defaults.css  ***************/
/* ---------------- OVERRIDE BROWSER DEFAULT TYPOGRAPHY ---------------- */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
h1 {
	margin: 1.6em 0em 0em;
}
h2, h3 {
	margin:.5em auto;
}
h4 {
	margin: 1.2em 0em 0em;
}
h5, h6 {
	margin: 1.2em 0em 1.2em;
}
p, li {
	line-height: 1.2;
}
p {
	font-size: 1em;
	margin: 0.9em 0em 1.2em;
}
li > p {
	margin-top: 0.2em;
}
ol, ul {
	margin: 0 0 8px;
}
img {
	border: 0 none;
}
th {
	font-weight: normal;
	text-align: right;
	padding-right: 0.5em;
}
td {
	text-align: center;
}
form,
button,
input,
select,
textarea {
	margin: 0;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
sup {
	font-size: 0.74em;
	/* avoid increased line-box height */
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sup.ordinal {
	text-transform: lowercase;
}
.temperature {
	white-space: nowrap; /* prevent IE from word-breaking after degreee symbol */
}

/***************  templates/main/css/global.text.css  ***************/
/* Global Element Styles */
body {
	font-family: 'Calluna-Regular', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #484848;
}

h1 {
  color: #000;
  font-family: "OptimaLTPro-Roman",Arial,Helvetica,sans-serif;
  font-size: 2.9em;
  letter-spacing: 0.13em;
  margin: 52px 0 0 0.13em;
  padding-bottom: 25px;
  margin-left: 0.13em;
}

h2 {
	color: #000;
	font-family: 'OptimaLTPro-Roman', Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

h3 {
	color: #000;
	font-family: 'OptimaLTPro-Roman', Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

h4{
	color: #000;
	font-family: 'OptimaLTPro-Roman', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

h5 {
	color: #000;
	font-family: 'OptimaLTPro-Roman', Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

h6 {
	color: #000;
	font-family: 'OptimaLTPro-Roman', Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Global Section Styles */

/* Font family */
#navigation ul li a,
.footer-menu,
.footer-wrapper .hotels,
.header-wrapper .hotels,
.items-nav li a,
.items-nav span,
.items-nav a,
.items-list a,
.menu-title,
.full-width-menu li,
.gallery-items li,
.booking-link,
#mod_flexibleForms .submit,
#mod_mailingList .submit,
.readmore-btn,
.visit-btn,
#availability-checker,
.date input,
.date-out input,
#ui-datepicker-div,
.sitemap li,
.mv-title > h2,
.events-wrapper > .slide-arrows,
.item-wrapper .item-title, 
.mv-intro span,
.view-all-wrapper,
.email-entry input,
.splash-hotels .year,
.splash-wrapper .hotel-name,
.btn,
.newsletter form .go,
.splash-wrapper .year,
.past-events.slide-arrows,
.upcoming-events.slide-arrows,
#header .book-now,
.mobile-newsletter .newsletter-label,
.read-more.terms-link a,
.itm-headers p,
button.go,
#booking-form .book-now.table,
#mod_pukkaPress .item-title,
#mod_pukkaPress .item-subtitle{
	font-family: 'OptimaLTPro-Roman', Arial, Helvetica, sans-serif;/*OptimaLTPro-Roman*/
	text-transform: uppercase;
}
/* .terms-content-wrapper{
	font-family: 'OptimaLTPro-Roman', Arial, Helvetica, sans-serif;
} */
.connect-with-us,
.copyright {
	font-family: 'Futura PT Book', Arial, Helvetica, sans-serif;
}

.right-menu-wrapper,
.terms-content-wrapper{
	font-family: 'callunalight', Arial, Helvetica, sans-serif;
}

.contentBlock .item-content,
#mod_flexibleForms .fieldInput{
	font-family: 'Calluna-Regular', Arial, Helvetica, sans-serif;
}


/* Font color */
.btn,
.footer,
.splash-hotels,
.footer-menu a,
.hotels .slide-box a,
.menu-title,
.menu-wrapper a,
.btn a,
.footer .hotel-name.active,
.open-menu .footer .slide-box a,
button.go,
.table-book-link,
.mv-title > h2,
#brand .book-now a,
#offers .book-now a,
.group.page_home h1,
.group.page_home .sub-title,
.group.page_home .readmore-content,
.group.page_home .readmore-content h3,
.group.page_home .readmore-content h4,
.group.page_home .readmore-content h5,
.group.page_home .readmore-content h6,
.mobile-newsletter a{
	color: #fff;
}

#navigation ul li a,
.footer .slide-box a,
.booking-mask,
.readmore-button.book-now,
.readmore-button.book-now a,
.header-wrapper .hotels a{
	color: #000;
}

.right-menu-wrapper a{
	color: #929292;
}

.splash-hotels .active,
.footer .slide-box a:hover{
	color: #cf9c66;
}

.main-intro a,
.item-content a,
.column-content a,
.sitemap a,.section-intro a{
	color: #484848;
}

/* Font size */
.options > span,
.ctrls-wrapper > span{
	font-size: 0.7em;
}
.footer .copyright,
.footer .connect-with-us,
.sub-menu ul li {
	font-size: 0.8em;
}
.footer-menu{
	font-size: 0.8em;
}
#navigation li a,
.right-menu-wrapper a,
.booking-form-wrapper .active-item,
.booking-form-wrapper .rooms .select-box,
.booking-form-wrapper .guests .select-box,
button.go,
.table-book-link,
.header-wrapper .hotels{
	font-size: 0.9em;
}
.bm-label,
.date input,
.date-out input{
	font-size: 0.95em;
}
.book-now,
.footer .hotels {
	font-size: 1em;
}
.download-title{
	font-size: 1.1em;	
}
.sub-title,
.column-title,
.column-content{
	font-size: 1.15em;	
}
.main-intro,
.sitemap li{
	font-size: 1.2em;	
}
.full-width-menu li{
	font-size: 1.35em;	
}
.sub-sec > h3{
	font-size: 1.8em;
}
.group-only .menu-title{
	font-size: 2.9em;	
}
.menu-title{
	font-size: 3em;	
}
.mv-title > h2{
	font-size: 4.1em;	
}
.mobile-newsletter .newsletter-label{
	font-size: 0.45em;	
}

/* Letter Spacing */
.main-intro p,
.main-intro li{
	letter-spacing: 0.094em;
}
.sitemap li{
	letter-spacing: 0.02em;
}
button.go,
.table-book-link{
	letter-spacing: 0.06em;	
}
.column-content{
	letter-spacing: 0.07em;
}
.bm-label,
.date input,
.date-out input{
	letter-spacing: 0.09em;
}
.column-title{
	letter-spacing: 0.1em;
}
.footer-menu,
.booking-form-wrapper .active-item,
.booking-form-wrapper .rooms .select-box,
.booking-form-wrapper .guests .select-box,
.mobile-newsletter .newsletter-label{
	letter-spacing: 0.14em;
}
.mv-title > h2{
	letter-spacing:0.13em;
}
#navigation li a,
.menu-title,
.options > span{
	letter-spacing: 0.13em;
}
.footer .hotels,
.header-wrapper .hotels,
.download-title,
.sub-sec > h3{
	letter-spacing: 0.15em;
}
.sub-menu ul li{
	letter-spacing: 0.16em;
}
.sub-title,
.full-width-menu li,
.group-only .menu-title{
	letter-spacing: 0.17em;
}


/* Text Align */
#navigation ul li,
.center,
.menu-wrapper,
.menu-title,
.flexibleForm,
.sitemap,
.sitemap ul{
	text-align: center;
}
.menu-wrapper.group .menu-title{
	text-align: right;
}
.menu-wrapper.hotel .menu-title{
	text-align: left;
}


/* Text Decoration */
a{
	text-decoration: none;
}

/* Text transform */
.upper,
#navigation ul li,
.menu-title,
.full-width-menu li,
button.go,
.table-book-link{
	text-transform: uppercase;
}

/* Line Height */
.column-content p > span,
.column-title{
	line-height: 1.4;
}
.right-menu-wrapper,
.mv-title > h2{
	line-height: 1.5;
}
.date input,
.date-out input{
	line-height:2.1;
}

.book-now,
button.go,
.table-book-link{
	line-height: 1.9;
}

.main-intro p,
.main-intro li{
	line-height: 1.5;
}

.download-title{
	line-height: 1.95;
}
.booking-form-wrapper .active-item,
.booking-form-wrapper .rooms .select-box,
.booking-form-wrapper .guests .select-box{
	line-height: 2.25;
}

/* Letter Space */
.book-now {
	letter-spacing: 0.11em;
}

.footer .connect-with-us,
.footer .copyright{
	letter-spacing: 0.15em;
	text-align: center;
}
button.go,
.table-book-link{
	letter-spacing: 0.19em;
}
.right-menu-wrapper a{
	letter-spacing: 0.08em;
}

/* Font weight */
.main-intro a,
.item-content a,.section-intro a{
	font-weight: bold;
}
div.ui-datepicker th,
.mv-title > h2,
#brand .book-now a,
#offers .book-now a,
.page_home.group .sub-title,
#about-the-group .readmore-button.book-now a,
div.ui-widget-header{
	font-weight: normal;
}


@media (min-width: 1901px){
	.footer-menu, .footer .connect-with-us, .footer .copyright, .sub-menu ul li {
		font-size: 0.6em;
	}
}

/* Landscape tablet to Desktop */	
@media (min-width: 1600px) and (max-width: 1900px) {
	h1 {
		font-size: 2.05em;
		padding-bottom: 18px;
		margin: 38px 0 0 0.13em;
	}


	/* font size */
	.options > span, 
	.ctrls-wrapper > span{
		font-size: 0.5em;
	}
	.booking-form-wrapper .active-item,
	.booking-form-wrapper .rooms .select-box,
	.booking-form-wrapper .guests .select-box,
	button.go,
	.table-book-link{
		font-size: 0.65em;
	}
	.book-now, 
	.footer .hotels {
		font-size: 0.75em;
	}
	#navigation li a, 
	.right-menu-wrapper a,
	.bm-label, 
	.date input, 
	.date-out input,
	.header-wrapper .hotels {
		font-size: 0.7em;
	}
	.footer-menu, 
	.footer .connect-with-us,
	.footer .copyright {
		font-size: 0.55em;
	}
	.sub-menu ul li,
	.column-title,
	.download-title{
		font-size: 0.75em;
	}
	.sub-title,
	.column-content {
		font-size: 0.8em;
	}
	div.ui-datepicker table,
	.ui-widget-header,
	.sitemap li, #page_contact .column-content{
		font-size: 0.85em;
	}
	.main-intro {
		font-size: 0.95em;
	}
	.full-width-menu li {
		font-size: 0.95em;
	}
	.sub-sec > h3{
		font-size: 1.3em;
	}
	.menu-title {
		font-size: 2em;
	}
	.group-only .menu-title {
		font-size: 2.05em;
	}
	.mv-title > h2{
		font-size: 3em;
	}


	/* line height */
	.main-intro p, 
	.main-intro li,
	.mv-title > h2  {
		line-height: 1.5em;
	}
	.book-now {
		line-height: 1.65;
	}
	.column-content p > span, 
	.column-title{
		line-height: 1.6;
	}
	#header .book-now{
		line-height: 1.8;	
	}
	.booking-form-wrapper .active-item,
	.booking-form-wrapper .rooms .select-box,
	.booking-form-wrapper .guests .select-box {
		line-height: 2.1;
	}

	/* letter spacing */
	#navigation li a,
	.bm-label, 
	.date input, 
	.date-out input {
		letter-spacing: 0.1em;
	}
	.mv-title > h2 {
		letter-spacing: 0.11em;
	}
	.sub-sec > h3{
		letter-spacing: 0.14em;
	}
	.right-menu-wrapper a,
	.sitemap li {
		letter-spacing: 0.04em;
	}
	.sub-title,
	.booking-form-wrapper .active-item,
	.booking-form-wrapper .rooms .select-box, 
	.booking-form-wrapper .guests .select-box,
	.ui-widget-header{
		letter-spacing: 0.15em;
	}
	.full-width-menu li,
	.group-only .menu-title {
		letter-spacing: 0.17em;
	}
	.menu-title {
		letter-spacing: 0.19em;
	}
	.sub-menu ul li {
		letter-spacing: 0.21em;
	}


	div.ui-widget-header{
		font-weight: normal;
	}

}


/* Landscape tablet to Desktop */	
@media (min-width: 1280px) and (max-width: 1599px) {
	h1 {
		font-size: 1.95em;
		letter-spacing: 0.13em;
		margin: 31px 0 0 0.13em;
		padding-bottom: 18px;
	}

	/* Font Size */
	.book-now {
		letter-spacing: 0.15em;
		line-height: 2;
		font-size: 0.65em;
	}
	#header .book-now{
		line-height: 2.05;	
	}
	.footer .hotels,
	.column-title,
	.download-title{
		font-size: 0.7em;
	}
	#navigation li a,
	.bm-label,
	.date input,
	.date-out input,
	.header-wrapper .hotels{
		font-size: 0.65em;
	}
	.right-menu-wrapper a,
	.booking-form-wrapper .active-item,
	.booking-form-wrapper .rooms .select-box,
	.booking-form-wrapper .guests .select-box,
	button.go,
	.table-book-link{
		font-size: 0.55em;
	}
	.sub-title,
	sub-menu ul li{
		font-size: 0.75em;	
	}
	.sitemap li{
		font-size: 0.8em;
	}
	.main-intro{
		font-size: 0.95em;	
	}
	.footer-menu,
	.footer .connect-with-us,
	.footer .copyright,
	.options > span,
	.ctrls-wrapper > span{
		font-size: 0.5em;
	}
	.full-width-menu li {
		font-size: 0.9em;
	}
	.sub-sec > h3{
		font-size: 1.2em;
	}
	.group-only .menu-title {
		font-size: 1.9em;
	}
	.menu-title {
		font-size: 2em;
	}
	.column-content {
		font-size: 0.85em;
	}
	.mv-title > h2{
		font-size: 2.7em;
	}

	/* Letter Spacing */
	.sitemap li{
		letter-spacing: 0.02em;
	}
	#navigation li a,
	.bm-label,
	.date input,
	.date-out input{
		letter-spacing: 0.11em;
	}
	.right-menu-wrapper a{
		letter-spacing: 0.1em;
	}
	.sub-sec > h3{
		letter-spacing: 0.15em;	
	}
	.column-content {
		letter-spacing: 0.13em;
	}
	.mv-title > h2{
		letter-spacing: 0.14em;
	}
	.footer-menu{
		letter-spacing: 0.2em;
	}
	.sub-menu ul li{
		letter-spacing: 0.23em;
	}
	.column-content {
		letter-spacing: 0.086em;
	}
	.booking-form-wrapper .active-item,
	.booking-form-wrapper .rooms .select-box,
	.booking-form-wrapper .guests .select-box {
		letter-spacing: 0.18em;
	}
	.options > span {
		letter-spacing: 0.07em;
	}



	/* Line Height */
	.column-content p > span,
	.column-title {
		line-height: 1.35;
	}
	.main-intro p,
	.main-intro li{
		line-height: 1.5;
	}
	.footer .copyright,
	.download-title{
		letter-spacing: 0.16em;
	}
	.mv-title > h2{
		line-height: 1.5em;
	}
	.booking-form-wrapper .active-item,
	.booking-form-wrapper .rooms .select-box,
	.booking-form-wrapper .guests .select-box{
		line-height: 1.2em;
	}
}

/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1279px) {

	h1 {
		font-size: 1.55em;
		letter-spacing: 0.14em;
		margin: 25px 0 0 0.14em;
		padding-bottom: 13px;
	}

	/* font size */
	.options > span,
	.ctrls-wrapper > span{
		font-size: 0.4em;
	}
	.footer .connect-with-us,
	.footer .copyright{
		font-size: 0.5em;
	}
	button.go,
	.table-book-link{
		font-size: 0.45em;
	}
	.footer-menu{
		font-size: 0.55em;
	}
	#navigation li a,
	.book-now,
	.footer .hotels,
	.header-wrapper .hotels,
	.right-menu-wrapper a,
	.footer .hotels,
	.bm-label,
	.date input,
	.date-out input,
	.booking-form-wrapper .active-item,
	.booking-form-wrapper .rooms .select-box,
	.booking-form-wrapper .guests .select-box,
	div.ui-datepicker table,
	div.ui-widget-header {
		font-size: 0.5em;
	}
	.sub-title,
	.column-title,
	.column-content {
		font-size: 0.55em;
	}
	.main-intro {
		font-size: 0.75em;
	}
	.download-title {
		font-size: 0.5em;
	}
	.full-width-menu li{
		font-size: 0.9em;	
	}
	.sub-sec > h3 {
		font-size: 1em;
	}
	.sitemap li {
		font-size: 0.65em;
	}
	.mv-title > h2 {
		font-size: 2.2em;
	}
	.group-only .menu-title {
		font-size: 1.8em;
	}

	/* letter-space */
	.right-menu-wrapper a{
		letter-spacing: 0.06em;
	}
	.footer-menu{
		letter-spacing: 0.1em;
	}
	.bm-label, .date input, .date-out input {
		letter-spacing: 0.11em;
	}
	.booking-form-wrapper .active-item, 
	.booking-form-wrapper .rooms .select-box, 
	.booking-form-wrapper .guests .select-box,
	.sub-sec > h3 {
		letter-spacing: 0.12em;
	}
	.book-now {
		letter-spacing: 0.17em;
	}
	.footer .connect-with-us ,
	.footer .copyright {
		letter-spacing: 0.19em;
	}
	.footer .hotels,
	.header-wrapper .hotels,
	.download-title {
		letter-spacing: 0.23em;
	}
	button.go,
	.table-book-link{
		letter-spacing: 0.25em;
	}
	.column-title,
	.column-content {
		letter-spacing: 0.15em;
	}
	.sitemap li {
		letter-spacing: 0em;
	}

	/* line height */
	button.go,
	.table-book-link {
		line-height: 1;
	}
	.main-intro p,
	.main-intro li {
		line-height: 1.5;
	}
	.book-now
	 {
		line-height: 2;
	}
	button.go,
	.table-book-link{
		line-height: 2.1;
	}
	.booking-form-wrapper .active-item,
	.booking-form-wrapper .rooms .select-box,
	.booking-form-wrapper .guests .select-box {
		line-height: 2.1;
	}
	#header .book-now{
		line-height: 2.25;	
	}
	.ui-datepicker .ui-datepicker-title {
		line-height: 2.4em;
	}
	.column-content p > span, 
	.column-title {
		line-height: 1.55em;
	}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 
	h1 {
		font-size: 1.1em;
		letter-spacing: 0.15em;
		margin: 0px 0 0 0.15em;
		padding-bottom: 11px;
	}
	#page_home h1 {
		margin: 30px 0 0 0.15em;
	}
	/* font-size */
	.sub-title,
	.column-title,
	.column-content {
		font-size: 0.55em;
	}
	.header-wrapper .hotels{
		font-size: 0.45em;
	}
	.footer .hotels{
		font-size: 0.45em;
	}
	.footer .connect-with-us,
	.footer .copyright{
		font-size: 0.4em;
	}
	.main-intro,
	.footer-links {
		font-size: 0.75em;
	}
	.footer-menu {
		font-size: 0.5em;
	}
	.sub-menu ul li,
	.booking-mask-wrapper {
		font-size: 0.8em;
	}
	.download-title {
		font-size: 0.5em;
	}	
	.sub-sec > h3,
	.full-width-menu li{
		font-size: 1em;
	}
	.sitemap li {
		font-size: 0.65em;
	}
	.group-only .menu-title {
		font-size: 1.8em;
	}
	.mv-title > h2 {
		font-size: 1.55em;
	}

	/* letter space */
	.sub-title,
	.full-width-menu li,
	.group-only .menu-title {
		letter-spacing: 0.17em;
	}
	.column-title,
	.column-content {
		letter-spacing: 0.15em;
	}
	.sub-sec > h3 {
		letter-spacing: 0.12em;
	}
	.sitemap li {
		letter-spacing: 0em;
	}
	.mv-title > h2 {
		letter-spacing: 0.18em;
	}
	
	/* line height */
	.column-content p > span, 
	.column-title {
		line-height: 1.55em;
	}
	.booking-form-wrapper .active-item,
	.booking-form-wrapper .rooms .select-box,
	.booking-form-wrapper .guests .select-box {
		line-height:2.7;
	}
	.mv-title > h2 {
		line-height: 1.6;
	}
	#header .book-now{
		line-height: 2.25;	
	}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	h1 {
		font-size: 1.2em;
		margin: 34px 0 0 0.13em;
		padding-bottom: 2px;
	}
	
	/* font-size */
	.column-title,
	.main-intro {
		font-size: 0.8em;
	}
	.column-content,
	.accordion-title,
	.sub-title {
		font-size: 0.75em;
	}
	.download-title {
		font-size: 0.5em;
	}
	.sitemap li {
		font-size: 0.55em;
	}
	.mv-title > h2 {
		font-size: 1.5em;
	}
	
	/* line height */
	.column-content p > span, 
	.column-title {
		line-height: 1.5em;
	}
	.mv-title > h2 {
		line-height: 1.55;
	}
	.main-intro p, 
	.main-intro li {
		line-height: 1.55;
	}
	.booking-form-wrapper .active-item, 
	.booking-form-wrapper .rooms .select-box, 
	.booking-form-wrapper .guests .select-box{
		line-height:2.1;
	}
	/* letter space */
	.column-title {
		letter-spacing:0.12em;
	}
	.column-content {
		letter-spacing: 0.065em;
	}
	.accordion-title{
		letter-spacing:0.153em;
		font-family: 'OptimaLTPro-Roman', Arial, Helvetica, sans-serif;
		font-size: 0.9375em;

	}
	.sitemap li {
		letter-spacing: 0.1em;
	}
	.mv-title > h2 {
		letter-spacing: 0.17em;
	}
	.sub-title {
		letter-spacing: 0.18em;
	}
	.main-intro p, 
	.main-intro li {
		letter-spacing: 0.015em;
	}

	/* color */
	.menu-wrapper a,
	.menu-title{
		color: #000;
	}
	.page_about .about,
	.page_brand .brand,
	.page_news-and-press .page_news-and-press,
	.page_moments .moments,
	.page_contsct .contact{
		color: #888888;
	}
	#mod_pukkaRooms .items-title h2{font-size: .9em;}
}
/***************  templates/main/css/global.layout.css  ***************/
/* ----- START LAYOUT COMMON TO ALL PAGES ----- */
/* DOUBLE CLICK FIX */
#condorAddBody #addBodyContent iframe{
	position: absolute;
}

/* START FLOAT ENCLOSING ("EASY CLEARING") */ 
.section-wrapper:after,
.full-width-menu:after,
.menu-wrapper:after,
.column-wrapper:after,
.news-wrapper:after,
.taskContent:after,
.module-content.login:after,
.det-wrp .itm-details-wrp:after,
.slick-wrp:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END FLOAT ENCLOSING ("EASY CLEARING") */
input,
textarea,
select,
button{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
}
input,
textarea,
button,
select{
	border-radius:0;
	border: none;
	outline: 0;
}
select::-ms-expand {
    display: none;
}

/* Disabled hotel links */
/*.full-width-menu .budapest,
.full-width-menu .budapest a,
.full-width-menu .prague,
.full-width-menu .prague a,
.footer .slide-box .prague,
.footer .slide-box .budapest,
.header-wrapper .slide-box .prague,
.header-wrapper .slide-box .budapest{
	pointer-events: none;
	cursor: default;
}*/


a:hover,
.active a,
.btn:hover,
.newsletter-label:hover,
.flexibleForm .submit:hover,
button.go:hover,
.page_special-offers .footer .offers,
.page_moments .footer .moments,
.page_careers .footer .career,
.page_newsletter .footer .newsletter,
.page_sitemap .footer .sitemap {
	-ms-transition: all .4s ease-in-out 0s, padding .4s ease-in-out 0s; 
	-webkit-transition: all .4s ease-in-out 0s, padding .4s ease-in-out 0s; 
	-moz-transition: all .4s ease-in-out 0s, padding .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s, padding .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s, padding .4s ease-in-out 0s; 
}

.newsletter-label:hover{
	opacity: 0.7;
}

.border-btn:hover:after {
	border: 1px solid #000;
	content: "";
	height: calc(100% + 2px);
	left: -2px;
	position: absolute;
	top: -2px;
	width: calc(100% + 2px);
	pointer-events:none;
}

a:hover,
.active a,
#navigation ul li a:hover,
#navigation ul li.active a,
.page_special-offers .footer .offers,
.page_moments .footer .moments,
.page_careers .footer .career,
.page_newsletter .footer .newsletter,
.page_sitemap .footer .sitemap,
.page_about .about-the-group,
.page_brand .brand,
.page_news-and-press .news-and-press,
.page_moments .moments,
.page_contact .contact,
.header-wrapper .hotels a:not(.active):hover {
	color: #888888;
}

.book-now.btn:hover,
button.go:hover,
#booking-form .book-now.table:hover,
#booking-form .book-now.event:hover{
	opacity: 1;
	background-color: #ebebeb;
	color: #000;
}

.page_special-offers .footer .offers,
.page_moments .footer .moments,
.page_careers .footer .career,
.page_newsletter .footer .newsletter,
.page_sitemap .footer .sitemap,
.page_about .about-the-group,
.page_brand .brand,
.page_news-and-press .news-and-press,
.page_moments .moments,
.page_contact .contact {
	cursor: default;
	pointer-events: none;
}

.upper.termsConditions, .upper.cookiePolicy {
  display: inline-block;
}
.upper.termsConditions.footer-sep,
.upper.privacyPolicy.footer-sep,
.upper.cookiePolicy.footer-sep,
.upper.imprint.footer-sep,
.upper.career.footer-sep,
.upper.group-menu.footer-sep,
.hotel .upper.moments.footer-sep {
  padding-left: 0;
}
.vid-preloader{
	display:none;
}
.vid-preloader.show {
	background-image: url(/templates/main/images/home.gif);
	height: 36px;
	left: 0;
	right:0;
	top:20%;
	margin:20% auto;
	position: absolute;
	width: 36px;
	z-index:-200;
	display:block;
}
.bg-video.activeVid {
	z-index: 1;
	display:block;	
}

.border-btn a {
	display: block;
}
a:focus{
    outline:0; /*removes the dotted border*/
}

.float-l{
	float: left;
}

.float-r{
	float: right;
}

.pos-rel{
	position: relative;
}

.pos-ab{
	position: absolute;
}

.bg-image{
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	margin: 0;
	z-index: 1;
}

.image-wrapper{
	overflow: hidden;
	position: relative;
}
.image-wrapper:after,
#main-visual:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/templates/main/images/pre-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	z-index: 0;
}
.image-wrapper:hover:after{
	display: none;
}
.hover:after {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.mobile-only,
.menu-inner-wrapper .home {
	display:none;
}
.desktop-only {
	display:block;
}

.hover,
.hover:after,
.sub-menu:after,
.header-bottom{
	-ms-transition: all 0.3s ease-in-out 0s; 
	-webkit-transition: all 0.3s ease-in-out 0s; 
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s; 
}
.hp-email{
	display: none;
}
.hover:hover:after{
	/*-ms-transform: scale(1.05); 
	-webkit-transform: scale(1.05); 
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	*/
	opacity: 0.1;
}

.main-intro ol, .main-intro ul {
	display: table;
	margin: 0 auto 20px;
	padding: 0;
	text-align: left;
}

.bg,
.footer .hotels:after,
.header-wrapper .hotels:after,
.arrow-up:after,
.arrow-down:after,
.slick-slider .slick-arrow,
.sub-menu:after,
.items-list ul li.active:before,
.items-list .item.active:before,
.items-list .item.active a:before,
.bm-close:after,
#booking-form .portrait-wrapper > div:after,
.ui-datepicker .ui-datepicker-header > a,
.slick-slider .slick-dots li,
.ctrls-wrapper .ctrls,
.arrows-wrapper .slick-arrow,
.mv-intro .scroll,
.sticky-wrapper .active-wrapper:after,
.view-all-wrapper::before,
.bm-open #branding a:after,
.page_home.bm-open #branding:after,
.content-wrapper .read-more:after {
	background-image: url(/templates/main/images/sprite.svg);
	background-repeat: no-repeat;
}

.no-svg .bg,
.no-svg .footer .hotels:after,
.no-svg .header-wrapper .hotels:after,
.no-svg .arrow-up:after,
.no-svg .arrow-down:after,
.no-svg .slick-slider .slick-arrow,
.no-svg .sub-menu:after,
.no-svg .items-list ul li.active:before,
.no-svg .items-list .item.active:before,
.no-svg .items-list .item.active a:before,
.no-svg .bm-close:after,
.no-svg #booking-form .portrait-wrapper > div:after,
.no-svg .ui-datepicker .ui-datepicker-header > a,
.no-svg .slick-slider .slick-dots li,
.no-svg .ctrls-wrapper .ctrls,
.arrows-wrapper .slick-arrow,
.no-svg .mv-intro .scroll,
.view-all-wrapper .sticky-wrapper .active-wrapper:after,
.no-svg .view-all-wrapper::before,
.no-svg .bm-open #branding a:after,
.no-svg .page_home.bm-open #branding:after,
.content-wrapper .read-more:after {
	background-image: url(/templates/main/images/sprite.png); /*http://almanac.devsite-1.com/fullsite/templates/main*/
	background-repeat: no-repeat;
}

html, body{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0; 
	background-color: #f7f7f7;
}

#header{
	width: 100%;	
	background-color: #fff;
	height: 129px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
.bm-open #header{
	height: 195px;
}
	.header-upper,
	.header-bottom{
		width: 100%
	}
	.header-upper{
		border-bottom: 1px solid #eaeaea;
		height: 81px;
	}
	.header-bottom{
		height: 45px;
		transition:all 5000ms linear;
	}
	.bm-open .header-bottom{
		height: 113px;
		transition:all 5000ms linear;
	}
		.header-wrapper{
			height: 100%;
			margin: 0 auto;
			max-width: 1920px;
			width: 100%;
			position: relative;
		}
			.menu-icon {
				background-position: -184px -324px;
				background-size: 2200px auto;
				cursor: pointer;
				height: 14px;
				left: 37px;
				position: absolute;
				/* top: 33px; */
				top: 50%;
				margin-top:-7px;
				width: 51px;
			}
			.open-menu .menu-icon {
				background-position: -211px -396px;
				background-size: 2320px auto;
				height: 20px;
				left: 31px;
				top: 50%;
				margin-top:-10px;
				width: 21px;
			}
			.logo {
				height: auto;
				margin: 0 auto;
				width: 124px;
				top:35px;
			}
			.header-logo {
				position: absolute;
				top: 4px;
				left: 37px;
				background-color: transparent;
				width: 34px;
				height: 42px;
				z-index:11;
			}
				.header-logo .bg {
					display: block;
					width: 100%;
					height: 100%;
					background-position: -443px -207px;
				}
				#branding img {
					height: auto;
					width: 100%;
				}
			.btn,
			.flexibleForm .submit{
				background-color: #000;
			}
			.book-now {
				cursor: pointer;
				height: 33px;
				right: 26px;
				top: 26px;
				width: 206px;
			}
	
	#navigation {
		padding: 17px 0 0;

		top: 0;
		left: 0;
		position: relative;
		width: 100%;
	}
		#navigation ul {
			display: table;
		}
		.full-width-menu ul,
		#navigation ul,
		.items-nav ul {
			list-style-type: none;
			margin: 0 auto;
			padding: 0;
		}
			#navigation li.home,
			.full-width-menu li.media,
			.full-width-menu .group-only li.mobile-only {
				display: none;
			}
			#navigation ul li.last, .right-menu-wrapper .last{
				padding-right: 0;
				margin-right: 0;
			}
			#navigation ul li {
				display: table-cell;
				padding: 0 51px 0 0;
			}
			.navigation .destination{
				cursor: pointer;
			}
			

	.hamburger-icon.menu-icon,
	.open-menu .hamburger-icon.menu-icon{
		background:none;
	}
	.hamburger-icon {
		cursor: pointer;
		display:inline-block;
		margin-top:-6px;
		}
		.hamburger-icon span{
			height: 1px;
			width: 100%;
			background: #000;
			display: block;
		}
		.hamburger-icon span:nth-child(2){
			margin: 5px 0;
		}
		.open-menu .hamburger-icon span:nth-child(2){
			visibility: hidden;
			opacity: 0;
			z-index: -1;
		}
		.open-menu .hamburger-icon {
			margin: 9px 0 0 13px;
			height: 30px;
		}
		.open-menu .hamburger-icon.menu-icon {
			left: 10px;
		}
		.open-menu .hamburger-icon span:nth-child(2) {
			margin: 9px 0;
		}
		.hamburger-icon .useTransitions{
			-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;
		}
		.open-menu .hamburger-icon span:nth-child(1),
		.open-menu .hamburger-icon span:nth-child(3){
			background: #000;
			-webkit-transform-origin: 50% 50%;
			-moz-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			-o-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
		}
		.open-menu .hamburger-icon span:nth-child(1){
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			-ms-transform: rotate(-135deg);
			-o-transform: rotate(-135deg);
			transform: rotate(-135deg);
			margin: 7px 0 0;
		}
		.open-menu .hamburger-icon span:nth-child(3){
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			transform: rotate(135deg);
			margin: -20px 0 0;
		}
	
	

	/* BM */
	.booking-mask{
		height: 75px;
		background-color: #000;
		top: 0;
		left: 0;
		position: relative;
		width: 100%;
		display: none;
	}
	.booking-mask-wrapper .dropdown, .date, .date-out{
		background-color: #fff;
	}
	.bm-open .booking-mask{
		display: block;
	}
		.booking-mask-wrapper{
			height: 100%;
			margin: 0 auto;
			max-width: calc(1632px - 227px);
			width: 100%;
		}
			.bm-label{
				left: 9px;
				padding-left: 55px;
				top: 31px;
			}
				.bm-close{
					cursor: pointer;
					left: 0;
					position: absolute;
					top: 0;
				}
				.bm-close:after{
					content: "";
					background-position:-212px -429px;
					background-size: 2320px auto;
					position: absolute;
					top: -1px;
					left: 0;
					width: 21px;
					height: 20px;
					/*background: url(/templates/main/images/white-close.png) no-repeat 0 0 !important;*/
				}
			.booking-form-wrapper {
				margin: 0 0 0 45px;
				position: relative;
				top: 21px;
			}
				#booking-form .portrait-wrapper > div,
				#booking-form .book-now{
					float: left;
				}
					#booking-form .portrait-wrapper > div:after {
						background-position: -561px -313px;
						background-size: 2055px auto;
						content: "";
						height: 10px;
						pointer-events: none;
						position: absolute;
						right: 10px;
						top: 15px;
						width: 10px;
					}

					#booking-form .portrait-wrapper > div.open:after{
						right: 12px;
						top: 8px;
						-webkit-transform:rotate(180deg);
						-moz-transform:rotate(180deg); 
						-o-transform:rotate(180deg);
						-ms-transform:rotate(180deg);
						transform: rotate(180deg);
					}
					#booking-form .portrait-wrapper > .booking-type {
						width: 255px;
						margin-right: 21px;
					}
					#booking-form .portrait-wrapper > .hotel {
						margin-right: 28px;
						width: 219px;
					}
					#booking-form .portrait-wrapper > .rooms,
					#booking-form .portrait-wrapper > .f-and-b {
						margin-right: 23px;
						width: 135px;
					}
					#booking-form .portrait-wrapper > .guests {
						width: 135px;
						margin-right: 24px;
					}
					#booking-form .time {
						margin-right: 19px;
						width: 165px;
					}
						.options,
						.select-box {
							border: 1px solid #979797;
							width: calc(100% - 2px);
							display: block;
						}
							.hotel .options > span:hover,
							.booking-type .options > span:hover,
							.f-and-b .options > span:hover,
							.time .options > span:hover {
								background-color: #d8d8d8;
							}
						.booking-form-wrapper .active-item,
						.booking-form-wrapper .rooms .select-box,
						.booking-form-wrapper .guests .select-box{
							height: 33px;
							overflow: hidden;
							padding: 0 17px;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: calc(100% - 36px);
						}
						.dropdown{
							cursor: pointer;
							position: relative;
						}
						/* remove this to enable dropdown */
						.f-and-b.dropdown{
							pointer-events: none;
						}
						#booking-form .portrait-wrapper > .f-and-b:after{
							display: none;
						}
						/* end */
							
							.adults .selector span:first-child,
							.children .selector span:first-child,
							.diners .selector span:first-child,
							#booking-form .portrait-wrapper > .rooms,
							#booking-form .portrait-wrapper > .f-and-b,
							#booking-form .portrait-wrapper > .guests,
							#booking-form.enquire .portrait-wrapper > .booking-link,
							#booking-form.table .portrait-wrapper > .guests .adults,
							#booking-form.table .portrait-wrapper > .guests .children,
							#booking-form .portrait-wrapper > .guests .diners,
							.f-and-b .selected,
							#booking-form .book-now.table,
							.ui-datepicker-title .ui-datepicker-year,
							.enquire button.go,
							#booking-form .portrait-wrapper > .book-now:after,
							.bm-popup-wrapper,
							#booking-form.table .date-out,
							#booking-form .book-now.event,
							.hotel-list,
							.hotel select,
							.time,
							.bm-popup > p,
							.fieldBlock.hotelName,
							.dropdown .options,
							.booking-type .selected,
							.choose select {
								display: none;
							}
							.hotel .hotel.dropdown {
							  display: none !important;
							}
							.enquire.bm-error .bm-popup-wrapper {
							  display: none !important;;
							}
							/*.bm-error .enquiry-popup-wrp {
							  display: block;
							}*/
							
							
							#booking-form.enquire .date, 
							#booking-form.enquire .date-out,
							#booking-form.table .hotel.dropdown,
							#booking-form.table .date-select .date-out,
							#booking-form.room .hotel.dropdown,
							.hotel-list.options.open .choose-hotel{
								display: none;
							}
							#booking-form.table .date, 
							#booking-form.table .date-out,
							#booking-form.enquire .hotel.dropdown {
								display: block;
							}
							.dropdown .options {
								background-color: #fff;
								float: left;
								padding: 17px 0 12px;
								position: relative;
								top: -1px;
							}
							.guests.dropdown .options {
								padding: 2px 0;
							}
								.options > span {
									padding: 8px 0 4px 26px;
								}
								.time .options span {
									display: block;
									padding: 6px 0 1px;
									text-align: center;
								}
							.booking-type span,
							.hotel-list span,
							.f-and-b span,
							#booking-form.room .portrait-wrapper > .rooms,
							#booking-form.room .portrait-wrapper > .guests,
							#booking-form.table .portrait-wrapper > .f-and-b,
							#booking-form.table .portrait-wrapper > .guests,
							#booking-form.table .portrait-wrapper > .guests .diners,
							#booking-form.enquire .book-now.event,
							.bm-error .bm-popup-wrapper,
							#booking-form.table .time{
								display: block;
							}

								.dropdown .ctrls-wrapper,
								.guests .ctrls-wrapper {
									padding: 10px 0 10px 20px;
									width: calc(100% - 22px);
									cursor: default;
								}
									.ctrls-wrapper .ctrls{
										cursor: pointer;
										display: inline-block;
										background-size: 700px auto;
										height: 12px;
										width: 6px;
									}
									.ctrls-wrapper .ctrls.down {
										background-position: -56px -78px;
									}
									.ctrls-wrapper .ctrls.up {
										background-position: -73px -78px;
									}
									.rooms .options > span {
										padding: 0;
									}
									.dropdown .options .count {
										background-color: #d8d8d8;
										display: inline-block;
										line-height: 1.2;
										padding: 3px 7px;
										text-align: center;
									}
									.options .label,
									.ctrls-wrapper .ctrls {
										position: relative;
										top: 1px;
									}
							.date, .date-out {
								border: 1px solid #979797;
								height: 31px;
								padding: 3px 0 0;
								position: relative;
								width: 255px;
							}
							.date {
								margin-right: 27px;
							}
							.date-out {
								margin-right: 18px;
							}
							.date input,
							.date-out input {
								height: 100%;
								padding: 0 18px;
								width: calc(100% - 36px);
								background-color: #fff;
								cursor: pointer;
							}
							button.go,
							#booking-form .book-now.table,
							.table-book-link{
								background-color: #000;
								height: 35px;
								width: 205px;
								cursor: pointer;
								border:1px solid #fff;
							}
							#booking-form .book-now.event{
								border:1px solid #fff;
							}
							.mail-booking.go{
								display:inline-block;
								text-align:center;
								font-size:0.6em;
								line-height:27px;
							}
							#booking-form .book-now {
								width: 275px;
							}

							div.ui-widget-content {
								background-color: #fff;
								font-size: 0.8em;
								margin-top: 1px;
								padding: 26px 12px 0;
								width: 227px;
							}
								.ui-datepicker table thead {
									border-bottom: 1px solid #d2d2d2;
								}
								.ui-datepicker .ui-datepicker-header > a {
									background-position: -95px -102px;
									background-size: 900px auto;
									display: inline-block;
									height: 15px;
									width: 10px;
									cursor: pointer;
									top: 8px;
									background-color: #fff;
								}
								.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev {
									background-position: -67px -102px;
									left: 0;
								}
								td.ui-state-disabled, 
								.ui-widget-content td.ui-state-disabled, 
								.ui-widget-header td.ui-state-disabled {
									background-image: none;
									opacity: 1;
								}
								.ui-widget-header {
									font-size: 0.9em;
									letter-spacing: 0.05em;
									margin: 0 auto;
									width: 56%;
								}
								div.ui-datepicker .ui-datepicker-title {
									margin: 0 auto;
									padding: 2px 0 3px 5px;
								}
								div.ui-datepicker td span,
								div.ui-datepicker td a {
									padding: 0.25em 0.2em 0.1em;
									text-align: center;
								}
								div.ui-datepicker th {
									padding: 0.7em 0.3em 1.2em;
								}
								.ui-datepicker tbody tr:first-child td {
									padding-top: 13px;
								}
								div.ui-datepicker td {
									padding: 3.5px 1px;
								}
								.booking-mask-wrapper input::placeholder  {
									color:#000;
								}
								.booking-mask-wrapper input::-webkit-input-placeholder  {/* Chrome/Opera/Safari */
									color:#000;
								}
								.booking-mask-wrapper input::-moz-placeholder{ /* Firefox 19+ */
									color:#000;
								}
								.booking-mask-wrapper input::-ms-input-placeholder{ /* IE 10+ */
									color:#000;
								}
								.booking-mask-wrapper input:-moz-placeholder{ /* Firefox 18- */
									color:#000;
								}
								
	.bm-popup-wrapper {
		background-color: rgba(0, 0, 0, 0.7);
		height: 100%;
		left: 0;
		margin: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1;
	}
		.bm-popup {
			background-color: #fff;
			height: 100px;
			left: 50%;
			padding: 25px;
			position: relative;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			width: 320px;
		}
			.bm-popup .success{
				line-height: 1.5;
				margin-top: 2px;
			}
			.bm-popup .btn {
				cursor: pointer;
				left: 50%;
				margin: 0 auto;
				padding: 3px 10px;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				transform: translateX(-50%);
				width: 30px;
			}
	/* end of BM */


	.right-menu-wrapper {
		right: 25px;
		top: 13px;
		width: 206px;
    	text-align: center;
	}
		.right-menu-wrapper .border {
			/*border-right: 1px solid #cbc1c1;*/
			margin: 0;
			padding: 4px 8px;
		}
	.full-width-menu{
		background: #000;
		display: none;
		height: 100vh;
		left: 0;
		position: absolute;
		top: 129px;
		width: 100%;
	}
	.open-menu .full-width-menu,
	.full-width-menu ul{
		display: block;
	}
	body.open-menu {
		height: 100vh;
		overflow: hidden;
	}
		.menu-wrapper {
			height: calc(100% - 300px);
			margin: 110px 0 0;
			-max-height: 522px;
			position: relative;
			width: calc(50% - 0.5px);
		}
		.menu-wrapper.group-only {
			margin-top: 146px;
			width: 100%;
		}
		.menu-wrapper.border {
			border-right: 1px solid #fff;
		}
			.menu-title{
				margin: 0;
			}
			.group-only .menu-title {
				margin: 0;
			}			
			.menu-wrapper.group .menu-title {
				padding-right: 248px;
			}
			.menu-wrapper.hotel .menu-title {
				padding-left: 203px;
			}
			.menu-wrapper.hotel .menu-inner-wrapper {
				padding: 53px 0 0 220px;
			}
				.full-width-menu li {
					padding-bottom: 38px;
				}
				.full-width-menu .group-only li {
					display: table;
					margin: 0 auto;
				}
			.menu-wrapper.group .menu-inner-wrapper {
				padding: 53px 212px 0 0;
				overflow: hidden;
			}
			.group-only .menu-inner-wrapper {
				float: none;
				margin: 54px 0 0;
				overflow: hidden;
			}
			.group-only .menu-inner-wrapper.hasScroll,
			.menu-wrapper.group .menu-inner-wrapper.hasScroll{
				height: 300px;
			}
				.sub-menu a{
					cursor: pointer;
				}
				.sub-menu:after {
					background-position: -311px -388px;
					background-size: 2200px auto;
					content: "";
					height: 9px;
					left: -2px;
					position: absolute;
					top: 9px;
					width: 10px;
					cursor: pointer;

					-webkit-transform:rotate(90deg);
					-moz-transform:rotate(90deg); 
					-o-transform:rotate(90deg);
					-ms-transform:rotate(90deg);
					transform: rotate(90deg);
				}
				.group-only .sub-menu:after {
					left: -35px;
				}
				.sub-menu.open:after {
					-webkit-transform:rotate(180deg);
					-moz-transform:rotate(180deg); 
					-o-transform:rotate(180deg);
					-ms-transform:rotate(180deg);
					transform: rotate(180deg);
				}
					.sub-menu ul{
						display: none;
						margin: 44px 0 0 -8px;
					}
						.sub-menu ul li {
							padding-bottom: 43px;
						}
						.sub-menu ul li:last-child {
							padding-bottom: 10px;
						}
.holder{
	width: 100%;
	height: auto;
	min-height: calc(100vh - 85px);
}
	.content-wrapper {
		width: 1612px;
		margin: 0 auto;
	}
		.arrow-down:after,
		.arrow-up:after{
			background-position: -602px -335px;
			background-size: 2200px auto;
			content: "";
			height: 10px;
			left: 0;
			margin: 0 auto;
			position: absolute;
			right: 0;
			width: 8px;
		}
		.arrow-up:after {
			bottom: -1px;
			-webkit-transform:rotate(-180deg);
			-moz-transform:rotate(-180deg); 
			-o-transform:rotate(-180deg);
			-ms-transform:rotate(-180deg);
			transform:rotate(-180deg);
		}
		.arrow-down:after {
			bottom: -11px;
		}

		.blockCollection .overview-video {
			height: 555px;
			position: relative;
			width: 100%;
			z-index: 1;
		}
		.blockCollection .type_imageVideoItem .overview-video {
			height:647px;
		} 
			.blockCollection #bg-video{
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}
		/**/
		.border-heading{
			border-bottom: 1px solid #bebebe;
			position: relative;
		}
		#mod_pukkaRooms .title-wrapper .border-heading{
		 border-top: 1px solid #bebebe;
			position: relative;
			border-bottom:0;
			padding-top: 10px;
		}
		.items-list .item.active:before {
			background-position: -600px -335px;
			background-size: 2200px auto;
			content: "";
			height: 10px;
			position: absolute;
			width: 10px;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);  
			left: 50%;
			top:-1px;
		}
		
		/* slick */
		.slick-slider .slick-arrow,
		.arrows-wrapper .slick-arrow {	
			position: absolute;
			display: block;
			z-index: 1;
			border: none;
			outline: none;
			color: transparent;
			background-color:transparent;
			width: 30px;
			height: 30px;
			cursor: pointer;
			padding: 0;	
			top:50%;		
			-ms-transform: translateY(-50%) scale(1.5,1.5); /* IE 9 */
			-webkit-transform: translateY(-50%) scale(1.5,1.5); /* Chrome, Safari, Opera */
			-o-transform: translateY(-50%) scale(1.5,1.5);
			-moz-transform: translateY(-50%) scale(1.5,1.5);
			transform: translateY(-50%) scale(1.5,1.5);
		}
		.slick-slider .slick-prev,
		.arrows-wrapper .slick-prev {
			background-position:-110px -158px;
		} 
		.slick-slider .slick-next,
		.arrows-wrapper .slick-next {
			background-position:-132px -158px;
		}
		.slick-slider .slick-prev{
			left:-108px;
		} 
		.slick-slider .slick-next {
			right:-108px;
		}
		
		.slick-slider .slick-dots {
			position:absolute;
			display: block;
			left:0;
			right:0;
			bottom:6px;	
			text-align: center;
		}
			.slick-dots .slick-active {
				opacity: 0.7;
			}
			.slick-slider .slick-dots li {
				display: inline-block;
				background-position: -229px -494px;
				width: 10px;
				height: 10px;
				margin:0 10px;
				-ms-transform: scale(1.5,1.5); /* IE 9 */
				-webkit-transform: scale(1.5,1.5); /* Chrome, Safari, Opera */
				-o-transform:  scale(1.5,1.5);
				-moz-transform:  scale(1.5,1.5);
				transform: scale(1.5,1.5);
			}	
				.slick-slider .slick-dots li button {
					display:none;
				}

/* page contact */
.column {
	float: left;
	height: auto;
	margin-right: 22px;
	width: 404px;
	word-wrap: break-word;
}
.column-1 {
	width: 305px;
}

.footer {
	background-color: #000;
	height: 38px;
	width: 100%;
	position: relative;
}
.loggedIn #footer {
    display: block;
    position: relative;
    float: left;
}
.open-menu .footer {
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 100;
}
	.footer-wrapper {
		margin: 0 auto;
		max-width: 1920px;
		width: 100%;
	}
		.footer .hotels {
			left: 57px;
			top: 8px;
		}
		.header-wrapper .hotels{
			z-index: 10;
			top: 16px;
			left: 80px;
		}
		.header-wrapper .hotels .active-wrapper{
			min-width: 115px;
			display: block;
		}
		.header-wrapper .hotel-name.active{
			width: calc(100% - 20px);
			display: block;
		}
		.footer .hotels:after,
		.header-wrapper .hotels:after {
			background-position: -290px -358px;
			background-size: 2040px auto;
			content: "";
			height: 9px;
			left: -32px;
			position: absolute;
			top: 3px;
			width: 8px;
			pointer-events: none;

			-webkit-transition: all 0.3s ease-in;
			-moz-transition: all 0.3s ease-in;
			-o-transition: all 0.3s ease-in;
			transition: all 0.3s ease-in;
		}
		.header-wrapper .hotels:after {
			background-position: -558px -309px;
			left: auto;
			top: 7px;
			right: 0;
		}
		.footer .hotels.open:after,
		.header-wrapper .hotels.open:after{
			-webkit-transform:rotate(-180deg);
		    -moz-transform:rotate(-180deg); 
		    -o-transform:rotate(-180deg);
		    -ms-transform:rotate(-180deg);
		    transform:rotate(-180deg);

		    top: 4px;
		}
			.slide-box {
				bottom: 45px;	
				left: 0px;

				-ms-box-orient: horizontal;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				
				-webkit-flex-flow: row wrap;
				flex-flow: row wrap;

				-webkit-transition: all 0.3s ease-in;
				-moz-transition: all 0.3s ease-in;
				-o-transition: all 0.3s ease-in;
				transition: all 0.3s ease-in;

				display: flex;
				max-height: 0;
				overflow: hidden;
			}
			.header-wrapper .slide-box{
				bottom: auto;
				top: 30px;
				background-color: #fff;
				padding-left:10px;
				padding-right:10px;
			}
			.slide-box-wrapper {
				display: contents;
			}
			.open .slide-box {
				max-height: 262px;
			}
			.slide-box .hotel-name {
				padding: 8px 0;
				width: 100%;
			}

				.hotel-name.active {
					cursor: pointer;
					left: -32px;
					opacity: 1;
					padding-left: 32px;
					position: relative;
				}
				.header-wrapper .hotel-name.active{
					left: 0px;
					padding-right: 20px;
					padding-left: 0px;
					margin-left:10px;
				}
		.footer-logo {
			background-position: -651px -306px;
			background-size: 2070px auto;
			height: 58px;
			left: 49.8%;
			position: absolute;
			top: -88px;
			width: 46px;

			-ms-transition: translateX(-50%);
			-webkit-transition: translateX(-50%);
			-moz-transition: translateX(-50%);
			-o-transition: translateX(-50%);
			transform: translateX(-50%);
		}
		.connect-with-us {
			margin-top: 9px;
		}
		.footer .copyright{
			line-height: 24px;
			margin-top: 8px;
		}
		.footer-menu,
		.footer-smo {
			display: inline-block;
		}
		.footer-menu {
			margin: 0 auto;
			position: relative;
			top: 0;
			line-height: 37px;
		}
			.group .footer-links .offers:before{
				display: none;
			}
		.footer-smo {
			width: 100%;
			text-align: center;
		}
			.social-media {
				display: inline-block;
				height: 20px;
				margin: 8px 10px 0 0;
				width: 18px;
				background-size: 2412px auto;
			}
			.social-media.facebook {
				background-position: -916px -286px;
			}
			.social-media.twitter{
				background-position: -955px -288px;
			}
			.social-media.instagram{
				background-position: -993px -289px;
				margin-right:0;
			}
				.social-media > a {
					display: block;
					height: 100%;
					width: 100%;
				}

			.footer-menu a,
			.newsletter{
				vertical-align: middle;
			}
			.footer-menu a ,
			.newsletter-label,
			.newsletter {
				line-height: 18px;
			}
			.active .newsletter-label {
				padding-right: 5px;
			}
			.newsletter,
			.footer-sep {
				height: 20px;
				padding: 0 34px;
				overflow: hidden;
				position: relative;
			}
			.newsletter form .go{
				background: url(/templates/main/images/btn.png);
				background-repeat: no-repeat;
				background-color: transparent;
				cursor: pointer;
				background-position: -2px 4px;
				text-indent: -9999em;
			}
			.footer-sep:after,
			.newsletter:after{
				background-color: #fff;
				content: "";
				height: 14px;
				position: absolute;
				width: 1px;
			}
			.footer-sep:before,
			.newsletter:before {
				left: 11px;
				top: 2px;
			}
			.footer-sep:after,
			.newsletter:after {
				right: 15px;
				top: 2px;
			}
			.newsletter.active:after,
			.newsletter.active:before{
				display: none;
			}
				.footer-menu .newsletter > form{
					float: right;
					overflow: hidden;
					width: 0;
					position: relative;
					top: 1px;

					-ms-transition: all 0.5s ease-in-out 0s; 
					-webkit-transition: all 0.5s ease-in-out 0s; 
					-moz-transition: all 0.5s ease-in-out 0s;
					-o-transition: all 0.5s ease-in-out 0s;
					transition: all 0.5s ease-in-out 0s; 
				}
				.footer-menu .newsletter.active > form {
					width: 215px;
				}
					.email-entry{
						line-height: 18px;
						vertical-align: top;
					}
					.email-entry > input {
						background: transparent none repeat scroll 0 0;
						border: none;
						color: #fff;
						outline: medium none;
						padding: 0 5px;
						width: 180px;
						text-transform: none;
					}
					.email-entry > input::-webkit-input-placeholder{
						color: #000;
						opacity: 0;
					}
					.email-entry > input::-moz-placeholder{
						color: #000;
						opacity: 0;
					}
					.email-entry > input:-ms-input-placeholder{
						color: #000;
						opacity: 0;
					}
					.email-entry > input:-moz-placeholder{
						color: #000;
						opacity: 0;
					}
			.footer-menu a, 
			.footer-menu .newsletter,
			.newsletter.active .email-entry,
			.newsletter.active form .go{
				display: inline-block;
			}
			.newsletter .email-entry,
			.newsletter form .go,
			.hp_email{
				display: none;
			}
			
			.newsletter-label{
				cursor: pointer;
			}
			.sitemap.footer-sep::before, 
			.sitemap.footer-sep::after {
			  display: none;
			}
			.sitemap.footer-sep {
			  padding: 0;
			}
.footer-logos {
	width: 100%;
	text-align: center;
	}			
	.footer-logo-set{
		width:175px;
		height:48px;
		display:inline-block;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		margin-top:10px;
	}	
	.footer-logo-set.VLHC{
		background-image:url(/templates/main/images/footer-logos/VLHC.png);
		background-size:170px auto;
	}
	.footer-logo-set.FHR{
		background-image:url(/templates/main/images/footer-logos/FHR.png);
		background-size:150px auto;
	}
	.footer-logo-set.Traveller_Made{
		background-image:url(/templates/main/images/footer-logos/Traveller_Made.png);
		background-size: 140px auto;
		/* height: 68px; */
		width: 184px;
	}

			
/*vienna*/
.landing .menu-wrapper.hotel {
	display: none;
}
.landing .menu-wrapper.group {
	border: none;
	width: 100%;
}
.landing .menu-wrapper.group .menu-title, 
.landing .menu-wrapper.group .menu-inner-wrapper {
	padding-right: 0;
	margin: 0 auto;
	width: 286px;
	text-align: center;
	float: none;
}

.loggedIn .image-wrapper:after,
.loggedIn #main-visual:after{
	z-index: -1;
}


.landing .sticky-section .book-now,
.landing #header .book-now {
	display: none;
}




/* BOOKINGMASK POPUP STYLE */

.enquiry-popup-wrp, 
.table-popup-wrp {
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	display:none;
	width: 100%;
	z-index: 150;
}
.active-enquiry-popup .enquiry-popup-wrp{
	-webkit-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
	overflow-y:scroll;
	margin-bottom:50px;
}
.enquiry-popup,
.table-popup{
	box-shadow: 0 0 15px #666;
	display: block;
	left: 0;
	margin: 0 auto;
	position: relative;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%); 
	-moz-transform: translate(0, -50%); 
	-ms-transform: translate(0, -50%); 
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 617px;
	z-index: 150;
	height: auto;
}
.active-enquiry-popup {
	position:fixed;
}
.active-enquiry-popup .enquiry-popup{
	margin: 50px auto;
	background: #000 url(/templates/main/images/pre-loader.gif) center no-repeat;
}
.table-popup{
	width: 670px !important;
	background: #fff;
}
.table-popup-iframe {
  height: 673px !important;
  border: medium none;
}
.enquiry-popup .enquiry-popup-iframe-wrapper, 
.table-popup .table-popup-iframe-wrapper {
	float: none;
}
.cls-overlay{
	display:block;
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;	
}
.cls-icon {
	background-image: url(/templates/main/libs/jquery/fancybox/fancybox_sprite.png);
	content: "";
	display: block;
	height: 34px;
	position: absolute;
	right: -17px;
	top: -15px;
	width: 34px;
	cursor: pointer;
}
.table .cls-icon {
  background-image: url(/templates/main/images/close-bg.png);
  background-repeat: no-repeat;
  background-size: 35px auto;
  content: "";
  height: 35px;
  left: 13px;
  top: 9px;
  width: 35px;
}


.table-popup-iframe {
  height: 505px;
  width: 100%;
}
.enquiry-popup-iframe {
  /*height: 505px;*/
  height: 750px;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  	overflow-y: scroll;
}


body.active-enquiry-popup,
body.active-table-popup{
	overflow: hidden;
}
body.active-enquiry-popup .bm-popup-wrapper {
	display: none;
}
#header.enquire .bm-popup-wrapper {
  display: none;
}
.hotel-enquiry.dropdown ,
.hotel-enquiry.dropdown > select{
  display: none;
  margin-right: 20px;
  width: 156px;
}
.enquire .hotel-enquiry.dropdown {
  display: block !important;
  
}

/* END OF TVS VIDEO STYLE */

#booking-form.room .table-book-link,
#booking-form.enquire .table-book-link, 
#booking-form.table .go.tracking-link {
  display: none;
} 

.double {
  border: 1px solid #99999b;
  font-family: "OptimaLTPro-Roman",Arial,Helvetica,sans-serif;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  font-size:11px;
}
.double a {
  font-weight: normal;
  letter-spacing: 2px;
}

.double:hover {
  border: medium double #99999b;
}

#page_newsletter .error-msg{
	display: none;
}

/* cookieNotice Style */
div#cookie-notice {
  bottom: 0;
  height: 31px;
  left: 0;
  margin-bottom: 0 !important;
  position: fixed !important;
  top: auto !important;
  z-index: 555;
}
div#cookie-notice div.intro p {
  text-transform: uppercase;
}

/*language*/
div#languages{
	position: relative;
	z-index: 149;
}
	#languages > ul{
		padding: 0;
	}
	#languages .bg{
		position: absolute;
		background-position:-436px -48px;
		top:2px;
		right: 20px;
		width:12px;
		height:12px;
	}
	#languages a{
		text-transform:uppercase;
		cursor:pointer;
	}
	.lang-dropdown {
		position:absolute;
		/*margin:19px 0 0 -11px;*/
		padding:0;
		display:none;
		top:29px;
		left: 0px;
	}
	.lang-dropdown .selected{
		display:none;
	}
	.lang-dropdown li{
		 
	}
	div#languages .active.has-submenu{
		padding:3px 4px 0 10px;
		position:relative;
	}
	div#languages ul {
		margin-left: -25px;
	}
	div#languages ul.lang-dropdown {
		left: 27px;
	}
	div#languages .active.has-submenu::after {
		background-image: url(/templates/main/images/sprite.svg);
		background-position: -491px -273px;
		background-size: 1800px auto;
		height: 6px;
		right: -8px;
		top: 11px;
		content: '';
		width: 8px;
		display: block;
		position: absolute;
		cursor: pointer;
		-webkit-transition: transform 0.3s ease-in;
		-moz-transition: transform 0.3s ease-in;
		-o-transition: transform 0.3s ease-in;
		transition: transform 0.3s ease-in;
	}
	div#languages .active.has-submenu.open::after  {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
		div#languages li{
		list-style:none;
		padding:5px 10px;
		text-align: left;
		background:#fff;
	}
.right-menu-wrapper .border{
	/* border-left:1px solid #bebebe; */
}



/* 

.itmSlideTitle-wrp,
.itmSlideBooking-wrp {
  display: none !important;
}

.slick-list {
  padding: 0 !important;
} */


.mobile-book-now.btn{
	display: none;
}
/***************  templates/main/css/template.subpage.css  ***************/
.main-content,
.footer,
.module-content {
	float: left;
}

.main-content {
	height: auto;
	margin-top: 129px;
	width: 100%;
}
.bm-open .main-content {
	margin-top: 157px;
}
		#main-visual{
			margin-top: 49px;
		}
		#main-visual .slick-list{
			z-index: 1;
		}
		#main-visual,
		#main-visual .slick-slide {
			height: 623px;
			overflow: initial;
			width: 100%;
		}
		#main-visual .slick-slide {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.sub-title{
			margin: 23px 0 0;
		}
		.main-intro {
			margin: 46px auto 58px;
			width: 915px;
		}
.module-content {
	width: 100%;
}
.module-content.viewItem{/*without main content*/
    margin-top: 86px;
}
	.items-nav > ul {
		display: table;
	}
		.items-nav li{
			display: inline-block;
			cursor: pointer;
		}
		.items-nav .active a{
			cursor: default;
		}
.footer{
	margin-top: 60px;
}


/*slick*/		
#main-visual .slick-slider .slick-arrow {		
	margin: 0;
	-ms-transform: translateY(-50%) scale(1.7,1.7); /* IE 9 */
	-webkit-transform: translateY(-50%) scale(1.7,1.7); /* Chrome, Safari, Opera */
	-o-transform: translateY(-50%) scale(1.7,1.7);
	-moz-transform: translateY(-50%) scale(1.7,1.7);
	transform: translateY(-50%) scale(1.7,1.7);	
}
#main-visual .slick-slider .slick-prev {
	left: -121px;
}		
#main-visual .slick-slider .slick-next {
	right: -121px;
}
/*slick items-list*/
.items-list .slick-slider {
	margin:0 auto;	
    max-height: 68px;
}	
	.items-list .slick-slider .slick-arrow {
		margin: 0;
	}	
	.items-list .slick-slider .slick-prev {
		left:-30px;
	}
	.items-list .slick-slider .slick-next {
		right:-30px;
	}


/* contact page */
.module-content .column-wrapper {
	margin: 31px auto;
}
	.column-title {
		height: 60px;
	}
	.column-content {
		margin-top: 31px;
	}
		.column-content > p {
			margin: 0;
		}
			.column-content p > span {
				display: block;
			}

	.loggedIn .download-wrapper{
		min-height: 50px;
	}
	.download-wrapper {
		margin: 0 auto 60px;
		width: 360px;
	}
		.download-block .pdf {
			background-position: -700px -158px;
			background-size: 2100px auto;
			cursor: pointer;
			height: 58px;
			margin: 0 auto;
			width: 42px;
		}
			.download-block .pdf a {
				display: block;
				width: 100%;
				height: 100%;
			}
		.download-title {
			margin: 30px auto;
		}
	.map-wrapper {
		margin-bottom: 61px;
	}
		.map-inner-wrapper {
			width:100%;
			height:477px;
		}
	

/*careers page*/
.page_careers .main-intro {
	margin: 57px auto 49px;
	width: 930px;
}
	.page_careers .main-intro p,
	.page_careers .main-intro li {
		line-height: 1.51;
		letter-spacing: 0.063em;
	}
.page_careers #mod_flexibleForms{
	margin-top: 0;
}

/* Sitemap page */
.sub-sec {
	float: left;
	width: 100%;
}
	.sub-sec > h3 {
		margin: 48px 0 56px;
	}
	.sub-sec.hotel > h3 {
		margin-bottom:66px;
	}
	.sub-sec.hotel,
.sub-sec.border-cls	{
		border-top: 1px solid #bebebe;
		margin-top: 38px;
		padding-top: 44px;
		position: relative;
	}
	.sub-sec.arrow-up::after {
		top: -10px;
	}
		.sitemap ul{
			list-style-type: none;
			padding: 0;
		}
			.sitemap li {
				padding-bottom: 54px;
			}

h1.nopadding{
	padding-bottom:0;
}

.mail a {
  text-decoration: underline;
}
.sitemap .newsletter{
	margin-left: 0;
}

/* Desktop */	
@media (min-width: 1600px) and (max-width: 1900px) {
	#main-visual {
		margin-top: 34px;
	}
	#main-visual ,
	#main-visual .slick-slide {
		height: 443px;
	}
	
	/*slick*/	
	#main-visual .slick-slider .slick-arrow {		
		margin:0;
		-ms-transform: translateY(-50%) scale(1.2,1.2); /* IE 9 */
		-webkit-transform: translateY(-50%) scale(1.2,1.2); /* Chrome, Safari, Opera */
		-o-transform: translateY(-50%) scale(1.2,1.2);
		-moz-transform: translateY(-50%) scale(1.2,1.2);
		transform: translateY(-50%) scale(1.2,1.2);	
	}
	#main-visual .slick-slider .slick-prev {
		left: -88px;
	}		
	#main-visual .slick-slider .slick-next {
		right: -88px;
	}
	
	
	
	/* contact page */
	.module-content .column-wrapper {
		margin: 21px auto;
	}
		.column {
			margin-right: 26px;
			width: 280px;
		}
		.column-1 {
			width: 220px;
		}
		.column:last-child {
			margin: 0;
		}
			.column-title {
				height: 33px;
			}
			.column-content {
				margin-top: 31px;
			}
				.column-content > p {
					margin: 0 0 -3px;
				}
		.download-wrapper {
			margin: 0 auto 40px;
			width: 275px;
		}
			.download-block .pdf {
				background-position: -533px -119px;
				background-size: 1600px auto;
				height: 46px;
				width: 32px;
			}
			.download-title {
				margin: 20px auto;
			}
		.map-wrapper {
			margin-bottom: 39px;
		}
			.map-inner-wrapper {
				height: 340px;
			}
			
	/*careers page*/
	.page_careers .main-intro {
		margin: 40px auto 35px;
		width: 650px;
	}	
		.page_careers .main-intro p,
		.page_careers .main-intro li {
			line-height: 1.5;
			letter-spacing: 0.094em;
			font-size: 1em;
		}

/* Sitemap Page */
.sub-sec > h3{
	margin: 31px 0 40px;
}
.sub-sec.hotel > h3 {
    margin-bottom: 46px;
}
.sitemap li {
	padding-bottom: 38px;
}
.sub-sec.hotel {
	margin-top: 28px;
	padding-top: 33px;
}
.sub-sec.arrow-up:after {
	top: -8px;
}

}

/* Desktop */	
@media (min-width: 1280px) and (max-width: 1599px) {
	#main-visual {
		margin-top: 32px;
	}
	#main-visual ,
	#main-visual .slick-slide {
		height: 395px;
	}	
	#page_about #main-visual ,
	#page_about #main-visual .slick-slide {
		height: 415px;
	}
	
	/*slick*/
	#main-visual .slick-slider .slick-arrow {		
		margin:0;
		-ms-transform: translateY(-50%) scale(1.1,1.1); /* IE 9 */
		-webkit-transform: translateY(-50%) scale(1.1,1.1); /* Chrome, Safari, Opera */
		-o-transform: translateY(-50%) scale(1.1,1.1);
		-moz-transform: translateY(-50%) scale(1.1,1.1);
		transform: translateY(-50%) scale(1.1,1.1);	
	}
	#main-visual .slick-slider .slick-prev {
		left: -84px;
	}		
	#main-visual .slick-slider .slick-next {
		right: -84px;
	}
	
	/* contact page */
	.module-content .column-wrapper {
		margin: 20px auto;
	}
		.column {
			margin-right: 59px;
			width: 215px;
		}
		.column:last-child {
			margin: 0;
		}
			.column-title {
				height: 40px;
			}
			.column-content {
				margin-top: 20px;
			}
		.download-wrapper {
			margin: 0 auto 40px;
			width: 280px;
		}
			.download-block .pdf {
				background-position: -471px -106px;
				background-size: 1412px auto;
				height: 40px;
				width: 28px;
			}
			.download-title {
				margin: 19px auto;
			}
	.map-wrapper {
		margin-bottom: 12px;
	}
		.map-inner-wrapper {
			height: 322px;
		}
		
	/*careers page*/
	.page_careers .main-intro {
		margin: 38px auto 31px;
		width: 650px;
	}	
		.page_careers .main-intro p,
		.page_careers .main-intro li {
			line-height: 1.5;
			letter-spacing: 0.094em;
			font-size: 1em;
		}

/* Sitemap Page */
.sub-sec > h3 {
	margin: 30px 0 37px;
}
.sub-sec.hotel > h3 {
    margin-bottom: 43px;
}
.sitemap li {
	padding-bottom: 36px;
}
.sub-sec.hotel {
	margin-top: 23px;
  	padding-top: 31px;
}


}

/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1279px) {
	#main-visual {
		margin-top: 27px;
	}
	#main-visual, 
	#main-visual .slick-slide {
		height: 312px;
	}
	
	/*slick*/
	#main-visual .slick-slider .slick-arrow {		
		margin:0;
		-ms-transform: translateY(-50%) scale(1,1); /* IE 9 */
		-webkit-transform: translateY(-50%) scale(1,1); /* Chrome, Safari, Opera */
		-o-transform: translateY(-50%) scale(1,1);
		-moz-transform: translateY(-50%) scale(1,1);
		transform: translateY(-50%) scale(1,1);	
	}
	#main-visual .slick-slider .slick-prev {
		left: -68px;
	}		
	#main-visual .slick-slider .slick-next {
		right: -68px;
	}
	
	/* contact page */
	.module-content .column-wrapper {
		margin: 15px auto;
	}
		.column {
			margin-right: 8px;
			width: 222px;
		}
		.column-1 {
			width: 170px;
		}
		.column:last-child {
			margin: 0;
		}
			.column-title {
				height: 40px;
			}
			.column-content {
				margin-top: 8px;
			}
		
		.download-wrapper {
			margin: 0 auto 39px;
			width: 280px;
		}
			.download-block .pdf {
				background-position: -471px -106px;
				background-size: 1412px auto;
				height: 40px;
				width: 28px;
			}
			.download-title {
				margin: 16px auto;
			}
			.page_contact .download-title {
				letter-spacing: 0.32em;
				line-height: 2.1em;
			}
	.map-wrapper {
		margin-bottom: 12px;
	}
		.map-inner-wrapper {
			height: 290px;
		}
		
	/*careers page*/
	.page_careers .main-intro {
		margin: 30px auto 22px;
		width: 600px;
		font-size: 0.7em;
	}	
		.page_careers .main-intro p,
		.page_careers .main-intro li {
			line-height: 1.5;
			letter-spacing: 0.05em;
		}		
	
	/* Sitemap Page */
	.sub-sec > h3 {
		margin: 25px 0 28px;
	}
	.sub-sec.hotel > h3 {
		margin-bottom: 34px;
	}
	.sitemap li {
		padding-bottom: 29px;
	}
	.sub-sec.hotel {
		margin-top: 15px;
		padding-top: 22px;
	}
	.sub-sec.arrow-up::after {
		top: -4px;
	}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	#main-visual {
		margin-top: 20px;
	}
	#main-visual, 
	#main-visual .slick-slide {
		height: 233px;
	}
	
	/*slick*/
	#main-visual .slick-slider .slick-arrow {		
		margin:0;
		-ms-transform: translateY(-50%) scale(0.7,0.7); /* IE 9 */
		-webkit-transform: translateY(-50%) scale(0.7,0.7); /* Chrome, Safari, Opera */
		-o-transform: translateY(-50%) scale(0.7,0.7);
		-moz-transform: translateY(-50%) scale(0.7,0.7);
		transform: translateY(-50%) scale(0.7,0.7);	
	}
	#main-visual .slick-slider .slick-prev {
		left: -56px;
	}		
	#main-visual .slick-slider .slick-next {
		right: -56px;
	}
	
	/* contact page */
	.module-content .column-wrapper {
		margin: 8px auto;
	}
		.column {
			margin-right: 14px;
			width: 150px;
		}
		.column:last-child {
			margin: 0;
		}
			.column-title {
				height: 30px;
			}
			.column-content {
				margin-top: 8px;
			}
		
		.download-wrapper {
			margin: 0 auto 39px;
			width: 280px;
		}
			.download-block .pdf {
				background-position: -471px -106px;
				background-size: 1412px auto;
				height: 40px;
				width: 28px;
			}
			.download-title {
				margin: 16px auto;
			}
			.page_contact .download-title {
				letter-spacing: 0.32em;
				line-height: 2.1em;
			}
	.map-wrapper {
		margin-bottom: 12px;
	}
		.map-inner-wrapper {
			height: 290px;
		}
	
	/*careers page*/
	.page_careers .main-intro {
		margin: 30px auto 22px;
		width: 500px;
		font-size: 0.7em;
	}	
		.page_careers .main-intro p,
		.page_careers .main-intro li {
			line-height: 1.5;
			letter-spacing: 0.05em;
		}	
		
	/* Sitemap Page */
	.sub-sec > h3 {
		margin: 25px 0 28px;
	}
	.sub-sec.hotel > h3 {
		margin-bottom: 34px;
	}
	.sitemap li {
		padding-bottom: 29px;
	}
	.sub-sec.hotel {
		margin-top: 15px;
		padding-top: 22px;
	}
	.sub-sec.arrow-up::after {
		top: -4px;
	}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {	
	#main-visual {
		margin-top: 15px;
	}
	#main-visual, 
	#main-visual .slick-slide {
		height: 150px;
	}
	.page_about #main-visual, 
	.page_about #main-visual .slick-slide {
		height: 150px;
	}
	.sub-title {
		margin: 12px 0 0;
	}
	.main-intro {
		margin: 20px auto;
		width: 280px;
	}
	.page_enquiry .main-intro{
		width: 100%;
	}
	.main-intro .introContent {
		text-align: center;
	}
	/*slick*/	
	.slick-slider .slick-arrow,
	.slick-slider .slick-dots {
		bottom:20px;
	}

	.module-content {
		margin-bottom: 7px;
	}
	
	/* contact page */
	.module-content .column-wrapper {
		margin: 8px auto;
	}
		.column {
			margin: 0 0 28px 0;
			width: 100%;
			text-align: center;
		}
			.column-title {
				height: auto;
			}
			.column-content {
				margin-top: 18px;
			}
		
		.download-wrapper {
			margin: 0 auto 39px;
			width: 280px;
		}
			.download-block .pdf {
				background-position: -471px -106px;
				background-size: 1412px auto;
				height: 40px;
				width: 28px;
			}
			.download-title {
				margin: 19px auto;
			}
			.page_contact .download-title {
				letter-spacing: 0.24em;
				line-height: 2.3em;
			}
	.map-wrapper {
		margin-bottom: 0;
	}
		.map-inner-wrapper {
			height: 285px;
		}
	
	.page_contact .module-content, #page_newsletter .module-content{
		margin-bottom:0;
	}
		
	/*careers page*/
	.page_careers .main-intro {
		margin: 19px auto 22px;
		width: 100%;
		font-size: 0.8em;
	}
		.page_careers .main-intro .introContent{
			text-align: initial;
		}	
			.page_careers .main-intro p,
			.page_careers .main-intro li {
				line-height: 1.8;
				letter-spacing: 0.08em;
				padding: 0 10px;
			}	
	
	/* Sitemap Page */	
	.sub-sec > h3 {
		margin: 12px 0 19px;
		background-color: #ffffff;
		font-size: 0.75em;
		padding: 23px 10px;
		letter-spacing: 0.19em;
	}
	.sitemap li {
		padding-bottom: 26px;
	}
	.sub-sec.hotel {
		border:none;
		padding: 0;
		margin-top: 16px;
	}
	.sub-sec.hotel.arrow-up:after {
		content:none;
	}
	
	#page_newsletter #mod_mailingList .fieldInput{
		padding-top: 3px;
		height: 19px;
	}
}
/***************  templates/main/css/template.mediaquery.css  ***************/

@media (min-width: 1901px){
.hotel .enquire .book-now.event.btn.center.upper {
    margin-left: 98px;
}
#booking-form .book-now.event.btn {
    width: 360px;
}
.footer {
	height: auto;
}
#footer .newsletter{
	padding-left: 0;
}
.footer-sep, #footer .newsletter{
	padding-right: 17px;
}
.footer-sep:after, .newsletter:after {
    right: 5px;
}
.mail-booking.go {
    font-size: 0.9em;
    line-height: 35px;
}
.blockCollection .overview-video {
    height: 651px;
}

	.right-menu-wrapper {
		width: 22px;
	}
	.group .right-menu-wrapper:lang(es){
		width: 266px;
	}

	.group .right-menu-wrapper{
		width: 206px;
	}
		.right-menu-wrapper .border {
			padding: 0px 8px;
		}
.booking-mask{
	top: 12px;
}
.bm-open .main-content{
	margin-top: 169px;
}
.header-logo {
	top: 20px;
}
.header-wrapper .hotels {
	top: 31px;
}
}


/* Landscape tablet to Desktop */	
@media (min-width: 1600px) and (max-width: 1900px) {
#header {
	height: 92px;
}
	.header-upper {
		height: 58px;
	}
		.menu-icon {
			background-position: -185px -302px;
			background-size: 2055px auto;
			left: 27px;
			width: 36px;
		}
		.open-menu .menu-icon {
			background-position: -189px -353px;
			background-size: 2055px auto;
			height: 14px;
			left: 23px;
			margin-top:-7px;
			width: 15px;
		}
		.logo {
			top: 20px;
			width: 124px;
		}
		.book-now {
			height: 22px;
			right: 18px;
			top: 18px;
			width: 137px;
		}
	.header-bottom {
		height: 34px;
	}
		#navigation {
			padding: 7px 0 0;
		}
			#navigation ul li {
				padding: 0 40px 0 0;
			}
		.right-menu-wrapper {
			right: 18px;
			top: 4px;
			width: 16px;
		}	
		.group .right-menu-wrapper:lang(es){
			width: 197px;
		}

		.group .right-menu-wrapper{
			width: 206px;
		}
			.right-menu-wrapper .border {
				margin: 0 -1px;
				padding: 0px 6px;
			}
	.full-width-menu {
		height: calc(100vh - 92px);
		top: 92px;
	}
		.menu-wrapper.group-only {
			margin-top: 103px;
		}
		.menu-wrapper.group .menu-inner-wrapper.hasScroll,
		.group-only .menu-inner-wrapper.hasScroll{
			height: 275px;
		}
			.group-only .menu-title {
				margin: 0;
			}
			.group-only .menu-inner-wrapper {
				margin: 39px 0 0;
			}
				.full-width-menu li {
					padding-bottom: 28px;
				}
				.menu-inner-wrapper li:last-child{
					padding-bottom: 0;
				}
				.group-only .sub-menu:after {
					left: -26px;
					top: 5px;
				}

					.sub-menu ul {
						margin: 28px 0 0 -6px;
					}
						.sub-menu ul li {
							padding-bottom: 25px;
						}
		.menu-wrapper {
			height: calc(100% - 180px);
			margin: 79px 0 0;
			min-height: 370px;
		}
		.group .menu-wrapper {
			min-height: 250px;
			height: 250px;
		}
			.menu-wrapper.group .menu-title {
				padding-right: 175px;
			}
			.menu-wrapper.hotel .menu-title {
				padding-left: 145px;
			}
			.menu-wrapper.hotel .menu-inner-wrapper {
				padding: 40px 0 0 159px;
			}
			.menu-wrapper.group .menu-inner-wrapper {
				padding: 40px 152px 0 0;
			}
				.sub-menu:after {
					top: 5px;
				}

/* BM */
.bm-open #header {
	height: 140px;
}
	.bm-open .header-bottom {
		height: 81px;
	}
.bm-open .main-content {
	margin-top: 147px;
}
.booking-mask {
	height: 53px;
	top: 7px;
}
	.booking-mask-wrapper {
		max-width: calc(1175px - 157px);
	}
		.bm-label {
			left: 9px;
			padding-left: 35px;
			top:19px;
		}
			.bm-close {
				/*left: 30px;
				top: 82px;*/
			}
			.bm-close:after {
				background-position: -144px -294px;
				background-size: 1600px auto;
				left: -6px;
				top: 0;
			}
		.booking-form-wrapper {
			margin: 0 0 0 35px;
			top: 14px;
		}
			#booking-form .portrait-wrapper > div.open:after{
				right: 14px;
				top: 6px;
			}
			#booking-form .portrait-wrapper > div:after {
				background-position: -437px -242px;
				background-size: 1600px auto;
				top: 10px;
			}
			#booking-form .portrait-wrapper > .booking-type {
				margin-right: 15px;
				width: 182px;
			}
			#booking-form .portrait-wrapper > .hotel {
				margin-right: 20px;
				width: 156px;
			}
			#booking-form .portrait-wrapper > .rooms,
			#booking-form .portrait-wrapper > .f-and-b {
				margin-right: 16px;
				width: 96px;
			}
			#booking-form .portrait-wrapper > .guests {
				margin-right: 17px;
				width: 108px;
			}
				.dropdown .options{
					padding: 11px 0 12px;
				}
				.guests .dropdown .options{
					padding: 7px 0 5px;
				}
					.options > span {
						padding: 5px 0 2px 19px;
					}
					.rooms.dropdown .options {
						padding: 3px 0 5px 6px;
						width: calc(100% - 8px);
					}
					.dropdown .ctrls-wrapper,
					.guests .ctrls-wrapper{
						padding: 0 0 5px 6px;
						width: calc(100% - 8px);	
					}

					.ctrls-wrapper .ctrls {
						background-size: 600px auto;
						height: 11px;
						position: relative;
						top: 2px;
						width: 6px;
					}
					.guests .ctrls-wrapper .ctrls {
						top: 3px;
					}
					.ctrls-wrapper .ctrls.down {
						background-position: -47px -67px;
					}
					.ctrls-wrapper .ctrls.up {
						background-position: -62px -67px;
					}

			.date, .date-out {
				height: 24px;
				padding: 0;
				width: 180px;
			}
				.date input, .date-out input {	
					float: left; 
					/*height: calc(100% - 6px);
					padding: 4px 18px 0; */
				}
			.date {
				margin-right: 19px;
			}
			.date-out {
				margin-right: 15px;
			}
			#booking-form .time {
				width: 130px;
			}
			button.go,
			.table-book-link,
			#booking-form .book-now.table {
				height: 24px;
				width: 146px;
			}
			#booking-form .portrait-wrapper > .book-now {
				width: 220px;
			}
			.booking-form-wrapper .active-item,
			.booking-form-wrapper .rooms .select-box,
			.booking-form-wrapper .guests .select-box {
				height: 24px;
				padding: 0 13px;
				width: calc(100% - 28px);
			}
				div.ui-widget-content {
					font-size: 0.6em;
					padding: 16px 12px 0;
					width: 156px;
					margin-top: 3px;
				}
				.ui-widget-header {
					width: 70%;
				}
				.ui-datepicker .ui-datepicker-header > a{
					top: 4px;
				}
				div.ui-datepicker th {
					padding: 0.7em 0.3em 1em;
				}
				.ui-datepicker tbody tr:first-child td {
					padding-top: 10px;
				}
.bm-popup{
	font-size: 95%;
}
	.bm-popup .success{
    	margin-top: 6px;
	}
	.bm-popup .btn {
		padding: 3px 10px;
	}
/* end of BM */

.main-content {
	margin-top: 93px;
}
	.content-wrapper {
		width: 1149px;
	}
	.blockCollection .overview-video {
		height: 463px;
	}
	.blockCollection .type_imageVideoItem .overview-video {
		height:647px;
	} 
	.arrow-down:after, 
    .arrow-up:after {
        background-position: -561px -313px;
        background-size: 2055px auto;
        height: 8px;
    }
    .sub-title {
		margin: 17px 0 0;
	}
	.main-intro {
		margin: 31px auto 36px;
		width: 650px;
	}
	/*slick*/
	.slick-slider .slick-arrow,
	.arrows-wrapper .slick-arrow {
		-ms-transform: translateY(-50%) scale(1,1); /* IE 9 */
		-webkit-transform: translateY(-50%) scale(1,1); /* Chrome, Safari, Opera */
		-o-transform: translateY(-50%) scale(1,1);
		-moz-transform: translateY(-50%) scale(1,1);
		transform: translateY(-50%) scale(1,1);
	}
	.slick-slider .slick-dots {
		margin-bottom: 12px;
	}
	.slick-slider .slick-dots li {
		margin: 0 6px;
		-ms-transform: scale(1.1,1.1);
		-webkit-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}

.footer {
	height: auto;
}
	.footer-logo {
		background-position: -454px -214px;
		background-size: 1455px auto;
		height: 45px;
		top: -60px;
		width: 40px;
	}
	.footer .hotels{
		left: 40px;
		top: 6px;
	}
	.header-wrapper .hotels {
		left: 65px;
		top: 22px;
	}
	.header-logo {
		top: 16px;
		left: 37px;
		width: 22px;
		height: 30px;
	}
		.header-logo .bg {
			background-position: -287px -134px;
			background-size: 913px auto;
		}
		.slide-box {
			bottom: 30px;
			width: 100px;
		}
		.header-wrapper .slide-box{
			top:22px;
		}
			.slide-box .hotel-name {
				padding: 6px 0;
			}
			.header-wrapper .hotel-name.active{
				padding-right:15px;
			}
	.footer .hotels:after,
	.header-wrapper .hotels:after {
		background-position: -255px -318px;
		background-size: 1800px auto;
		height: 6px;
		left: -24px;
		top: 5px;
		width: 8px;
	}
	.header-wrapper .hotels:after {
		background-position: -491px -273px;
		left: auto;
		top: 5px;
		right: 0;
	}
	.footer .hotels.open:after,
	.header-wrapper .hotels.open:after {
		top:5px;
	}
		.newsletter,
		.footer-sep {
			padding: 0 25px;
			overflow: visible;
		}
		.footer-menu a,
		.newsletter,
		.footer-sep{
			height: 12px;
		}

		.newsletter-label {
			line-height: 10px;
			vertical-align: top;
		}
		.footer-menu a,
		.newsletter{
			line-height: 12px;
		}
		.footer-sep:before,
		.newsletter:before {
			left: 10px;
			top: 1px;
		}
		.footer-sep:after,
		.newsletter:after {
			right: 9px;
			top: 1px;
		}
		.footer-sep:after, 
		.footer-sep:before, 
		.newsletter:before, 
		.newsletter:after {
			height: 10px;
		}
		.group .footer-sep:before {
		  background: none;
		}
		.footer-menu .newsletter.active > form {
			width: 245px;
			top: -4px;
		}
			.email-entry {
				line-height: 21px;
			}
			.email-entry > input {
				font-size: 1.1em;
				width: 210px;
			}
			.newsletter form .go{
				background-position: -2px 6px;
			}
		.copyright {
			right: 92px;
			top: 0;
			line-height: 27px;
		}
			
/*vienna , landing*/	

.landing .menu-wrapper.group .menu-title, 
.landing .menu-wrapper.group .menu-inner-wrapper
 {
	width:200px;
}


.upper.termsConditions, .upper.cookiePolicy {
  display: inline-block;
}
.newsletter {
  margin-left: -21px;
}

#page_cookie-policy .container.introContent.center  table ul {
	display: block;
}
#page_cookie-policy .container.introContent.center table p,
#page_cookie-policy .container.introContent.center a {
    word-break: break-word;
}
.hotel .enquire .book-now.event.btn.center.upper {
  margin-left: 63px;
}

}



/* Landscape tablet to Desktop */	
@media (min-width: 1280px) and (max-width: 1599px) {
#header{
	height: 86px;
}
	.header-upper{
		height: 54px;
	}
		.menu-icon {
			background-position: -118px -207px;
			background-size: 1404px auto;
			height: 10px;
			left: 25px;
			margin-top:-5px;
			width: 34px;
		}
		.open-menu .menu-icon {
			background-position: -129px -241px;
			background-size: 1412px auto;
			height: 20px;
			left: 25px;
			width: 21px;
		}
		.hamburger-icon.menu-icon{
			width:33px;
		}
		.hamburger-icon span:nth-child(2) {
			margin: 3px 0;
		}
		.open-menu .hamburger-icon.menu-icon {
			height: 17px;
			left: 10px;
			top: 7px;
			width: 16px;
		}
	.header-bottom{
		height: 32px;
	}
		.header-wrapper{
			max-width: 1280px;
		}
		.logo {
			top: 18px;
			width: 124px;
			height: 19px;
		}
		.book-now {
			height: 22px;
			right: 17px;
			top: 17px;
			width: 137px;
		}
		#navigation {
			padding: 6px 0 0;
		}
			#navigation ul li {
				padding: 0 32px 0 0;
			}
		.right-menu-wrapper {
			right: 4px;
			top: 2px;
			width: 25px;
		}
		.group .right-menu-wrapper:lang(es){
			width: 197px;
		}

		.group .right-menu-wrapper{
			width: 206px;
		}
			.right-menu-wrapper .border {
				margin: 0 0px;
				padding: 0px 6px;
			}

		.full-width-menu {
			top: 86px;
		}
			.menu-wrapper {
				height: calc(100% - 160px);
				margin: 74px 0 0;
				-max-height: 347px;
			}
				.menu-wrapper.group .menu-inner-wrapper.hasScroll,
				.group-only .menu-inner-wrapper.hasScroll{
					height: 255px;
				}
				.menu-wrapper.group .menu-title {
					padding-right: 164px;
				}
				.menu-wrapper.hotel .menu-title {
					padding-left: 136px;
				}
					.menu-wrapper.group .menu-inner-wrapper {
						padding: 35px 141px 0 0;
					}
					.menu-wrapper.hotel .menu-inner-wrapper {
						padding: 35px 0 0 148px;
					}
						.full-width-menu li {
							padding-bottom: 26px;
						}
						.sub-menu:after {
							top: 4px;
							left: -5px;
						}
						.group .sub-menu:after {
							left: 0;
						}
		.menu-wrapper.group-only {
			margin-top: 97px;
		}
			.group-only .menu-inner-wrapper {
				margin: 36px 0 0;
			}		
				.full-width-menu li {
					padding-bottom: 26px;
				}
					.sub-menu ul {
						margin: 27px 0 0 3px;
					}
						.sub-menu ul li {
							padding-bottom: 29px;
						}
						.sub-menu ul li:last-child {
							padding-bottom: 14px;
						}
						.group-only .sub-menu:after {
							left: -23px;
							top: 3px;
						}
.bm-popup {
	font-size: 85%;
	height: 85px;
	width: 260px;
}
	.bm-popup .success {
		margin-top: 0;
	}
	.bm-popup .btn {
		padding: 2px 10px 4px;
	}
/* BM */
.bm-open #header {
	height: 137px;
}
	.bm-open .header-bottom {
		height: 77px;
	}
		.booking-mask{
			height: 50px;
			top: 5px;
			width: 100vw;
			left: calc((100vw - 1280px) / -2);
		}
			.booking-mask-wrapper {
				max-width: calc(1090px - 142px);
			}
				.bm-label {
					left: 9px;
					padding-left: 34px;
					top: 18px;
				}
					.bm-close {
						/*left: 27px;
						top: 76px;*/
					}
					.bm-close:after {
						background-position: -144px -293px;
						background-size: 1600px auto;
						left: 0;
						top: -2px;
					}
				.booking-form-wrapper {
					margin: 0 0 0 40px;
					top: 14px;
				}
					#booking-form .portrait-wrapper > .booking-type {
						margin-right: 13px;
						width: 171px;
					}
					#booking-form .portrait-wrapper > .hotel {
						margin-right: 18px;
						width: 147px;
					}
					#booking-form .portrait-wrapper > .rooms,
					#booking-form .portrait-wrapper > .f-and-b {
						margin-right: 14px;
						width: 91px;
					}
					#booking-form .portrait-wrapper > .guests {
						margin-right: 15px;
						width: 91px;
					}
					.date,
					.date-out {
						height: 21px;
						width: 169px;
						padding: 0;
					}
					.date {
						margin-right: 17px;
					}
					.date-out {
						margin-right: 14px;
					}
					#booking-form .time {
						margin-right: 19px;
						width: 125px;
					}
					button.go,
					.table-book-link {
						height: 23px;
						width: 137px;
						position: relative;
						top: -2px;
					}
					#booking-form .book-now.table{
						width: 137px;
						height: 22px;
					}
					#booking-form .portrait-wrapper > .book-now {
						width: 210px;
					}
					#booking-form .portrait-wrapper > div:after {
						background-position: -384px -212px;
						background-size: 1412px auto;
						right: 11px;
						top: 7px;
					}
					#booking-form .portrait-wrapper > div.open:after {
						top: 6px;
					}
						.booking-form-wrapper .active-item,
						.booking-form-wrapper .rooms .select-box,
						.booking-form-wrapper .guests .select-box {
							height: 9px;
							overflow: hidden;
							padding: 6px 12px;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: calc(100% - 26px);
						}
						.date input,
						.date-out input {
							float: left;
							font-size: 0.55em;
							height: calc(100% - 4px);
							letter-spacing: 0.18em;
							padding: 2px 13px 2px;
						}
						.date input::-webkit-input-placeholder,
						.date-out input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
							line-height: 2em;
							opacity: 1;
						}
						.date input::-moz-placeholder,
						.date-out input::-moz-placeholder { /* Firefox 19+ */
							line-height: 2em;
							opacity: 1;
						}
						.date input:-ms-input-placeholder,
						.date-out input:-ms-input-placeholder { /* IE 10+ */
							line-height: 2em;
							opacity: 1;
						}
						.date input:-moz-placeholder,
						.date-out input:-moz-placeholder { /* Firefox 18- */
							line-height: 2em;
							opacity: 1;
						}
						.dropdown .options {
							padding: 9px 0 12px;
						}
						.rooms.dropdown .options {
							padding: 9px 4px;
							width: calc(100% - 10px);
						}
						.guests.dropdown .options {
							padding: 2px 4px;
							width: calc(100% - 10px);
						}
							.dropdown .ctrls-wrapper,
							.guests .ctrls-wrapper {
								padding: 7px 0;
								width: 100%;
							}
							.options > span {
								padding: 4px 0 2px 17px;
							}
							.ctrls-wrapper .ctrls{
								top: 2px;
							}
							.options .label{
								top: 0px;
							}
							.dropdown .options .count {
								padding: 3px 5px;
							}
	div.ui-widget-content {
		padding: 10px 3px 0;
		width: 162px;
		font-size: 0.5em;
		margin-top: 2px;
	}
		/* .ui-datepicker .ui-datepicker-title {
			line-height: 2.7em;
			top: 5px;
			position: relative;
		} */
		.ui-datepicker .ui-datepicker-header > a {
			top: 4px;
		}				

/* end of BM */

	.sub-title{
		margin: 14px 0 0;
	}
	.main-content {
		margin-top: 86px;
	}
	.bm-open .main-content{
		margin-top: 137px;
	}
		.content-wrapper {
			width: 1077px;
		}
			.blockCollection .overview-video {
				height: 435px;
			}
			.blockCollection .type_imageVideoItem .overview-video {
				height:605px;
			} 
			.arrow-down:after,
			.arrow-up:after {
				background-position: -385px -215px;
				background-size: 1412px auto;
			}
			.main-intro {
				margin: 32px auto;
				width: 650px;
			}
			
			/*slick*/
			.slick-slider .slick-arrow,
			.arrows-wrapper .slick-arrow {
				-ms-transform: translateY(-50%) scale(1,1); /* IE 9 */
				-webkit-transform: translateY(-50%) scale(1,1); /* Chrome, Safari, Opera */
				-o-transform: translateY(-50%) scale(1,1);
				-moz-transform: translateY(-50%) scale(1,1);
				transform: translateY(-50%) scale(1,1);
			}
			.slick-slider .slick-dots {
				margin-bottom: 9px;
			}
			.slick-slider .slick-dots li {
				margin: 0 5px;
				-ms-transform: scale(1,1);
				-webkit-transform: scale(1,1);
				transform: scale(1,1);
			}

/*.footer {
	height: 25px;
}*/
.footer {
	height: auto;
}
	.footer .hotels {
		left: 39px;
		top: 6px;
	}
	.header-wrapper .hotels {
		left: 48px;
		top: 25px;
	}
	.footer .hotels:after,
	.header-wrapper .hotels:after {
		background-position: -200px -248px;
		background-size: 1412px auto;
		left: -16px;
    	top: 3px;
	}
	.footer .hotels.open:after,
	.header-wrapper .hotels.open:after {
		top: 2px;
	}
	.slide-box .hotel-name {
		padding: 6px 0;
	}
	.slide-box {
		width: 100px;
	}
	.footer-logo {
		background-position: -444px -209px;
		background-size: 1412px auto;
		height: 40px;
		top: -57px;
		width: 32px;
	}
	.footer-menu {
		margin: 0 9px 0 0;
	}
	.newsletter,
	.footer-sep {
		padding: 0 25px;
	}
	.footer-sep:after,
	.footer-sep:before,
	.newsletter:before, 
	.newsletter:after {
		height: 10px;
	}
	.footer-sep:before,
	.newsletter:before {
		left: 10px;
		top: 2px;
	}
	.footer-sep:after,
	.newsletter:after {
		right: 11px;
		top: 2px;
	}
	.group .footer-sep:before {
	  background: none;
	}
	.newsletter,
	.footer-sep {
		padding: 0 25px;
	}
	.footer-menu a, 
	.newsletter, 
	.newsletter-label{
		line-height: 14px;
		height: 14px;
	}
	.footer-menu .newsletter > form {
		top: -1px;
	}
		.email-entry {
			line-height: 22px;
		}
		.email-entry > input {
			font-size: 1.4em;
		}
		.newsletter form .go{
			background-position: -2px 4px;
		}
			
/*vienna*/	
.landing .menu-wrapper.group .menu-title, 
.landing .menu-wrapper.group .menu-inner-wrapper
 {
	width:190px;
}


.upper.termsConditions, .upper.cookiePolicy {
  display: inline-block;
}
.newsletter {
  margin-left: -21px;
}
.footer-links.center {
    width: 70%;
    margin: 0 auto;
}

#page_cookie-policy .container.introContent.center  table ul {
	display: block;
}
#page_cookie-policy .container.introContent.center table p,
#page_cookie-policy .container.introContent.center a {
    word-break: break-word;
}

.hotel .enquire .book-now.event.btn.center.upper {
  margin-left: 63px;
}
.hotel .enquire .book-now.event.btn.center.upper {
  margin-left: 45px;
}

.header-logo {
	top: 20px;
	left: 25px;
	width: 22px;
	height: 30px;
}
	.header-logo .bg {
		background-position: -287px -134px;
		background-size: 913px auto;
	}
	.header-wrapper .slide-box{
		top:22px;
	}
	.header-wrapper .hotel-name.active{
		padding-right:15px;
	}
	.header-wrapper .hotels:after {
		background-position: -385px -215px;
		left: auto;
		top: 6px;
		right: 0;
	}
}

/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1279px) {
	.content-wrapper {
		width: 862px;
	}
#header {
	height: 69px;
}
.bm-open #header {
	height: 106px;
}
	.header-upper {
		height: 44px;
	}
		.menu-icon {
			background-position: -108px -188px;
			background-size: 1300px auto;
			left: 20px;
			width: 27px;
		}
		.open-menu .menu-icon {
			background-position: -211px -398px;
			left: 22px;
		}
		.logo {
			top: 14px;
			width:124px;
		}
		.book-now {
			height: 18px;
			right: 14px;
			top: 13px;
			width: 110px;
		}
	.header-bottom {
		height: 25px;
	}
	.bm-open .header-bottom {
		height: 68px;
	}
		#navigation {
			padding: 1px 0 0;
		}
			#navigation ul li {
				padding: 0 22px 0 0;
			}
		.right-menu-wrapper {
			right: 11px;
			top: -3px;
			width: 15px;
		}
		.group .right-menu-wrapper:lang(es){
			width: 156px;
		}

		.group .right-menu-wrapper{
			width: 206px;
		}
			.right-menu-wrapper .border {
				margin: 0 0px;
				padding: 0px 6px;
			}
			
	.hamburger-icon{
		margin-top:-3px;
		height:10px;
		display:none;
	}	
	.hamburger-icon span:nth-child(2) {
		margin: 3px 0;
	}
	.open-menu .hamburger-icon.menu-icon {
		height: 17px;
		left: 8px;
		top: 4px;
		width: 24px;
	}
	
	

	/* BM */
	.booking-mask {
		height: 39px;
	}
		.bm-label {
			left: 0;
			padding-left: 0;
			top: 15px;
		}
			.bm-close:after {
				background-position: -119px -240px;
				background-size: 1300px auto;
				left: 0;
			}
			.bm-close {
				left: 0;
				position: relative;
				top: 9px;
			}
			.touch-device .bm-close {
				top: 0px;
			}
		.booking-mask-wrapper {
			max-width: calc(890px - 130px);	
		}
		.hotel .booking-mask-wrapper {
			max-width: calc(885px - 130px);	
		}
		.booking-form-wrapper {
			margin: 0 0 0 25px;
			top: 10px;
		}
			#booking-form .portrait-wrapper > .booking-type {
				margin-right: 10px;
				width: 138px;
			}
			#booking-form .portrait-wrapper > .hotel,
			#booking-form .portrait-wrapper > .rooms,
			#booking-form .portrait-wrapper > .f-and-b,
			#booking-form .portrait-wrapper > .guests {
				margin-right: 10px;
			}
			#booking-form .portrait-wrapper > .hotel {
				width: 118px;
			}
			#booking-form .portrait-wrapper > .rooms,
			#booking-form .portrait-wrapper > .f-and-b {
				width: 80px;
			}
			#booking-form .portrait-wrapper > .guests {
				width: 80px;
			}
				.dropdown .options {
					padding: 8px 0 10px;
				}
					.options > span {
						padding: 3px 0 2px 15px;
					}
				.dropdown .ctrls-wrapper,
				.guests .ctrls-wrapper {
					padding: 1px 3px 6px;
					width: calc(100% - 8px);
				}
					.ctrls-wrapper .ctrls {
						background-size: 600px auto;
						position: relative;
						height: 9px;
    					width: 4px;
						top: 2px;
					}
						.ctrls-wrapper .ctrls.up {
							background-position: -63px -69px;
						}
						.ctrls-wrapper .ctrls.down {
							background-position: -48px -69px;
						}
					.options .label{
						top: 0;
					}
					.ctrls-wrapper .ctrls {
						top: 2px;
					}
					.dropdown .options .count {
						line-height: 1.5;
						padding: 2px 4px;
					}
			.date,
			.date-out {
				height: 14px;
				padding: 3px 0 0;
				width: 134px;
				margin-right: 10px;
			}
			#booking-form .time {
				margin-right: 10px;
				width: 134px;
			}
			button.go,
			.table-book-link{
				top: -5px;
			}
			.touch-device button.go{
				top: -3px;
			}
			.mail-booking.go {
				font-size: 0.45em;
				line-height: 21px;
			}
			#booking-form .book-now.table{
				top: 0;
			}
			button.go,
			#booking-form .book-now.table,
			.table-book-link{
				height: 18px;
				position: relative;
				right: 0;
				width: 110px;
			}
			:lang(es) #booking-form button.go{
				padding: 0 3px;
			}
				.booking-form-wrapper .active-item, 
				.booking-form-wrapper .rooms .select-box, 
				.booking-form-wrapper .guests .select-box {
					height: 17px;
					padding: 0 10px;
					width: calc(100% - 22px);
				}
				#booking-form .portrait-wrapper > div:after {
					background-position: -355px -197px;
					background-size: 1300px auto;
					height: 5px;
					right: 10px;
					top: 7px;
					width: 5px;
				}
				#booking-form .portrait-wrapper > div.open::after {
					right: 10px;
					top: 6px;
				}
				.date input, .date-out input {
					float: left;
					padding: 0 10px;
					position: relative;
					top: -1px;
					width: calc(100% - 20px);
				}
					div.ui-widget-content {
						font-size: 0.8em;
						margin-top: 2px;
						padding: 6px 3px 0;
						width: 127px;
					}
						div.ui-datepicker .ui-datepicker-title {
							padding: 8px 0 0 5px;
						}
						.ui-datepicker .ui-datepicker-header > a {
							background-position: -95px -105px;
							height: 9px;
							top: 12px;
						}
						.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev {
							background-position: -67px -105px;
						}
	.bm-popup {
		font-size: 80%;
		height: 70px;
		padding: 15px 18px 25px;
		width: 240px;
	}
		.bm-popup .success {
			margin-top: -1px;
		}
	/* end of BM */

.full-width-menu {
	top: 69px;
	height: calc(100vh - 90px);
}
	.menu-wrapper.group-only {
		margin-top: 75px;
	}
	.menu-wrapper.group .menu-inner-wrapper,
	.group-only .menu-inner-wrapper{
		height: auto;
	}
		.full-width-menu li {
			padding-bottom: 30px;
		}
			.sub-menu ul {
				margin: 35px 0 0 -8px;
			}
				.sub-menu ul li {
					padding-bottom: 30px;
				}

	.menu-wrapper {
		margin: 50px 0 0;
		height: calc(100% - 220px);
	}
		.menu-wrapper.hotel .menu-title,
		.menu-wrapper.group .menu-title {
			padding: 0;
			text-align: center;
			font-size: 1.8em;
		}
		.menu-wrapper.group .menu-inner-wrapper {
			padding: 40px 0 0;
			width: 100%;
		}
		.menu-wrapper.hotel .menu-inner-wrapper {
			padding: 40px 0 0;
			width: 100%;
		}
		.sub-menu:after {
			height: 9px;
			left: 140px;
			top: 3px;
		}


.main-content,
.bm-open .main-content{
	margin-top: 106px;
}

	.arrow-down:after,
	.arrow-up:after {
		background-position: -382px -213px;
		background-size: 1400px auto;
		height: 4px;
		width: 7px;
	}
	.sub-title {
		margin: 13px 0 0;
	}
	.main-intro {
		margin: 24px auto 22px;
		width: 600px;
	}
	
.blockCollection .type_imageVideoItem .overview-video {
    height: 485px;
}
	
	/*slick*/
	.slick-slider .slick-arrow,
	.arrows-wrapper .slick-arrow {
		-ms-transform: translateY(-50%) scale(0.8,0.8); /* IE 9 */
		-webkit-transform: translateY(-50%) scale(0.8,0.8); /* Chrome, Safari, Opera */
		-o-transform: translateY(-50%) scale(0.8,0.8);
		-moz-transform: translateY(-50%) scale(0.8,0.8);
		transform: translateY(-50%) scale(0.8,0.8);
	}
	.slick-slider .slick-dots {
		margin-bottom: 6px;
	}
	.slick-slider .slick-dots li {
		margin: 0 5px;
		-ms-transform: scale(0.8,0.8);
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
	}

.blockCollection .overview-video {
	height: 325px;
}


.footer {
	/*height: 24px;*/
	height: auto;
	margin-top: 62px;
}
	.footer-logo {
		background-position: -377px -177px;
		background-size: 1200px auto;
		height: 40px;
		top: -47px;
		width: 31px;
	}
	.footer .hotels {
		left: 31px;
		top: 7px;
		display: none;
	}
	.header-wrapper .hotels {
		left: 49px;
		top: 18px;
	}
	.footer .hotels:after,
	.header-wrapper .hotels:after {
		background-position: -170px -211px;
		background-size: 1200px auto;
		height: 6px;
		left: -18px;
		top: 1px;
		width: 6px;
	}
	.footer .hotels.open:after,
	.header-wrapper .hotels.open:after {
		top: 1px;
	}
	.slide-box {
		bottom: 20px;
		width: 75px;
	}
	.header-wrapper .hotels .active-wrapper {
		min-width: 95px;
	}
		.slide-box .hotel-name {
			padding: 6px 0;
		}
	.footer-menu {
		margin: 0 auto;
		line-height: 34px;
	}
		.footer-menu a,
		.newsletter,
		.newsletter-label {
			line-height: 20px;
		}
		.newsletter,
		.footer-sep{
			padding: 0 20px;
		}
		.newsletter,
		.footer-sep,
		.footer-menu a {
			height: 22px;
		}
		.footer-sep:after,
		.footer-sep:before,
		.newsletter:before,
		.newsletter:after {
			height: 7px;
		}
		.footer-sep:before,
		.newsletter:before {
			left: 8px;
			top: 7px;
		}
		.footer-sep:after,
		.newsletter:after {
			right: 8px;
			top: 5px;
		}
		.group .footer-sep:before {
		  background: none;
		}
		.footer-menu .newsletter > form {
			top: -4px;
		}
		.footer-menu .newsletter.active > form{
			width: 240px;
		}

			.email-entry {
				line-height: 22px;
			}
			.email-entry > input {
				font-size: 1.3em;
			}
			.newsletter form .go {
				background-position: -2px 7px;
			
			}
		.copyright {
			right: 79px;
			line-height: 24px;
		}
/*vienna*/	
.landing .menu-wrapper.group .menu-title, 
.landing .menu-wrapper.group .menu-inner-wrapper {
	width:512px;
}
.newsletter {
  margin-left: -21px;
}

#page_cookie-policy .container.introContent.center  table ul {
	display: block;
}
#page_cookie-policy .container.introContent.center table p,
#page_cookie-policy .container.introContent.center a {
    word-break: break-word;
}
.enquiry-popup-iframe,
.enquiry-popup {
  /* height: 468px; */
  height: 755px;
}
.active-enquiry-popup .enquiry-popup{
	margin-top:100px;
}

.header-logo {
	top: 14px;
	left: 28px;
	width: 18px;
	height: 20px;
}
	.header-logo .bg {
		background-position: -189px -88px;
		background-size: 608px auto;
	}
	.header-wrapper .slide-box{
		top:16px;
	}
	.header-wrapper .hotel-name.active{
		padding-right:10px;
	}
	.header-wrapper .hotels:after {
		background-position: -326px -181px;
		left: auto;
		top: 3px;
		right: 0;
	}
	
	.lang-dropdown {
		top: 27px;
	}
	div#languages .active.has-submenu {
		background: none;
	}
	div#languages .active.has-submenu::after {
		top: 13px;
	}

}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	.content-wrapper {
		width:646px;
	} 
	
#header { 
	height: 51px; 
}
	.header-upper {
		height: 32px;
	}
		.header-wrapper {
			max-width: 768px;
		}
			.header-logo {
				top: 10px;
				left: 18px;
				width: 18px;
				height: 20px;
			}
				.header-logo .bg {
					background-position: -193px -91px;
					background-size: 618px auto;
				}
		.hamburger-icon{
			display:none;
		}
			.menu-icon {
				background-position: -108px -188px;
				background-size: 1300px auto;
				height: 16px;
				left: 20px;
				width: 27px;
				margin-top:-8px;
			}
			.hamburger-icon{
				margin-top:-4px;
			}
			.hamburger-icon span:nth-child(2) {
				margin: 3px 0;
			}
			.open-menu .hamburger-icon span:nth-child(1) {
				margin: 8px 0 0;
			}
			.open-menu .hamburger-icon span:nth-child(2) {
				margin: 9px 0;
			}
			.open-menu .hamburger-icon.menu-icon {
				left: 16px;
				top: 12px;
				height:20px;
				width:26px;
			}
			.bm-close::after {
				background-position: -213px -428px;
			}
			.bm-close {
				/*left: 0;
				position: static;
				top: 0;*/
			}
			.bm-open div#languages .active.has-submenu::after {
				background-position: -490px -299px;
			}
			.bm-open div#languages li{
				background-color: #000;
			}
			.logo {
				top: 10px;
				width: 98px;
			}
			.book-now {
				font-size: 0.5em;
				height: 18px;
				line-height: 2;
				right: 14px;
				top: 8px;
				width: 110px;
			}
			.date, .date-out{
				padding:0;
				height:34px;
			}

	.header-bottom {
		height: 22px;
	}
		#navigation {
			font-size: 0.5em;
			padding: 3px 0 0;
		}
			#navigation ul li {
				padding: 0 15px 0 0;
			}
			#navigation ul li.last {
				padding: 0;
			}
		.right-menu-wrapper {
			font-size: 0.5em;
			right: 14px;
			top: 2px;
			width: 12px;
		}
		.lang-dropdown {
			top: 16px;
		}
		.group .right-menu-wrapper:lang(es),
		.group .right-menu-wrapper{
			width: 154px;
		}
		div#languages .active.has-submenu {
				padding: 3px 6px 0 10px;
			}
			.right-menu-wrapper .border {
				padding: 0px 8px;
			}

.full-width-menu {
	height: calc(100vh - 150px);
	top: 92px;
}
	.menu-wrapper.group-only {
		margin-top: 75px;
	}
	.menu-wrapper.group .menu-inner-wrapper,
	.group-only .menu-inner-wrapper{
		height: auto;
	}
		.full-width-menu li {
			padding-bottom: 35px;
		}
			.sub-menu ul {
				margin: 35px 0 0 -8px;
			}
				.sub-menu ul li {
					padding-bottom: 30px;
				}
	.menu-wrapper {
		margin: 80px 0 0;
	}
		.menu-wrapper.hotel .menu-title,
		.menu-wrapper.group .menu-title {
			padding: 0;
			text-align: center;
			font-size: 1.8em;
		}
		.menu-wrapper.group .menu-inner-wrapper {
			padding: 53px 0 0;
			width: 100%;
		}
		.menu-wrapper.hotel .menu-inner-wrapper {
			padding: 53px 0 0;
			width: 100%;
		}
		.sub-menu:after {
			height: 9px;
			left: 85px;
			top: 4px;
		}
.holder{
	min-height: calc(100vh - 200px);
}
.main-content {
	margin-top: 92px; 
}
	.arrow-down:after,
	.arrow-up:after {
		background-position: -382px -213px;
		background-size: 1400px auto;
		height: 4px;
		width: 7px;
	}
	.sub-title {
		margin: 13px 0 0;
	}
	.main-intro {
		margin: 24px auto 22px;
		width: 500px;
	}
	.blockCollection .type_imageVideoItem .overview-video {
		height: 363px;
	}

	/*slick*/
	.slick-slider .slick-arrow,
	.arrows-wrapper .slick-arrow {
		-ms-transform: translateY(-50%) scale(0.6,0.6); /* IE 9 */
		-webkit-transform: translateY(-50%) scale(0.6,0.6); /* Chrome, Safari, Opera */
		-o-transform: translateY(-50%) scale(0.6,0.6);
		-moz-transform: translateY(-50%) scale(0.6,0.6);
		transform: translateY(-50%) scale(0.6,0.6);
	}
	.slick-slider .slick-dots {
		margin-bottom: 2px;
	}
	.slick-slider .slick-dots li {
		margin: 0 5px;
		-ms-transform: scale(0.8,0.8);
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
	}

	/* BM */
	.bm-open .booking-mask{
		height: 100%;
		position: fixed;
		width: 100%;
	}
		.booking-mask-wrapper {
			height: auto;
			width: 80%;
			top: 0;
			transform: translateX(-50%);
			position: absolute;
			left: 50%;
			margin-top: 25px;
		}
		.bm-label {
			left: 50%;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			width: calc(100% - 55px);
			top: 0;
			text-align: center; 
		}
		.booking-form-wrapper {
			margin: 0;
			top: 50px;
		}
			.portrait-wrapper {
				float: left;
				margin-top: 25px;
				width: 100%;
				height: 35px;
			}
			.enquire .portrait-wrapper:nth-child(3) {
				display: none;
			}
				
				#booking-form .portrait-wrapper > .hotel,
				#booking-form .portrait-wrapper > .rooms, 
				#booking-form .portrait-wrapper > .f-and-b,
				#booking-form .portrait-wrapper > .guests,
				#booking-form .time{
					width: calc(50% - 15px);
				}
				#booking-form .portrait-wrapper > .booking-type{
					width: 100%;
				}
				.hotel #booking-form .portrait-wrapper > .booking-type{
					width: 100%;
				}
				#booking-form .portrait-wrapper > .booking-type,
				#booking-form .portrait-wrapper > .guests, 
				#booking-form .portrait-wrapper > .f-and-b,
				.date {
					margin-right: 15px;	
				}

				#booking-form .portrait-wrapper > .hotel,
				#booking-form .portrait-wrapper > .rooms,
				.date-out,
				#booking-form .time {
					margin-left: 15px;
					margin-right: 0;
				}
				.date, 
				.date-out{
					width: calc(50% - 17px);
				}
					.dropdown .options{
						z-index: 1;
					}
					.dropdown .options .count {
						padding: 3px 6px 2px;
					}
					.options .label{
						top: 1px;
					}
					.ctrls-wrapper .ctrls {
						top: 2px;
					}
				button.go,
				#booking-form .book-now,
				.table-book-link{
					left: 50%;
					margin: 25px auto;
					position: relative;
					transform: translateX(-50%);
				}
				.mail-booking.go {
					font-size: 0.95em;
					line-height: 35px;
					letter-spacing: 0.15em;
				}
				#booking-form .book-now {
					font-size: 0.9em;
					line-height: 2.8;
					top: 0;
					height: 35px;
				}
	.bm-popup-wrapper {
		font-size: 0.8em;
	}
		.bm-popup {
			height: 90px;
			width: 285px;
		}
		.bm-popup .success {
			margin-top: 8px;
		}
	/* end of BM */

/*.footer {
	height: 62px;
}*/
.footer {
  height: auto;
}
	.footer-wrapper {
		max-width: 768px;
	}
		.footer-logo {
			background-position: -409px -192px;
			background-size: 1300px auto;
			height: 37px;
			top: -60px;
			width: 30px;
		}
		.slide-box {
			bottom: 28px;
		}
		.footer .hotels{
			left: 40px;
			top: 9px;
		}
		.header-wrapper .hotels {
			left: 40px;
			top: 13px;
		}
		.footer .hotels:after,
		.header-wrapper .hotels:after {
			background-position: -170px -211px;
			background-size: 1200px auto;
			left: -18px;
  			top: 1px;
  			height: 6px;
			width: 6px;
		}
		.header-wrapper .hotels:after {
			background-position: -326px -181px;
			left: 90px;
			top: 2px!important;
		}
		.slide-box{
			width: 75px;
		}
		.slide-box .hotel-name {
			padding: 6px 0;
		}
		.footer-menu {
			margin: 0px auto 0;
			line-height: 25px;
		}
		.footer .copyright {
			line-height: 23px;
			margin-top: 2px;
		}
		/*.copyright {
			left: 50%;
			right: auto;
			top: 35px;
			transform: translateX(-50%);
			line-height: normal;
		}*/
		.footer-sep:after,
		.footer-sep:before,
		.newsletter:before, 
		.newsletter:after {
			height: 11px;
			top: 6px;
		}
		.footer-menu a ,
		.newsletter-label,
		.newsletter {
			line-height: 24px;
		}
		.group .footer-sep:before {
		  background: none;
		}
		.footer-menu .newsletter > form {
			top: 0;
		}
		.footer-menu .newsletter.active > form {
			width: 255px;
		}
		.footer .hotels {
			display: none;
		}
			.email-entry {
				line-height: 22px;
			}
			.email-entry > input {
				font-size: 1.2em;
			}
			.newsletter form .go{
				background-position: -2px 4px;
			}
			.newsletter, .footer-sep{
				padding: 0 28px;
			}
			.connect-with-us {
				margin-top: 7px;
			}
			.social-media {
				background-size: 2000px auto;
				margin: 0px 2px 0 0;
			}
			.social-media.facebook {
				background-position: -757px -232px;
			}
			.social-media.twitter {
				background-position: -790px -234px;
			}
			.social-media.instagram {
				background-position: -822px -235px;
			}

.blockCollection .overview-video{
	height: 250px;
}

/*vienna*/	
.landing .menu-wrapper.group .menu-title, 
.landing .menu-wrapper.group .menu-inner-wrapper {
	width:384px;
}

.footer-links.center {
  margin: 0 auto;
  width: 75%;
}
.newsletter {
  margin-left: -33px;
}
.hotel .footer-links.center {
  margin: 0 auto;
  width: 90%;
}

#page_cookie-policy .container.introContent.center  table ul {
	display: block;
}
#page_cookie-policy .container.introContent.center table p,
#page_cookie-policy .container.introContent.center a {
    word-break: break-word;
}
.hotel-enquiry.dropdown {
	margin-top: 15px;
	width: 100%;
}
.enquiry-popup-iframe,
.enquiry-popup {
  /* height: 468px; */
  height: 755px;
}
.active-enquiry-popup .enquiry-popup {
	margin: 0 auto 50px;
}
div#languages .active.has-submenu::after {
		top: 5px;
	}
	
	.connect-with-us {
		margin-top: 16px;
		margin-bottom: 10px;
	}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
.hotel .menu-wrapper.hotel,
.group .menu-wrapper.group-only,
.map-wrapper,
.hide-mobile,
.landing .menu-wrapper.mobile-only,
.mobile-newsletter form{
	display: none;
}
.full-width-menu .splash-hotel > a {
	color: #484848;
}
.table .mobile-only {
  display: none;
}
.table .hasDatepicker {
  text-align: center;
}
.table .ui-widget-content {
  width: 80%;
}
.table .portrait-wrapper.date-select .date {
  margin-bottom: 23px;
  width: 100%;
}
/* .group .menu-wrapper.mobile-only.hotel{
	pointer-events: none;
} */
	.holder{
		float: left;
	}
	.mobile-only,
	.newsletter .email-entry,
	.newsletter form .go,
	.landing .menu-wrapper.hotel-titles,
	#booking-form.table .time {
		display: block;
	}
	
	.desktop-only,
	.footer .hotels,
	.header-wrapper .hotels,
	.header-logo,
	.header-upper .book-now,
	.header-bottom,
	.menu-items,
	.full-width-menu .group-only li.sub-menu,
	.newsletter:before,
	.newsletter:after,
	.menu-inner-wrapper .sub-menu{
		display: none;
	}
	.footer .footer-logo{
		top: -80px;
		background-size: 1490px auto;
		background-position: -460px -214px;
	}
#header {
	height: 48px;
}
.open-menu #header{
	z-index: 101;
}
	.header-upper {
		height: 47px;
	}
		.header-wrapper {
			max-width: 320px;
		}
			.menu-icon {
				background-position: -184px -320px;
				background-size: 2170px auto;
				height: 14px;
				left: 21px;
				width: 18px;
			}
			.logo {
				top: 16px;
				width: 106px;
			}
	.full-width-menu {
		background: #fff;
		height: calc(100vh - 86px);
		top: 48px;
		overflow-y: scroll;
	}
		.open-menu .menu-icon {
			background-position: -211px -396px;
			background-size: 2305px auto;
			height: 17px;
			left: 19px;
			width: 20px;
		}
		.menu-wrapper {
			margin: 17px auto 0;
			width: 282px;
			height: auto;
		}
			.accordion-title {
				margin-bottom: 28px;
				padding-bottom: 22px;
				cursor: pointer;
			}


			.accordion-title.active.arrow-up::after {
			    bottom: -11px;
			    transform: rotate(0deg);
			}

		.menu-wrapper.group-only {
			margin-top: 60px;
		}
			.group-only .menu-title {
				margin: 0 0 13px;
				font-size: 0.55em;
			}
			.full-width-menu li,
			.group-only .menu-title {
				letter-spacing: 0.11em;
			}
			.group-only .menu-inner-wrapper {
				margin: 10px 0 0;
			}
				.full-width-menu li {
					padding-bottom: 18px;
					font-size: 0.8125em;
					text-align: center;
					letter-spacing: 0.133em
				}	

			.full-width-menu .menu-wrapper.group-only li{
				font-size: 0.55em;
			}
			
				.page_about .about,
				.page_brand .brand,
				.page_news-and-press .page_news-and-press,
				.page_moments .moments,
				.page_contsct .contact,
				.page_home.group .menu-wrapper.mobile-only .group{
					pointer-events: none;
				}
		.full-width-menu .footer-logo {
			background-position: -314px -147px;
			background-size: 1000px auto;
			height: 29px;
			top: -50px;
			width: 24px;
		}
		.full-width-menu .group-only li.mobile-only {
			display: table;
		}

		.menu-wrapper.group{
			display: none;
		}
		.menu-wrapper.hotel{
			width: 100%;
			max-width: 320px;
			margin: 17px auto 0;
			float: none;
		}
		.landing .menu-wrapper.group{
			display: block;
		}
		.menu-wrapper.hotel .menu-title,
		.landing .menu-wrapper.group .menu-title {
			font-size: 0.75em;
			letter-spacing: 0.14em;
			padding: 0 0 20px;
			text-align: center;
			border-bottom: 1px solid #bebebe;
    		position: relative;
		}

		.menu-wrapper.hotel .menu-inner-wrapper,
		.menu-wrapper.group .menu-inner-wrapper{
			float: none;
			padding: 14px 0 0;
		}

		.full-width-menu .hotel .footer-logo{
			position: relative;
			top: 15px;
		}
		.mobile-only.hotel-titles {
			margin: 60px 0 0;
			font-size: 0.8em;
		}
		.hotel-titles .hotel-name,
		.hotel-titles .year{
			display: block;
		}
		
		.hotel-name.active {
			left:0;
		}
		.hotel-titles .splash-hotel {
			margin-bottom: 19px;
		}
		.barcelona .hotel-titles .barcelona,
		.vienna .hotel-titles .vienna,
		.budapest .hotel-titles .budapest,
		.prague .hotel-titles .prague {
			color: #888888;
		}

/* BM */
.bm-open #header {
	height: 100vh;
	background-color:#000;
}
.bm-open #header .header-upper{
	background-color:#ffffff;
}
	.bm-open .header-bottom{
		display: block;
	}
		.header-upper .book-now{
			display: none !important;
		}
		.booking-mask-wrapper .bm-close {
			/*left: auto;
			position: fixed;
			right: 50px;
			top: 15px;*/
		}
		.booking-mask,
		.bm-open .header-bottom {
			height: 100vh;
			overflow: scroll;
		}
			.booking-mask-wrapper {
				max-width: 320px;
				background-color:#000;
			}
				.bm-label {
					text-align: center;
					top: 31px;
					width: 100%;
					padding: 0;
					left: 0;
				}
				.booking-form-wrapper {
					margin: 0;
					top: 75px;
				}
					#booking-form .portrait-wrapper > .booking-type,
					#booking-form .portrait-wrapper > .hotel,
					#booking-form.table .time {
						width: 100%;
					}
					#booking-form .portrait-wrapper > .rooms, 
					#booking-form .portrait-wrapper > .f-and-b,
					#booking-form .time {
						width: 150px;
					}
					#booking-form .portrait-wrapper > .guests {
						margin-right: 0;
						width: 150px;
					}
					.date,
					#booking-form .portrait-wrapper > .rooms,
					#booking-form .portrait-wrapper > .f-and-b {
						margin: 0 20px 0 0;
					}
					.date,
					.date-out {
						width: 148px;
					}
					#booking-form .portrait-wrapper > .booking-type,
					#booking-form .portrait-wrapper > .hotel,
					.date-out,
					#booking-form .portrait-wrapper > .guests,
					#booking-form .time {
						margin: 0;
					}
					.options,
					.select-box,
					.date,
					.date-out{
						border: none;
					}
					button.go,
					.table-book-link,					
					#booking-form .book-now {
						left: 50%;
						position: relative;
						transform: translateX(-50%);
						margin: 30px 0;
						float: none;
						margin-bottom: 300px;
					}
					.mail-booking.go {
						font-size: 0.95em;
						line-height: 34px;
					}
					.hotel .options > span:hover,
					.booking-type .options > span:hover,
					.f-and-b .options > span:hover,
					.time .options > span:hover {
						background-color: #000;
						color: #fff;
					}
					.rooms .options > span,
					.rooms .options > span:hover{
						background-color: #fff;
						color: #000;
					}
					.booking-type .options > span{
						border: 1px solid #000;
					}
					.booking-type .options > span:last-child,
					.enquire .booking-type .options > span.table{
						border-bottom: 1px solid #000;
						border-top: none;
					}
					.rooms .options > span{
						border: none;
					}
					#booking-form .portrait-wrapper .dropdown,
					.portrait-wrapper{
						height: 33px;
					}
					.portrait-wrapper.date-select{
						height:21px;
					}
					.enquire .portrait-wrapper.date-select{
						height:33px;
					}
					.portrait-wrapper {
						width: 100%;
					}
					#booking-form .portrait-wrapper .dropdown{
						margin-bottom: 20px;
						width: 100%;
					}
					#booking-form .portrait-wrapper .rooms.dropdown,
					#booking-form .portrait-wrapper .f-and-b.dropdown,
					#booking-form .portrait-wrapper .guests.dropdown{
						text-align: left;
					}
					#booking-form .portrait-wrapper .dropdown,
					#booking-form .portrait-wrapper .rooms.dropdown .select-box,
					#booking-form .portrait-wrapper .f-and-b.dropdown .select-box,
					#booking-form .portrait-wrapper .guests.dropdown .select-box{
						text-align: center;
					}
					#booking-form .dropdown {
						background-color: #fff;
					}
					.dropdown .options {
						z-index: 1;
						background-color: #fff;
					}
					
					.dropdown .options .count:hover{
						background-color: #d8d8d8;
					}
					.dropdown .options .count {
						padding: 4px 5px 1px 7px;
					}
					.time .options span {
						padding: 4px 0 3px;
					}
					.time.dropdown .options {
						height: 214px;
						overflow-y: scroll;
					}
					
	.bm-open #branding {
		width: 24px;
	}
		.bm-open #branding img {
			display:none;
		}
		.bm-open #branding a:after,
		.page_home.bm-open #branding:after {
			position: absolute;
			content:"";
			background-position: -314px -147px;
			background-size: 1000px auto;
			height: 29px;
			top: -10px;
			width: 24px;
			display: block;
			-ms-transform: scale(1.2,1.2);
			-webkit-transform: scale(1.2,1.2);
			-moz-transform: scale(1.2,1.2);
			-o-transform: scale(1.2,1.2);
			transform: scale(1.2,1.2);
		}
		.mobile-calendar .ui-datepicker{
			width: 100%;
			box-sizing:border-box;
		}
			.mobile-wrapper td.ui-state-disabled,
			.mobile-wrapper .ui-widget-content td.ui-state-disabled,
			.mobile-wrapper .ui-widget-header td.ui-state-disabled {
				opacity: 0.3;
			}
			.mobile-wrapper div.ui-datepicker td span,
			.mobile-wrapper div.ui-datepicker td a {
				padding: 0.25em 0.2em 0.25em;
			}
			.dp-highlight a.ui-state-default {
				background: #000 none repeat scroll 0 0;
				color: #fff;
			}
			.mobile-dates,
			.date-select .date,
			.date-select .date-out{
				display: none;
			}
			.mobile-wrapper {
				margin-bottom: 21px;
			}	
/* end of BM */
.open-menu .scrollify-sction,
.bm-open .scrollify-sction {
  display: none;
}
.main-content {
	margin-top: 50px;
}
	.content-wrapper {
		width:303px;
	}
	
.blockCollection .type_imageVideoItem .overview-video {
	height: 170px;
}
	/*slick*/
	/*white arrow*/
	.slick-slider .slick-arrow,
	.arrows-wrapper .slick-arrow	{
		background-position: -370px -488px;
		width: 22px;
		height: 22px;
	}
	.slick-slider .slick-prev,
	.arrows-wrapper .slick-prev	 {
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
		-ms-transform-origin: right bottom 0; /* IE 9 */
		-webkit-transform-origin: right bottom 0; /* Chrome, Safari, Opera */
		transform-origin: right bottom 0;
	}
	.slick-slider .slick-next,
	.arrows-wrapper .slick-next	 {
		-ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		transform: rotate(-90deg);
		-ms-transform-origin: left bottom 0; /* IE 9 */
		-webkit-transform-origin: left bottom 0; /* Chrome, Safari, Opera */
		transform-origin: left bottom 0;
	}
	/**/
	.slick-slider .slick-dots {
		margin: 2px auto 0;
		padding-left: 0;
		width: 75%;
		overflow: hidden;
		height: 20px;
	}
	.slick-slider .slick-dots li {
		margin: 0 6px;		
		-ms-transform: scale(1.1,1.1);
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}

.sticky-section {
	background-color: #000;
	bottom: 277px;
	height: 35px;
	position: absolute;
	width: 100%;
	z-index: 110;
	display: none;
}
.landing  .sticky-section {
	display: none;
}
.enabled-cookieBar .sticky-section {
	bottom: 38px;
}
.stick .sticky-section {
	position: relative;
	float: left;
	margin-top: 60px;
}
.stick #footer{
	margin-top: 0;
}
	.sticky-wrapper{
		position: relative;
		width: 100%;
		height: 100%;
		max-width: 320px;
		margin: 0 auto;
	}
		.sticky-wrapper .slide-box {
			background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
			bottom: 35px;
			left: 0;
			max-height: 0;
			width: 100%;
			position: fixed;
		}
		.sticky-wrapper .hotels.open .slide-box{
			height: auto;
			max-height: 155px;
		}
			.box-wrapper-mobile {
				display: flex;
				flex-flow: row wrap;
				height: auto;
				margin: 0 auto;
				max-width: 320px;
				width: 100%;
			}
			.sticky-wrapper .active-wrapper {
				cursor: pointer;
				display: block;
				height: 8px;
				left: 15px;
				position: absolute;
				top: 11px;
				width: 9px;
			}
			.active-wrapper:after {
				background-position: -255px -318px;
				background-size: 1800px auto;
				content: "";
				height: 100%;
				left: 0;
				pointer-events: none;
				position: absolute;
				top: 0;
				width: 100%;
			}
			.sticky-wrapper .open .active-wrapper:after {
				transform: rotate(-180deg);
			}
			.sticky-wrapper .hotel-name{
				width: 52%;
				font-size: 0.55em;
				padding: 8px 0 8px 15px;
			}
			.sticky-wrapper .active-wrapper .hotel-name{
				display: none;
			}
		.sticky-section .book-now {
			left: auto;
			margin: 0 auto;
			right: auto;
			top: 0;
			letter-spacing: 0.18em;
    		line-height: 2;
    		font-size: 0.95em;
    		display: none;
		}
		.sticky-section .book-now:hover{
			background-color: #000;
			color: #fff;
		}
		.footer-icon{
			background-image: url(http://almanac.devsite-1.com/fullsite/templates/main/images/footer-icon.png);
			background-repeat: no-repeat;
			cursor: pointer;
			height: 20px;
			position: absolute;
			width: 20px;
			top: 7px;
		}
		.footer-icon.location {
			background-position: 0 0;
			right: 46px;
		}
		.footer-icon.tel {
			background-position: -34px 0;
			right: 16px;
		}
			.footer-icon a{
				display: block;
				width: 100%;
				height: 100%
			}
.footer {
	height: auto;
	min-height: 130px;
	border-top: 1px solid #2d2d2d;
	float: left;
	margin-top: 20px;
	margin-bottom: 35px;
	padding-bottom: 30px;
}

.hotel .footer{
	margin-top: 100px;
}
	.footer-wrapper {
		height: 100%;
		max-width: 320px;
		min-height: 169px;
	}
		.footer-links {
			font-size: 0.55em;
		}
			.footer-menu {
				margin: 10px auto 0;
				line-height: normal;
				font-size: 0.9em;
			}
				.group .privacyPolicy.footer-sep:after,
				.hotel .termsConditions.footer-sep:after{
					display: none;
				}
				.footer-menu a{
					line-height: 19px;
				}
				.newsletter, .footer-sep {
					padding: 0 10px;
				}
				.footer-sep:after,
				.footer-sep:before {
					height: 6px;
					top: 5px;
					background-color: #979797;
				}
				.group .footer-sep:before {
				  background: none;
				}
				.footer-sep:before {
					left: 2px;
				}
				.footer-sep:after{
					right: 3px;
				}
				.sitemap.footer-sep {
					padding: 0 10px;
				}
				.sitemap.footer-sep:before {
					display:block;
				}
	.mobile-newsletter .newsletter {
		width: 287px;
		height: auto;
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
	.mobile-newsletter .newsletter-label {
		font-size: 0.55em;
	}
		.newsletter > form {
			margin: 14px 0 0;
		}
		.newsletter-label {
			cursor: pointer;
			font-size: 0.7em;
			letter-spacing: 0.08em;
			position: relative;
		}
		.email-entry {
			line-height: 24px;
		}
		.email-entry > input{
			border: 1px solid #2d2d2d;
			height: 19px;
			position: relative;
			top: -1px;
			width: calc(100% - 12px);
			font-size: 0.55em;
			text-align: center;
		}
		.email-entry > input::-webkit-input-placeholder{
			color: #fff;
			opacity: 1;
			text-align: center;
		}
		.email-entry > input::-moz-placeholder{
			color: #fff;
			opacity: 1;
			text-align: center;
		}
		.email-entry > input:-ms-input-placeholder{
			color: #fff;
			opacity: 1;
			text-align: center;
		}
		.email-entry > input:-moz-placeholder{
			color: #fff;
			opacity: 1;
			text-align: center;
		}
		.newsletter form .go {
			background: #fff;
			height: 19px;
			margin: 9px auto 0;
			width: 67px;
			text-indent: 0;
		    text-transform: uppercase;
		    color: #000;
		    font-size: 0.5em;
		}
	.footer .connect-with-us,
	.footer .copyright {
		font-size: 0.5em;
	}
	.connect-with-us {
		margin-top: 22px;
	}
	.footer .footer-smo {
		-ms-transform: scale(0.8,0.8);
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
	}
	.social-media {
		margin: 2px 10px 0 0;
	}
	.footer .copyright{
		color: #979797;
		line-height: normal;
	}
	.landing .menu-wrapper.hotel{
		display: block;
		float: left;
		width: 100%;
		max-width: 100%;
	}
	.landing .menu-wrapper.hotel-titles{
		width: 100%;
	}
	.menu-wrapper.group .menu-inner-wrapper{
		height: auto;
	}
	.landing .menu-wrapper.hotel .menu-title,
	.landing .menu-wrapper.hotel .menu-inner-wrapper {
		display: none;
	}
	#page_about .main-intro{
		margin: 46px auto 58px !important;
	}
	#page_contact .map-wrapper {
		display: block;
	}
	.bm-open .sticky-section.mobile-only{
		display:none;
	}
	
	.open-menu .hamburger-icon.menu-icon {
		height: 17px;
		left: 4px;
		top: 6px;
		width: 24px;
	}
.footer-sep::after, .newsletter::after {
  top: 6px;
}
.upper.sitemap.footer-sep {
  padding-left: 0;
}


#page_cookie-policy .container.introContent.center  table ul {
	display: block;
}
#page_cookie-policy .container.introContent.center table p,
#page_cookie-policy .container.introContent.center a {
    word-break: break-word;
}
.enquiry-popup{
  width: 78%;
}
.active-enquiry-popup .enquiry-popup{
	margin-top:150px;
}

.table-popup-iframe {
  height: 340px;
}
.enquiry-popup-iframe {
  height: 515px;
} 
.table-popup{
  width: 90% !important;
}
#header.enquire .mobile-wrapper {
  display: none;
}
#main-visual .slick-slider .slick-arrow{
	display: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
.blockCollection #bg-video {
    height: 165px;
    width: 294px;
}

}

/**/

.header-bottom{
	display:block;
}
.navigation,.right-menu-wrapper .border{
	display:none;
}
.right-menu-wrapper {
    right: 8px;
	top: -38px;
	width: 42px;
}
	#languages a{
		font-size:0.7em;
		color:#000;
	}

	
	element {

}
.active-enquiry-popup .enquiry-popup-iframe {
    height: 800px;
}

.mobile-book-now.btn{
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 35px;
	border-top: #aaa solid 1px;
	z-index: 500;
	letter-spacing: 0.18em;
	line-height: 2;
	font-size: 0.95em;
	cursor: pointer;
}

.bm-open .mobile-book-now.btn{
	display: none;
}

.footer-logo-set.VLHC {
	background-size: 155px auto;
	width: 120px;
	margin-top: 0;
	margin-left: 8px;
	margin-right: 8px;
}
.footer-logo-set.FHR {
	background-size: 131px auto;
	width: 146px;
	margin-top: 0;
	margin-left: 8px;
	margin-right: 8px;
}
.footer-logo-set.Traveller_Made {
	background-size: 122px auto;
	/* height: 68px; */
	width: 150px;
	height: 15px;
	margin-top: 0;
}

}



/* 27 inch screens */
@media (min-width: 2000px) {
		.header-wrapper{
			max-width: 100%;
		}
		#main-visual, #main-visual .slick-slider, #main-visual .slick-slide{
			max-width: 100%;
		}
		.content-wrapper, .features-wrapper.rooms .content-wrapper {
			width: 1100px;
		}
		.main-intro, .section-intro{
			width: 800px;
		}
		h1, .features-wrapper .section-title, .section-title{
			font-size: 2.3em;
		}
		h2{
			font-size: 1.3em;
		}
		.main-intro p, .main-intro li{
			font-size: 0.8em;
		}
		.item-preview-title h3{
			font-size: 1em;
		}
		.list-items-wrapper .items-list .item a{
			font-size: 1em;
		}
		.slick-slider .slick-prev {
			left: -37px;
		}
		.slick-slider .slick-next {
			right: -37px;
		}
		.rooms .item-preview-image {
			width: 330px;
			height: 345px;
		}
		.rooms .item-preview-title{
			width: 330px;
		}
		.restaurant .item-preview-image {
			width: 544px !important;
			height: 270px !important;
		}
		.restaurant .items-list .item a {
			font-size: 1em;
		}
		.features-wrapper .section-intro {
			font-size: 0.95em;
			width: 800px !important;
		}
		.concept .item-preview-image:not(.last) {
			margin-right: 10px;
		}
		.concept .item-preview-image{
			width: 357px;
		}
		.concept .item-preview-image {
			height: 345px;
		}
		.item-preview .item-preview-image {
			width: 344px;
			height: 304px;
		}
		.item-preview .item-preview-title {
			font-size: 1em;
		}
		.item-wrapper .item-image {
			width: 540px;
			height: 347px;
		}		
		#mod_pukkaMeet .item-wrapper .item-image {
			width: 100%;
			height: 275px;
		}
		.items-wrapper .item-content{
			width: 450px;
		}
		.item-wrapper .item-content-inner {
			font-size: 1.15em;
		}
		#page_restaurant-and-bar .item-wrapper .item-image {
			width: 100%;
		}
		#page_restaurant-and-bar .item-content .col {
			width: 415px;
			padding-right: 50px;
			font-size: 1em;
		}
		#page_restaurant-and-bar .contact{
			padding-right: 0;
			padding-left: 35px;
		}
		#page_restaurant-and-bar .item-content .col.contact {
			width: 262px;
			padding: 55px 0 0 0;
		}
		#page_restaurant-and-bar .visit-btn {
			max-width: 178px;
		}
		#page_the-city .item-preview{
			width: 321px;
			padding-right: 35px;
		}
		#page_the-city .item-preview-content {
			font-size: 0.85em;
		}
		#page_the-city .title.section-title {
			font-size: 1.5em;
		}
		#page_the-city .map-intro {
			font-size: 0.95em;
		}
		#page_news-and-press .news-wrapper{
			width: 1100px;
		}
		#page_news-and-press .readmore-btn{
			left: 0;
		}
		#page_news-and-press .item-preview {
			margin: 0 34px 29px 0;
			width: 332px;
			min-height: 525px;
		}
		#page_news-and-press .item-preview .item-preview-image {
			width: 344px;
			height: 304px;
		}
		.footer-wrapper{
			min-width: 100%;
		}
		#page_contact .column {
			margin-right: 30px;
			width: 252px;
			font-size: 0.7em !important;
		}
		#page_contact .column-4 {
			margin-right: 0;
		}
		#page_contact .column-title {
			height: 30px;
		}
		#page_contact #mod_flexibleForms{
			width: 432px;
		}
		#page_gallery .items-list .item {
			font-size: 1em;
		}
		#page_gallery .item-wrapper .item-image {
			width: 1612px;
			height: 681px;
		}
		.page_careers .main-intro {
			width: 800px;
		}
		.page_careers .main-intro p {
			font-size: 0.8em;
		}
		.page_careers .main-intro p, .page_careers .main-intro li {
			line-height: 1.5;
			letter-spacing: 0.094em;
		}
		form .contact-heading, form .career-heading {
			font-size: 0.8em;
		}
		.content-wrapper .item-content {
			font-size: 0.85em !important;
		}
		#page_news-and-press .content-wrapper {
			width: 1149px !important;
		}
		#page_news-and-press .news-wrapper {
			left: 17px !important;
			margin: 67px auto 0 !important;
			width: 1120px !important;
		}
		#page_news-and-press .item-preview {
			margin: 0 52px 33px 0 !important;
			min-height: 245px !important;
			width: 321px !important;
		}
		#page_news-and-press .image-wrapper {
			height: 174px !important;
			width: 132px !important;
			float: left !important;
		}
		#page_news-and-press .item-content-wrapper {
			margin: -5px 0 0 !important;
			min-height: 137px !important;
			padding: 0 5px 42px 17px !important;
			width: calc(188px - 22px) !important;
			font-size: 0.8em !important;
		}
		#page_news-and-press .readmore-btn {
			font-size: 0.6em !important;
			letter-spacing: 0.2em !important;
			line-height: 2.8em !important;
			width: 110px !important;
			height: 30px !important;
			left: 17px !important;
		}
		#page_news-and-press .item-preview-content {
			float: left !important;
			font-size: 1.2em !important;
			max-height: 50px !important;
			height: auto !important;
			margin: 0 0 10px !important;
			overflow: hidden !important;
			padding: 0 !important;
			text-align: left !important;
			width: auto !important;
		}
		#page_news-and-press .bottom-wrapper {
			margin-bottom: 0px !important;
		}
		.item-wrapper.box .item-content {
			width: calc(540px - 75px);
		}
		.attachments, .events-wrapper{
			width: 1100px !important;
		}
		#page_home .type_imageItem .item-wrapper, #page_brand .type_imageItem .item-wrapper{
			width: 540px !important;
		}
		#page_contact .column-content{
			font-size: 1.2em;
		}
		
		
		

		

}


/* Mobile Landscape only */
@media (max-width: 767px) and (orientation:landscape){
	.booking-mask, .bm-open .header-bottom {
		height: calc(100vh - 100px);
	}
}
/* desktop only */
@media (min-width: 1025px) {
	.footer .hotels,
	.header-wrapper .hamburger-icon	{
		display:none;
	}
}
/***************  templates/main/libs/jquery/fancybox/jquery.fancybox.css  ***************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/templates/main/libs/jquery/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/templates/main/libs/jquery/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/templates/main/libs/jquery/fancybox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/templates/main/libs/jquery/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/templates/main/libs/jquery/fancybox/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/templates/main/libs/jquery/fancybox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}