/***************  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:LyonDisplay-Regular,Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666;
}

h1 {
	font-family:LyonDisplay-Medium,Arial, Helvetica, sans-serif;
	font-size:2.8em;
}

h2 {
	/*font-family:gotham_lightregular,Arial, Helvetica, sans-serif;*/
	font-family:LyonDisplay-Medium,Arial, Helvetica, sans-serif;
	font-size:2.65em;
}

h3 {
	font-family:LyonDisplay-Medium,Arial, Helvetica, sans-serif;
	font-size:2.55em;
}

h4{
	font-family:LyonDisplay-Medium,Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

h5 {
	font-family:LyonDisplay-Medium,Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

h6 {
	font-family:LyonDisplay-Medium,Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

/* Global Section Styles */

/* fonts */

.font-gotham-bold,
.main-menu a{
	font-family:gotham_boldregular, sans-serif;
}
.font-gotham-medium,
.purple-btn, .btn,
.footer-contact *,
.sign-up-btn input,
.copyright,
.loadMore-button,
form.flexibleForm button.submit{
	font-family:gotham_mediumregular, sans-serif;
}
.font-gotham-book,
.date input,
.input-wrapper select,
#promoCode{
	font-family:gotham_bookregular, sans-serif;
}
.font-gotham-light,
.datepicker-wrapper .ui-datepicker-calendar,
.category-title span,.caption-text h5{
	font-family:gotham_lightregular, sans-serif;
}
.font-lyondisplay-medium,
.email-entry input{
	font-family:LyonDisplay-Medium, sans-serif;
}
.font-lyondisplay-regular,
.offers-section-title,
.datepicker-wrapper .ui-datepicker-title,
.ui-datepicker .ui-datepicker-title select,
.caption-text h4,
.marker-body p, .marker-body a{
	font-family:LyonDisplay-Regular, sans-serif;
}


/* colors */
.main-menu a,
.purple-btn,
.btn a,
.footer-contact p,
.footer-contact p a,
.footer-menu.navigation a,
.newsletter-header,
.sign-up-btn,
.sign-up-btn input,
.footer-tel-text a,
.image-caption,
#menu-btn,
.menu-opened .on-scroll .main-menu a,
#promoCode,
.loadMore-button,
.caption-text h4,
.caption-text h5,
form.flexibleForm button.submit,
.back-btn,
.best-rate,
#mod_flexibleForms .submit:focus{
	color: #fff;
}
.main-title,
h2,h3,h4,h5,h6,
#email-address,
.copyright,
.block-price a,
.txt-wrapper a,
.no-touchevents .sign-up-btn:hover,
.no-touchevents .sign-up-btn:focus,
.no-touchevents .sign-up-btn input:hover,
.no-touchevents .sign-up-btn input:focus,
.no-touchevents .gray-btn:hover a,
.no-touchevents .gray-btn:focus a,
.no-touchevents .loadMore-button:hover,
.no-touchevents .loadMore-button:focus,
.on-scroll .main-menu .active a,
.no-touchevents .on-scroll .main-menu a:hover,
.no-touchevents .on-scroll .main-menu a:focus,
p a,
form.flexibleForm input.fieldInput,
form.flexibleForm textarea.fieldInput,
.no-touchevents .back-btn:hover,
.no-touchevents .back-btn:focus,
.details-popup .block-price, .details-popup .block-price a{
	color: #656565;
}
.no-touchevents .footer-menu.navigation a:hover,
.no-touchevents .footer-menu.navigation a:focus,
.footer-menu.navigation .active a,
.footer-contact p a:hover,
.footer-contact p a:focus{
	color: #09020D;
}

/*.image-block-title,
.image-block-main-title,
.image-block-main-title span{
	color: #9484a1; 
}*/

.image-block-title,
.image-block-main-title,
.image-block-main-title span,
.no-touchevents .purple-btn:not(.disabled):hover,
.no-touchevents .purple-btn:not(.disabled):hover a,
.no-touchevents form.flexibleForm button.submit:hover,
.no-touchevents form.flexibleForm button.submit:focus,
.txt-wrapper a:hover,
.txt-wrapper a:focus,
.no-touchevents .main-menu a:hover,
.no-touchevents .main-menu a:focus,
.on-scroll .main-menu a,
.main-menu .active a ,
.menu-opened .on-scroll .main-menu .active a{
	color: #990000;
}

/*.on-scroll .main-menu a,
.main-menu .active a ,
.menu-opened .on-scroll .main-menu .active a{
	color:#B4A9BF;	
}*/

/*form.flexibleForm label.fieldLabel{
	color:#ADADAD;	
}*/
/*.details-popup .block-price, .details-popup .block-price a{
	color: #BBBBBB;
}*/
.copyright,
form.flexibleForm label.fieldLabel{
	color:#757575;
}

/* font-sizes */
.image-block-main-title .line-one {
	font-size: 0.45em;
}
.main-menu a{
	font-size: 0.72em;
}
.copyright{
	font-size: 0.75em;
}
.image-block-main-title .line-two {
	font-size: 0.78em;
}
.btn a,
.sign-up-btn,
#menu-btn,
.menu-opened .main-menu a,
.hover-content .block-intro,
.category-title span,
.loadMore-button,
.caption-text h4,
.caption-text h5,
form.flexibleForm button.submit,
.back-btn{
	font-size: 0.8em;
}
form.flexibleForm label.fieldLabel,
form.flexibleForm textarea.fieldInput,
form.flexibleForm input.fieldInput{
	font-size: 0.82em;
}
.footer-contact p{
	font-size: 0.88em;
}
#booking-btn,
.footer-contact,
#email-address,
.block-price{
	font-size: 0.9em;
}
.footer-menu.menu.navigation.float-l {
	font-size: 0.95em;
}
.newsletter-header {
	font-size: 0.97em;
}
p, .txt-wrapper ul li, .txt-wrapper ol li{
	font-size: 1.02em;
}
.details-popup .block-price{
	font-size: 1.05em;
}
.offers-section-title,
.best-rate{
	font-size: 1.1em;
}
.image-block-title,
.list-item .block-price{
	font-size: 1.15em;
}
.block-price a,
.marker-body p {
	font-size: 1.25em;
}
.offer-title,.caption-text h4,
.extra-content-block-title,
.details-popup .module-section h3{
	font-size: 2em;
}
.image-caption {
	font-size: 2.85em;
}
/* line-heights */
.footer-menu.navigation ul li{
	line-height: 0.85;
}
h3,
.image-block-title,
.offer-book-btn.btn a,
.offer-more-btn.btn a,
.block-price{
	line-height: 1;
}
.main-title{
	line-height: 1.01;
}
.hover-content .btn a{
	line-height: 1.05;
}
#booking-btn,
.image-block-title,
h3.offer-title{
	line-height: 1.2;
}
/*.grid-item.item-preview-block .block-title{
	line-height: 1.25;
}*/
.block-intro {
	line-height: 1.4;
}
.offer-intro{
	line-height: 1.5;
}
.hover-content .block-intro {
	line-height: 1.8;
}
p, .txt-wrapper ul li, .txt-wrapper ol li {
	line-height: 1.7;
}
.main-menu ul li{
	line-height: 2.5;
}

/* .footer-contact p{
	line-height: 68px;
} */

/* font-weights */
.bold{
	font-weight: bold;
}
.main-title,
h2,h3,h4,h5,h6{
	font-weight: normal;
}
/* font-decorations */
.no-deco,
.menu a,
.no-deco a,
.footer-contact p a{
	text-decoration: none;
}
.underline{
	text-decoration: underline;
}

/* font-styles */
.italic{
	font-style: italic;
}
.upper,
.btn,
.main-menu a,
.purple-btn,
.image-block-title,
.image-block-main-title,
.offers-section-title,
.category-title span,
.loadMore-button,
.caption-text h5{
	text-transform: uppercase;
}

/*bg-color*/

/*.footer-top{
	background-color: #9484a1;
}*/
.footer-top,
.purple-btn,
.no-touchevents .transparent-btn:hover,
form.flexibleForm button.submit{
	background-color: #990000;
}

.gray-btn,
.menu-opened #navigation{
	background-color: #656565;
}

