/***************  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:'Avenir LT Std 65 Medium', Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#31261d;
}

h1 {
	font-family:'Adobe Caslon Pro italic', Arial, Helvetica, sans-serif;
	font-size:3.15em;
	/* text-transform:uppercase; */
	line-height:1.2;
	margin:0;
	color: #c3a572;
	font-style: italic;
}

h2 {

	font-family:'Adobe Caslon Pro', Arial, Helvetica, sans-serif;
	/* color:#c3a572; */
	font-size:2.5em;
	line-height:0.8;
	line-height:1.1;
	text-transform:uppercase;
}


h3 {
	color:#c3a572;
	font-family:'Adobe Caslon Pro', Arial, Helvetica, sans-serif;
	font-size:2.5em;
	line-height:1.1;
}

h4{
	font-family:'Adobe Caslon Pro', Arial, Helvetica, sans-serif;
	font-size:1.45em;
}

h5 {
	font-family:'Adobe Caslon Pro', Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

h6 {
	font-family:'Adobe Caslon Pro', Arial, Helvetica, sans-serif;
	font-size: 1em;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
p, li{
	line-height:1.7;
}
a{
	color:#c3a572;
	text-decoration:none;
}
.no-touchevents a:hover,
.form-section-title{
	color:#31261d;
}
/* Global Section Styles */

.menu li a,
.booking-wrapper,
.booking-btn,
.reservation-wrapper  .btn,
.reservation-btn  a,
.apply-btn,
.submit-btn,
.itempreview .date,
.pop-up-booking-content,
.pop-up-booking-content a,
#get-directions .go-direction,
.pop-up-booking-content span,
h2,
h2 span{
	font-family:'Adobe Caslon Pro', Arial, Helvetica, sans-serif;
}

.italic-font,
.bm-heading,
#booking-form label,
.bm-booking-link,
.bm-modify-booking,
.ui-datepicker-header,
.downlaod-link,
.marker-title,
.gallery-title,
.gallery-title-slideshow,
#socialToolbarContainer.stLayout2 #socialToolbarInner.inner_toolbar .shareRight span.shareContainer{
	font-family:'Adobe Caslon Pro italic', Arial, Helvetica, sans-serif;
	font-style:italic;
}

.weather-wrapper,
.footer-menu  li a,
.social-wrapper h4,
.bm-block input,
.ex-menu li a,
.ui-datepicker-calendar{
	font-family:'Avenir LT Std 55 Roman', Arial, Helvetica, sans-serif;
}
.footer-info .footer-copyright{
	font-family:'Signika-regular', Arial, Helvetica, sans-serif;
}
.footer-info .footer-address{
	font-family:'Signika-Light', Arial, Helvetica, sans-serif;
}
strong,
.sub-menu-item.active,
.view-option-btn.active,
.bold-text{
	font-family:'Avenir-Black', Arial, Helvetica, sans-serif;
}
#get-directions input,
.fieldInput,
.marker-intro p{
	font-family:'Avenir LT Std 65 Medium', Arial, Helvetica, sans-serif;
}
strong{
	font-weight:normal;
}

a,
.navigation  li a,
.btn,
#breadcrumb-wrapper #breadcrumb a{
	transition: color 0.5s ease;
}

/* colors */
.btn,
.white-color,
.footer-info,
.footer-info a,
.image-blk .title-wrapper .readmore:hover,
.bm-booking-link{
	color:#fff;
}
.gold-color,
.image-blk .title-wrapper .readmore,
.readmore-toggle .toggle-btn,
#booking-form .bm-dates-block label,
.bm-modify-booking,
.items-wrapper .slick-dots a,
#breadcrumb-wrapper #breadcrumb a:hover,
.marker-title,
.cat-list  li,
.side-bar.blog-blk .title,
.press-contact .side-cont a:hover{
	color:#c3a572;
}
.navigation  li a,
.bm-heading,
#booking-form label,
#booking-form input,
.offers-section .section-title{
	color:#413000;
}
.location-wrapper .section-title{
	color:#2e251c;
}
.location-wrapper .sub-title{
	color:#c29f64;
}
#breadcrumb-wrapper #breadcrumb,
#breadcrumb-wrapper #breadcrumb a{
	color:#8f8880;
}
.footer-menu  li a,
.ex-menu li a{
	color:#ad823a;
}

/* .navigation  li.active a,
.navigation  li a:hover{
	color:#ad823a;
} */
.side-bar h3,
.itempreview .date a,
.price-wrapper  .price-lbl,
.footer-menu  li:hover a,
.footer-menu  li.active a,
.grid-view.list .item-intro,
.grid-list .item.center-intro .item-intro,
.catItems-wrapper .section-title,
.press-contact .side-cont a,
#get-directions h3,
.form-wrapper  .title,
.side-bar-wrapper a:hover,
.reservation-wrapper  .reservation-btn:not(.active):hover,
.bm-booking-link:hover{
	color:#31261d;
}

/* font-sizes */
.small-font {
	font-size: 0.65em;
}
.main-slogan .sm-text{
	font-size:0.72em;
}
.footer-info p{
	font-size:0.75em;
}
.footer-menu  li a{
	font-size:0.8em;
}
.weather-wrapper,
.social-wrapper h4,
#breadcrumb-wrapper #breadcrumb{
	font-size:0.85em;
}
.footer-info p{
	font-size:0.9em;
}
.facilities .facility-val{
	font-size:0.95em;
}
.open-menu #navigation .ex-menu  li a{
	font-size:1em;
}
.facilities .name{
	font-size:1.05em;
}
.items-wrapper .slick-dots a,
#booking-form label,
.bm-block input{
	font-size:1.1em;
}
#navigation li a,
.readmore-toggle .toggle-btn,
.bm-modify-booking{
	font-size:1.2em;
}
.item-cont .readmore,
.booking-btn.btn{
	font-size:1.25em;
}
.cat-list li,
.image-blk .title-wrapper .readmore{
	font-size:1.3em;
}
.downloads-wrapper li a{
	font-size:1.35em;
}
.itempreview .date,
#get-directions h3,
.reservation-wrapper  .reservation-btn{
	font-size:1.4em;
}
.reservation-btn  a,
.bm-booking-link{
	font-size:1.5em;
}
.open-menu #navigation li a,
.sub-menu li a{
	font-size:1.55em;
}
.form-section-title{
	font-size: 1.8em;
}
.bm-heading {
	font-size: 1.82em;
}
.side-bar h3{
	font-size: 1.9em;
}
.marker-body h3,
.location-wrapper .sub-title{
	font-size:2em;
}
.catItems-wrapper .section-title{
	font-size:2.55em;
}
.bottom-blk .title{
	font-size:2.65em;
}
.section-title{
	font-size:3.15em;
}

/* uppercase */
.city,
.uppercase,
.footer-menu  li a,
.ex-menu  li a,
.image-blk .title-wrapper h3.second,
.detail-wrapper .side-bar h3,
.item-intro-wrapper  .title,
.image-blk.imagecont-blk .title-wrapper h3,
.form-section-title,
.pop-up-price{
	text-transform:uppercase;
}

/* text-aligment */
#main-content,
.inner-wrapper,
.bottom-wrapper .bottom-blk,
.bm-heading,
.bm-block,
.bm-block input {
	text-align:center;
}
.detail-wrapper .side-bar-wrapper,
.detail-wrapper .item-intro-wrapper,
.form-section-title{
	text-align:left;
}

/* line-heights */
.bm-heading,
#booking-form label,
.bm-modify-booking {
	line-height: 1;
}
.image-blk .title-wrapper h3{
	line-height:1.05;
}
.bottom-blk .bottom-intro{
	line-height:1.9;
}

/* cursor */
.more-menu,
.readmore-toggle .toggle-btn{
	cursor:pointer;
}
/* text-decoration */
.no-decoration{
	text-decoration:none;
}


/* letter-spacing */
.bm-heading {
	letter-spacing: 0.4px;
}
.form-section-title{
	letter-spacing: 0.8px;
}
#booking-form label{
	letter-spacing: 1px;
}





/***************  templates/main/css/global.layout.css  ***************/
/* ----- START LAYOUT COMMON TO ALL PAGES ----- */


/* START FLOAT ENCLOSING ("EASY CLEARING") */
.clear-fix:after,
#mod_pukkaJobs:after,
#mod_pukkaGalleries:after,
#mod_flexibleForms:after,
#mod_mailingList:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END FLOAT ENCLOSING ("EASY CLEARING") */


/* START OFFSCREEN */
div#lang-wrapper h2,
div#credits h2,
.weather h2 {
	display: inline;
	position: absolute;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0;
}
/* END OFFSCREEN */

a:focus{
    outline:0; /*removes the dotted border*/
}

