/* reset and set sensible defaults */
ul, ol, dd, dt{margin: 0; padding: 0; list-style-type: none;}
form, fieldset{border: none; margin: 0; padding: 0;}
a{text-decoration: none; color: inherit; outline: none;}
h1, h2, h3, h4, h5, h6, p{margin: 0.5em 0; padding: 0;}
img{margin: 0; padding: 0; border: none;}

.overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}
.dsp-t {display: table; width: 100%;}
.dsp-t.fxd {table-layout: fixed;}
.dsp-tr {display: table-row}
.dsp-tc {display: table-cell; vertical-align: middle;}
.hgt100 {height: 100%;}
.icon-link {background: url('../images/icon-link@2x.png') no-repeat 0 0/ 100% auto; width: 59px; height: 57px; display: inline-block; vertical-align: top;}

h1,h2,h3,h4,h5,h6{}
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 13px;}

input, textarea{font-family: Arial, Tahoma, sans-serif;}

body{background: #905428 url('../images/bg.jpg') no-repeat fixed center center; background-size: cover; color: #fff; font: 13px 'Open sans', sans-serif; font-weight: 400; margin: 0; padding: 0 0 20px 0;}

/* top */
#top{max-width: 1310px; width: 96%; margin: 0 auto; padding: 32px 0 39px 0; position: relative;}
#main #top{max-width: 1204px;}
#logo{text-align: center;}
#logo a{display: inline-block;}
#logo img{display: block; margin: 0 auto;}

/* lang */
#lang{top: 0; right: 4.045801526717557%; position: absolute; z-index: 10;}
#main #lang{right: 0;}
#lang ul{background: #000; padding: 0 14px; overflow: hidden;}
#lang li{float: left; margin: 0 3px;}
#lang li a{font-size: 1em; color: #f1f0cc; text-transform: uppercase; padding: 8px 4px 9px 4px; display: block;}
#lang li.active a, #lang li:hover a{color: #ce8c30;}

/* main-nav */
#main-nav .toggl-menu{display: none;}
#main-nav{background: url(../images/bg70.png);}
#main-nav ul{max-width: 1000px; width: 96%; margin: 0 auto; text-align: center;}
#main-nav li{display: inline-block; margin: 0; padding: 10px 3% 11px 3%; position: relative;}
#main-nav li a{display: block; font-size: 1.230769230769231em/*16*/; color: #fbfad5; text-transform: uppercase;}
#main-nav li.active a, #main-nav li:hover a{}
#main-nav li.active span{display: block;}
#main-nav li span{display: none; background: url(../images/active-bg.png); width: 12px; height: 6px; position: absolute; bottom: -6px; left: 50%; margin: 0 0 0 -6px; z-index: 10;}

/* submenu */
#submenu{background: #ce8c30 url(../images/submenu-bg.gif) repeat-x top left; height:40px;}
#submenu ul{max-width: 1000px; width: 96%; margin: 0 auto; text-align: center;}
#submenu ul li{display: inline-block; margin: 0; padding: 10px 1.5% 8px 1.5%;}
#submenu ul li a{display: block; font-size: 1.153846153846154em; color: #000; text-transform: uppercase;}
#submenu ul li.active a, #submenu ul li:hover a{text-decoration: underline;}

#main #content{max-width: 690px; padding: 67px 0 10px 0; background: none;}
#content{max-width: 1000px; width: 96%; margin: 0 auto; background: url(../images/bg80.png); padding: 0 0 45px 0;}

/* latest-news */
#latest-news{float: right; width: 61.59420289855072%/*425*/;}
#latest-news li{background: url(../images/bg60.png); margin: 0 0 7px 0; padding: 21px 5.647058823529412% 24px 5.647058823529412%; position: relative;}
#latest-news li h2{font-weight: 300; font-size: 1em; margin: 0; line-height: 115%;}
#latest-news li a{display: block;}
#latest-news span{display: block;}
#latest-news span.title{color: #ce8c30; font-size: 1.153846153846154em/*15*/; margin: 0 0 9px 0;}
#latest-news span.content{color: #fff;}
#latest-news .arrow{background: url(../images/arrow-white.gif) no-repeat; width: 6px; height: 12px; position: absolute; bottom: 13px; right: 19px;}

/* booking */
#booking{font-size: 1em; float: left; width: 29.27536231884058%;}
#booking h1, #booking-other h1{font-size: 1.384615384615385em/*18*/; color: #fbfad5; font-weight: 300; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; line-height: 115%; margin: -2px 0 21px 0;}
#booking form p, #booking-other form p{margin: 0 0 8px 0; overflow: hidden;}
#booking form p span, #booking-other form p span{float: left; width: 80%;}
#booking form p span:last-child, #booking-other form p span:last-child{width: 35px; float: right;}
#booking form input, #booking-other form input{border: none; outline: none;}
#booking input[type="text"], #booking-other input[type="text"]{background: #a30a35; color: #fff; font: 1.153846153846154em 'Open sans', sans-serif; width: 90%; height: 37px; padding: 0 5%; line-height: 39px;}
#booking input[type="button"], #booking-other input[type="button"]{background: url(../images/icon-calendar.png) no-repeat top left; background-size: cover; width: 100%; height: 31px; cursor: pointer; margin: 0; padding: 0;}
#booking input[type="submit"], #booking-other input[type="submit"]{background: #ce8c30; border-radius: 7px; color: #fff; font: 1.769230769230769em 'Quicksand', sans-serif; font-weight: 700; cursor: pointer; display: block; width: 100%; padding: 11px 0 12px 0; margin: 15px 0 0 0;}

#booking-other{width: 242px; position: absolute; top: 53px; right: 0; z-index: 10;}
#booking-other h1{text-align: left; font-size: 1.153846153846154em; margin: 0 0 18px 0;}
#booking-other form{position: relative;}
#booking-other form p{margin: 0 0 5px 0;}
#booking-other form p span{width: 51.2396694214876%;}
#booking-other form p span:last-child{width: 26px; float: left;}
#booking-other input[type="text"]{height: 28px; line-height: 30px; font-size: 0.8584615384615385em;}
#booking-other input[type="button"]{background: url(../images/icon-calendar-small.png) no-repeat top left;}
#booking-other input[type="submit"]{margin: 0; padding: 14px 0 14px 0; width: 82px; position: absolute; top: 1px; right: 0; z-index: 10; text-transform: uppercase;}

/* Sly */
.scroller-wrap, .scroller-wrap * {box-sizing: border-box;}
.scroller-wrap {max-width: 1137px; margin: 0 auto 40px auto; padding: 0 56px;}
.scroller {position: relative;}
.scroller .frame {overflow: hidden;}
.scroller .scroller-item {float: left; height: 100%; padding: 0;}

.scroller .scrollbar {height: 10px; border: 1px solid #d0d0d0; line-height: 0; margin-top: 26px;}
.scroller .scrollbar .handle {width: 100px; height: 15px; position: relative; top: -4px; margin-left: -1px; cursor: pointer; background: #9c9c9c;}
.scroller .scrollbar .handle .mousearea {position: absolute; left: 0; width: 100%; height: 15px;}
/*
.scroller .scrollbar .handle .icon {width: 12px; height: 7px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.scroller .scrollbar .handle .icon span {background-color: #fff; width: 2px; height: 7px; margin: 0 1px; display: block; float: left;}*/

.scroller-gallery .scrollbar .handle {background: #fff;}
.scroller-gallery .scrollbar .handle .icon span {background-color: #212121;}
.scroller-gallery .scrollbar .handle:hover .icon span, .scroller-gallery .scrollbar .dragged .icon span {background-color: #fff;}

.scroller .scrollbar .handle:hover, .scroller .scrollbar .dragged {background: #b3b3b3;}
.scroller-regular .scroller-item:last-child {margin-right: 0;}

.scroller-social-feed .scroller-item {width: 248px; margin-right: 11px;}
.scroller-direction-btn.disabled {display: none;}
.scroller-direction-btn {width: 20px; height: 45px; background-size: 100% auto; background-repeat: no-repeat; display: block; position: absolute; top: 0; bottom: 0; margin: auto 0;}
.scroller-direction-l {background-image: url('../images/caret-l@2x.png'); right: 100%; margin-right: 18px;}
.scroller-direction-r {background-image: url('../images/caret-r@2x.png'); left: 100%; margin-left: 18px;}
/* Sly */

.social-feed-item {position: relative;}
.social-feed-item .thumb-wrap {background-color: #000;}
.social-feed-item .thumb {background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: #000; width: 248px; height: 248px; opacity: 0.7;}
.social-feed-item .overlay {background-color: #952138; background-color: rgba(149,33,56,0.9); color: #fff; text-align: center; display: none;}
.social-feed-item .overlay.show, .social-feed-item .overlay.overlay-on {display: block;}
.social-feed-item .overlay .dsp-tc {padding: 15px;}
.social-feed-item .social-icon {position: absolute; top: 20px; left: 20px; z-index: 11;}
.social-feed-item .icon-facebook {width: 12px;}
.social-feed-item .icon-instagram {width: 22px;}
.social-feed-item .icon-youtube {width: 20px;}
.social-feed-item .icon-twitter {width: 21px;}
@media only screen and (min-width: 1025px){.social-feed-item:hover .overlay {display: block;}}
.social-feed-item .overlay.overlay-on:hover, .scroller-direction-btn:hover {opacity: 0.8;}

/* gallery */
.gallery{margin: 0 0 20px 0; padding: 0 9.6% 0px 9.6%;}
.gallery li{float: left; margin: 0 2.846534653465347% 23px 0; width: 47.02970297029703%;}
.gallery li:nth-child(2n){margin-right: 0;}
.gallery li a, .gallery li img{display: block;}
.gallery li img{max-width: 100%;}

/* footer */
#footer{padding: 15px 0 0 0; background: url(../images/footer-bg.png) no-repeat top center; max-width: 935px; width: 96%; margin: 0 auto 52px auto; text-align: center;}
#footer p{font-size: 1.076923076923077em; margin: 0; color: #fff;}

.cookie-consent, .cookie-consent * {box-sizing: border-box;}
.cookie-consent {background-color: #000; color: #fff; position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px 0; z-index: 1051; font-size: 13px;}
.cookie-consent-inner {max-width: 1200px; padding: 0 25px; margin-left: auto; margin-right: auto; position: relative;}
.cookie-consent-dismiss {width: 25px; height: 25px; background: #ce8c30 url('../images/icon-close9x9.png') center center no-repeat; color: #fff; border-radius: 50%; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 25px; text-indent: -9999px}
.cookie-consent-dismiss:hover {background-color: #d8963a;}
.cookie-consent p {margin: 0 0 10px 0 !Important; padding-right: 38px;}
.cookie-consent p:last-child {margin-bottom: 0 !Important;}
.cookie-consent .c-link {margin-left: 10px; text-decoration: underline !Important; color: #fff !Important;}
.cookie-consent .c-link:hover {text-decoration: none !Important;}
.cookie-consent .colorStandout {color: #d18399 !Important;}

/* set sensible defaults for article content */
#article{line-height: 1.8; padding: 69px 9.6% 28px 9.6%; font-weight: 300;}
b{font-weight: 700;}
br{line-height: 50%;}
#article h1{font-weight: 300; font-size: 2.307692307692308em; margin: 0 0 30px 0;}
#article ul, #article ol{margin: 1em 2em 1em 3px; /*line-height:17px;*/}
#article ul ul, #article ol ul, #article ul ol, #article ol ol{margin: 0 2em;}
#article ul{list-style-type: none;}
#article ul ul{list-style-type: square;}
#article ol{list-style-type: decimal;}
#article ul li{background: url(../images/list-style.png) no-repeat 0 3px; padding: 0 0 0 24px; margin: 0 0 3px 0;}
#article table{border-collapse: collapse; margin: 1em 0;}
#article table.wide{width: 100%;}
#article table, #article td, #article th{border: 1px solid #999;}
#article td, #article th{padding: 5px 8px;}
#article th{font-weight: 600; color: #000; font-size: 1.153846153846154em; background: #eee; text-align: left;}
#article table.noborder, #article table.noborder td, #article table.noborder th{border: none;}

#article caption{color: #fff; background-color: #00172B; text-align: left; padding: 5px 8px;}
#article table p{margin: 0 0 15px 0;}
#article p{margin: 0 0 20px 0;}
#article a, .estate-details a{text-decoration: underline; color: #b9a313;}
#article a:hover, .estate-details a:hover{text-decoration: none;}
#article img{max-width: 100%;}
div.image-container{margin-bottom: 3em;}
div.image-container.left{float: left; margin-right: 5em;}
div.image-container.right{float: right; margin-left: 5em;}
img.left{float: left; margin: 0 30px 40px 0;}
img.right{float: right; margin: 0 0 40px 35px;}

#article ul, #article ol, #article p, #article th, #article td{line-height: 135%;}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
div.left, ul.left{float:left;}
div.right, ul.right{float:right;}
/*------------------------------------------------------ Clearfix --------------------------------------------*/
/* Force Element To Self-Clear its Children */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/*------------------------------------------------------ Clearfix --------------------------------------------*/
@media screen and (max-width: 1200px) {
	.cookie-consent p br {display: none;}
}
@media only screen and (max-width: 960px){

}
@media only screen and (max-width: 768px){
#logo{text-align: left; padding: 0 0 0 5%;}
#main #logo{text-align: center; padding: 0;}
}
/* mobile */
@media only screen and (max-width: 640px){
#logo{text-align: center; padding: 0;}
#top{padding: 60px 0 39px 0;}
#lang{text-align: center; left: 0; right: 0;}
#lang ul{display: inline-block;}
#lang li{margin: 0 6px;}
#lang li a{padding: 12px 12px 13px 12px;}
#latest-news, #booking{float: none; width: 100%; margin: 0 0 35px 0;}
#booking h1{margin: 0 0 36px 0;}
#booking-other h1{text-align: center;}
#booking form p, #booking-other form p{text-align: center; margin: 0 0 34px 0;}
#booking form p span{display: inline-block; float: none; width: auto; vertical-align: top;}
#booking form p span:last-child{width: 35px; float: none;}
#booking input[type="submit"]{display: inline-block; width: 50%; margin: 0;}
#booking-other input[type="text"]{height: 35px; line-height: 35px;}
#booking-other input[type="submit"]{position: static; display: inline-block; width: auto; padding: 8px 8%;}
#booking-other{position: static; display: block; padding: 48px 0 0 0; margin: 0 auto; width: 54%;}
#booking-other form p span{width: 85%;}
#booking-other form p span:last-child{float: right;}

/* gallery */
.gallery li{float: none; margin: 0 0 23px 0; width: auto;}
.gallery li img{max-width: 100%; margin: 0 auto;}
}
@media only screen and (max-width: 480px){
#booking-other{width: 78%;}
@media only screen and (max-width: 320px){

}