.no-touchevents .purple-btn:not(.disabled):hover,
.no-touchevents .gray-btn:hover,
.no-touchevents .gray-btn:focus,
.block-2 .block-content-wrapper,
.block-4 .block-content-wrapper,
.bottom-single-section .block-content-wrapper,
#header.on-scroll,
.infoBox,
.no-touchevents form.flexibleForm button.submit:hover,
.details-popup{
	background-color: #fff;
}
.transparent-btn {
	background-color: rgba(255,255,255,0.2);
}
.offers-section-title,
.details-popup .block-price,
.best-rate {
	letter-spacing: 0.5px;
}
@media (min-width: 1024px) and (max-width: 1262px) {
	.image-block-main-title .line-one {
		margin-bottom: 0.45em;
	}

	.main-menu a {
		font-size: 0.65em;
	}
	.image-block-main-title .line-two,
	#booking-btn {
		font-size: 0.7em;
	}
	.footer-contact p {
		font-size: 0.8em;
	}
	.image-block-title {
		font-size: 0.95em;
	}
	.offers-section-title {
		font-size: 1em;
	}
	.offer-title {
		font-size: 1.8em;
	}
	h2{
		font-size: 2.3em;
	}
	h3{
		font-size: 2.2em;
	}
	.image-caption, h1 {
		font-size: 2.5em;
	}
	.main-menu ul li {
		line-height: 2;
	}
/* 	.footer-contact p {
		line-height: 58px;
	} */
}
@media (min-width: 1024px) and (max-width: 1279px) {
	#footer .footer-address, #footer .footer-tel-2{
		height: 58px;
	}	
}
@media (min-width: 768px) and (max-width: 1023px) {
	.btn.default-view a{
		font-size: 0.7em;
	}
	.image-block-title {
		font-size: 0.78em;
	}
	#booking-btn{
		font-size: 0.8em;
	}
	h2{
		font-size: 2.2em;
	}
	h1{
		letter-spacing: 0.01em;
	}
	.main-title:after{
		background-color: #656565;
	}
	.image-block-title {
	    line-height: 1;
	}
/* 	.footer-contact p {
		line-height: 74px;
	} */
}


@media (max-width: 767px) {
.image-caption{
	color: #656565;
}
.copyright {
	font-size: 0.72em;
}
/*.block-intro{
	font-size: 0.7em;
}*/
#tel-btn-mob, #booking-btn, #menu-btn,
.btn.transparent-btn a,
.btn a{
	font-size: 0.8em;
}
#email-address,
.sign-up-btn input {
	font-size: 0.85em;
}
.footer-menu.menu.navigation.float-l{
	font-size: 0.9em;
}
.newsletter-header,
.image-block-title{
	font-size: 0.95em;
}
p, .txt-wrapper ul li, .txt-wrapper ol li {
	font-size: 1.02em;
}
.image-block-title{
	font-size: 1.15em;
}
.image-caption{
	font-size: 1.7em;
}
h2{
	font-size: 1.8em;
}
h3{
	font-size: 1.95em;
}
.list-item.item-preview-block .block-title{
	font-size: 2.6em;
}
.main-title {
	font-size: 2.7em;
}
.main-title {
	letter-spacing: 1px;
}
.image-block-title,
.footer-contact p {
	line-height: 1;
}
.main-title {
	line-height: 1.05;
}
.footer-contact p{
	line-height: 1.1;
}
p, .txt-wrapper ul li, .txt-wrapper ol li {
	line-height: 1.68;
}
.main-title:after{
	background-color: #656565;
}
#main-visual .btn.transparent-btn{
	background-color: #9484a1;
}
}
/***************  templates/main/css/global.layout.css  ***************/
/* ----- START LAYOUT COMMON TO ALL PAGES ----- */
/* DOUBLE CLICK FIX */
#condorAddBody #addBodyContent iframe {
  position: absolute;
}

/* START ANTI-MARGIN-COLLAPSING */
div#something {
  margin-top: -1px;
  padding-top: 1px;
}
/* END ANTI-MARGIN-COLLAPSING */

/* START FLOAT ENCLOSING ("EASY CLEARING") */
.clear-a:after,
.clear-b:before{
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* END FLOAT ENCLOSING ("EASY CLEARING") */

/* START OFFSCREEN */
div#languages h2,
div#credits 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*/
}

html,
body {
  width: 100%;
  height: 100%;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  font-smooth: always;
}
html {
  -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
input::-ms-clear {
  display: none;
}
input:focus,
select:focus {
  /* outline: none; */
}
.outline:focus,
#navigation li a:focus,
.ui-datepicker-header a:focus,
.ui-datepicker-calendar a:focus{
	outline:1px dotted #fff;
}

div#navigation li li a:focus,
.on-scroll div#navigation ul li a:focus{
	outline:1px dotted #000;
}
.mobile,
.landscape,
.portrait,
.no-desktop,
.hp_email,
.hide-org {
  display: none;
}
.row {
  width: 100%;
  float: left;
}
.section {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.float-l {
  float: left;
}
.float-r {
  float: right;
}
.pos-abs {
  position: absolute;
}
.pos-rel {
  position: relative;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.full-width {
  max-width: 100%;
}
.v-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bg,
.bg-after:after,
.bg-before:before {
  background-image: url(/templates/main/images/sprite.svg);
  background-repeat: no-repeat;
}
.no-svg .bg,
.no-svg .bg-after:after,
.no-svg .bg-before:before {
  background-image: url(/templates/main/images/sprite.png);
}
/* btns */
.btn {
  border: 1px solid #fff;
  cursor: pointer;

  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn:after {
  content: '';
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  position: absolute;
  top: 4px;
  left: 4px;
  border: 1px solid #fff;
  pointer-events: none;
}
.no-touchevents .gray-btn.btn:hover,
.no-touchevents .gray-btn.btn:hover:after,
.no-touchevents .gray-btn.btn:focus,
.no-touchevents .gray-btn.btn:focus:after {
  border-color: #656565;
}
.no-touchevents .purple-btn.btn:not(.disabled):hover,
.no-touchevents .purple-btn.btn:not(.disabled):hover:after,
.no-touchevents .purple-btn.btn:not(.disabled):focus,
.no-touchevents .purple-btn.btn:not(.disabled):focus:after {
  border-color: #990000;
}
.btn a {
  padding: 16px 43px 17px;
  display: block;
}
.txt-wrapper .custom-btn{
	display:inline-block;
	text-align:center	
}

.txt-wrapper .link-btn{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;		
}
.txt-wrapper .link-btn:visited, .txt-wrapper .link-btn:active, .txt-wrapper .link-btn:focus{
	color: #fff ;
}
.txt-wrapper .link-btn:hover{
	color: #990000 ;
}
.touchevents .txt-wrapper .link-btn:hover{
	color: #fff ;
} 
.screen-image,
.screen-image img {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.focus-outline-white:focus{
	outline:1px dotted #fff;
}
.focus-outline-black:focus{
	outline:1px dotted #000;
}
.focus-outline-thick:focus{
	outline:2px dotted #000;
}

.skip-cont {
  position: absolute;
  top: 5px;
  left: 280px;
  font-size: 0.8em;
  opacity: 0;
  color:#fff;
}

.skip-cont.active,
.skip-cont:focus {
  z-index: 100;
  left: 280px;
  width: auto;
  height: auto;
  opacity: 1;
}
.on-scroll .skip-cont{
	 color:#000;
}
.on-scroll .skip-cont:focus{
	outline:1px dotted #000;
	left: 150px;
}


.outline:after,
.outline:before {
  content: '';
  position: absolute;
  border: 1px solid #787878;
  pointer-events: none;
}
.outline:before {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  top: 9px;
  left: 9px;
}
.outline:after {
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  position: absolute;
  top: 14px;
  left: 14px;
}
.amenities-block .outline:before {
  width: 100%;
  height: calc(100% - 0px);
  position: absolute;
  top: 0px;
  left: 0;
}
.amenities-block .outline:after {
  width: calc(100% - 26px);
  height: calc(100% - 28px);
  position: absolute;
  top: 13px;
  left: 13px;
}
body.popup-open {
  overflow: hidden;
}
/*body.popup-open{
	position: fixed;
}*/
/* ======== /
/* header section */
/* logo */
#header {
  position: fixed;
  width: 100%;
  z-index: 2;
  height: 62px;
  background-color: transparent;
  -webkit-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
#branding {
  width: 237px;
  height: 170px;
  position: absolute;
  top: 12px;
  left: 16px;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#branding span {
  width: 100% !important;
  height: 100% !important;
}
.on-scroll #branding {
  width: 105px;
  height: 53px;
  top: 8px;
  left: 17px;
}

#branding .logo,
#branding .mobile-logo,
#branding span img {
  width: 100%;
  height: auto;
}
#branding .mobile-logo,
.scroll-logo,
.on-scroll .default-logo {
  display: none;
}
.loggedIn .scroll-logo.imageSwitchHolderAltTextOnly,
.loggedIn .on-scroll .default-logo.imageSwitchHolderAltTextOnly {
  display: none !important;
}
.on-scroll .scroll-logo,
.loggedIn .on-scroll .default-logo.imageSwitchHolderAltTextOnly {
  display: block;
}
.loggedIn .on-scroll .scroll-logo.imageSwitchHolderAltTextOnly {
  display: block !important;
}
/* main-menu */
#navigation {
  margin-right: 293px;
  margin-top: 23px;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#navigation.booking-mask-new {
  margin-right: 76px;
}
.on-scroll #navigation {
  margin-right: 265px;
  margin-top: 10px;
}
.on-scroll #navigation.booking-mask-new {
  margin-right: 76px;
}
.navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navigation ul li {
  float: left;
}
.main-menu ul li.home {
  display: none;
}
.main-menu ul li {
  border-left: 1px solid #fff;
}
.on-scroll .main-menu ul li {
  border-left: 1px solid #9484a133;
}
.main-menu ul li.last {
  border-right: none;
}
.main-menu ul li.item2 {
  border-left: none;
}
.main-menu a,
.footer-menu.navigation a {
  margin: 0 10px;
  -webkit-transition: color 0.4s ease;
  -ms-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.main-menu .last a {
  margin-right: 0;
}

.navigation ul > li {
  position: relative;
}
.navigation .menuLevel2,
.navigation .menuLevel2 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.navigation .menuLevel2 {
  background-color: #fff;
  position: absolute;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.25em 0.75em;
  border: 1px solid #979797;
  margin-top: calc(0.35em - 1px);
  margin-left: calc(0.3em - 1px);
}
.navigation .item3 .menuLevel2 {
	white-space: nowrap;
}
.navigation .the-estate .menuLevel2 {
	min-width: 145px;
}
.navigation .menuLevel2:after {
  content: '';
  position: absolute;
  top: -0.35em;
  left: -0.35em;
  right: -0.35em;
  bottom: -0.35em;
  background: #fff;
  z-index: -1;
  /* border: 1px solid #979797; */
}
.navigation ul.menuLevel2 li {
  border-left: none;
}
.navigation .menuLevel2 a {
  color: #990000;
}
.navigation .menuLevel2 a:hover {
  color: #656565;
}

.navigation .has-submenu:hover .menuLevel2,
.navigation .has-submenu.menu-focus .menuLevel2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#main-visual #tvsPlayer .jw-display-controls .jw-icon{
	outline:1px dotted #fff;
}