.after:after,
.before:before,
.footer-menu  li:after,
#navigation li a:after{
	content: "";
    display: inline-block;
	overflow:hidden;
	position:absolute;
}
.touch .btn:after {
	display: none;
}

html{
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

/* COMMON STYLES OPEN */
html, body{
	width:100%;
	height:100%;
}
body, h1 {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.pos-rel{
	position:relative;
}
.pos-abs{
	position:absolute;
}
.float-l{
	float:left;
}
.float-r{
	float:right;
}
.full-width{
	width:100%;
}
.mobile{
	display:none;
}
.hide{
	display: none;
}
.btn{
	cursor:pointer;
	position:relative;
	background:#c3a572;
	z-index:1;
}
.btn:after{
	background:#b4996b;
	transition:all 0.4s ease-in-out 0s;
    height: 0;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: -1;
}
.btn.bm-booking-link:after{
	-webkit-transition: none;
	-ms-transition: none;
	transition: none;
}
.btn:not(.active):hover:after{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:1;
}
.no-bullets{
	list-style-type:none;
}
.no-paddings{
	padding:0;
}
.main-wrapper{
	width:calc(100vw - 57px);
	margin:0 auto;
}
.inner-wrapper{
	width:1200px;
	margin:0 auto;
}
.bg-image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: block;
	height: 100%;
	transition: background-size 0.5s ease 0s;
	width: 100%;
}
.bg-image:hover {
    background-size: 105% 105%;
}
.offwhite-bg{
	background:#f3ede3;
}
ul,ol{
	padding:0;
}
.content ol {
	margin: 0 0 15px 18px;
	padding: 0;
}
/* COMMON STYLES CLOSED */
/* HEADER STYLES */

#main-content .container:after,
.tp-icon,
.scroll-arrow,
#navigation ul li a:after,
.address-details:after,
.readmore-toggle .toggle-btn,
.bottom-blk .title:after,
.has-arrow:after,
.downloads-wrapper  li a:after,
.image-slider .slick-arrow,
.bm-close,
.list-intro:after,
.view-option-btn:before,
.downlaod-link:before,
.slick-arrow,
.email-link .email-icon,
.gallery-slideshow-close,
.file-overlay span:before,
.side-bar .readmore,
.has-arrow .arrow,
.popup-close,
#get-directions .route-mode button{
	background:url(/templates/main/images/icons_sprite.svg) no-repeat 0 0;
}
.no-svg #main-content .container:after,
.no-svg  .tp-icon,
.no-svg  .scroll-arrow,
.no-svg  #navigation ul li a:after,
.no-svg .address-details:after,
.no-svg .has-arrow:after,
.no-svg  .bottom-blk .title:after,
.no-svg  .image-slider .slick-arrow,
.no-svg  .downloads-wrapper  li a:after,
.no-svg  .readmore-toggle .toggle-btn,
.no-svg  .bm-close,
.no-svg  .list-intro:after,
.no-svg .view-option-btn:before,
.no-svg .downlaod-link:before,
.no-svg .slick-arrow,
.no-svg .email-link .email-icon,
.no-svg .gallery-slideshow-close,
.no-svg .file-overlay span:before,
.no-svg .side-bar .readmore,
.no-svg .has-arrow .arrow,
.no-svg .popup-close,
.no-svg #get-directions .route-mode button{
	background:url(/templates/main/images/icons_sprite.png) no-repeat 0 0;
}


.hp_email{
	display: none;
}
::-ms-clear {
  display: none;
}
input,
textarea,
select{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
}
input,
textarea,
button,
select{
	border-radius:0;
}
#header{
	height:180px;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	z-index:20;
}
	.header-content{
		height:100%;
		border-bottom:3px solid #f3ede3;
	}
	#branding{
		width:144px;
		height:105px;
		margin:0 auto 18px;
		padding-top:12px;
	}
	#branding img{
		width:100%;
		height:100%;
	}
	#navigation ul {
		padding:0;
		margin:0;
		text-align:center;
	}
	#navigation ul li{
		list-style-type:none;
		display:inline-block;
		position:relative;
		margin:0 19px;
	}
		#navigation ul li:hover a:after,
		#navigation ul li.active-under a:after,
		#navigation ul li.active a:after{
			width:8px;
			height:10px;
			position:absolute;
			left:50%;
			bottom:14px;
			margin-left:-4px;
			background-position:-553px -166px;
		}
		#navigation ul li:nth-child(2){
			margin-left:0;
		}
		#navigation ul li:last-child{
			margin-right:0;
		}
		#navigation li a{
			text-decoration:none;
			padding-bottom:15px;
			position:relative;
		}
		#navigation li.home{
			display:none;
		}
		
		#navigation .has-submenu ul{
			position:absolute;
			top:45px;
			left:0;
			width:173px;
			background:#f3ede3;
			padding:17px 0;
			display:none;
		}
			#navigation .dining.has-submenu ul{
				width: 245px;
			}
			#navigation .wellness.has-submenu ul{
				width: 300px;
			}
			#navigation .events.has-submenu ul{
				width: 290px;
			}
			#navigation .activities.has-submenu ul{
				width: 240px;
			}
		#navigation .has-submenu ul li{
			margin:0 0 3px;
			display:block;
			text-align:left;
	
		}

		#navigation .has-submenu  li a{
			display:block;
			padding:0 27px;
		}
		#navigation ul li:hover li a:after,
		#navigation ul li.active-under  li a:after,
		#navigation .has-submenu.active li a:after{
			display:none;
		}
		#navigation .has-submenu  li:hover a:after,
		#navigation .has-submenu   li.active a:after,
		#navigation .has-submenu.active li:hover a:after{
			top:8px;
			left:20px;
			display:block;
		}
	
		#navigation .has-submenu:hover ul{
			display:block;
		}
		
		
		
		
	
.reservation-wrapper {
	width: 406px;
	height: 36px;
	right: 40px;
	top: 47px;
}
	.reservation-wrapper  .reservation-btn{
		height: 36px;
		width: 230px;
		color:#fff;
		line-height: 44px;
		text-align: center;
	}
	.reservation-wrapper .reservation-btn.active {
		background-color: #413000;
		cursor: default;
	}
	.lang-wrapper ul{
		margin:5px 15px 0 22px;
	}
		.lang-wrapper li{
			display:inline-block;
			margin-right:5px;
		}
		.lang-wrapper:after{
			position:absolute;
			left:0;
			top:4px;
			width:1px;
			height:28px;
			background:#c3a572;
		}
	.tp-block{
		width:45px;
		height:28px;
		margin:4px 0;
	}
	/* 	.tp-block:after{
			position:absolute;
			right:0;
			top:0;
			width:1px;
			height:28px;
			background:#c3a572;
		} */
		.tp-icon{
			width:30px;
			height:28px;
			display:block;
			background-position:-200px -117px;
			cursor:pointer;
		}
		.tp-icon:hover .tp-number{
			display:block;
		}
		.tp-number{
			top:42px;
			left:-24px;
			min-width:200px;
			height:30px;
			background:#f3ede3;
			padding:8px 12px;
			line-height:2;
			text-align:center;
			display:none;
			box-shadow:3px 5px 6px #e9e9e9;
		}
		.tp-number:after{
			position:absolute;
			top:-18px;
			left:30px;
			width:0;
			height:0;
			border: 10px solid transparent;
			border-bottom: 10px solid #f3ede3;
		}
	.more-menu {
		width:38px;
		height:30px;
		bottom:20px;
		right:4px;
		display:none;
	}
		.more-menu span {
			background: #413000;
			display: block;
			height: 2px;
			left: 0;
			opacity: 1;
			position: absolute;
			transform: rotate(0deg);
			transition: all 0.25s ease-in-out 0s;
			width: 100%;
		}
		.more-menu span:nth-child(2){
			top:11px;
		}
		.more-menu span:nth-child(3){
			top:21px;
		}
		.open-menu .more-menu  span:nth-child(1){
			left: 50%;
			top: 6px;
			width: 0;
		}
		.open-menu .more-menu span:nth-child(2) {
			transform: rotate(45deg);
			top:10px;
		}
		.open-menu .more-menu span:nth-child(3) {
			transform: rotate(-45deg);
			top:10px;
		}
		.open-menu  #navigation{
			display:block;
			height:100%;
			overflow-x: visible;
			overflow-y: auto;

		}
		.open-menu  #navigation ul{
			padding:15px 0;
		}
		.open-menu  #navigation li{
			display:block;
			width:100%;
			margin:16px 0;
		}
		.open-menu  #navigation li a{
			display:block;
			width:100%;
		}
		.open-menu #navigation li.home{
			display:block;
		}
		.open-menu #navigation ul li:nth-child(2) {
			margin-left:auto;
		}
		.open-menu #navigation ul li:last-child {
			margin-right:auto;
		}
		.open-menu .menu-wrapper{
			height:calc(100vh - 107px);
			margin:8px 0 0;
			background:#fff;
			border-top:3px solid #f3ede3;
			overflow:hidden;
		}
		.open-menu #navigation ul li:hover a:after,
		.open-menu #navigation ul li.active-under a:after,
		.open-menu #navigation ul li.active a:after{
			bottom:6px;
			left:50%;
			top: auto;
		}

		.open-menu #navigation ul li li.active a:after,
		.open-menu #navigation ul li li:hover a:after{
				bottom:0;
		}
		.touch .open-menu #navigation ul li:hover a:after{
			display:none;
		}
		
		
		
		
		.open-menu .menu-inner{
			height:calc(100% - 120px);
			padding:20px 0 100px;
		}
		.ex-menu.only-mobile{
			display:none;
		}
		
		
	.weather-wrapper{
		left:40px;
		top:57px;
	}
	.accweather-days,
	.weather-tempF{
		display:none;
	}	
	.weather-image {
		height:24px;
		width:24px;
		margin:-3px 9px;
	}
	.weather a{
		display:block;
		text-decoration:none;
	}
	.weathercity{
		display:none;
	}

/* ----------- MAIN-VISUAL ----------- */
.main-visual{
	position: relative; overflow: hidden; background-color: #000;  z-index:10; /* PADDING-TOP = height/width x 100 */
}
.main-visual .imageSwitchHolder, .main-visual  .imageSwitchHolderAltTextOnly { width: 100% !important; height: 100% !important;}
.main-visual .slideshow{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}
ul.slideshow {margin: 0;padding: 0;}
.main-visual .slideshow .slides { height: 100% !important; width: 100% !important;}
.main-visual .slideshow div.slide { height: 100%; width: 100%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.main-visual #prev, .main-visual #next{ position: absolute; top: 52%; z-index: 10; height: 115px; width: 115px; cursor: pointer; }

.main-visual .slick-slider,
.main-visual .slick-track,
.main-visual .slick-list,
.main-visual .slide{
	width:100%;
	height:100%;
	position:relative;
	display:inline-block;
}
#main-visual .slide {
  background-position: center center;
  background-size: cover;
}
.main-visual .slide:after{
	width:100%;
	height:447px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(/templates/main/images/black-overlay-lg.png) repeat-x 0 100px;
}
.main-visual .slick-dots,
.slick-dots{
	position:absolute;
	bottom:25px;
	left:0;
	right:0;
	width:auto;
	min-width:100px;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
}
.slick-dots{
	bottom:10px;
}
	.main-visual .slick-dots button,
	.slick-dots button{
		display:none;
	}
	.slick-dots li{
		width:10px;
		height:10px;
		position:relative;
		display:inline-block;
		text-indent:-999px;
		margin:0 2px;
		background:#6a6a6a;
		border-radius:10px;
		padding:0 !important; 
	}
	.slick-dots li.slick-active{
		background:#c3a572;
		cursor:default;
	}
	
.scroll-arrow{
	width:56px;
	height:30px;
	position:absolute;
	bottom:70px;
	left:0;
	right:0;
	margin:0 auto;
	background-position:-254px -116px;
	cursor:pointer;
}

/* ----------- READ MORE ----------- */
#main-content .container {
  margin-bottom: 48px;
}
#main-content .container:after{
	width:110px;
	height:20px;
	position:absolute;
	bottom:-46px;
	left:50%;
	margin-left:-55px;
	background-position:-337px -125px;
}
h1{
	padding-bottom:10px;
}
	.small-font {
		display: block;
	}

.main-slogan{
	margin:0;
	top:0;
	left:0;
	width:100%;
	padding:0px 0;
}
.main-slogan .sub-title{
	display:block;
}
.main-intro .introContent {
	overflow:hidden;
	transition:all 0.4s ease-in-out 0s;
}

.toggle-btn.readless,
.readmore-toggle.hide,
.readActive .toggle-btn.readmore{
	display:none;
}
.toggle-btn.readmore,
.readActive .toggle-btn.readless{
	display:inline-block;
}
.readmore-toggle .toggle-btn{
	width:25px;
	height:18px;
	margin:10px 0;
	background-position:-37px -462px;
}
.readmore-toggle .toggle-btn.readless{
	background-position:-75px -462px;
}
.center-cont ol,
.center-cont ul{
	display:table;
	margin:0 auto 8px;
	text-align:left;
}
.center-cont  ol{
	padding-left:20px;
}
.content ul:not(.slick-dots):not(.no-bullets) li{
	list-style-type:none;
	padding-left:18px;
	background:url(/templates/main/images/list-icon.png) no-repeat 4px 11px;
}
.gm-bundled-control{
	right:auto !important;
	bottom:auto !important;
	top:11px !important;
	left:7px !important;
}
.grid-list{
	margin:32px 0 0;
}
	.grid-view  .items-wrapper,
	.grid-list .items-wrapper {
		width: 103%;
		position: relative;
		display: table;
		left: -17px;
		margin: 0 auto;
	}
	.grid-list .item {
		width:381px;
		height:430px;
		display:inline-block;
		float:left;
		margin:0 14px;
	}
	.grid-list .item  .itemPreviewImage{
		width:100%;
		height:310px;
	}

	.grid-list .item .title {
		font-size: 2.25em;
		line-height:1.1;
		margin:16px 0 0 4px;
		text-align: left;
		width:50%;
		float:left;
		padding-top:3px;
	}
	.grid-list .item .item-intro{
		margin:0 16px;
	}
	.booking-wrapper{
		float:right;
		width:43%;
		margin:17px 0 0;
	}
	.price-wrapper{
		text-align:left;
		height:54px;
	}
	.price-wrapper .from-text{
		width:100%;
		float:left;
		font-size:1.05em;
		text-transform:uppercase;
	}
	.price-wrapper  .price{
		font-size:2em;
	}
	.price-wrapper  .price-lbl{
		line-height:1.2;
	}
	.booking-btn.btn {
		display: block;
		font-size: 1.25em;
		height: 36px;
		line-height: 2.25;
		padding: 0;
		text-align: center;
		width: 150px;
	}
	.booking-btn.btn.no-price{
		margin-top:7px;
	}
#breadcrumb-wrapper{
	top:12px;
	right:0;
}
#breadcrumb-wrapper #breadcrumb {
	margin:0;
}
#module-wrapper{
	border-top:1px solid #e4d6bf;
	margin:32px auto 0;
	padding:60px 0 0;
}
.bottom-wrapper{
	margin-top:60px;
}
.bottom-wrapper .bottom-blk{
	margin: 0 auto;
	width: 990px;
	padding-bottom:106px;
}
	.bottom-blk .title{
		padding-top:71px;
		margin:0 0 8px;
	}
	.bottom-blk .title:after{
		width:46px;
		height:40px;
		position:absolute;
		left:50%;
		top:37px;
		margin-left:-23px;
		background-position:-520px -206px;
	}
	.bottom-blk .bottom-intro{
		margin:0;
	}
	
	.bottom-blk .bottom-intro ul,
	.bottom-blk .bottom-intro ol{
		text-align: left;
		display: table;
      	margin: 0 auto 8px;
	}

	.bottom-blk .bottom-intro ol{
		padding-left: 20px;
	}