.level2.villa-at-the-state, .level2.offers {
	white-space: nowrap;
}
#booking-btn {
  top: 14px;
  right: 13px;
  left: auto;
  width: 149px;
  padding: 9px 16px 13px;
  /*-webkit-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;*/

  -webkit-transition-duration: 0.25s;
  -ms-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
#booking-btn.booking-mask-new{
  display: none;
}
.on-scroll #booking-btn {
  top: 0px;
  right: 0px;
  padding: 9px 13px 13px;
}
#tel-btn {
  right: 215px;
  top: 18px;
  width: 53px;
  height: 53px;
  border: 1px solid #fff;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
#tel-btn.booking-mask-new {
  right: 13px;
}
.on-scroll #tel-btn {
  border-color: #990000;
}
#tel-btn:before {
  content: '';
  width: 53px;
  height: 54px;
  display: block;
  background-position: -144px -107px;
  background-size: 200px auto;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.no-touchevents #tel-btn:hover {
  opacity: 0.5;
}
.on-scroll #tel-btn {
  /*  opacity: 0; */
  pointer-events: none;
  right: 185px;
  top: 3px;
}
.on-scroll #tel-btn.booking-mask-new {
  right: 13px;
}
.on-scroll #tel-btn:before {
  background-image: url(/templates/main/images/sprite-hover-tel.svg);
}
#tel-btn a {
  display: block;
  width: 100%;
  height: 100%;
}
/* main visual */
#main-visual {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: #333333;
}
#main-visual .img-slide {
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  position: relative;
}
#main-visual .caption-wrapper:not(.mobile) {
  bottom: 86px;
  left: 144px;
  width: 600px;
  display: block;
  z-index: 2;
}
.transparent-btn,
.transparent-btn a {
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn.transparent-btn a {
  padding: 16px 15px 16px;
  width: 225px;
  box-sizing: border-box;
}
.caption-wrapper {
  display: none;
}
.slick-slide {
  background-size: cover;
  background-position: center center;
}
#main-visual .img-slide:after,
#main-visual .img-slide:before {
  content: '';
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  z-index: 1;
}
#main-visual .img-slide:before {
  top: 0;
  background: -moz-linear-gradient(top, rgba(29, 26, 31, 0.5) 0%, rgba(29, 26, 31, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(29, 26, 31, 0.5) 0%, rgba(29, 26, 31, 0) 100%);
  background: linear-gradient(to bottom, rgba(29, 26, 31, 0.5) 0%, rgba(29, 26, 31, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801d1a1f', endColorstr='#001d1a1f',GradientType=0 );
}
#main-visual .img-slide:after {
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(29, 26, 31, 0) 0%, rgba(29, 26, 31, 0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(29, 26, 31, 0) 0%, rgba(29, 26, 31, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(29, 26, 31, 0) 0%, rgba(29, 26, 31, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001d1a1f', endColorstr='#801d1a1f',GradientType=0 );
}

/* TVS */

.hero-video {
  height: 0;
  padding-top: 56.25%;
}
.tvs-video-iframe {
  top: 0;
  left: 0;
  border: none;
}
/* slick dots */

.slick-dots {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: center;
  display: block;
}
#main-visual .slick-dots {
  position: absolute;
  bottom: 25px;
  right: 40px;
}
.block-3 .slick-dots {
  position: absolute;
  bottom: 8px;
  right: 6px;
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  background: #990000;
  border: 1px solid #fff;
  text-indent: -9999em;
  width: 13px;
  height: 13px;
  border-radius: 10px;
  cursor: pointer;
}
.slick-dots li button {
  display: none;
}
.slick-dots li.slick-active {
  background: #fff;
  border: 3px solid #990000;
  width: 9px;
  height: 9px;
  cursor: default;
}

/* main content */

.main {
  margin-top: 100vh;
}
.has-hero-video .main {
  margin-top: 56.25%;
}
.main-section:before {
  content: '';
  width: 99px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/templates/main/images/pattern.png) repeat 0 0;
  border-right: 1px solid #c2c7ca;
  border-bottom: 1px solid #c2c7ca;
  box-sizing: border-box;
}
.main-section {
  box-sizing: border-box;
  padding: 105px 0 70px 99px;
  box-sizing: border-box;
}
.main-title-wrapper {
  width: 31.4%;
  padding: 0 0 0 4.75%;
  margin: 5px 0 0;
  box-sizing: border-box;
}
.main-title-wrapper:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.main-title {
  margin: 0;
  display: inline-block;
}
.main-intro-content {
  width: 55.2%;
  margin-left: 4.5%;
  border-left: 1px solid #979797;
  padding: 12px 0 0.5% 2.5%;
}
p {
  margin: 0 0 1em;
}
.txt-wrapper ul,
.txt-wrapper ol {
  padding: 0 0 0 31px;
  margin: 0;
  list-style-position: outside;
}
.txt-wrapper ul {
  list-style-type: none;
  position: relative;
  overflow: hidden;
}
.txt-wrapper ul li,
.txt-wrapper ol li {
  position: relative;
}
.txt-wrapper ul li::before {
  content: '•';
  display: inline-block;
  padding-left: 0;
  position: absolute;
  left: -28px;
}
.txt-wrapper *:last-child {
  margin-bottom: 0;
}
h2,
h3 {
  margin: 0px 0 23px;
}

/* footer */
.footer-top-content {
  width: 1186px;
  margin: 0 auto 3px;
}
.footer-contact {
  margin: 39px auto 0;
  border: 1px solid #fff;
  height: 68px;
  width: 1176px;
}
.footer-contact::after {
  content: '';
  width: 1186px;
  height: 78px;
  position: absolute;
  top: -6px;
  left: -6px;
  border: 1px solid #fff;
  pointer-events: none;
}
.footer-contact .footer-tel-text {
    margin-top: 22px;
}
.footer-contact .footer-address-text {
    margin-top: 22px;
}
.footer-contact .footer-social-text {
    margin-top: 11px;
}
.footer-address {
  width: 454px;
  border-right: 1px solid #fff;
  height: 68px;
}
.footer-tel {
  width: 283px;
  /*border-left: 1px solid #fff;
  border-right: 1px solid #fff;*/
}
.footer-tel-2 {
  width: 217px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  height: 68px;
}
.footer-social {
  width: 219px;
}
.sm-icon {
  display: inline-block;
  width: 27px;
  height: 30px;
  position: relative;
  top: 8px;
  margin-left: 25px;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.sm-icon:hover {
  opacity: 0.5;
}
.fb-icon.sm-icon {
  background-position: -7px -32px;
  margin-left: 0;
}
.twitter-icon.sm-icon {
  background-position: -8px 0px;
}
.instagram-icon.sm-icon {
  background-position: -7px -66px;
}
.footer-contact p {
  margin-bottom: 0;
}
.footer-menu.menu.navigation {
  margin-top: 40px;
}
.footer-menu.navigation ul li {
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #fff;
}
.footer-menu.navigation ul li.item1 {
  padding-left: 0;
}
.footer-menu.navigation ul li.last {
  padding-right: 0;
  border-right: none;
}
.newsletter-block {
  width: 392px;
  margin-top: 30px;
}
.newsletter-header {
  margin-bottom: 7px;
}
.email-entry label {
  display: none;
}
#email-address {
  width: 250px;
  padding: 4px 0 0 24px;
  border: none;
  height: 47px;
  border-radius: 0px;
  -webkit-appearance: none;
}
#email-address::-moz-placeholder {
  color: #c7c7c7;
  opacity: 1;
}
#email-address::-webkit-input-placeholder {
  color: #c7c7c7;
  opacity: 1;
}
#email-address:-ms-input-placeholder {
  color: #c7c7c7;
  opacity: 1;
}
#email-address::placeholder {
  color: #c7c7c7;
  opacity: 1;
}
.sign-up-btn {
  width: 110px;
  height: 49px;
}
.sign-up-btn:after {
  content: '';
  width: 100px;
  height: 39px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 1px solid #fff;
}
#email-address::-moz-placeholder {
  opacity: 1;
}
#email-address::-webkit-input-placeholder {
  opacity: 1;
}
#email-address:-ms-input-placeholder {
  opacity: 1;
}
#email-address::placeholder {
  opacity: 1;
}