/* FOOTER */
#footer {
	margin:100px auto 0;
	border-top:1px solid #ede4d4;
	padding-bottom:20px !important;
}
	#footer a{
		text-decoration:none;
	}
	.footer-bar{
		margin:0 0 13px;
	}
	.footer-menu ul{
		width:calc(100% - 128px);
		padding:0;
		display:inline-block;
		margin:13px 0 0 64px;
	}
	.footer-menu  li{
		position:relative;
		list-style-type:none;
		display:inline-block;
		margin-right:16px;
		padding-left:17px;
	}
	.footer-menu  li.e-brochure,
	.footer-menu  li.terms-and-conditions,
	.open-menu  #navigation li.e-brochure,
	.open-menu  #navigation li.terms-and-conditions{
		display: none !important;
	}
	.footer-menu  li.newsletter,
	.footer-menu  li.terms-and-conditions {
		float:right;
	}
	.footer-menu  li.terms-and-conditions {
		margin:0;
	}
	.footer-menu  li.newsletter:after{
		display:none;
	}
	.footer-menu  li.only-desktop{
		display:inline-block;
	}
	.footer-menu  li.hide-desktop{
		display:none;
	}
	.footer-menu  li:first-child{
		padding:0;
	}
	.footer-menu  li:after{
		width:1px;
		height:13px;
		position:absolute;
		top:8px;
		left:0;
		background:#ad823a;
	}
	.footer-menu  li:first-child:after{
		display:none;
	}
	.footer-info {
		height:77px;
		background:#c3a572;
	}
	.footer-info .address-blk{
		margin:15px 0 0 63px;
	}
	.footer-info p{
		float:left;
		margin:0;
		position:relative;
		display:inline-block;
	}
		.footer-info .address-details{
			padding-left:22px;
		}
		.address-details:after{
			width:20px;
			height:20px;
			position:absolute;
			left:0;
			top:0;
			background-position:-202px -83px;
		}
		.footer-info .phone{
			padding-left:9px;
			margin-left:7px;
			position:relative;
		}
		.footer-info .phone:after{
			width:1px;
			height:13px;
			position:absolute;
			left:0;
			top:6px;
			background-color:#fff;
		}
	
		.footer-info .footer-copyright{
			clear:left;
		}
	
	.social-wrapper{
		margin:28px 61px 0 0;
	}
		.social-wrapper h4{
			margin:5px 8px 0 0;
		}
		.socialmedias  li{
			width:26px;
			height:32px;
			background:url(/templates/main/images/icons_sprite.svg) no-repeat -132px -163px;
			margin:0 2px;
			background-size: 495px auto;
		}
		.socialmedias  li.twitter {
			background-position:-159px -163px;
		}
		.socialmedias  li.youtube {
			background-position:-186px -163px;
		}
		.socialmedias  li.tripadvisor {
			background-position:-213px -163px;
		}
		.socialmedias  li.instagram  {
			background-position:-240px -163px;
		}
		.socialmedias  li.googleplus  {
			background-position:-267px -163px;
		}
		.socialmedias  li a{
			width:100%;
			height:100%;
			display:inline-block;
		}