.sign-up-btn input {
  -webkit-appearance: none;
  background: transparent;
  border: none;
  width: 100%;
  height: 100%;
  padding: 0;
  cursor: pointer;
}
.footer-logos {
  display: inline-block;
  margin-top: 30px;  
}
.ta-logo {
  margin-right: 16px;
}
.footer-bottom {
  margin-bottom: 30px;
  clear: both;
}
.footer-bottom-logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 60px;
}
.footer-bottom-logo a,
.ta-logo a {
  display: block;
}
.estate-logo {
  margin: 40px auto 67px;
  display: block;
  width: 226px;
  height: 170px;
}
.copyright {
  margin: 98px 0 0;
}

#main-visual .toolbox-link {
  top: 175px;
}

/* BM */

#check-availability {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  background: url(/templates/main/images/pattern-bm.png) repeat 0 0 #656565;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
body.bm-opened {
  overflow: hidden;
}
.bm-opened #check-availability {
  opacity: 1;
  pointer-events: auto;
}

.preloader:before {
  content: '';
  width: 70px;
  height: 70px;
  position: absolute;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  border-radius: 100px;
  border-width: 14px;
  border-style: dotted;
  border-color: #990000;

  -webkit-animation-name: preloader;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-name: preloader;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

@-webkit-keyframes preloader {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes preloader {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.footer-bottom-logo a[href=''],
.ta-logo a[href=''] {
  cursor: default;
}

.no-touchevents .block-2 .block-content-wrapper {
  -webkit-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;

  opacity: 1;
}
.no-touchevents .block-2 .block-content-wrapper.hovered {
  opacity: 0;
}

.block-2 .image-block .block-image {
  opacity: 1;

  -webkit-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.block-2 .image-block.inviewEl .block-image {
  opacity: 0;
}
.scroll-wrapper {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
.has-scroll {
  max-height: none !important;
  margin-bottom: 0 !important;
  padding: 0 5% !important;
}


/********** Main Visual Controls *******/
.control-wrapper {
	position: absolute;
	bottom: 40px;
	right: 100px;
	z-index: 2;
	display: block;
}
.pause {
	width: 12px;
	height: 22px;
	border: none;
	padding: 0;
	float: left;
	margin: 4px 10px 0 0;
	background: url(/templates/main/images/pause.png) no-repeat;
	background-size:12px auto;
	display:inline-block;
	position:relative;
	bottom:30px;
	cursor:pointer;
}
.pause.paused {
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 18px solid #fff;
	background: none;
}
#main-visual ul.slick-dots {
	position: relative;
	height: 30px;
	float: right;
}
#main-visual .slick-dots{
	right:auto;
	bottom:24px;
}

/***************  templates/main/css/template.mediaquery.css  ***************/
@media (min-width:1601px){
	.main-section:before{
		border-left: 1px solid #c2c7ca;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #header{
  	height: 60px;
  }

  ::i-block-chrome,#header{
  	height: 62px;
  }
}
@media (min-width: 1024px){
	#main .main-section {
		padding: 105px 0 105px 99px;
		display:flex;
		align-items: flex-start;
		justify-content: left;
	}
	#main .main-title {
		margin: 0;
	}
	#main .main-intro-content {
		border-left: none;
		padding: 12px 0 12px 2.5%;
	}
	.border {
		width: 1px;
		height: calc(100% - 190px);
		background: #979797;
		left: 40.35%;
		top: 95px;
	}
	#footer .ta-logo {
		margin-top: -2px;
	}
	#footer .footer-top-content {
		margin: 0 auto 15px;
	}	
	#page_gallery .border {
		height: calc(100% - 228px);
		/* top: 168px; */
		top: 112px;
	}
}
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1262px) {
.desktop,.no-landscape{
	display: none;
}
.landscape{
	display:block;
}
.main-intro-content {
	width: 48%;
}
.main-title {
	width: 40%;
}
#header{
	height: 44px;
}
	#branding {
		width: 138px;
		height: 102px;
	}
	.on-scroll #branding {
		width: 80px;
		height: 40px;
		top: 6px;
		left: 17px;
	}
	#booking-btn {
		top: 10px;
		right: 9px;
		width: 97px;
		padding: 6px 16px 6px;
		font-size: 0.7em;
	}
	.on-scroll #booking-btn{
		padding: 6px 16px 6px;
	}
		.btn:after {
			width: calc(100% - 6px);
			height: calc(100% - 6px);
			top: 2px;
			left: 2px;
		}
	#navigation {
		margin-right: 155px;
		margin-top: 16px;
	}
	#navigation.booking-mask-new {
		margin-right: 9px;
	}
	.on-scroll #navigation {
		margin-right: 140px;
		margin-top: 5px;
	}
	.on-scroll #navigation.booking-mask-new {
		margin-right: 10px;
	}
		.main-menu a {
			margin: 0 7px;
		}

	#main-visual .caption-wrapper:not(.mobile) {
		bottom: 57px;
		left: 78px;
		width: 515px;
	}
	h3 {
		margin: 0 0 15px;
	}
	.footer-top-content {
		width: 980px;
	}
		.footer-contact {
			width: 974px;
			height: 58px;
		}
			.footer-contact:after {
				width: 984px;
				height: 68px;
			}
		.footer-address {
			width: 385px;
		}
		.footer-tel {
			width: 235px;
		}
		.footer-tel-2 {
			width: 170px;
		}
		.footer-social {
			width: 180px;
		}
		.footer-bottom-logo {
			margin: 0 25px;
		}
		.estate-logo {
			margin: 35px auto 45px;
		}
		.copyright {
			margin: 30px 0 0;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		  #header{
		  	height: 42px;
		  }
		}
		.footer-menu.navigation ul li {
			padding-right: 5px;
			padding-left: 5px;
		}
		#booking_mask_outer_wrapper.bmask_closed {
			top: 44px;
		}
}
@media (min-width: 1024px) and (max-width: 1199px) {
	#page_offers .main-section .border {
		left: 40.95%;
	}
}
/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
	.desktop,.no-portrait{
		display: none;
	}
	.portrait{
		display:block;
	}
	#branding {
		width: 190px;
		height: 136px;
	}
	.on-scroll #branding {
		top:15px;
	}
	#booking-btn {
		top: 14px;
		right: 11px;
		width: 191px;
		padding: 15px 16px 16px;
	}
	#menu-btn {
		right: 243px;
		top: 14px;
		padding: 15px 28px 16px 13px;
		-webkit-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#menu-btn.booking-mask-new {
		right: 10px;
	}
	#menu-btn:before{
		content: "";
		display: inline-block;
		width: 22px;
		height: 14px;
		margin-right: 25px;
		background-position: -92px -4px;
	}
	.navigation .menuLevel2 {
		margin:2px auto;
		left:0;
		right:0;
		width:60%;
		z-index:10;
	}
	
	
	#main-visual .caption-wrapper:not(.mobile) {
		bottom: 85px;
		left: 54px;
	}

	.main-section {
		padding: 75px 0 60px 133px;
	}
	.main-title {
		width: 60%;
		float: none;
	}
	.main-title:after {
		content: "";
		display: block;
		width: 56%;
		height: 1px;
		margin-top: 27px;
	}
	.main-intro-content {
		width: 83.2%;
		border-left: none;
		padding: 7% 0 0.5% 0%;
	}
	.landingPage .main-intro-content{
		padding: 20px 0 0.5% 0%;
	}
	.btn a {
		padding: 16px 45px 16px;
	}
	.outline:before {
		width: calc(100% - 14px);
		height: calc(100% - 14px);
		top: 6px;
		left: 6px;
	}
	.outline:after {
		width: calc(100% - 22px);
		height: calc(100% - 22px);
		top: 10px;
		left: 10px;
	}

	.footer-top-content {
		width: 628px;
		margin: 0 auto 3px;
	}
	.footer-contact {
		margin: 33px auto 0;
		height: 148px;
		width: 622px;
	}
	.footer-contact:after {
		width: 632px;
		height: 158px;
	}
	.footer-address {
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	.footer-tel {
		width: 246px;
		border-left: none;
		border-right: 1px solid #fff;
	}
	.footer-tel-2 {
		width: 196px;
		height: 79px;
		border-left: none;
	}
	.footer-social {
		width: 177px;
	}

	.footer-menu.menu.navigation {
		margin-top: 48px;
		width: 100%;
		text-align: center;
	}
	.footer-menu.navigation ul li{
		display: inline-block;
		float: none;
		padding-right:0;
	}
	
	.newsletter-block {
		margin-top: 36px;
		float: left;
		width: 387px;
	}
	.footer-logos {
		top: 36px;
		clear: none; 
		float: right;
		margin-bottom: 72px;
	}
	.footer-contact .footer-tel-text {
		margin-top: 31px;
	}
	.footer-contact .footer-social-text {
		margin-top: 18px;
	}
	.footer-logos {
		margin-top: 6px;
	}	
.footer-bottom{
	height: 582px;
	position: relative;
}
		.vintage-logo,
		.villagio-logo,
		.market-logo,
		.spa-logo {
			margin-top: 0px;
			position: absolute;
		}
		.vintage-logo{
			width: 193px;
			top: 402px;
			left: 50px;
		}
		.villagio-logo{
			width: 217px;
			top: 254px;
			right: 30px;
		}
		.market-logo{
			width: 178px;
			top: 251px;
			left: 57px;
		}
		.spa-logo {
			width: 152px;
			top: 402px;
			right: 63px;
		}
		.estate-logo {
			margin: 54px auto 0;
			width: 162px;
			height: 120px;
		}
			.footer-bottom-logo a img {
			width: 100%;
			height: auto;
		}
		.copyright {
			margin: 0 auto 0;
			position: absolute;
			bottom: 15px;
			left: 0;
			right: 0;
		}

		#header {
			height: 77px;
		}
			.on-scroll #branding {
				width: 112px;
			}
			.on-scroll #booking-btn {
				top: 8px;
				right: 8px;
				padding: 21px 15px 21px;
			}
			.on-scroll #menu-btn {
				right: 240px;
				top: 8px;
				padding: 21px 28px 21px 12px;
			}
			.on-scroll #menu-btn.booking-mask-new {
				right: 10px;
			}
}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	#booking-btn, #booking-btn.booking-mask-new{
		display: block;
	}
	.desktop,
	.no-mobile{
		display: none;
	}
	.mobile{
		display:block;
	}
	#header{
		height: 52px;
		position: relative;
		max-width: 375px;
		margin: 0 auto;
	}
		.header-content{
			max-width: 375px;
			margin: 0 auto;
			position: relative;
		}
			#branding {
				width: 205px;
				height: 96px;
				top: 76px;
				left: 0;
				right: 0;
				margin: 0 auto;
			}
				#branding .mobile-logo{
					display: block;
				}
				#branding .logo{
					display: none;
				}
			#tel-btn-mob, #booking-btn {
				top: 0;
				right: 0;
				width: 149px;
				padding: 17px 16px 17px;
				width: 50%;
				box-sizing: border-box;
				position: fixed;
			}
			#booking-btn {
				top: auto;
				bottom: 0;
				width: 100%;
				padding:17px 13px 17px;
			}
			.on-scroll #booking-btn{
				top: auto;
				padding:17px 13px 17px;
			}
			#menu-btn {
				right: 50%;
				top: 0;
				padding: 17px 28px 16px 13px;
				width: 50%;
				box-sizing: border-box;
				position: fixed;
			}
				#menu-btn::before {
					content: "";
					display: inline-block;
					width: 22px;
					height: 14px;
					margin-right: 15px;
					position: relative;
					top: 2px;
					background-position: -91px -5px;
				}
	#main-visual{
		top: 188px;
		margin:0 auto;
		left:0;
		right: 0;
		width: calc(100% - 20px)
	}
		#main-visual .img-slide{
			height: 193px;
		}
			#main-visual .caption-wrapper {
				bottom: auto;
				top: 262px;
				/* width: 220px; */
				width: 100%;
				display: block;
				right: 0;
				margin: 0 auto;
				left: 0;
			}
			#main-visual .caption-wrapper.no-pager{
				top: 225px;
			}
			#main-visual .outside-slideshow{
				opacity: 0;
				-webkit-transition: opacity 0.5s ease;
				-ms-transition: opacity 0.5s ease;
				transition: opacity 0.5s ease;
			}
			#main-visual .outside-slideshow.visible{
				opacity: 1;
			}
			#main-visual .caption-wrapper:not(.mobile){
				width: 190px;
			}
			.image-caption {
				text-align: center;
				margin-bottom: 26px;
			}
			.btn.transparent-btn a {
				padding: 16px 10px 16px;
				width: 216px;
				box-sizing: border-box;
			}
		#main-visual .slick-dots {
			bottom: -40px;
			right: 0;
			left: 0;
			margin: 0 auto;
		}