#page_local-attractions .infoBox{
	-webkit-transform: translateY(calc(-50% - 25px)) !important;
	-ms-transform: translateY(-100%) !important;
	transform: translateY(calc(-50% - 25px)) !important;
	padding:10px 21px 2px;
}
	.infoBox:after {
		border: 10px solid transparent;
		border-right: 10px solid #fff;
		content: "";
		display: block;
		height: 0;
		left: -20px;
		position: absolute;
		top: calc(50% - 10px);
		width: 0;
	}

	/* popup */
 .pop-up-wrapper {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: rgba(49,38,29,0.8);
	z-index: 1002;
}
.loggedIn .pop-up-wrapper{
	z-index: 31;
}
	.popup {
		background-color: #fff;
		height: 440px;
		left: calc(50% - 395px);
		position: absolute;
		top: calc(50% - 220px);
		width: 790px;
	}
		.pop-up-image {
			height: 100%;
			width: 410px;
		}
		.pop-up-content-wrapper {
			box-sizing: border-box;
			height: 100%;
			padding: 0 51px;
			text-align: center;
			width: 380px;
		}
			.pop-up-content {
				height: 324px;
				margin-bottom: 14px;
				overflow: hidden;
			}
				.popup-title {
					margin: 25px 0 8px;
					font-size: 2em;
				}
				.popup-intro {
					font-size: 0.9em;
					line-height: 1.37;
					margin: 0;
				}
			.pop-up-booking-content {
				padding-top: 8px;
				position: relative;
			}
				.pop-up-booking-content::before {
					background: #c3a572 none repeat scroll 0 0;
					content: "";
					display: block;
					height: 1px;
					left: calc(50% - 77px);
					position: absolute;
					top: 0;
					width: 154px;
				}
				.pop-up-price {
					font-size: .9em;
					color: #31261d;
					word-wrap: break-word;
				}
				.pop-up-price:hover {
					color: #c3a572;
				}
				
					.price-amount {
						font-size: 1.85em;
					}
			.pop-up-booking-content .btn {
				font-size: 1.25em;
				height: 36px;
				line-height: 45px;
				margin: -2px auto 0;
				width: 150px;
			}
				.pop-up-booking-content .btn a {
					color: #fff;
				}
	.popup-close{
		width: 52px;
		height: 52px;
		position: absolute;
		right: 0;
		top: -69px;
		background-position: -444px -202px;
		cursor: pointer;
	}


	/* social tool bar */
	#socialToolbarContainer.stLayout2{
		width: 42px;
	}
		#socialToolbarContainer.stLayout2 .inner_toolbar {
			padding: 10px 0 0px 10px;
			width: calc(100% - 10px);
		}
			#socialToolbarContainer .socialToolbarButtonRight {
				font-size: 0;
				margin: 0 0 5px;
				padding: 0;
				position: relative;
			}
				#socialToolbarContainer.stLayout2 a {
					display: block;
				}
					#socialToolbarContainer.stLayout2  .stdButton {
						font-size: 11px;
						height: 26px;
						line-height: 26px;
					}
					#socialToolbarContainer .socialToolbarButtonRight a span b {
						background-image: url(/templates/main/images/icons_sprite.svg) !important;
						background-size: 515px auto;
						border: 0 none;
						height: 26px;
						margin-right: 0px;
						padding-bottom: 0px;
						width: 26px;
						-webkit-transition: background 0.5s ease;
						-ms-transition: background 0.5s ease;
						transition: background 0.5s ease;
					}
					#socialToolbarContainer .socialToolbarButtonRight a span b.facebook {
						background-position: -45px -170px;
					}
						#socialToolbarContainer .socialToolbarButtonRight a span b.facebook:hover {
							background-position: -77px -170px;
						}
					#socialToolbarContainer .socialToolbarButtonRight a span b.twitter {
						background-position: -45px -197px;
					}
						#socialToolbarContainer .socialToolbarButtonRight a span b.twitter:hover {
							background-position: -77px -197px;
						}
					#socialToolbarContainer .socialToolbarButtonRight a span b.youtube {
						background-position: -45px -224px;
					}
						#socialToolbarContainer .socialToolbarButtonRight a span b.youtube:hover {
							background-position: -77px -224px;
						}
					#socialToolbarContainer .socialToolbarButtonRight a span b.tripadvisor {
						background-position: -45px -251px;
					}
						#socialToolbarContainer .socialToolbarButtonRight a span b.tripadvisor:hover {
							background-position: -77px -251px;
						}
					#socialToolbarContainer .socialToolbarButtonRight a span b.instagram {
						background-position: -45px -278px;
					}
						#socialToolbarContainer .socialToolbarButtonRight a span b.instagram:hover {
							background-position: -77px -278px;
						}
					#socialToolbarContainer .socialToolbarButtonRight a span b.googleplus {
						background-position: -45px -305px;
					}
						#socialToolbarContainer .socialToolbarButtonRight a span b.googleplus:hover {
							background-position: -77px -305px;
						}
					.no-svg .socialToolbarButtonRight a span b {
						background: url(/templates/main/images/icons_sprite.png) !important;
					}
				#socialToolbarContainer.stLayout2 .socialToolbarControl{
					display: none;
				}
			#socialToolbarContainer.stLayout2 #socialToolbarInner.inner_toolbar .shareRight {
				margin-left: -3px;
				margin-right: 0;
			}
				#socialToolbarContainer.stLayout2 #socialToolbarInner.inner_toolbar .shareRight span.shareContainer{
					padding-right: 0;
    				width: 25px;
				}
				#socialToolbarContainer.stLayout2 .inner_toolbar .shareRight span.shareContainer {
					font-size: 0.85em;
					margin-top: 7px;
				}
				#socialToolbarContainer #SocialToolbarActiveWindow {
					height: 400px;
					width: 300px;
				}

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
input:focus{
	outline:none;
}
.widget_listModuleItems{
	position: relative;
}
/***************  templates/main/css/template.mediaquery.css  ***************/
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px) {
	.only-desktop{
		display: none;
	}
	#main-content .container {
		margin-bottom: 36px;
		margin-top: 7px;
	}
		#main-content .container:after {
			bottom: -33px;
		}
	h1 {
		font-size: 1.8em;
		padding-bottom: 2px;
	}
	h1:after{
		bottom:2px;
	}
	h2{
		font-size:1.95em;
		line-height:0.9;
	}
	h3{
		font-size:1.85em;
	}
	.main-slogan .sm-text {
		font-size: 0.62em;
	}
	.inner-wrapper{
		width:906px;
	}
	#header{
		height:166px;
	}
		#branding {
			height: 95px;
			margin: 0 auto 13px;
			padding-top: 11px;
			width: 130px;
		}
		#navigation li a{
			font-size:1.15em;
		}
		#navigation ul li{
			margin:0 17px;
		}
		:lang(fr) #navigation ul li {
			margin: 0 15px;
		}
		#navigation ul li:hover:after,
		#navigation ul li.active:after{
			bottom:-5px;
		}
		.reservation-wrapper {
			height: 36px;
			right: 0;
			top: 52px;
			width: 406px;
		}
			.reservation-wrapper .reservation-btn{
				width:202px;
				font-size: 1.3em;
				line-height:2;
			}
	
		.weather-wrapper {
			left: 0;
			top: 61px;
		}
		.lang-wrapper ul {
			margin-left:20px;
		}		
	#main-visual {
	  height: calc(100vh - 166px);
	  margin-top: 166px;
	}
	.main-visual .slick-dots {
		bottom: 19px;
	}
	.scroll-arrow {
		background-position: -144px -63px;
		background-size: 338px auto;
		bottom: 44px;
		width: 34px;
	}
	
	
	.main-slogan {
		padding: 5px 0;
	}
	#breadcrumb-wrapper{
		top:0;
	}
	
	.grid-list .item{
		width:285px;
		height:326px;
		margin:0 11px;
	}
		.grid-list .items-wrapper{
			left:-10px;
		}
		.grid-list .item .itemPreviewImage{
			height:233px;
		}
		.grid-list .item .item-intro {
			margin: 0 13px;
		}
		.grid-list .item .title{
			font-size:1.65em;
			line-height:1.05;
			margin:9px 0 0;
		}
		.booking-wrapper{
			margin:9px 0 0;
		}
			.price-wrapper {
				height: 46px;
			}
			.price-wrapper .price-lbl {
				line-height: 1.3;
			}
			.price-wrapper .currency,
			.price-wrapper .from-text{
				font-size:0.85em;
			}
			.price-wrapper .price {
				font-size: 1.4em;
			}
			
			.booking-btn.btn{
				font-size:1em;
				height:28px;
				width:116px;
			}
	#module-wrapper{
		margin:19px auto 0;
		padding:43px 0;
	}
	.bottom-wrapper{
		margin:0;
	}
	.bottom-wrapper .bottom-blk {
		width:782px;
		padding-bottom:39px;
	}
		.bottom-blk .title {
			margin: 0 0 2px;
			padding-top: 69px;
			font-size:2.1em;
		}
		.bottom-blk .title:after{
			top:26px;
		}
		.bottom-blk .bottom-intro {
			line-height: 1.55;
		}
	#footer{
		margin-top:60px;
	}	
	.footer-bar {
		margin: 0 0 2px;
	}		
		.footer-menu ul {
			width: 968px;
			margin:15px auto 0;
			display:block;
			text-align: center;
		}
		.footer-menu li {
			margin:0 30px 9px 0;
			padding-left:30px;
		}
		:lang(fr) .footer-menu li {
			margin:0 20px 9px 0;
			padding-left:20px;
		}
		.footer-menu li.item8,
		.footer-menu li:last-child{
			margin:0;
		}
		.footer-menu  li.newsletter,
		.footer-menu  li.terms-and-conditions {
			float:none;
		}
		.footer-menu li.only-desktop {
			display:none;
		}
		.footer-menu li.hide-desktop {
			display: inline-block;
		}

	.footer-info .address-blk {
		margin: 16px 0 0 20px;
	}
	.address-details:after {
		background-position: -195px -79px;
		background-size: 573px auto;
	}
	
	.social-wrapper {
		margin: 20px 18px 0 0;
	}
		.social-wrapper h4 {
			margin: 11px 13px 0 0;
		}
		.socialmedias li {
			background-size:573px auto;
			background-position:-152px -185px;
			height: 38px;
			width: 31px;
		}
		.socialmedias  li.twitter {
			background-position:-183px -185px;
		}
		.socialmedias  li.youtube {
			background-position:-215px -185px;
		}
		.socialmedias  li.tripadvisor {
			background-position:-246px -185px;
		}
		.socialmedias  li.instagram  {
			background-position:-277px -185px;
		}
		.socialmedias  li.googleplus  {
			background-position:-309px -185px;
		}
		
}
@media (min-width: 1024px) {
	.menu-sub-inner{
		display: none
	}
}
@media (max-width: 768px) {
	.only-desktop{
		display: none;
	}
	#navigation{
		display:none;
	}
	.reservation-wrapper{
		right:0;
	}
	.reservation-wrapper .reservation-btn{
		position:absolute;
	}
	
	
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	.only-desktop{
		display: none;
	}
	body{
		font-size:0.9em;
	}
	#main-content .container {
	  margin-bottom: 41px;
	  margin-top: 6px;
	}
	#main-content .container::after {
		bottom: -36px;
	}
	h1 {
		font-size: 1.8em;
		padding-bottom: 4px;
	}
	h1:after{
		bottom:9px;
	}
	h2{
		font-size:1.95em;
		line-height:1;
	}
	h3{
		font-size:1.65em;
	}
	p, li{
		line-height:1.45;
	}
	.main-wrapper {
		width: calc(100vw - 40px);
	}
	.main-slogan .sm-text {
		font-size: 0.62em;
	}
	.inner-wrapper{
		width:724px;
	}
	#header{
		height:125px;
	}
	#branding{
		margin:0;
		padding-top:10px;
	}
	#navigation{
		display:none;
	}
	#navigation .has-submenu ul{
		position:relative;
		top:auto;
		left:auto;
		width:auto;
		background:none;
		padding:0;
		display:block;
	}
		#navigation .dining.has-submenu ul,
		#navigation .wellness.has-submenu ul,
		#navigation .events.has-submenu ul,
		#navigation .activities.has-submenu ul{
			width: auto;
		}
		#navigation .has-submenu  ul li {
			width:100%;
			text-align:center;
		}
		#navigation .has-submenu li a{
			font-size:1.25em;
			padding:0 0 6px;
		}
		#navigation .has-submenu li:hover a:after,
		#navigation .has-submenu li.active a:after,
		#navigation .has-submenu.active li:hover a:after {
			bottom:0px;
			left:50%;
			top: auto;
		}
	
	
	
	.reservation-wrapper{
		top:15px;
	}
	.reservation-wrapper .reservation-btn{
		top:53px;
		right:66px;
		line-height:2.2;
	}
	.lang-wrapper:after{
		top:0;
	}
	.lang-wrapper ul {
		margin:5px 0 0 20px;
	}
	.lang-wrapper li{
		margin-right:8px;
	}
	.lang-wrapper li.last{
		margin-right:3px;
	}
	.tp-block:after{
		top:-4px;
	}
	.tp-icon:hover .tp-number{
		display:none;
	}
	.tp-icon {
		background-position: -157px -96px;
		background-size: 479px auto;
	}
	.weather-wrapper {
		left: auto;
		top: 21px;
		right: 145px;
		font-size:1em;
	}
	.more-menu {
		display:block;
	}
	#main-visual {
		height: calc(100vh - 125px);
		margin-top: 125px;
	}
		.scroll-arrow {
			background-position: -170px -69px;
			background-size: 401px auto;
			bottom: 55px;
			width:42px;
		}
		.main-visual .slick-dots{
			bottom:20px;
		}
	#main-content{
		width:642px;
	}
		
		.main-slogan{
			padding:5px 0;
		}
	#breadcrumb-wrapper{
		top:10px;
	}
	.grid-list {
		margin: 26px 0 0;
	}
		.grid-list .items-wrapper{
			width:97%;
			left:0;
		}
		.grid-list .item{
			width:329px;
			height:370px;
			margin:0 11px;
		}
		.grid-list .item .itemPreviewImage{
			height:268px;
		}
		.grid-list .item .title{
			font-size:2em;
			margin:9px 0 0;
		}
		.booking-wrapper {
			margin: 14px 0 0;
		}
		.price-wrapper {
			height: 46px;
		}
		.price-wrapper .price-lbl {
			line-height: 1.2;
		}
		.price-wrapper .price {
			font-size: 1.9em;
		}
		.booking-btn.btn{
			width:130px;
			height:31px;
			font-size:1.2em;
			line-height:2.1;
		}
	#module-wrapper{
		width:686px;
		padding:37px 0 0;
		margin:17px auto 0;
	}
	.bottom-wrapper {
		margin-top: 36px;
	}
	.bottom-wrapper .bottom-blk{
		width:642px;
		padding-bottom:41px;
	}
		.bottom-blk .title {
			margin: 0 0 3px;
			padding-top:61px;
			font-size:2em;
		}
		.bottom-blk .title:after {
			background-position: -444px -172px;
			background-size: 512px auto;
			top: 19px;
		}
		.bottom-blk .bottom-intro {
			line-height: 1.5;
		}
	#footer{
		margin-top:60px;
	}
	.footer-bar{
		margin:0;
	}
		.footer-menu ul {
			margin:14px auto 0;
			width:700px;
			display:block;
			text-align: center;
		}
		.footer-menu li{
			margin:0 31px 14px 0;
			padding-left:31px;
		}
		:lang(fr) .footer-menu li {
			margin:0 20px 14px 0;
			padding-left:20px;
		}
		.footer-menu li.item6 {
			margin-right:0;
		}
		.footer-menu li.item7:after{
			display:none;
		}
		.footer-menu li.newsletter,
		.footer-menu li.terms-and-conditions {
			float:none;
		}
		.footer-menu li.only-desktop {
			display:none;
		}
		.footer-menu li.hide-desktop {
			display: inline-block;
		}
		.footer-menu li:after{
			height:12px;
			top:5px;
		}
		.footer-menu li.newsletter:after{
			display:block;
		}
	.footer-info{
		height:102px;
	}
		.footer-info .address-blk {
			width:375px;
			margin: 16px 0 0 19px;
		}
		.address-details:after {
			background-position: -179px -73px;
			background-size: 528px auto;
			top: 0;
		}
		.footer-info .phone:after{
			display:none;
		}
		.footer-info p{
			width:100%;
			padding-top:3px;
			margin: 0 0 6px;
		}
		.footer-info .phone{
			margin:0;
			padding:0;
		}
	.social-wrapper {
		margin: 35px 16px 0 0;
	}
		.social-wrapper h4 {
			margin: 9px 13px 0 0;
			font-size:0.95em;
		}
		.socialmedias li{
			width:32px;
			background-size:568px auto;
		}
		.socialmedias li.facebook{
			background-position:-150px -186px;
		}
		.socialmedias  li.twitter {
			background-position:-181px -186px;
		}
		.socialmedias  li.youtube {
			background-position:-212px -186px;
		}
		.socialmedias  li.tripadvisor {
			background-position:-243px -186px;
		}
		.socialmedias  li.instagram  {
			background-position:-274px -186px;
		}
		.socialmedias  li.googleplus  {
			background-position:-306px -186px;
		}
	.popup {
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
.popup-intro {
    line-height: 1.45;
	}
	/* menu layout changes */
	.menu-wrapper{
		position: relative;
		overflow: hidden;
	}
	
	.open-menu .menu-inner {
		padding: 0px 0 100px;
	}
		.open-menu #navigation ul {
			padding: 0;
			margin-left: 10px;
			padding-top: 5px;
			text-align: left;
		}
			.open-menu #navigation li {
				margin: 13px 0 0;
				border-bottom: 1px solid #ebebeb;
				padding-left: 21px;
				box-sizing: border-box;
			}
			.open-menu #navigation li.active a,
			.open-menu #navigation li.active-under > a,
			.sub-menu li.active > a,
			.sub-menu li.active-under li.active a{
				color: #ad823a;
			}
			
			.open-menu #navigation li.only-desktop{
				display: none;
			}
			.open-menu #navigation li.last {
				border-bottom: 1px solid #c3a572;
			}
			
			.open-menu #navigation li.has-submenu,
			.sub-menu li ul li{
				position: relative;
			}
				.open-menu #navigation li.has-submenu:after,
				.sub-menu li ul li:after{
					content: "";
					display: block;
					width: 7px;
					height: 11px;
					position: absolute;
					top: 7px;
					right: 19px;
					background-image: url(/templates/main/images/submenu-arrow.png);
					background-repeat: no-repeat;
				}
				
				#navigation li a {
					padding-bottom: 6px;
				}
				#navigation .has-submenu ul,
				#navigation .has-submenu:hover ul,
				#navigation ul li:hover a:after,
				#navigation ul li.active-under a:after,
				#navigation ul li.active a:after {
					display: none;
				}

		.menu-sub-inner {
			position: absolute;
			width: 100%;
			height: calc(100% - 100px);
			top: 0;
			left: 100%;
			display: block;
			padding: 0px 0 100px;
			background-color: #fff;

			-webkit-transition: left 0.5s ease;
			-ms-transition: left 0.5s ease;
			transition: left 0.5s ease;
		}
			.menu-sub-inner:after,
			.menu-sub-inner:before{
				content: '.';
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}
		.menu-sub-inner.sub-menu-opened{
			left: 0;
		}
			.back-to-menu {
				text-transform: uppercase;
				margin: 25px 0 17px 33px;
				display: inline-block;
				padding-left: 13px;
				font-size: 0.95em;
				color: #c3a572;
				background: url(/templates/main/images/back-menu-arrow.png) no-repeat 0 3px;
				cursor: pointer;
			}
			.sub-menu {
				list-style-type: none;
				margin: 0 0 0 10px;
				border-top: 1px solid #ebebeb;
				font-size: 1.05em;
			}
				.sub-menu a {
					padding: 12px 0 5px 21px;
					display: block;
					border-bottom: 1px solid #ebebeb;
				}
				.sub-menu li ul {
					list-style-type: none;
				}
					.sub-menu li ul li a {
						padding: 15px 0 6px 49px;
						font-size: 1.35em;
					}
						.sub-menu li ul li:after{
							top: 19px;
						}

					.ex-menu {
						display: block !important;
						margin-top: 7px;
					}
						.open-menu #navigation .ex-menu li {
							margin-top: 7px;
							border:none;
						}
							.open-menu #navigation .ex-menu li.active a{
								color: #413000
							}

	/* ============== */
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.only-desktop{
		display: none !important;
	}
	body{
		font-size:0.9em;
	}
	#main-content .container {
		margin-bottom: 32px;
		margin-top: 9px;
	}
	#main-content .container:after {
		bottom: -26px;
	}
	h1 {
		font-size: 1.8em;
		line-height: 1;
		padding-bottom: 0;
	}
	h2 {
		font-size: 1.8em;
		line-height: 1.15;
	}
	h3{
		font-size:1.9em;
	}
	p, li{
		line-height:1.45;
	}
	.content ul li {
		background-position:4px 9px !important;
	}
	.main-wrapper{
		width:100%;
	}
	.inner-wrapper{
		/* width:calc(100vw - 30px); */
		width:100%
	}
	.mobile{
		display:block;
	}
	.hide-mobile{
		display:none;
	}
	.header-content.main-wrapper{
		width:100%;
	}
	#header{
		height:142px;
	}
	.header-content{
		border:none;
	}
	#branding{
		width:130px;
		height:89px;
		padding-top:7px;
		margin:0 9px;
	}
	
	
	
	
	.reservation-wrapper {
		height: 36px;
		width: 161px;
		right:15px;
		top:13px;
	}
		.lang-wrapper:after{
			top:-4px;
		}
		
		.lang-wrapper ul {
			margin: 0 0 0 13px;
		}
			.lang-wrapper li{
				margin-right:11px;
			}
			.lang-wrapper li.last{
				margin:0;
			}
	
		.tp-block {
			height: 28px;
			width: 35px;
			margin:0;
		}
			.tp-icon {
				background-position:-186px -113px;
				background-size: 555px auto;
			}
			.tp-icon:hover .tp-number{
				display:none;
			}
			.tp-block:after {
				top: -5px;
			}
		.email-link{
			margin-right:4px;
		}
		.email-link .email-icon{
			width:30px;
			height:30px;
			display:block;
			background-size:550px auto;
			background-position:-187px -146px;
			margin-right:6px;
		}
		.email-link:after {
			background: #c3a572 none repeat scroll 0 0;
			height: 28px;
			position: absolute;
			right: 0;
			top: -5px;
			width: 1px;
		}
	.reservation-btn.mobile{
		bottom: 0;
		height: 36px;
		display:block;
		left: 0;
		position: absolute;
		width: 100%;
	}
		.reservation-btn.mobile a{
			width:100%;
			height:100%;
			display:inline-block;
			color:#fff;
			text-align:center;
			text-decoration:none;
			line-height:2;
		}
	.weather-wrapper {
		left: auto;
		right:75px;
		top: 64px;
	}
	.weather .city {
		display:none;
	}
	.more-menu {
		bottom: 51px;
		display: block;
		right:16px;
	}
	.open-menu .menu-inner {
		height: calc(100% - 100px);
		padding: 34px 0 50px;
	}
		.open-menu #navigation ul {
			padding:20px 0 10px;
		}
		.open-menu #navigation li {
			width:calc(100% - 30px);
			display:block;
			margin:0px auto 6px;
		}
	
		#navigation ul li:nth-child(2) {
			margin-left:auto;
		}
		#navigation ul li:last-child {
			margin-right:auto;
			margin-bottom:0;
		}
		#navigation .has-submenu ul{
			position:relative;
			top:auto;
			left:auto;
			width:auto;
			background:none;
			padding:0  0 15px;
			display:block;
		}
			#navigation .dining.has-submenu ul,
			#navigation .wellness.has-submenu ul,
			#navigation .events.has-submenu ul,
			#navigation .activities.has-submenu ul{
				width: auto;
			}
		#navigation .has-submenu  ul li {
			text-align:center;
			margin:0 auto 3px;
		}
		.open-menu #navigation li a{
			font-size:1.4em;
			padding:0 0 9px;
			width:100%;
		}
		.open-menu #navigation .has-submenu li a{
			display:inline-block;
			font-size:1.25em;
			padding:0 0 5px;
		}
	

		.open-menu #navigation .has-submenu li.active a:after,
		.open-menu #navigation .has-submenu.active-under> a:after,
		.open-menu #navigation ul li.active a:after,
		.open-menu #navigation ul li.active:hover a:after{
			bottom:0;
			display:none;
			top: auto;
		}
		.open-menu #navigation ul li:hover a:after,
		.open-menu #navigation .has-submenu.active li a:after,
		.open-menu #navigation .has-submenu.active:hover  li a:after,
		.open-menu #navigation .has-submenu.active li:hover a:after{
			display:none;
		}
	
		.ex-menu.only-mobile{
			display:block;
			width:calc(100% - 30px);
			margin:0 auto;
			border-top:1px solid #f3ede3;
			padding-top:4px;
		}
		.open-menu #navigation .ex-menu ul li{
			margin-bottom:9px;
		}
		
	
	#main-visual{
		width:100%;
	}
	.scroll-arrow{
		width:27px;
		height:22px;
		bottom:28px;
		background:url(/templates/main/images/bg-sprite.png) no-repeat -168px 0;
	}
	#main-content,
	#module-wrapper{
		width:calc(100vw - 30px);
	}
	.main-slogan{
		padding:5px 0;
	}
	#breadcrumb-wrapper{
		right:17px;
		top:13px;
	}
	.readmore-toggle .toggle-btn{
		margin:16px 0 0;
	}
	.grid-list .item{
		width:290px;
		height:328px;
	}
	
	#module-wrapper{
		margin: 15px auto 0;
		padding: 23px 0 0;
	}
	.grid-list{
		margin:0;
	}
		.grid-list .items-wrapper{
			left:auto;
			width:100%;
			text-align:center;
		}
		.grid-list .item{
			float:none;
			margin:16px 0 0;
		}
		.grid-list .item:first-child{
			margin:0 auto;
		}
		.grid-list .item .item-intro {
			margin: 0 12px;
		}
		.grid-list .item .itemPreviewImage{
			height:237px;
		}
		.grid-list .item .title{
			font-size:1.85em;
		}
		.price-wrapper .from-text{
			font-size:0.95em;
		}
		.price-wrapper .price {
			font-size: 1.8em;
		}
		.price-wrapper .currency  {
			font-size: 0.85em;
		}
		.booking-wrapper {
			margin:11px 0 0;
		}
		.price-wrapper{
			height:44px;
		}
		.booking-btn.btn{
			width:100%;
			height:28px;
			font-size:1.15em;
			line-height:2.1;
			
		}
	
	.bottom-wrapper .bottom-blk{
		width:90%;
	}
	
	
	#footer {
		margin:26px 0 0;
		padding:0 !important;
	}
		.footer-bar{
			display:none;
		}
		.footer-info{
			min-height:175px;
			height:auto;
			padding:0 20px;
		}
			.footer-info .address-blk{
				width:100%;
				margin:28px 0 16px;
			}
			.footer-info .address-details,
			.footer-info .phone{
				padding:0;
			}
			.footer-info .phone{
				margin-left:0;
			}
			.address-details:after,
			.footer-info .phone:after{
				display:none;
			}
			.footer-info p{
				float:none;
				width:100%;
				margin-bottom:5px;
				text-align:center;
			}
		.social-wrapper{
			width:216px;
			float: none;
			margin: 0 auto;
		}
			.social-wrapper h4{
				display:none;
			}
			.socialmedias li {
				background-position:-151px -185px;
				background-size:567px auto;
				height: 32px;
				margin: 0 3px;
				width: 30px;
			}
			.socialmedias  li.twitter {
				background-position:-182px -185px;
			}
			.socialmedias  li.youtube {
				background-position:-213px -185px;
			}
			.socialmedias  li.tripadvisor {
				background-position:-244px -185px;
			}
			.socialmedias  li.instagram  {
				background-position:-275px -185px;
			}
			.socialmedias  li.googleplus  {
				background-position:-306px -185px;
			}

			.popup {
				-ms-transform: scale(0.35);
				-webkit-transform: scale(0.35);
				transform: scale(0.35);
			}

		#socialToolbarContainer{
			display: none;
		}

		.popup-intro,
		.pop-up-price {
			font-size: 1.4em;
		}


		/* menu layout changes */
	.menu-wrapper{
		position: relative;
		overflow: hidden;
	}
	
	.open-menu .menu-inner{
		padding: 34px 0 100px;
	}
		.open-menu #navigation ul {
			padding: 0;
			margin-left: 10px;
			margin-right: 10px;
			padding-top: 5px;
			text-align: left;
		}
			.open-menu #navigation li {
				margin: 13px 0 0;
				border-bottom: 1px solid #ebebeb;
				padding-left: 21px;
				box-sizing: border-box;
				width: 100%;
			}
			.open-menu #navigation ul li:nth-child(2) {
				margin-left:0;
			}
			.open-menu #navigation li.active a,
			.open-menu #navigation li.active-under > a,
			.sub-menu li.active > a,
			.sub-menu li.active-under li.active a{
				color: #ad823a;
			}
			
			.open-menu #navigation li.only-desktop{
				display: none;
			}
			.open-menu #navigation li.last {
				border-bottom: 1px solid #c3a572;
			}
			
			.open-menu #navigation li.has-submenu,
			.sub-menu li ul li{
				position: relative;
			}
				.open-menu #navigation li.has-submenu:after,
				.sub-menu li ul li:after{
					content: "";
					display: block;
					width: 7px;
					height: 11px;
					position: absolute;
					top: 7px;
					right: 19px;
					background-image: url(/templates/main/images/submenu-arrow.png);
					background-repeat: no-repeat;
				}
				
				#navigation li a {
					padding-bottom: 6px;
				}
				#navigation .has-submenu ul,
				#navigation .has-submenu:hover ul,
				#navigation ul li:hover a:after,
				#navigation ul li.active-under a:after,
				#navigation ul li.active a:after {
					display: none;
				}

		.menu-sub-inner {
			position: absolute;
			width: 100%;
			height: calc(100% - 75px);
			top: 0;
			left: 100%;
			display: block;
			padding: 34px 0 50px;
			background-color: #fff;

			-webkit-transition: left 0.5s ease;
			-ms-transition: left 0.5s ease;
			transition: left 0.5s ease;

			overflow: auto;
		}
			.menu-sub-inner:after,
			.menu-sub-inner:before{
				content: '.';
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}
		.menu-sub-inner.sub-menu-opened{
			left: 0;
		}
			.back-to-menu {
				text-transform: uppercase;
				margin: 25px 0 17px 33px;
				display: inline-block;
				padding-left: 13px;
				font-size: 0.95em;
				color: #c3a572;
				background: url(/templates/main/images/back-menu-arrow.png) no-repeat 0 3px;
				cursor: pointer;
			}
			.sub-menu {
				list-style-type: none;
				margin: 0 10px 0 10px;
				border-top: 1px solid #ebebeb;
				font-size: 1.05em;
			}
				.sub-menu a {
					padding: 12px 0 5px 21px;
					display: block;
					border-bottom: 1px solid #ebebeb;
				}
				.sub-menu li ul {
					list-style-type: none;
				}
					.sub-menu li ul li a {
						padding: 15px 0 6px 49px;
						font-size: 1.35em;
					}
						.sub-menu li ul li:after{
							top: 19px;
						}

					.ex-menu {
						display: block !important;
						margin-top: 7px;
					}
						.open-menu #navigation .ex-menu li {
							margin-top: 7px;
							border:none;
						}
							.open-menu #navigation .ex-menu li.active a{
								color: #413000
							}
			.popup-title {
    font-size: 2.6em;
    margin: 50px 0 8px;
	}
	.pop-up-booking-content {
    padding-top: 8px;
	}
	.popup-intro {
	display:none
	}
	.pop-up-content {
    height: 225px;
	}

	/* ============== */
}


