.main {
	margin-top: 425px;
	transition: margin-top 0.5s ease;
}
.has-hero-video .main {
	margin-top: calc(56.25% + 125px);
}
	.section{
		padding:0 7px;
		box-sizing: border-box;
	}
	.main-section{
		padding: 0 15px;
	}
	.main-section:before{
		display: none;
	}
		.main-title {
			margin: 58px 0 0 0;
			width: 100%;
			padding: 0;
			text-align: left;
		}
			.main-title:after {
				content: "";
				display: block;
				width: 50%;
				height: 1px;
				margin: 19px auto 0;
			}
		.main-intro-content {
			width: 100%;
			margin: 42px 0 0;
			border-left: none;
			padding: 0px;
			text-align: left;
		}
		.btn a {
			padding: 16px 43px 16px;
		}
		.outline:before {
			width: calc(100% - 14px);
			height: calc(100% - 14px);
			top: 6px;
			left: 6px;
		}
		.outline::after {
			width: calc(100% - 22px);
			height: calc(100% - 22px);
			top: 10px;
			left: 10px;
		}

		.slick-dots li {
			width: 13px;
			height: 13px;
		}
			.slick-dots li button {
				display: none;
			}
			.slick-dots li.slick-active{
				width: 9px;
				height: 9px;
			}
	#footer {
		margin-top: 71px;
	}
	.footer-top-content {
		width: 100%;
	}
		.footer-contact {
			margin: 40px auto 0;
			height: 270px;
			width: calc(100% - 36px);
		}
			.footer-contact:after {
				width: calc(100% + 8px);
				height: calc(100% + 8px);
				top: -5px;
				left: -5px;
			}
			.footer-address,
			.footer-tel,
			.footer-tel-2,
			.footer-social{
				width: 100%;
				border:none;
				height: 67px;
				display: table;
			}
			.footer-tel{
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
			}
			.footer-tel-2{
				border-bottom: 1px solid #fff;
			}
				.footer-contact p {
					margin: 0 auto;
					padding: 0 8%;
					display: table-cell;
					vertical-align: middle;
				}
			.footer-menu.menu.navigation {
				margin: 50px auto 0;
				width: 290px;
				text-align: center;
				float: none;
			}
			.footer-menu.navigation ul li {
				padding-right: 10px;
				padding-left: 10px;
				display: inline-block;
				float: none;
				margin-bottom: 12px;
			}
			.footer-menu.navigation a{
				margin:0;
			}
			.footer-menu.navigation ul li.guest-services {
				border-right: none;
				padding-right: 0;
			}
			.footer-menu.navigation ul li.news-and-press {
				padding-left: 0;
			}
		.newsletter-block {
			width: 341px;
			margin: 30px auto 0;
			float: none;
			text-align: center;
		}
		.newsletter-block:after,
		.footer-bottom:before{
			content: '.';
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		.newsletter-header {
			margin-bottom: 6px;
		}
		#email-address {
			width: 197px;
			padding: 2px 0 0 26px;
			height: 49px;
		}
		.sign-up-btn {
			width: 112px;
			height: 49px;
		}
			.sign-up-btn:after {
				height: 39px;
				width: 102px;
			}
		.footer-logos {
			top: 0;
			clear: both;
			text-align: center;
			float: none;
			margin: 16px 0;
			width: 100%;
		}
			.ta-logo,
			.traveller-logo {
				display: inline-block;
				float: none;
				width: 94px;
			}
			.ta-logo{
				margin-right: 15px;
			}
			.ta-logo img,
			.traveller-logo img,
			.footer-bottom-logo img{
				width: 100%;
				height: auto;
			}
	.footer-bottom {
		margin-bottom: 20px;
		clear: both;
		position: relative;
	}
		.footer-bottom-logo{
			display: block;
			margin:0 auto;
			width:167px;
			position: absolute;
			left:0;
			right: 0;
		}
		.villagio-logo {
			top: 213px;
			width: 176px;
		}
		.estate-logo {
			top: 56px;
			height: 136px;
			width: 167px;
		}
		.vintage-logo {
			top: 330px;
		}
		.market-logo {
			top: 453px;
			width: 150px;
		}
		.spa-logo {
			top: 565px;
			width: 130px;
		}
		.copyright {
			margin: 707px 0 100px;
		}

		.sm-icon {
			top: 0px;
		}
}