/***************  templates/main/css/template.home.css  ***************/
.header-content{
	border:none;
}
#main-visual{
	height:calc(100vh - 180px);
	margin-top:180px;
}
#main-content{
	width:820px;
	margin:0 auto;
}
#main-content .container{
	margin-top:71px;
	margin-bottom: 53px;
}
.image-block{
	height:534px;
	margin:0 auto;
}
	.image-blk{
		vertical-align:top;
		display:inline-block;
		position:relative;
	}
	.image-blk.imageone{
		width:616px;
		height:534px;
	}
		.image-blk .overlay-bg{
			width:100%;
			height:299px;
			position:absolute;
			bottom:0;
			left:0;
			background:url(/templates/main/images/black-overlay.png) repeat-x 0 0;
			z-index:1;
		}
		.editMode .image-blk .overlay-bg{
			display:none;
		}		
		.image-blk .title-wrapper{
			width:90%;
			
		}
		.image-blk .title-wrapper.pos-abs{
			bottom:36px;
			left:5%;
			z-index:2;
		}
		.image-blk .title-wrapper h3{
			margin:0;
			line-height:1.2;
		}
		.image-blk .title-wrapper h3.second{
		
		}
	.image-middle{
		width:317px;
	}
	.image-blk.imagetwo,
	.image-blk.imagecont-blk{
		width:317px;
		height:267px;
	}
		.image-blk.imagecont-blk .title-wrapper{
			position:absolute;
			top: 50%;
			left:50%;
			transform: translate(-50%, -50%);
			max-height:90%;
			overflow:hidden;
			padding-bottom:1px;
		}
		.image-blk.imagecont-blk .title-wrapper h3.first{
			font-size:1.45em;
		}
		.image-blk.imagecont-blk .title-wrapper h3.second{
			font-size:2.05em;
		}
		.imagecont-blk .title-wrapper p{
			width:80%;
			margin:10px auto 13px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			text-align:center;
		}
		
		.image-blk .title-wrapper .readmore{
			line-height:1.2;
			display:inline-block;
			border-bottom:1px solid #c3a572;
		}
		.image-blk .title-wrapper .readmore:hover{
			border-color:#fff;
		}
		.image-blk .title-wrapper .readmore.mobile{
			display:none;
		}
		
	.image-blk.imagethree{
		width:267px;
		height:534px;
	}
	.image-blk.imagecont-blk{
		background:#31261d;
	}
.grid-list .item{
	float:none;
}
.grid-list .item .title{
	max-height:80px;
	overflow:hidden;
}
.section-title{
	margin:0;
	padding:52px 0 8px;
}
.section-intro{
	width:70%;
	margin:0 auto;
}
.section-wrapper.offers{
	margin:42px 0 79px;
	padding-bottom:52px;
}
	.grid-list .item {
		background:#fff;
	}


.location-wrapper{
	margin:81px auto 0;
	padding-bottom:70px;
}
	.location-wrapper .section-title{
		line-height:1.1;
		padding:68px 0 0;
	}
	.location-wrapper .sub-title{
		margin:0 auto 27px;
		line-height:1;
		width:70%;
	}
	#map_canvas{
		width:100%;
		height:490px;
		margin:31px 0 0;
	}
	.marker-intro h3{
		font-size:2em;
		margin:0;
	}
	.marker-intro{
		max-height:110px;
		padding-top:6px;
		overflow:hidden;
	}
	.marker-intro p{
		margin:0;
	}

#footer{
	margin-top:0;
	border:none;
}


/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px){
	h1{
		font-size:2.75em;
		padding-bottom:9px;
		line-height: 1;
	}
	h2{
		font-size:2.2em;
	}
	.main-slogan {
		padding:5px 0 10px;
	}
	#main-visual {
		height: calc(100vh - 166px);
		margin-top: 166px;
	}
	#main-content .container {
		margin-top: 44px;
		margin-bottom: 36px;
	}
	.image-block{
		height:404px;
	}
		.image-blk.imageone{
			width:466px;
			height:404px;
		}
		.image-middle{
			width:236px;
		}
		.image-blk.imagetwo,
		.image-blk.imagecont-blk{
			width:236px;
			height:202px;
		}
			
		.image-blk.imagethree{
			width:204px;
			height:404px;
		}
		.image-blk .title-wrapper.pos-abs{
			bottom:23px;
		}
		.image-blk .title-wrapper h3 {
			line-height: 1.15;
		}
		.image-blk.imagecont-blk .title-wrapper h3 {
			line-height: 1.3;
		}
		.image-blk.imagecont-blk .title-wrapper h3.first{
			font-size:1.15em;
		}
		.image-blk.imagecont-blk .title-wrapper h3.second {
			font-size: 1.55em;
		}
		.imagecont-blk .title-wrapper .readmore {
			font-size: 1.1em;
			line-height:1.1;
		}
	
	.section-title {
		font-size: 2.5em;
		padding:34px 0 5px;
		padding:47px 0 16px;
	}
	.section-intro{
		width:85%;
	}
	.section-wrapper.offers {
		margin: 42px 0 43px;
	}
	.location-wrapper {
		margin:46px auto 0;
		padding-bottom:85px;
	}
	.location-wrapper .section-title {
		padding: 56px 0 0;
	}
	
	.location-wrapper .sub-title{
		font-size:1.7em;
		width:85%;
		margin-bottom:17px;
	}
	.grid-list .item .title{
		max-height:55px;
		width: 53%;
	}
	
}