/* ==================================================================== */
/* mobile to Portrait tablet */
@media (min-width: 320px) and (max-width: 1023px) {
	.menu-opened{
		overflow: hidden;
	}
	.menu-opened #navigation {
		margin-right: 0;
		margin-top: 0;
		display: block;
		width: 100%;
		position: fixed;
		height: 100%;
		left: 0;
		right: 0;
		z-index: 3;
		text-align: center;
		overflow: scroll;
	}
		.menu-opened .hotel-logo-menu {
			display: inline-block;
			margin-top: 55px;
			margin-bottom: 30px;
		}
		.menu-opened .main-menu ul{
			padding-bottom:10px;
		}
		.menu-opened .main-menu ul li:not(.home) {
			border-right: none;
			border-left: none;
			float: none;
			display: block;
			/* width: 62%; */
			width: 72%;
			margin: 0 auto;
			position: relative;
		}
		.menu-opened .main-menu ul li:after{
			content: "";
			width: 10%;
			height: 1px;
			background-color: #fff;
			position: absolute;
			left: 0;
			right: 0;
			margin: 0 auto;
			bottom: 0;
		}
		.menu-close{
			top: 10px;
			left: 10px;
			height:40px;
			width: 40px;
			border:1px solid #fff;
			background-position: -33px 4px;
			background-size: 96px auto;
		}

		.home-link-menu{
			display: block;
			width: 100%;
			height: 100%;
			margin: 0;
		}
		.navigation .menuLevel2 {
			margin:2px auto;
			left:0;
			right:0;
			width:100%;
			z-index:10;
		}
		.menu-opened .main-menu ul.menuLevel2 li:not(.home) {
			width: auto;
		}
}

@media  (max-width: 360px) {
	.newsletter-block {
		width: 315px;
	}
	#email-address {
		width: 174px;
	}
}
/* @media  (max-width: 420px) {
	.link-btn {
		padding: 8px 12px 8px;
		font-size: 0.7em;
	}
} */
/***************  templates/main/css/template.home.css  ***************/
.section.block-4 {
	margin-top: 100px;
}
.block-1 .image-block{
	width: 66.5%;
	height: 525px;
}
	#map-block.image-block{
		opacity: 1;

		-webkit-transition: opacity 2s ease;
		-ms-transition: opacity 2s ease;
		transition: opacity 2s ease;
	}
	#map-block.image-block.inview-map{
		opacity: 0;
	}
	.block-image{
		width: 100%;
		height: auto;
		display: block;
	}
	.block-1 .block-content-wrapper {
		width: 33.5%;
		box-sizing: border-box;
		padding: 0 3%;
		right:0;
	}
		.block-intro{
			margin-bottom: 29px;
			max-height: 215px;
			overflow: hidden;
		}

	.block-content-wrapper .btn{
		display: inline-block;
	}

.section.block-2 {
	margin-top: 5px;
}
	.block-2 .image-block {
		width: 32.2%;
		margin: 0 0.55%;
	}
	.block-2 .block-content-wrapper {
		left: 0;
		margin: 0 auto;
		right: 0;
		width: 85%;
	}
		.image-block-title {
			margin: 0;
			padding: 10% 4% 0;
			box-sizing: border-box;
			width: 100%;
		}
			.btn.default-view {
				margin-top: 15px;
				margin-bottom: 8.3%;
			}
			.line-one, .line-two {
				display: block;
			}
	.hover-content{
		display: none;
		left: 0;
		margin: 0 auto;
		right: 0;
		width: 91%;
	}
		.image-block-main-title {
			margin-bottom: 21px;
		}
			.image-block-main-title .line-one {
				margin-bottom: 0.45em;
			}
		.hover-content .block-intro {
			padding: 0 6%;
			max-height: 150px;
			margin-bottom: 34px;
		}
			.hover-content .btn a {
				padding: 17px 28px 17px;
			}

	html:not(.touch-device) .block-2 .image-block .block-content-wrapper.view-content{
		height: 89.5%;
	}
		html:not(.touch-device) .block-2 .image-block .block-content-wrapper.view-content .image-block-title,
		html:not(.touch-device) .block-2 .image-block .block-content-wrapper.view-content .btn.default-view,
		html:not(.touch-device) .block-2 .image-block .block-content-wrapper.view-content.hovered .image-block-title,
		html:not(.touch-device) .block-2 .image-block .block-content-wrapper.view-content.hovered .btn.default-view,
		html:not(.touch-device) .block-2 .image-block .block-content-wrapper.view-content.focused .image-block-title,
		html:not(.touch-device) .block-2 .image-block .block-content-wrapper.view-content.focused .btn.default-view{
			display: none;
		}
		html:not(.touch-device) .block-2 .image-block .block-content-wrapper.view-content .hover-content{
			display: block;
		}