/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	h1 {
		font-size: 2.9em;
		line-height: 1;
		padding-bottom: 7px;
	}
	h2{
		font-size: 2.3em;
		line-height:1;
	}
	h3{
		font-size:2.3em;
	}
	#main-visual {
		height: calc(100vh - 125px);
		margin-top: 125px;
	}
	#main-content{
		width:642px;
	}
		#main-content .container {
			margin-top: 37px;
			margin-bottom: 36px;
		}
			#main-content .container::after {
				bottom: -28px;
			}
		.main-slogan{
			padding:5px 0 10px;
		}
	
	.image-block{
		height:364px;
	}
		.image-blk.imageone {
			height:364px;
			width:421px;
		}
		.image-middle{
			width:303px;
		}
		.image-blk.imagetwo, .image-blk.imagecont-blk {
			height:182px;
			width: 303px;
		}
		.image-blk.imagethree{
			display:none;
		}
		.image-blk .title-wrapper.pos-abs{
			bottom:17px;
		}
		.image-blk .title-wrapper h3.first{
			font-size:2.45em;
		}
		.image-blk .title-wrapper h3 {
			line-height: 1.15;
			font-size:3.25em;
		}
		.image-blk.imagecont-blk .title-wrapper h3{
			line-height:1.35;
		}
		.image-blk.imagecont-blk .title-wrapper h3.first {
			font-size: 1.4em;
		}
		.imagecont-blk .title-wrapper p{
			margin:12px auto 16px;
		}
	.section-wrapper.offers{
		padding-bottom:34px;
		 margin:8px 0 29px;
	}
	.section-title {
		font-size:2.3em;
		padding:32px 0 8px;
	}
	.section-intro {
		width: 87%;
	}
	
	.grid-list .item.item3{
		display:none;
	}
	
	.location-wrapper{
		margin:31px auto 15px;
		padding-bottom:39px;
	}
		.location-wrapper .sub-title {
			width:90%;
			margin-bottom:9px;
			font-size: 1.85em;
		}
		.location-wrapper .section-title {
			padding: 33px 0 0;
		}
		#map_canvas {
			height: 490px;
			width: 670px;
			margin: 27px auto 0;
		}
	
	
}


/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	
	h1 {
		font-size: 2.45em;
		line-height: 1.25;
		padding-bottom: 0;
	}
	h2 {
		font-size: 1.8em;
		line-height: 1.15;
	}
	.inner-wrapper {
		margin: 15px auto;
	}
	.main-slogan{
		padding:13px 0;
	}
	
	#main-visual{
		width:100%;
		height:calc(100vh - 142px);
		margin-top:142px;
	}
	.main-visual .slick-dots{
		display:none !important;
	}
	.main-visual .slide:after{
		height:264px;
	}
	#main-content{
		width:calc(100vw - 30px);
	}
	#main-content .container {
		margin-top: 23px;
		margin-bottom: 27px;
	}
	#main-content .container:after {
		bottom: -19px;
	}
	.readmore-toggle .toggle-btn {
		margin:7px 0 0;
	}
	
	.section-wrapper.offers{
		margin:17px 0 0;
		padding-bottom:13px;
	}
	.section-title {
		font-size: 2.05em;
		padding:23px 0 0px;
	}
	.offers-section .section-title {
		padding:23px 0 14px;
	}
	.section-intro{
		display:none;
	}
	.image-block{
		width:100%;
		height:304px;
		margin:0;
	}
	.image-blk.imageone {
		height:304px;
		width: 100%;
	}
	.image-middle,
	.image-blk.imagethree{
		display:none;
	}
	.image-blk .title-wrapper .readmore.mobile{
		display:inline-block;
	}
	.location-wrapper .inner-wrapper{
		margin:0 auto;
	}
	.location-wrapper{
		margin:0;
		padding-bottom:20px;
	}
	.location-wrapper .section-title {
		padding: 29px 0 3px;
	}
	.location-wrapper .sub-title {
		font-size: 1.8em;
		width:90%;
		margin-bottom:15px;
	}
	#map_canvas {
		height:390px;
		margin:0;
	}
	.grid-list .item .title {
		width: 53%;
	}


}
@media (min-width: 640px) and (max-width:768px ){
	.offers-section .grid-list .item{
		margin:0 5px;
	}
}