.section.block-3 {
	margin-top: 130px;
}
	.block-3 .block-content-wrapper {
		width: 38%;
		margin: 0 2.3% 0 2.4%;
		padding: 3.3% 0;
		left:0;
	}
		.block-3 .block-title {
			padding: 0 14% 0;
		}
		.block-3 .block-intro {
			padding: 0 7%;
			max-height: 125px;/*100px;*/
			margin-bottom: 45px;
		}
	.block-3 .image-block {
		width: 57.3%;
	}
		.block-3 .img-slide{
			height: 47.2vw;
			max-height: 756px;
		}
	.section.block-3:before{
		content: "";
		width: 90%;
		height: 148px;
		position: absolute;
		bottom: -72px;
		left: 0.1%;
		background:url(/templates/main/images/pattern.png) repeat 0 0;
		border: 1px solid #c2c7ca;
	}
	.block-3 .block-intros{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

.section.block-1 {
	margin-top: 177px;
}
	.block-4 .block-content-wrapper{
		width: 32%;
		right: 4.4%;
		padding:49px 0 23px;
	}
		.offers-rotator {
			width: 93%;
			margin: 0 auto;
		}
			.offers-section-title {
				padding: 0 4% 8px;
				margin-top: 0;
			}
			.offer-slide{
				width: 30%;
				display: block;
			}
				.offer-title {
					margin-bottom: 0.5em;
					padding:0 4%;
				}
				.offer-intro {
					padding: 0 8%;
					margin-bottom: 26px;
				}
				.offer-book-btn{
					margin-left: 10px;
				}
					.offer-book-btn.btn a,
					.offer-more-btn.btn a {
						padding: 16px 28px 17px;
					}
		.offers-rotator .slick-dots{
			margin-top: 20px;
		}
		.offers-section .image-block .block-image{
			opacity: 1;

			-webkit-transition: opacity 1.5s ease;
			-ms-transition: opacity 1.5s ease;
			transition: opacity 1.5s ease;
		}
		.offers-section .image-block.inviewEl .block-image{
			opacity: 0;
		}
@media (min-width: 1024px) and (max-width: 1262px) {
	.block-intro {
		margin-bottom: 23px;
		max-height: 102px;
	}
	.section.block-1 {
		margin-top: 150px;
	}
	.hover-content .block-intro {
		max-height: 129px;
		margin-bottom: 25px;
	}
	.hover-content .btn a {
		padding: 12px 28px 12px;
	}
	.section.block-3:before {
		height: 90px;
		/* bottom: -45px; */
		bottom: -80px;
	}
	.block-3 .block-intro {
		max-height: 76px;
		margin-bottom: 24px;
	}
	.block-4 .block-content-wrapper {
		width: 50%;
		right: 0;
		left: 0;
		margin:0 auto;
		padding: 25px 0 23px;
	}
	.offer-title {
		margin-bottom: 0.2em;
	}
	.offer-intro {
		margin-bottom: 15px;
		max-height: 55px;
		overflow: hidden;
	}
	.offers-rotator .slick-dots {
		margin-top: 15px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	/* .section.block-4 {
		margin-top: 312px;
	} */
	.block-1 .image-block {
		width: 100%;
		height: 425px;
		float: none;
	}
	.block-1 .block-content-wrapper {
		width: 90%;
		box-sizing: border-box;
		padding: 0 3%;
		position: static;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin: 53px auto 0;
		float: none;
	}
		.block-title {
			width: 60%;
			margin: 0 auto 38px;
		}
		.block-1 .block-title{
			width: 70%
		}
		.block-intro {
			margin-bottom: 23px;
		}
	.section.block-2 {
		margin-top: 11px;
	}
		.block-2 .image-block {
			width: 31.75%;
			margin: 0 0.75%;
		}
			.block-2 .block-content-wrapper {
				width: 76%;
			}
			.image-block-title {
				margin: 0;
				padding: 12.5% 18% 0;
				box-sizing: border-box;
				width: 100%;
			}
				.btn.default-view {
					margin-bottom: 13.3%;
				}
					.btn.default-view a{
						padding: 17px 14px 16px;
					}
	.section.block-3 {
		margin-top: 68px;
	}
		.block-3 .image-block {
			width: 98.5%;
			float: none;
			height: 483px;
			margin:0 auto;
		}
			.block-3 .image-block .img-slide{
				height: 483px;
			}
		.block-3 .block-content-wrapper {
			width: 70%;
			margin: 45px auto 0;
			padding: 5.7% 0;
			left: 0;
			float: none;
			position: relative;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			top: 0;
		}
		.block-3 .block-title {
			margin-bottom: 25px;
		}
			.section.block-3:before {
				width: calc(100% - 2px);
				position: absolute;
				bottom: -207px;
				height: 148px;
				left: 0;
			}
		.section.block-4 {
			/* margin-top: 54px; */
			height: 517px;
		}
		.section.block-1 {
			margin-top: 54px;
			margin-bottom: 54px;
		}
		.section.block-4 .image-block{
			height: 100%;
			width: 100%;
			background-image:url(/d/villagioredesign/images/block-4.jpg);
			background-size: cover;
			background-position: center center;
		}
		.section.block-4 .image-block .block-image{
			display: none; 
			/* width:auto;
			height:100%; */
		}
		.block-4 .block-content-wrapper {
			width: 60%;
			right: 0;
			padding: 50px 0 23px;
			left: 0;
			margin: 0 auto;
		}
			.offer-title {
				padding: 0 2%;
			}
			.offer-book-btn.btn a,
			.offer-more-btn.btn a {
				padding: 16px 28px 16px;
			}
		.offers-rotator .slick-dots {
			margin-top: 50px;
		}
		
}
@media (max-width: 767px) {
	.section.block-1 {
		margin-top: 80px;
	}
	.section.block-4 {
		margin-top: 77px;
	}
		.block-1 .image-block {
			width: 100%;
			height: 157px;
			overflow: hidden;
		}
		.block-1 .block-content-wrapper {
			width: 100%;
			padding: 0 20px;
			top: 0;
			transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			position: relative;
		}
			.block-title {
				margin: 39px 0 22px;
			}
			.block-intro {
				margin-bottom: 31px;
				overflow: hidden;
			}
		.section.block-2 {
			margin-top: 40px;
			padding: 0;
			width: 100%;
			max-width: none;
		}
			.block-2 .image-block{
				background-size: cover;
				background-position: center center;
				margin:0;
				height: 476px;
			}
				.block-2 .block-image{
					display:none;
				}
			.block-2 .block-content-wrapper {
				width: 85%;
			}
				.image-block-title {
					padding: 31px 4% 0px;
				}
				.btn.default-view {
					margin-top: 10px;
					margin-bottom: 18px;
				}
			.block-2 .slick-dots {
				position: absolute;
				margin: 0 auto;
				left: 0;
				right: 0;
				bottom: 8px;
			}
		.section.block-3 {
			margin-top: 37px;
		}
			.section.block-3:before {
				display:none;
			}
			.block-3 .image-block {
				width: 100%;
			}
				.block-3 .img-slide{
					height: 297px;
				}
			.block-3 .block-content-wrapper {
				width: 100%;
				margin: 0;
				padding: 0;
				left: 0;
				top: 0;
				position: relative;
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
				.block-3 .block-title {
					padding: 0px 29px 0;
				}
				.block-3 .block-intro {
					padding: 0 20px;
					max-height: 350px;
					margin-bottom: 26px;
				}
				.block-3 .block-content-wrapper.outline:after,
				.block-3 .block-content-wrapper.outline:before,
				.section.block-4{
					display: none;
				}
				.block-3 .slick-dots {
					bottom: 10px;
					right: 0;
					left: 0;
					margin: 0 auto;
				}
}

/***************  templates/main/libs/jquery/jquery-datepicker/smoothness/jquery-ui.min.css  ***************/
/*! jQuery UI - v1.12.1 - 2017-04-06
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=&bgImgOpacityHighlight=&bgImgOpacityActive=&bgImgOpacityHover=&bgImgOpacityDefault=&bgImgOpacityContent=&bgImgOpacityHeader=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23777620&fcHighlight=%23000&borderColorHighlight=%23e7e1b7&bgTextureHighlight=flat&bgColorHighlight=%23e7e1b7&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%235d3939&bgTextureActive=flat&bgColorActive=%235d3939&iconColorHover=%23555555&fcHover=%232b2b2b&borderColorHover=%23d6dbdc&bgTextureHover=flat&bgColorHover=%23d6dbdc&iconColorDefault=%235d3939&fcDefault=%235d3939&borderColorDefault=%23ced4d5&bgTextureDefault=flat&bgColorDefault=%23ced4d5&iconColorContent=%23242323&fcContent=%23242323&borderColorContent=%23ced4d5&bgTextureContent=flat&bgColorContent=%23ced4d5&iconColorHeader=%235d3939&fcHeader=%235d3939&borderColorHeader=%23d6dbdc&bgTextureHeader=flat&bgColorHeader=%23d6dbdc&cornerRadius=0&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #ced4d5}.ui-widget-content{border:1px solid #ced4d5;background:#ced4d5;color:#242323}.ui-widget-content a{color:#242323}.ui-widget-header{border:1px solid #d6dbdc;background:#d6dbdc;color:#5d3939;font-weight:bold}.ui-widget-header a{color:#5d3939}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #ced4d5;background:#ced4d5;font-weight:normal;color:#5d3939}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#5d3939;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #d6dbdc;background:#d6dbdc;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #5d3939;background:#5d3939;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#5d3939;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #e7e1b7;background:#e7e1b7;color:#000}.ui-state-checked{border:1px solid #e7e1b7;background:#e7e1b7}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#000}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_242323_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_5d3939_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_5d3939_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/***************  templates/main/css/template.widget.bookingMask.css  ***************/
/* global helper */
    booking_mask *, booking_mask *:before, booking_mask *:after {
        box-sizing: border-box;
    }
.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
a.no-text-decoration{ color: inherit; text-decoration: none;}
#booking_mask_outer_wrapper{border: solid 1px #7F7F83; background-color:rgba(51,57,61,.7); /*width:312px;*/ padding:0; box-sizing:border-box; position:fixed; top:86px; right:11px; font-family: 'Oswald', sans-serif; font-weight:300; text-transform:uppercase; color:#fff; z-index:-2;}
#booking_mask_wrapper{width:300px;  border: solid 5px #fff;}
#booking_mask_inner_wrapper { width:100%; box-sizing:border-box; border:none; padding:7px 9px 55px 9px; position:relative; overflow:hidden; height:210px; background-color: transparent;}
#booking_mask_inner_wrapper .columns{ padding:0 !important;}
#booking_mask_rate { width:100%; text-align:center; color:#fff; font-size:17px; letter-spacing:2.6px;}
#booking_mask_rate span.booking_mask_units{ font-size:13px;}
#booking_mask_BRG { width:100%; text-align:center; color:#829ba6; font-size:12px; letter-spacing:2px; line-height: 20px;}
#booking_mask_BRG span{border-bottom:1px solid #e4e8eb;}
#booking_mask_BRG a{  text-decoration: none; color: #fff!important;}
.booking_mask_form_group{ float:left; font-weight:400; font-size:10px; letter-spacing:1.5px; text-align:left; padding-top:17px; margin-bottom:20px;}
#booking_mask_outer_wrapper.bmask_closed #booking_mask_dt {
    display: none;
}
#booking_mask_outer_wrapper:not(.bmask_closed) .scroll-top-button {
    display: none;
}
/* Space betwin datepickers */
.booking_mask_form_group.spacer{ margin-right:4px;}
/*  */
    
.booking_mask_date_text {}
.booking_mask_input_date_outer_wrapper{ border:none; margin: 1px;}
.booking_mask_input_date_outer_wrapper.active{ border: solid 1px #fff; margin: 0px;}
.booking_mask_input_date_outer_wrapper.active .booking_mask_input_date_wrapper { border-color:#fff;}
.booking_mask_input_date_wrapper { width:137px; height:40px; border:solid 1px #fff; box-sizing:border-box; padding:1px; cursor:pointer;}
.booking_mask_input_date_text { width:97px; height:36px; box-sizing:border-box; line-height:36px; font-size:13px; font-weight:300; letter-spacing:1.4px; padding-left:7px; float:left;}
.booking_mask_calndar_icon { width:36px; height:36px; float:left; background:url(/templates/main/images/booking_mask_datepicker_icon.png) no-repeat left top;}
.booking_mask_input_date_wrapper:affter{ content:''; clear:both; visibility:hidden;}
.bookin_mask_action_wrpper{ width:282px; background-color:#990000; padding:2px; box-sizing:border-box; cursor:pointer; position:absolute; left:8px; bottom:0px; margin-bottom:8px;}
.booking_mask_action_inner_wrapper { width:100%; height:42px; line-height:40px; text-align:center; color:#ffffff; border:solid 1px #ffffff; font-weight:400; letter-spacing:3px!important; font-size:15px; z-index:20; padding: 0; margin: 0; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; background-color: inherit; cursor:pointer; background: none;}
      
/* Rollovers */
.bookin_mask_action_wrpper:hover{ background-color:#666666;}
.booking_mask_action_inner_wrapper:hover, .booking_mask_action_inner_wrapper:active { color: #fff !important; border:solid 1px #ffffff;}

/* Booking mask Close */
#booking_mask_outer_wrapper.bmask_closed{top:62px; right: 17px;}
#header:not(.on-scroll) #booking_mask_outer_wrapper.bmask_closed {
    top: 86px;
}
#booking_mask_outer_wrapper.bmask_closed #booking_mask_wrapper { background-color:#fff; border:solid 0px #fff;}
#booking_mask_outer_wrapper.bmask_closed #booking_mask_wrapper #booking_mask_inner_wrapper { height:64px;}
  
/* Transitions */
    /*#booking_mask_outer_wrapper{transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}*/
#booking_mask_wrapper{transition: background-color 0.5s ease, top 0.5s; -moz-transition: background-color 0.5s ease, top 0.5s; -webkit-transition: background-color 0.5s ease, top 0.5s; -o-transition: background-color 0.5s ease, top 0.5s;}
    
    

#booking_mask_inner_wrapper{ transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s;}



@media only screen and (max-width: 64em) {
    #booking_mask_outer_wrapper.bmask_closed {top: 77px; right: 12px;}
  
}
    
@media only screen and (max-width: 767px) {
    #booking_mask_outer_wrapper{ display: none;}
  
}

/* Datepicker haks */
booking_mask #booking_mask_datepicker{  position: fixed; z-index: 110; top: 230px; right: 11px; display:none;}
booking_mask .ui-datepicker{ width:300px; padding:0; margin-right: 6px; font-family: 'Oswald', sans-serif !important; font-weight:300; color:#66666; border: solid 1px #7F7F83;}
booking_mask > .ui-datepicker{width: 283px; padding: 0;}
booking_mask .ui-datepicker .ui-datepicker-header{ padding:0; margin:0;border:0; padding-top: 17px;}
booking_mask > .ui-datepicker .ui-datepicker-header{border-top:solid 1px #808084;}
booking_mask .ui-datepicker .ui-datepicker-prev{ left:53px;}
booking_mask .ui-datepicker .ui-datepicker-next{ right:53px;}
booking_mask .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ width:14px; height:14px; top:23px;}
booking_mask .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover{ background-color:#fff;}
booking_mask .ui-datepicker .ui-datepicker-title{ font-weight:bold; letter-spacing:1.6px; font-size: 16px;}
booking_mask .ui-datepicker table{ margin:0; border-top:0; border-color:#666666;}
booking_mask .ui-datepicker table thead { background:none;}
booking_mask .ui-datepicker th {color:#666666; font-weight:300; text-transform:uppercase; font-size:10px; padding:0; padding-top: 1px; letter-spacing: 3px; font-size: 11px;}
booking_mask table.ui-datepicker-calendar td{ margin:0; padding:0; border:none;}
booking_mask table.ui-datepicker-calendar td{ border-top:solid 1px #b4b4b4; border-right: solid 1px #b4b4b4;}
booking_mask table.ui-datepicker-calendar td:last-child{ border-right:0;}
booking_mask .ui-datepicker-today{ background:#fff !important;}
booking_mask .ui-datepicker-today a, booking_mask .ui-datepicker-today span{border:4px solid #fff !important; background:#cfbc8f !important; color:#fff !important; border-radius: 50% !important; line-height: 32px !important;}
booking_mask .ui-datepicker-unselectable.ui-state-disabled span.ui-state-default, booking_mask table.ui-datepicker-calendar td a{ margin:0; padding:0; border:0; width:41px; height:42px; text-align:center; line-height:42px; font-weight:300;}
booking_mask > .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled span.ui-state-default, booking_mask > .ui-datepicker table.ui-datepicker-calendar td a{width:39px;}

booking_mask td.booking_mask_datepicker_date_selected a, booking_mask td.booking_mask_datepicker_date_selected span{background:#cfbc8f !important; color:#fff !important;}
booking_mask .ui-state-hover, booking_mask .ui-widget-content .ui-state-hover, booking_mask .ui-widget-header .ui-state-hover, booking_mask .ui-state-focus, booking_mask .ui-widget-content .ui-state-focus, booking_mask .ui-widget-header .ui-state-focus{color:#cfbc8f;}
    
    /* From Global Layout css */
#booking_mask_datepicker .ui-widget-header .ui-icon{  background: url(/images/arrow.png) no-repeat 4px -3px ; background-color:none;}
#booking_mask_datepicker .ui-widget-header .ui-datepicker-prev  .ui-icon{ background: url(/images/arrow.png) no-repeat -23px -3px ; background-color:none;}
#booking_mask_datepicker .ui-widget-header .ui-state-disabled .ui-icon{opacity:0.5; }
#booking_mask_datepicker .ui-widget-header .ui-state-disabled { background:none;}
#booking_mask_datepicker .ui-widget-header .ui-state-hover { background:none;}
.book-img:before {
    color: #fff;
    content: "\e603";
    display: inline-block;
    font-family: "icomoon";
    font-size: 28px;
    left: -5px;

    position: relative;
    top: 3px;
}
    
@media (min-width: 1024px) and (max-width: 1262px){
  #booking_mask_outer_wrapper.bmask_closed {
    top: 44px;
    right: 12px;
  }
}