html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
h2{color: #282828;    font-family: 'Montserrat',sans-serif;    font-size: 20px;    font-weight: 500;    margin-bottom: 5px;    margin-top: 0;    line-height: 23px;    text-transform: uppercase;} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
html {
-ms-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%; 
}
body {
display: block;
font-family: 'Montserrat', sans-serif;
overflow-x: hidden;
position: relative;
}
a {
cursor: pointer;
}
img[data-sizes="auto"] { 
display: block; 
width: 100%; 
} .group:after {
content: '';
display: block;
clear: both;
}
.group .half {
float: left;
width: 50%;
}
.clear {
clear: both;
}
.clear:after {
content: '';
clear: both;
display: block;
}
.lazyload,
.lazyloading {
opacity: 0;
-webkit-transform: scale(.99);
-ms-transform: scale(.99);
-o-transform: scale(.99);
transform: scale(.99);
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
img.lazyload,
img.lazyloading {
opacity: 0;
width: 1000%;
max-width: none;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.lazyloaded {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.iframe-wrapper {
height: 265px;
overflow-x: auto;
overflow-y: hidden;
margin-top: 5px;
-webkit-overflow-scrolling: touch;
}
.iframe-wrapper.iframe-booking {
height: auto;
margin-bottom: 50px;
}
.iframe-wrapper iframe {
width: 100%;
min-width: 700px;
margin-top: -5px;
}
@media all and (max-width: 699px) {
.iframe-wrapper {
position: relative;
border-bottom: 1px solid;
margin-bottom: 15px;
}
.touchevents .iframe-wrapper:before {
content: '';
display: block;
position: absolute;
background: url(//www.l2resi.villamanagementthailand.com/resources/common/images/cm.png) no-repeat;
background-position: 0% 90%;
background-size: 20%;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
width: 220px;
-webkit-animation: swipehelper 3s infinite;
-moz-animation: swipehelper 3s infinite;
-ms-animation: swipehelper 3s infinite;
-o-animation: swipehelper 3s infinite;
animation: swipehelper 3s infinite;
}
.iframe-wrapper.iframe-booking:before,
.iframe-wrapper:hover:before,
.iframe-wrapper:active:before,
.iframe-wrapper:focus:before {
display: none;
}
}
@keyframes swipehelper {
from {
opacity: 0;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
30% {
opacity: 1;
}
to {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);        
}
}
@-webkit-keyframes swipehelper {
from {
opacity: 0;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
30% {
opacity: 1;
}
to {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);        
}
}
.top-arrow {
display: none;
position: fixed;
bottom: 62px;
cursor: pointer;
right: 10px;
z-index: 3;
height: 48px;
width: 48px;
text-transform: uppercase;
font-size: 12px;
color: #fff;
background: rgba(0, 0, 0, .6);
padding: 13px 0 5px 0;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.top-arrow:after {
content: '';
position: absolute;
display: block;
bottom: 27px;
right: 20px;
z-index: 3;
height: 34px;
width: 39px;
} .wrapper {
margin: 0 auto !important;
max-width: 1110px;
margin: 0 auto;
}
.header-container .wrapper {
max-width: none;
}
.sticky-wrapper,
.spy-wrapper {    
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
@media all and (max-width: 1120px) {
.wrapper {
padding-left: 15px;
padding-right: 15px;
}
} .header-container {
}
.header-container .header {
background: #fff;
padding: 1px 0 20px;    
position: relative;
left: 0;
width: 100%;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-container .header.wrapped {
position: fixed;
padding: 0 0 20px;
top: 0;
z-index: 1001;
}
.header-container.sticky .header {
border-bottom: 1px solid #efefef;
padding: 20px 0;
}
.header-container .header .toggler {
background: #fff;
border: none;
cursor: pointer;
display: none;
padding: 10px;
position: fixed;
right: 4px;
top: 7px;
z-index: 100;
}
.header-container .header .toggler span,
.header-container .header .toggler span:before,
.header-container .header .toggler span:after {
border-top: 3px solid #282828;
display: block;
width: 20px;
}
.header-container .header .toggler span:before,
.header-container .header .toggler span:after {
content: '';
margin-top: 3px;
}
.header-container .header .logo {
text-align: center;
}
.header-container .header .logo a {
position: absolute;
margin-left: 0;
margin-top: 20px;
top: 0;
left: 50%;
overflow: hidden;
background: #fff;
padding: 15px 0 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-container.sticky .header .logo a {
padding: 0;
margin-top: 23px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.header-container .header .logo a img {
display: block;
margin-top: 0;
max-height: 31px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-container .header .logo a img.lazyload,
.header-container .header .logo a img.lazyloading {
width: auto;
max-width: 100%;
}
.header-container.sticky .header .logo a img {
}
.header-container .header .nav {
text-align: center;
margin: 38px 0 0;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-container.sticky .header .nav {
border-bottom-color: transparent;   
margin: 8px 0 0 ;
}
.header-container .header .nav ul {
text-align: center;
font-size: 0;
display: inline-block;
*display: inline;
zoom: 1;
}
.header-container .header .nav ul li {
position: relative;
margin-left: 20px;
display: inline-block;
*display: inline;
zoom: 1;
}
.header-container .header .nav ul li:first-of-type {
margin-left: 0;
}
.header-container .header .nav ul li a {
color: #000000;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
display: block;
font-family: 'Suranna', serif;
font-size: 17px;
padding: 5px 0;
margin-bottom: -1px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-container .header .nav ul li:hover a {
color: #90908f;
border-bottom-color: #90908f;
}
.header-container .header .nav ul li.current-menu-item a {
color: #90908f;
border-bottom-color: #90908f;
}
.header-container .header .nav ul li.current_page_parent a {
color: #90908f;
border-bottom-color: #90908f;
}
.header-container .header .nav > ul > li:nth-of-type(4) {
margin-right: 352px;   
}
.header-container .header .nav ul li .subnav {
background: #90908f;
opacity: 0;
visibility: hidden;
position: absolute;
text-align: left;
left: 0;
z-index: 2;
margin-top: 20px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-container .header .nav ul li.hover .subnav {
opacity: 1;
visibility: visible;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-container .header .nav ul li .subnav li {
display: block;
margin-left: 0;
}
.header-container .header .nav ul li .subnav li a {
background: transparent;
color: #fff;
border: none;
display: block;
white-space: nowrap;
padding: 10px 8px;
min-width: 150px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-container .header .nav ul li .subnav li:hover a {
background: #fff;
color: #90908f;
}
@media all and (max-width: 1140px) {
.header-container .header,
.header-container .header.wrapped {
padding: 20px 0 20px;
}
.header-container.sticky .header {
padding: 5px 0 20px;
}
.header-container .header .logo a {
position: relative;
margin: 0 0 5px;
left: 0;
padding: 0;
display: inline-block;
*display: inline;
zoom: 1;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.header-container.sticky .header .logo a {
margin-top: 17px;
}
.header-container .header .logo a img {
max-width: 140px;
}    
.header-container.sticky .header .logo a img {
max-height: 140px;        
margin-top: -63px;
}
.header-container .header .nav {
border-bottom-color: transparent;
margin: 10px 0 0;
}
.header-container .header .nav > ul > li {
margin-left: 20px;
}
.header-container .header .nav > ul > li:nth-of-type(4) {
margin-right: 0;   
}
}
@media all and (max-width: 1023px) {  
.header-container .header, 
.header-container .header.wrapped {
padding: 5px 0 20px;
}
.header-container .header .logo a,    
.header-container.sticky .header .logo a {
margin-top: 17px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.header-container .header .logo a img,
.header-container.sticky .header .logo a img {
}
.header-container .header .nav,
.header-container.sticky .header .nav {
margin: 8px 0 0;
}
}
@media all and (max-width: 767px) {
.header-container .header,
.header-container .header.wrapped {
border-bottom: 1px solid #efefef;
padding: 8px 0 0;
}
.header-container.sticky .header {
margin-top: 0;
padding: 8px 0 0;
}
.header-container .header .toggler {
display: block;
}
.header-container .header .logo a,
.header-container.sticky .header .logo a {
margin: 7px 0 9px;
}
.header-container .header .logo a img, .header-container.sticky .header .logo a img{
margin-top:0;
}
.header-container .header .nav {
background: #f0f0f0;
position: fixed;
left: 0;
width: 100%;
z-index: 98;
margin-top: 1px;
-webkit-transform: translateY(-50%) scaleY(0);
-ms-transform: translateY(-50%) scaleY(0);
-o-transform: translateY(-50%) scaleY(0);
transform: translateY(-50%) scaleY(0);
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header-container .header .nav.open {        
-webkit-transform: translateY(0%) scaleY(1);
-ms-transform: translateY(0%) scaleY(1);
-o-transform: translateY(0%) scaleY(1);
transform: translateY(0%) scaleY(1);
}
.header-container.sticky .header .nav {
margin-top: 1px;
}
.header-container .header .nav ul,
.header-container .header .nav ul li {
display: block;
margin-left: 0;
}
.header-container .header .nav ul li a {
border: none;
text-align: left;
padding: 10px 15px;
}
.header-container .header .nav ul li .subnav {
background: #90908f;
border: none;
position: relative;
opacity: 1;
visibility: visible;
max-height: 0;
overflow: hidden;
margin-top: 0;
}
.header-container .header .nav ul li .subnav.slide {
max-height: 999px;
}
.header-container .header .nav ul li .subnav li a {
padding-left: 30px;
color: #fff;
}
}
@media all and (max-width: 479px) {
.header-container .header,
.header-container.sticky .header {
padding: 8px 0 0;
}
.header-container .header .logo {
text-align: left;
}
}
.footer-container .footer {
font-family: 'Montserrat', sans-serif;    
font-weight: 300;
font-size: 14px;
}
.footer-container.sticky .footer {
background: #fff;
border-top: 1px solid #efefef;
position: fixed;
left: 0;
width: 100%;
bottom: 0;
z-index: 99;
-webkit-animation: footer_sticky .5s 1; 
animation: footer_sticky .5s 1; 
-webkit-animation-direction: linear;
animation-direction: linear;
}
.footer-container .footer:after {
content: '';
display: block;
clear: both;
}
.footer-container .footer .wrapper {
position: relative;
}
.footer-container .footer .column {
float: left;
text-align: right;
width: 50%;
padding: 30px 0;
font-weight: 300;
}
.footer-container.sticky .footer .column {
padding: 10px 0;
}
.footer-container .footer .column:first-of-type {
text-align: left;
}
.footer-container .footer .column h3 {
color: #282828;
font-family: 'Suranna', serif;
font-weight: 400;
text-transform: uppercase;
font-size: 24px;
margin-bottom: 20px;
}
.footer-container.sticky .footer .column h3 {
display: none;
}
.footer-container .footer .column a {
color: #282828;
text-decoration: none;
}
.footer-container .footer .column:first-of-type p a {
text-decoration: underline;
}
.footer-container .footer .column .phone-numbers {
margin-bottom: 15px;
}
.footer-container.sticky .footer .column .phone-numbers {
display: none;
}
.footer-container .footer .column .phone-numbers a {
line-height: 22px;
}
.footer-container .footer .column .phone-numbers a span {
width: 120px;
display: inline-block;
*display: inline;
zoom: 1;
}
.footer-container .footer .column address {
max-width: 290px;
margin-right: 0;
margin-left: auto;
margin-bottom: 10px;
line-height: 22px;
}
.footer-container.sticky .footer .column address {
display: none;
}
.footer-container .footer .column .socials {
margin-bottom: 42px;
font-size: 0;
}
.footer-container.sticky .footer .column .socials {
margin-bottom: 0;
}
.footer-container .footer .column .socials a {
height: 29px;
width: 29px;
margin: 0 0 0 2px;
position: relative;
display: inline-block;
*display: inline;
zoom: 1;
font-size: 15px;
text-align: center;
vertical-align: top;
background: #353535;
color: #fff;
-webkit-border-radius: 29px;
-moz-border-radius: 29px;
-ms-border-radius: 29px;
-o-border-radius: 29px;
border-radius: 29px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.footer-container .footer .column .socials a:after {
content: attr(title);
display: block;
background: rgba(0, 0, 0, .7);
color: #fff;
font-size: 12px;
position: absolute;
padding: 5px;
top: -32px;
z-index: 9;
text-align: center;
opacity: 0;
margin-top: 10px;
left: 50%;
visibility: hidden;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.footer-container .footer .column .socials a:before {
content: '';
display: block;
position: absolute;
border-left: solid transparent 5px;
border-right: solid transparent 5px;
border-top: solid rgba(0, 0, 0, .7) 5px;
top: -10px;
left: 50%;
margin-left: -5px;
z-index: 9;
opacity: 0;
margin-top: 10px;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;    
}
.footer-container .footer .column .socials a:hover {
background: #90908f;
}
.footer-container .footer .column .socials a:hover:after,
.footer-container .footer .column .socials a:hover:before {
opacity: 1;
margin-top: 0;
visibility: visible;
}
.footer-container .footer .column .socials a i {
vertical-align: middle;
line-height: 29px;
}
.footer-container .footer .column .footer-nav {
margin-bottom: 7px;
}
.footer-container.sticky .footer .column .footer-nav {
display: none;
}
.footer-container .footer .column .footer-nav li {
display: inline-block;
*display: inline;
zoom: 1;
}
.footer-container .footer .column .footer-nav li:before {
content: '\2022';
margin-right: 5px;
margin-left: 6px;
display: inline-block;
*display: inline;
zoom: 1;
font-size: 6px;
vertical-align: middle;
}
.footer-container .footer .column .footer-nav li:first-of-type:before {
content: '';
margin: 0;
}
.footer-container.sticky .footer .column .enquiries {
display: none;
}
.footer-container.sticky .footer .column .copyright {
position: absolute;
left: 0;
top: 18px;
}
.footer-container .footer .bottom {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
clear: both;
text-align: center;
position: absolute;
left: 50%;
top: 82px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.footer-container.sticky .footer .bottom {
top: 4px;
}
.footer-container.sticky .footer .bottom img {
height: 40px;
}
.footer-container .footer .bottom .marketed {
line-height: 20px;
max-width: 190px;
margin: 65px auto 15px;
}
.footer-container.sticky .footer .bottom .marketed {
display: none;
}
.footer-container .footer .bottom .marketed a {
color: #282828;
text-decoration: none;
display: block;
}
@media all and (max-width: 1050px) {
.footer-container.sticky .footer .column .copyright {
left: 15px;
}
}
@media all and (max-width: 1023px) {
.footer-container .footer {
font-size: 14px;
}
.footer-container .footer .bottom {
top: 255px;
}
}
@media all and (max-width: 767px) {
.footer-container .footer .column,
.footer-container .footer .column:first-of-type {
text-align: center;
float: none;
width: auto;
}
.footer-container.sticky .footer .column {
padding: 1px 0;
}
.footer-container .footer .column .phone-numbers {
max-width: 230px;
margin: 0 auto 15px;
text-align: right;
}
.footer-container .footer .column .phone-numbers span {
float: left;
text-align: left;
}
.footer-container .footer .column .phone-numbers a span {
width: 100px;
}
.footer-container .footer .column .socials {
margin-bottom: 20px;
}
.footer-container .footer .column address {
text-align: center;    
margin: 0 auto 15px;
}
.footer-container.sticky .footer .column .socials {
display: none;
}
.footer-container .footer .column .socials a:first-of-type {
margin: 0;
}
.footer-container.sticky .footer .column .copyright {
display: none;
}
.footer-container .footer .bottom {
bottom: auto;
top: auto;
position: relative;
}
.footer-container .footer .bottom .marketed{
margin: 25px auto 15px;
}
.footer-container.sticky .footer .bottom {
top: -2px;
}
} .miniform .form-column {
background: transparent;
border: none;
margin-right: 60px;
}
.miniform label { 
display: none;
}
.miniform .form-column input, 
.miniform .form-column select {
background: #fff;
border: 1px solid #dbdbdb;
margin-right: 60px;
width: 390px;
text-align: center;
}
.miniform .form-column input:last-of-type, 
.miniform .form-column select:last-of-type {
margin-right: 0;
}
.miniform .form-container:last-of-type .form-column {
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/css/images/in-out.png) no-repeat center center;
}
.miniform .form-column.select:after {    
border-top-color: #282828;
}
.miniform button {
background: #282828 !important;
}
@media (max-width: 1100px) {
.miniform .form-column {
margin-right: 20px;
}
}
@media (max-width: 1110px) {
.miniform .form-container:last-of-type .form-column,
.miniform .form-column {
background-color: #fff;
border: 1px solid #dbdbdb;
margin-right: 25px;
font-size: 0;
}
.miniform .form-column input, 
.miniform .form-column select {
background: transparent;
border: none;
margin-right: 0;
width: 50%;
}
}
@media (max-width: 980px) {
.miniform .form-column {
margin-right: 10px;
}
}
@media (max-width: 767px) {
.miniform .form-container:last-of-type .form-column {
background-position: 50% center !important;
}
}
.hero-container {
height: auto;
}
.hero-container .hero {
display: block;
}
.hero-container .hero img {
width: 100%!important;
max-width: 100%!important;
display: block
}
.hero-container .slideshow img.lazyload,
.hero-container .slideshow img.lazyloading {
width: 100%;
max-width: 100%;
display: block
}
.hero-container .slideshow .caption {
position: absolute;
z-index: 3;
}
.hero-container .slideshow .caption big {
font-family: 'Suranna', serif;
font-size: 60px;
color: #fff;
display: block;
}
.hero-container .slideshow .caption small {
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-weight: 300;
color: #fff;
margin-right: -15%;
display: block;
text-align: right;
}
.hero-container .slideshow #slide-1 .caption {
bottom: 30px;
left: 15%;
}
.hero-container .slideshow #slide-2 .caption {
top: 30px;
right: 15%;
}
.hero-container .slideshow .owl-nav {
position: initial;
}
.hero-container .slideshow .owl-nav img {
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: middle;
width: auto;
}
.hero-container .slideshow .owl-nav .owl-prev,
.hero-container .slideshow .owl-nav .owl-next {
position: absolute;
top: 50%;
z-index: 2;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.hero-container .slideshow .owl-nav .owl-prev {
left: 5%;
}
.hero-container .slideshow .owl-nav .owl-next {
right: 5%;
}
@media all and (max-width: 1023px) {
.hero-container .slideshow .caption big {
font-size: 45px;
}
.hero-container .slideshow .caption small {
font-size: 30px;
text-align: left;
margin-right: 0;
}
.hero-container .slideshow #slide-1 .caption,
.hero-container .slideshow #slide-2 .caption {
bottom: 30px;
top: auto;
right: auto;
left: 15%;
}
}
@media all and (max-width: 767px) {
.hero-container .slideshow .caption {
display: none;
}
.hero-container .slideshow .owl-nav  {
display: none;
}
}
.buttons-container {
background: #fff;
}
.buttons-container:after {
content: '';
left: 0;
right: 0;
display: block;
border-bottom: 1px solid #90908f;
margin-top: -66px;
margin-bottom: 66px;
}
.buttons-container .button {
text-align: center;
padding: 30px 0;
font-size: 0;
}
.home .buttons-container .button {
padding-top: 0;
}
.buttons-container .button .wrapper {
max-width: 1110px;
}
.buttons-container .button a {
text-transform: uppercase;
text-decoration: none;
color: #282828;
font-family: 'Montserrat', sans-serif;
font-size: 30px;
border: 1px solid #282828;
font-weight: 300;
background: #fff;
padding: 16px 10px;
min-width: 225px;
margin: 5px;
text-align: center;
display: inline-block;
*display: inline;
zoom: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;      
}
.home .buttons-container .button a {    
margin: 5px;
}
.buttons-container .button a:hover {
background: #282828;
color: #fff;
border-color: #282828;
}
.buttons-container .prevnext {
text-align: right;
}
.buttons-container .prevnext .wrapper {
max-width: 1110px;
height: 0;
position: relative;
}
.buttons-container .prevnext .group .half {
float: right;
height: 0;
}
.buttons-container .prevnext a {
position: absolute;
text-decoration: none;
color: #282828;
background: #fff;
right: 0;
top: -74px;
font-size: 17px;
font-weight: 300;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
opacity: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;   
}
.buttons-container .prevnext a:hover {
color: #000;
}
.buttons-container .prevnext a.prev {
right: auto;
left: 0;
}
.buttons-container .prevnext a i { 
background: #fff;
color: #282828;
padding: 0;
font-size: 0;    
height: 17px;
width: 17px;
padding: 17px;
margin-top: -10px;
vertical-align: top;
border: 1px solid #90908f;
-webkit-border-radius: 99px;
-moz-border-radius: 99px;
-ms-border-radius: 99px;
-o-border-radius: 99px;
border-radius: 99px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.buttons-container .prevnext a:hover i {    
background-color: #616161!important;
border-color: #616161!important;
}
.buttons-container .prevnext a.prev i {
margin-right: 5px;   
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/images/prev-arrow.png) no-repeat center center;
}
.buttons-container .prevnext a.next i {
margin-left: 5px;   
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/images/next-arrow.png) no-repeat center center;
}
@media all and (max-width: 1050px) {    
.buttons-container .prevnext a { 
font-size: 17px;    
}
.buttons-container .prevnext a.prev {
left: 15px;
}
.buttons-container .prevnext a.next {
right: 15px;
}
}
@media all and (max-width: 1023px) {
.buttons-container .prevnext a {
font-size: 0;
}
}
@media all and (max-width: 767px) {
.buttons-container:after {
margin-top: -86px;
margin-bottom: 86px;
}
.home .buttons-container:after {
margin-top: -41px;
}
.buttons-container .button,
.home .buttons-container .button {
text-align: center;
padding: 10px 0;
}
.buttons-container .button a {
margin: 5px;        
font-size: 20px;
min-width: 160px;
}
.buttons-container .prevnext {
text-align: center;
}
.buttons-container .prevnext .wrapper {
height: auto;
margin-top: 20px;
}
.buttons-container .prevnext a.prev,
.buttons-container .prevnext a.next {
float: none;
position: relative;
left: auto;
right: auto;
}
.buttons-container .prevnext .group .half {
float: none;
height: auto;
width: 100%;
}
.buttons-container .prevnext a {
top: -15px;
}
}
.reviews-container { font-family: 'Montserrat', sans-serif;
position: relative;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: center top!important;
}
.reviews-container .reviews {
padding: 1px 0;
}
.reviews-container .reviews .wrapper {
max-width: 1110px;
}
.reviews-container .reviews img {
display: block;
width: 100%;
}
.reviews-container .reviews h2 {
color: #fff !important;
font-family: 'Suranna', serif;
text-transform: none;
margin-bottom: 40px;
font-weight: 400;
text-align: left !important;
font-size: 50px !important;
line-height: 24px !important;
}
.reviews-container .reviews .home-reviews {
background: transparent;
padding: 40px 0;
text-align: left;
width: 50%;
margin: 50px 0;
margin-left: 50%;
position: relative;
}
.reviews-container .reviews .home-reviews:before,
.reviews-container .reviews .home-reviews:after {
background: transparent;
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 20%;
margin-left: -20%;
}
.reviews-container .reviews .home-reviews:after {
left: auto;
right: 0;
margin-left: 0;
margin-right: -1000%;
width: 1000%;
}
.reviews-container .reviews .home-reviews a {
margin-top: 20px;
display: inline-block;
*display: inline;
zoom: 1;
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.reviews-container .reviews .home-reviews ul {
color: #fff;
font-size: 16px;
margin-left: 0 !important;
}
.reviews-container .reviews .home-reviews ul li {
display: block;
font-weight: 300;
}
.reviews-container .reviews .home-reviews ul li .right {
text-align: left !important;
line-height: 25px;
}
.reviews-container .reviews .home-reviews ul li .right .gr-date {
color: #fff;
margin-bottom: 20px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
}
.reviews-container .reviews .home-reviews ul li .right .rname {
color: #fff;
margin-top: 20px;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
}
@media all and (max-width: 1023px) {
.reviews-container .reviews {
width: 100%;
}
.reviews-container .reviews .home-reviews { 
display: block;
width: auto;
margin: 30px auto;        
padding: 40px;
}
.reviews-container .reviews .home-reviews:before,
.reviews-container .reviews .home-reviews:after {
display: none;   
}
}
@media all and (max-width: 767px) {
.reviews-container {
background: #90908f!important;
border-bottom: 1px solid #90908f;
padding-top:20px;
}
.reviews-container .reviews {
background: transparent;
}
.reviews-container .reviews h2 {
font-size: 42px !important;
line-height: 50px !important;
}   
.reviews-container .reviews h2:before {
display: none;
}
.reviews-container .reviews .home-reviews {
margin: 0;
padding: 0 0 40px;
}
.reviews-container .reviews .home-reviews ul {
font-size: 14px;   
}
.reviews-container .reviews .home-reviews ul li .right .gr-date {
font-size: 16px;
}
.reviews-container .reviews .home-reviews ul li .right .rname {
font-size: 16px;
}
}
.map-container {
position: relative;
}
.map-container .map {
height: 400px;
}
@media all and (max-width: 1023px) {
.map-container .map {
height: 300px;
}
}
@media all and (max-width: 767px) {
.map-container .map {
height: 0;
}
}
@media all and (max-width: 479px) {
.map-container {
display: none;
}
}
.content-container .content .content-item {
font-family: 'Montserrat', sans-serif;
color: #282828;
font-size: 16px;
line-height: 25px;
margin-bottom: 5px;
}
.content-container .content .content-item.odd {
background: #fff;
margin-top: 5px;
}
.content-container.scroll .content .content-item.odd {
margin-top: 0;
margin-bottom: 0;
}
.page-id-18 .content-container.scroll .content .content-item:first-of-type {
background:none;
border-top: 1px solid #90908f;
border-bottom: 1px solid #90908f;
}
.content-container .content .content-item .bg-holder {
background-repeat: no-repeat!important;
background-size: cover!important;
}
.content-container .content .content-item .wrapper {
padding-top: 40px;
padding-bottom: 40px;
max-width: 1110px;
}
.guest-reviews .content-container .content .content-item .wrapper {
padding-top: 0;
padding-bottom: 40px;
max-width: 1110px;
}
.page-id-30 .content-container .content .content-item .wrapper {
padding-top: 40px;
padding-bottom: 40px;
max-width: 1110px;
}
.content-container .content-seo .content-item .wrapper {
padding-bottom: 40px !important;
}
.page-id-18 .content-container.scroll .content .content-item:first-of-type .wrapper {
padding-top: 0!important;
padding-bottom: 0!important;
border-bottom: none!important;
}
.content-container .content .content-item h1.entry-title,
.content-container .content .content-item h2.entry-title {
color: #282828;
font-family: 'Suranna', serif;
font-weight: 300;
font-size: 50px;
margin-bottom: 30px;    
line-height: 50px;
text-transform: none;
text-align: center;
}
.guest-reviews .content-container .content .content-item h1.entry-title,
.guest-reviews .content-container .content .content-item h2.entry-title {
color: #282828;
font-family: 'Suranna', serif;
font-weight: 300;
font-size: 50px;
margin-bottom: 30px;    
line-height: 50px;
text-transform: none;
text-align: center;
}
.page-id-52 .content-container .content .content-item h1.entry-title,
.page-id-54 .content-container .content .content-item h1.entry-title,
.contact-sent .content-container .content .content-item h1.entry-title,
.reservation-sent .content-container .content .content-item h1.entry-title {
color: #90908f;
font-family: 'Suranna', serif;
font-weight: 400;
font-size: 50px;
margin-bottom: 30px;    
line-height: 24px;
text-transform: none;
text-align: center;
}
.content-container.scroll .content .content-item h1.entry-title {
color: #c4c4c3;
font-family: 'Suranna', serif;
font-size: 50px;
margin-bottom: 0;    
line-height: 50px;
text-transform: none;
text-align: left;
}
.content-container.scroll .content .content-item h1.entry-title span {
position: absolute;
z-index: 21;
}
.content-container .content .content-item h1.entry-title strong {
font-size: 50px;
color: #282828;
display: block;
}
.page-id-30 .content-container .content .content-item h2.entry-title {
margin-bottom: 40px;
color: #282828;
text-transform: uppercase;
line-height: 1;
}
.content-container .content .content-item h2.entry-title {
margin-bottom: 40px;
color: #282828;
text-transform: uppercase;
line-height: 1;
}
.content-container .content .content-item h2.entry-title:after {
content: '';
display: none;
border-bottom: 1px solid #a79778;
margin-top: -1px;
}
.content-container .content .content-item h2.entry-title span {
background: transparent;
padding-right: 0;
}
.content-container .content .content-item h3,
.content-container .content .content-item h3 p {
color: #282828;
font-family: 'Montserrat',sans-serif;
font-size: 25px;
margin-bottom: 15px;
margin-top: 25px;
line-height: 28px;
text-transform: uppercase;
font-weight:500;
}
@media all and (max-width: 1023px) {
.content-container .content .content-item {
font-size: 16px;   
}
.content-container .content .content-item .bg-holder {
background-image: none !important;   
}
.content-container .content .content-item h1.entry-title,
.content-container.scroll .content .content-item h1.entry-title {
font-size: 35px;
max-width: none !important;
}
.content-container.scroll .content .content-item h1.entry-title {
line-height: 54px;   
}
.content-container .content .content-item h1.entry-title strong {
font-size: 40px;
line-height: 30px;
}
.content-container .content .content-item h2.entry-title {
font-size: 28px;
}
.content-container .content .content-item h2.entry-title span {
padding-bottom: 5px;
}
.content-container .content .content-item h3,
.content-container .content .content-item h3 p{
font-size: 22px;
line-height:26px;
margin-top:0;
}
}
@media all and (max-width: 767px) {
.content-container .content .content-item .wrapper {
background: transparent;
}
.content-container .content .content-item h1.entry-title {
text-align: center;
}
.content-container.scroll .content .content-item h1.entry-title {
text-align: center;
background: #707070;
margin-left: -15px;
margin-right: -15px;
}
.content-container.scroll .content .content-item h1.entry-title span {
position: relative;
}
}
.content-container .content .content-item p:last-of-type {
margin-bottom: 0;
}
.content-container .content .content-item p a {
color: #282828;
}
.content-container .content .content-item img {
max-width: 100%;
display: block;
}
.page-id-21 .content-container .content .content-item img {
max-width: none;
width: auto!important;
}
.content-container .content .content-item img {
max-width: none;
width: 100%;
}
.page-id-21 .content-container .content .content-item .press-container .press-item em {
font-style: italic;
}
.page-id-21 .content-container .content .content-item .press-container .press-item a {
color: #282828;
display: block;
font-family: 'Suranna',serif;
font-size: 18px;
}
.page-id-21 .content-container .content .content-item .press-container .press-item img {
float: left!important;
margin-right: 15px!important;
margin-top: 0px!important;
border: 1px solid #f0f0f0!important;
max-width: 100px!important;
}
.content-container .content .content-item .spy {
background: transparent;    
text-align: right; 
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.content-container .content .content-item .sticky .spy {
background: #fff;
position: fixed;
left: 0;
right: 0;
z-index: 20;
}
.content-container .content .content-item .spy ul {
background:none;
font-size: 0;
text-align: right;
display: block;
width: auto;
max-width: 1110px;
margin: 0 auto;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.content-container .content .content-item .spy ul li {
display: inline-block;
*display: inline;
zoom: 1;
text-align: center;
position: relative;
z-index: 25;
}
.content-container .content .content-item .spy ul li a {
color:#90908f;
font-family: 'Montserrat',sans-serif;
font-size: 22px;
font-weight: 300;
text-transform: uppercase;
text-decoration: none;
display: block;
padding: 15px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.content-container .content .content-item .sticky .spy ul li a {
padding: 15px;    
}
.content-container .content .content-item .spy ul li a:hover {
background: #90908f;
color: #fff;
}
.content-container .content .content-item .spy ul li.active a {
background: #90908f;
color: #fff;
}
@media all and (max-width: 1023px) {
.content-container .content .content-item .spy ul li a,
.content-container .content .content-item .sticky .spy ul li a {
font-size: 15px;
padding: 15px 10px;
}
.content-container .content .content-item .sticky .spy ul li a {
padding: 15px 10px;
}
}
@media all and (max-width: 767px) {
.content-container .content .content-item .spy {
margin-left: -15px;
margin-right: -15px;
}
.content-container .content .content-item .spy ul {
display: block;
text-align: center;
}
.content-container .content .content-item .spy ul li {
display: inline-block;
*display: inline;
zoom: 1;
}
.content-container .content .content-item .spy ul li a,
.content-container .content .content-item .sticky .spy ul li a {
font-size: 13px;
font-family: 'Montserrat', sans-serif;
padding: 7px;
line-height: 25px;
}
}
.box-container {
position: relative;
}
.box-container .box {
font-size: 0;
margin: 0 auto;
max-width: 900px;
}
.box-container .box .sub-villa-img,
.box-container .box .sub-villa-content {
width: 50%;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
}
.box-container .box .sub-villa-content {
padding-left: 30px;
}
.box-container .box .sub-villa-content h3 {
color: #282828;
font-family: 'Suranna', serif;
text-transform: uppercase;
margin-bottom: 40px;
text-align: left;
font-size: 60px;
line-height: 80px;
margin-top: 20px;
}
.box-container .box .sub-villa-content strong {
color: #707070;
font-family: 'Suranna', serif;
font-style: italic;
font-size: 25px;
line-height: 25px;
display: block;
margin: 30px 0 10%;
}
.box-container .box .sub-villa-content p {
color: #282828;
font-family: 'Montserrat', sans-serif !important;
font-size: 16px !important;
}
.box-container .owl-nav .owl-next, 
.box-container .owl-nav .owl-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.box-container .owl-nav .owl-next {
right: 0;
}
.box-container .owl-nav .owl-prev {
left: 0;
}
@media all and (max-width: 1023px) {
.box-container .box .sub-villa-content h3 {
font-size: 50px;
}
.box-container .owl-nav {
text-align: center;
}
.box-container .owl-nav .owl-next,
.box-container .owl-nav .owl-prev {
position: relative;
display: inline-block;
*display: inline;
zoom: 1;
margin: 30px 30px 0;
}
}
@media all and (max-width: 1110px) {
.box-container .box .sub-villa-img {
display: none;    
}
.box-container .box .sub-villa-content {
display: block;
width: auto;
padding: 0;
}
.box-container .box .sub-villa-content strong {
margin: 15px 0;
}
}
@media all and (max-width: 767px) {
.box-container .box .sub-villa-content h3 {
font-size: 42px;
line-height: 50px;
margin: 0;
}
}
.eh-container {
text-align: center;
position: relative;
}
.eh-container h2 {
color: #282828;
font-family: 'Georgia',serif;
font-variant: small-caps;
font-size: 85px;
line-height: 80px;
margin-top: 20px;
margin-bottom: 20px;
}
.eh-container h2 img {
display: block;
margin: 20px auto 0;
}
.eh-container .grids {
font-size: 0;
margin: -2.5px;
padding: 5px 0;
}
.eh-container .grids .grid {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
color: #fff;
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: middle;
text-transform: uppercase;
text-align: center;
position: relative;
width: 25%;
}
.eh-container .grids .grid a {
display: block;
background: #282828;
color: #fff;
margin: 2.5px;
text-decoration: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.eh-container .grids .grid a:hover {
color: #fff;
}
.eh-container .grids .grid a img {
display: block;
width: 100%;
opacity: 1;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.eh-container .grids .grid:hover a img {
opacity: 0;
}
.eh-container .grids .grid a span {
font-size: 50px;
font-family: 'Georgia', serif;
line-height: 45px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
text-transform: uppercase;
width: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
-ms-text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
-o-text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; 
}
.eh-container .grids .grid a span::first-letter {
font-size: 80px;
}
.eh-container .grids .grid:hover a span {
opacity: 0;
}
.eh-container .grids .grid p {
opacity: 0;
color: #fff;
position: absolute;
top: 50%;
text-align: left;
text-transform: none;
font-size: 18px;
line-height: 25px;
font-weight: 300;
left: 15px;
right: 15px;
font-family: 'Source Sans Pro', sans-serif;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.eh-container .grids .grid:hover p {
opacity: 1;
}
.eh-container .grids .grid p a {
background: transparent;   
margin: 5px;
}
.eh-container .book-now {
position: absolute;
top: 50%;
left: 50%;
background: #fff;
color: #282828;
font-family: 'Georgia', serif;
font-size: 24px;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
padding: 29px 27px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.eh-container .book-now img {
display: block;
margin: 0 auto 15px;
}
.eh-container .book-now span {
display: block;
max-width: 160px;
margin: 0 auto;
}
@media all and (max-width: 1700px) {   
.eh-container .grids .grid a span {
font-size: 35px;
}
.eh-container .grids .grid a span::first-letter {
font-size: 65px;
}
.eh-container .grids .grid p { 
line-height: 24px;   
}
}
@media all and (max-width: 1400px) {   
.eh-container .grids .grid a span {
font-size: 28px;
line-height: 30px;
}
.eh-container .grids .grid a span::first-letter {
font-size: 45px;
}
.eh-container .book-now {
padding: 24px 22px;
}
}
@media all and (max-width: 1140px) {   
.eh-container h2 {
font-size: 70px;
}
.eh-container .book-now {
font-size: 20px;
line-height: 20px;
padding: 20px 23px;
}
.eh-container .book-now img {
max-width: 100px;
}
.eh-container .book-now span {
max-width: 110px;
}
}
@media all and (max-width: 1023px) {   
.eh-container h2 {
font-size: 60px;
line-height: 1;
}
.eh-container .grids .grid a span {
font-size: 20px;
line-height: 25px;
}
.eh-container .grids .grid a span::first-letter {
font-size: 35px;
}
.eh-container .grids .grid:hover a img {
opacity: 1;
}
.eh-container .grids .grid:hover a span {
opacity: 1;
}
.eh-container .grids .grid:hover p {
opacity: 0;
}
}
@media all and (max-width: 767px) {   
.eh-container h2 {
font-size: 40px;
}
.eh-container .grids .grid {
width: 50%;
}
.eh-container .book-now {
font-size: 16px;
line-height: 18px;
padding: 21px 13px;
}
.eh-container .book-now img {
max-width: 70px;
}
}
@media all and (max-width: 480px) {   
.eh-container .book-now {
font-size: 14px;
line-height: 16px;
padding: 13px 3px;
}
}
.home .content-container .content .content-item {
position: relative;
}
.home .content-container .content .content-item .wrapper {
margin: 0 auto !important;
padding-bottom: 40px;
max-width: 1110px;
}
.home .content-container .content .content-item h1.entry-title{
text-transform:uppercase;
}
.home .content-container .content .content-item h1.entry-title span{
display:block;
color:#90908f;
font-size: 86px;
line-height: 75px;
}
.home .content-container .content .content-item:last-of-type h2 {
color: #282828;
font-size: 30px;
font-family: 'Suranna', serif;
text-align: center;
line-height: 30px;
margin-bottom: 30px;
}
.home .content-container .content .content-item p.p-header {
font-family: 'Suranna',serif;
font-size: 25px;
line-height:30px;
font-weight: 400;
}
.home .content-container .content .content-item:last-of-type p {
text-align: center;
}
.home .content-container .content .content-item .poi {
text-align: center;    
margin: 0;
padding-top: 20px;
font-size: 0;
clear: both;
}
.home .content-container .content .content-item .poi li {
min-width: 88px;
margin-right:13.333%;
margin-top: 0;
margin-bottom: 0;
font-family: 'Suranna', serif;
font-size: 20px;
line-height: 22px;
font-weight: 300;
text-transform: uppercase;
color: #212121;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
}
.home .content-container .content .content-item .poi li:last-of-type {
margin-right: 0;
}
.home .content-container .content .content-item .poi li#poi-1:before {
background-position: 0 0;
}
.home .content-container .content .content-item .poi li#poi-2:before {
background-position: -255px 0;
}
.home .content-container .content .content-item .poi li#poi-3:before {
background-position: -509px 0;
}
.home .content-container .content .content-item .poi li#poi-4:before {
background-position: -764px 0;
}
.home .content-container .content .content-item .poi li#poi-5:before {
background-position: -1018px 0;
}
.home .content-container .content .content-item p:last-of-type {
margin-bottom: 15px;
}
.home .content-container .content .content-item .group {
width:100%;
max-width:1720px;
margin:0px auto 50px;
text-align:center;
}
.home .content-container .content .content-item .group .first-img,.home .content-container .content .content-item .group .second-img,.home .content-container .content .content-item .group .third-img{
float: left;
width: 31.453%;
}
.home .content-container .content .content-item .group .first-img,.home .content-container .content .content-item .group .second-img{
margin-right: 2.806%;
}
.home .content-container .content .content-item .group h3{
font-family: 'Suranna',serif;
font-size:30px;
line-height:36px;
text-transform:capitalize;
}
.home .content-container .content .content-item .group p{
min-height: 145px;
}
.home .content-container .content .content-item .group a{
text-transform: capitalize;
text-decoration: none;
color: #282828;
font-family: 'Suranna',serif;
font-size: 30px;
border: 1px solid #282828;
font-weight: 300;
background: #fff;
padding: 12px 10px;
min-width: 220px;
margin: 5px;
text-align: center;
display: inline-block;
zoom: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.home .content-container .content .content-item .group a:hover{
background:#282828;
color:#fff;
}
@media all and (max-width: 1720px) {  
.home .content-container .content .content-item .group {
padding-left:15px;
padding-right:15px;
}
}
@media all and (max-width: 1400px) {   
}
@media all and (max-width: 1140px) {    
.home .content-container .content .content-item .poi li {
min-width: 160px;
width: 10%;
margin-right: 0;
}   
}
@media all and (max-width: 1023px) {
.home .content-container .content .content-item .bg-half {
display: none;
}
.home .content-container .content .content-item .wrapper {
padding-bottom: 40px;
}
.home .content-container .content .content-item .wrapper .the-content {
margin-left: 0;
}
.home .content-container .content .content-item h1.entry-title {
text-align: center;
}
.home .content-container .content .content-item h1.entry-title span{
font-size: 42px;
line-height: 50px;
}
.home .content-container .content .content-item p:last-of-type {
margin-bottom: 0;
}
.home .content-container .content .content-item .group .first-img, .home .content-container .content .content-item .group .second-img{
margin-right:0;
}
.home .content-container .content .content-item .group .first-img, .home .content-container .content .content-item .group .second-img, .home .content-container .content .content-item .group .third-img{
width:100%;
float:none;
background-color: #dfdfdf;
margin:0px auto 40px;
padding: 25px 15px;
}
.home .content-container .content .content-item .first-img img,
.home .content-container .content .content-item .second-img img,
.home .content-container .content .content-item .third-img img{
display: none; 
}  
.home .content-container .content .content-item .group p{
min-height:auto;
margin-bottom: 10px;
}
}
@media all and (max-width: 767px) {      
.home .content-container .content .content-item h1.entry-title {
font-size: 42px;
line-height: 50px;
}
.home .content-container .content .content-item .poi li{
min-width: 135px;
margin-top:20px;
}
.home .content-container .content .content-item .group a{
font-size:25px;
min-width:200px;
}
}
@media all and (max-width: 520px) {     
.home .content-container .content .content-item .grids .grid span {
font-size: 18px;
line-height: 18px;
}
}
.page-id-31 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-38 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-46 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-26 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-28 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-52 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-50 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-47 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-23 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.content-container .content .content-item h1.entry-title {
text-align: left;
}
.page-id-35 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-86 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-21 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-17 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-39 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-42 .content-container .content .content-item h1.entry-title {
text-align: center;
}
.page-id-42 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-39 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
float:left;
}
.page-id-39 .content-container .content .content-item img.alignleft {    width: auto;    float: left;    margin-right: 30px;    margin-bottom: 20px;}
.page-id-17 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-38 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-21 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-86 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-35 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-30 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-30 .content-container .content .content-item.the-locale .map_div {
float: right;
width: 50%;
height: 215px;
margin-top: 30px;
margin-left: 30px;
}
.page-id-46 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-50 .content-container .content .content-item .the-content {
width: 100%;
padding: 1px;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-26 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-28 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-52 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-54 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-47 .content-container .content .content-item .the-content {
width: 100%;
padding: 1px;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-15 .content-container .content .content-item .the-content {
width: 59.9%;
padding: 30px 30px 30px 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
} .page-id-30 .content-container .content .content-item.the-locale .distances dt{
width: 70%;
color: #282828;
font-family: 'Montserrat',sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 10px;
display: inline-block;
zoom: 1;
}
.page-id-30 .content-container .content .content-item.the-locale .distances {
width: calc(50% - 30px);
margin-top: 10px;
font-size: 0;
display: inline-block;
zoom: 1;
}
.page-id-30 .content-container .content .content-item.the-locale .distances dd{
color: #282828;
font-family: 'Montserrat',sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 10px;
display: inline-block;
zoom: 1;
}
.page-id-30 .content-container .content .content-item.things-to-do .the-content {
background: #f2f2f2;
}
.page-id-30 .content-container .content .content-item.things-to-do .group {
margin-left: 0;
margin-right: 0;
margin-top: -35px;
font-size: 0;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half img {
margin-bottom: 0;
width: 100%;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half.half-content:nth-of-type(odd) {
padding: 25px 25px 25px 0;
}
.page-id-30 .content-container .content .content-item .wrapper {
max-width: 1110px;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half {
font-weight: 300;
display: inline-block;
zoom: 1;
float: none;
vertical-align: middle;
margin-bottom: 5px;
font-size: 16px;
width: 57.8%;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half.half-content {
padding: 25px 0 25px 25px;
width: 42.2%;
}
.page-id-35 .content-container .content .content-item.staff dt{
color: #282828;
font-family: 'Montserrat',sans-serif;
font-size: 20px;
font-weight: 500;
margin-bottom: 5px;
margin-top: 0;
line-height: 23px;
text-transform: uppercase;
}
.page-id-35 .content-container .content .content-item.staff dd {
font-size: 16px;
color: #282828;
font-family: 'Montserrat',sans-serif;
font-weight: 300;
margin-bottom: 15px;
line-height: 25px;
text-align: justify;
margin-top: 0;
}
.page-id-38 .content-container .content .content-item.dining .first-img {
float: left;
margin: 0 30px 0 0;
}
.page-id-42 .content-container .content .content-item.spa .first-img {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
.page-id-42 .content-container .content .content-item.spa .second-img {
margin-top: 30px;
}
.page-id-42 .content-container .content .content-item.spa dl {
font-size: 0;
margin-top: 30px;
}
.page-id-42 .content-container .content .content-item.spa dt {
color: #282828;
font-family: 'Montserrat',sans-serif;
font-size: 20px;
font-weight: 500;
margin-bottom: 5px;
margin-top: 0;
line-height: 23px;
text-transform: uppercase;
}
.page-id-42 .content-container .content .content-item.spa dd {
font-size: 16px;
color: #282828;
font-family: 'Montserrat',sans-serif;
font-weight: 300;
margin-bottom: 15px;
line-height: 25px;
text-align: justify;
margin-top: 10px;
}
.page-id-39 .content-container .content .content-item.families .second-img {
float: left;
margin-right: 30px;
min-width: 540px;
}
.page-id-39 .content-container .content .content-item.families .first-img {
margin-top: 30px;
margin-bottom: 30px;
}
.page-id-38 .content-container .content .content-item.dining .second-img {
float: right;
margin: 0 0 0 30px;
}
.page-id-38 .content-container .content .content-item.dining .wrapper .des {
margin-top: 30px;
}
.page-id-35 .content-container .content .content-item.staff dl, .page-id-35 .content-container .content .content-item.spa dl {
font-size: 0;
margin-top: 30px;
}
.page-id-35 .content-container .content .content-item.staff dl {
overflow: hidden;
}
.page-id-35 .content-container .content .content-item.staff .second-img {
float: right;
margin-left: 15px;
margin-top: 30px;
min-width: 540px;
}
.page-id-35 .content-container .content .content-item .group {
font-size: 0;
}
.page-id-31 .content-container .content .content-item .wrapper .first-img {
margin: 30px 0;
}
.page-id-31 .content-container .content .content-item .group .half {
display: inline-block;
zoom: 1;
float: left;
vertical-align: middle;
margin-bottom: 0;
}
.page-id-31 .content-container .content .content-item .group .half.half-content {
padding: 25px 0 25px 25px;
}
.page-id-31 .content-container .content .content-item ul.capacity {
text-align: center;
border: 1px solid #282828;
background: #fff;
color: #282828;
padding: 19px 15px;
line-height: 28px;
font-size: 22px;
font-family: 'Suranna',serif;
font-weight: 300;
vertical-align: top;
display: inline-block;
zoom: 1;
width: 100%;
margin-bottom: 15px;
margin-right: 30px;
margin-top: 10px;
}
.page-id-31 .content-container .content .content-item ul.capacity li {
margin: 0;
text-transform: none;
display: block;
}
.page-id-31 .content-container .content .content-item .guidelines a {
font-size: 22px;
font-family: 'Suranna',serif;
color: #282828;
text-transform: none;
text-decoration: none;
text-align: center;
border: 1px solid #282828;
background: #fff;
padding: 28px 35px;
margin-bottom: 15px;
display: block;
transition: all .3s ease-in-out;
}
.page-id-18 .content-container .content .content-item .the-content {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-18  .content-container.scroll .content .content-item h1.entry-title {
color: #c4c4c3!important;
text-transform: none;
text-align: left;
}
.page-id-30  .content-container.scroll .content .content-item:first-of-type {
background: none;
border-top: 1px solid #90908f;
border-bottom: 1px solid #90908f;
}
.page-id-18 .content-container.scroll .content .content-item.odd {
margin-top: 0;
margin-bottom: 0;
}
.page-id-30 .content-container.scroll .content .content-item.odd {
margin-top: 0;
margin-bottom: 0;
}
.content-container .content .content-item .the-content:after {
content: '';
display: block;
top: 0;
bottom: 0;
left: 1px;
width: 1000%;
background: rgba(255, 255, 255, .9);
position: absolute;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.about .content-container .content .content-item .first-img {
margin-top: 30px;
}
@media all and (max-width: 1140px) {
.content-container .content .content-item .the-content {
padding: 30px 15px; 
}
}
@media all and (max-width: 1023px) {
.content-container .content .content-item .the-content {
width: auto;
padding: 0;
}
.content-container .content .content-item .the-content:after {
display: none ;  
}
}
@media all and (max-width: 767px) {
.about .content-container .content .content-item .first-img {
display: none;   
}
}
.page-id-18 .content-container .content .content-item.living-areas h2.entry-title{
margin-bottom:0px;
}
.page-id-18 .content-container .content .content-item.living-areas {
padding-top: 40px;
}
.page-id-18 .content-container .content .content-item.villa-layout .wrapper,     
.page-id-18 .content-container .content .content-item.living-areas .wrapper {    
border-bottom: none;
}   
.page-id-26 .content-container .content .content-item .video iframe {
display: block;
width: 100%;
height: 623px;
position: relative;
z-index: 3;
}
.page-id-18 .content-container .content .content-item .the-content {
background: rgba(255, 255, 255, .9);
}
.page-id-18 .content-container .content .content-item .bg-holder:nth-of-type(2n+1) .the-content {
width: 50%;
padding: 30px 0 30px 30px;
margin-left: auto;
margin-right: 0;
position: relative;
}
.page-id-18 .content-container .content .content-item.living-areas .bg-holder:nth-of-type(2n+1) .the-content {
padding: 0;
margin-right: auto;
margin-left: 0;
}
.page-id-18 .content-container .content .content-item.odd .the-content {
background: transparent;
}
.page-id-18 .content-container .content .content-item .the-content:after {
content: '';
display: block;
top: 0;
bottom: 0;
right: 0;
width: 1000%;
background: rgba(255, 255, 255, .9);
position: absolute;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.page-id-18 .content-container .content .content-item.living-areas .the-content:after {
right: auto;
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.page-id-18 .content-container .content .content-item.villa-layout .floorplan {
margin: 30px auto 0;
text-align: center;
}
.page-id-18 .content-container .content .content-item.villa-layout .floorplan img {
margin: 0 auto;
border: 1px solid #90908f;
display: inline-block;
*display: inline;
zoom: 1;
}
.page-id-18 .content-container .content .content-item.villa-layout .floorplan a {
color: #272727;
}
.page-id-18 .content-container .content .content-item .group {
margin: 0;
font-size: 0;
position: relative;
background: #f2f2f2;
}
.page-id-18 .content-container .content .content-item .group:nth-of-type(2n) {
background: #f2f2f2;
}
.page-id-18 .content-container .content .content-item .group .group-wrapper {
margin: 0 auto;
padding: 0;
max-width: 1110px
}
.page-id-18 .content-container .content .content-item .group .half {
display: inline-block;
*display: inline;
zoom: 1;
float: none;
vertical-align: middle;
margin-bottom: 0;
}
.page-id-18 .content-container .content .content-item .group .half.half-content {
padding: 25px 0 25px 25px;
}
.page-id-18 .content-container .content .content-item .group .half.half-content:nth-of-type(odd) {
padding: 25px 25px 25px 0;
}
.page-id-18 .content-container .content .content-item .group .half h3,
.page-id-18 .content-container .content .content-item .group .half h3 p {
margin-top: 0;  
color: #282828;
font-family: 'Montserrat',sans-serif;
font-size: 25px;
font-weight:500;
}
.page-id-18 .content-container .content .content-item.living-areas .first-img,
.page-id-18 .content-container .content .content-item.bedrooms .first-img
{
margin-left: 0;
margin-right: -85.7%;
}
.page-id-18 .content-container .content .content-item.bedrooms h2.entry-title{
margin-bottom:0;
}
.page-id-18 .content-container .content .content-item.living-areas .second-img,
.page-id-18 .content-container .content .content-item.bedrooms .second-img
{
margin-left: -85.7%;
margin-right: 0;
}
@media all and (max-width: 1140px) {
.page-id-18 .content-container .content .content-item .the-content {
padding: 15px; 
}
.page-id-18 .content-container .content .content-item.odd .the-content {
padding: 0; 
}
}
@media all and (max-width: 1050px) {
.page-id-18 .content-container .content .content-item .group .wrapper,
.page-id-18 .content-container .content .content-item .group .group-wrapper {
margin: 0 15px;   
padding: 30px 0 0;
}
.page-id-18 .content-container .content .content-item .group:last-of-type .group-wrapper {  
padding: 30px 0;
}
}
@media all and (max-width: 1023px) {
.page-id-18 .content-container .content .content-item {
margin-bottom: 0;
}
.page-id-18 .content-container .content .content-item.living-areas, 
.page-id-18 .content-container .content .content-item.bedrooms {
border-top: 1px solid #ececec;
}
.page-id-18 .content-container .content .content-item .bg-holder:first-of-type .wrapper {
padding-bottom: 0;
}
.page-id-18 .content-container .content .content-item .bg-holder:nth-of-type(2n+1) .the-content,
.page-id-18 .content-container .content .content-item.living-areas .bg-holder:nth-of-type(2n+1) .the-content {
width: auto;
padding: 0;
}
.page-id-18 .content-container .content .content-item .the-content{
padding:0;
}
.page-id-18 .content-container .content .content-item .the-content:after {
display: none ;  
}
.page-id-18 .content-container .content .content-item .group {
margin: 0;   
}
.page-id-18 .content-container .content .content-item .group .wrapper {
padding: 40px 0; 
}
.page-id-18 .content-container .content .content-item .group .half {
display: none;
}
.page-id-18 .content-container .content .content-item .group .half.half-content {
padding: 0 !important;
display: block;
width: auto;
}
.page-id-18 .content-container .content .content-item.living-areas .wrapper{
padding-top:0;
padding-bottom:0;
}
.page-id-18 .content-container .content .content-item.living-areas .wrapper:last-of-type{
padding-bottom:40px;
}
.page-id-18 .content-container .content .content-item .group .half h3{
font-size:22px;
line-height:26px;
}
}
.page-id-17 .content-container .content .content-item .half:first-of-type {
padding-right: 20px;
}
.page-id-17 .content-container .content .content-item .half:last-of-type {
padding-left: 20px;
}
.page-id-17 .content-container .content .content-item .item {
color: #282828;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 16px;
margin-bottom: 25px;
position: relative;
padding-left: 100px;
}
.page-id-17 .content-container .content .content-item .item:last-of-type {
margin-bottom: 0;
}
.page-id-17 .content-container .content .content-item .item strong {
font-size: 25px;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
margin-bottom: 5px;
display: block;
color: #90908f;
}
.page-id-17 .content-container .content .content-item .item:before{
content: '';
display: inline-block;
zoom: 1;
position: absolute;
top: 0;
left: 0;
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/images/quick-facts.png) no-repeat;
height: 80px;
width: 80px;
}
.page-id-17 .content-container .content .content-item .item#location:before {
background-position: 0 0;
}
.page-id-17 .content-container .content .content-item .item#capacity:before {
background-position: 0 -94px;
}
.page-id-17 .content-container .content .content-item .item#living-areas:before {
background-position: 0 -188px;
}
.page-id-17 .content-container .content .content-item .item#gym-yoga:before {
background-position: 0 -1405px;
}
.page-id-17 .content-container .content .content-item .item#spa:before {
background-position: 0 -1217px;
}
.page-id-17 .content-container .content .content-item .item#pools:before {
background-position: 0 -278px;
}
.page-id-17 .content-container .content .content-item .item#staff:before {
background-position: 0 -373px;
}
.page-id-17 .content-container .content .content-item .item#dining:before {
background-position: 0 -467px;
}
.page-id-17 .content-container .content .content-item .item#communication:before {
background-position: 0 -561px;
}
.page-id-17 .content-container .content .content-item .item#entertainment:before {
background-position: 0 -655px;
}
.page-id-17 .content-container .content .content-item .item#for-families:before {
background-position: 0 -750px;
}
.page-id-17 .content-container .content .content-item .item#transport:before {
background-position: 0 -844px;
}
.page-id-17 .content-container .content .content-item .item#weddings--events:before {
background-position: 0 -935px;
}
.page-id-17 .content-container .content .content-item .item#property-area:before {
background-position: 0 -1028px;
}
.page-id-17 .content-container .content .content-item .item#additional-facilities:before {
background-position: 0 -1123px;
}
.page-id-17 .content-container .content .content-item .item#managed--marketed-by:before {
background-position: 0 -1311px;
}
@media all and (max-width: 1023px) {
.page-id-17 .content-container .content .content-item .item {
font-size: 14px;
}
.page-id-17 .content-container .content .content-item .item strong {
font-size: 22px;
}
}
@media all and (max-width: 767px) {
.page-id-17 .content-container .content .content-item .half {
float: none;
width: 100%;
}
.page-id-17 .content-container .content .content-item .half:first-of-type,
.page-id-17 .content-container .content .content-item .half:last-of-type {
padding: 0;
}
.page-id-17 .content-container .content .content-item .item:last-of-type {
margin-bottom: 25px;
}
.page-id-17 .content-container .content .content-item .half:last-of-type .item:last-of-type {
margin-bottom: 0;
}
}
.page-id-21 .content-container .content .content-item .page-id-17-container {
display: block;
}
.page-id-21 .content-container .content .content-item .page-id-17-container .page-id-17-item {
opacity: 0;
display: none;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-21 .content-container .content .content-item .page-id-17-container .page-id-17-item.current {
opacity: 1;    
padding: 0 3px 3px;
display: block;
margin-bottom: 25px;
}
.page-id-21 .content-container .content .content-item .page-id-17-container .page-id-17-item.current:last-of-type {
margin-bottom: 0;
}
.page-id-21 .content-container .content .content-item .page-id-17-container .page-id-17-item:after {
display: block;
content: '';
clear: both;
}
.page-id-21 .content-container .content .content-item .page-id-17-container .page-id-17-item img {
float: left;
margin-right: 15px;
margin-top: 0px;
border: 1px solid #f0f0f0;
max-width: 100px;
}
.page-id-21 .content-container .content .content-item .page-id-17-container .page-id-17-item a {
color: #282828;
display: block;
font-family: 'Suranna', serif;
font-size: 18px;
}
.page-id-17 .content-container .content .content-item .page-id-17-container .page-id-17-item em {
font-style: italic;
}
.page-id-17 .content-container .content .content-item .page-id-17-container .page-id-17-item strong {
font-weight: 700;
}
.page-id-17 .content-container .content .content-item .page-id-17-pagination {
text-align: center;
margin-top: 30px;
}
.page-id-30 .content-container.scroll .content .content-item:first-of-type .wrapper {
padding-top: 0!important;
padding-bottom: 0!important;
border-bottom: none!important;
}
.page-id-17 .content-container .content .content-item .page-id-17-pagination a {
text-decoration: none;
padding: 5px 10px;
margin: 2px;
border: 1px solid #282828;
color: #282828;
display: inline-block;
*display: inline;
zoom: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-17 .content-container .content .content-item .page-id-17-pagination a:hover {
background: #282828;
color: #fff;
}
.page-id-17 .content-container .content .content-item .page-id-17-pagination a.active {
background: #282828;
border-color: #282828;
color: #fff;
}
.page-id-17 .content-container .content .content-item .page-id-17-pagination a.prev,
.page-id-17 .content-container .content .content-item .page-id-17-pagination a.next {
}
.page-id-26 .content-container .content .content-item .page-id-26 {
width: 100%;
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/css/screenshot.png) no-repeat center center;
background-size: cover;
z-index: 5;
position: relative;
border: 1px solid #eee;
}
.page-id-26 .content-container .content .content-item .page-id-26:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
background: rgba(0, 0, 0, .8);
padding: 20px 30px;
z-index: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-id-26 .content-container .content .content-item .page-id-26:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
border-left: 20px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-id-26 .content-container .content .content-item .page-id-26 iframe {
display: block;
width: 100%;
height: 623px;
opacity: 0;
position: relative;
z-index: 3;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.page-id-26 .content-container .content .content-item .page-id-26 iframe.active {
opacity: 1;
}
@media all and (max-width: 767px) {
.page-id-26 .content-container .content .content-item .page-id-26 iframe{
height:400px;
}
}
@media all and (max-width: 600px) {
.page-id-26 .content-container .content .content-item .page-id-26 iframe{
height:300px;
}
}
.page-id-28 .content-container .content .content-item .floorplan {
margin: 30px auto 0;
text-align: center;
}
.page-id-28 .content-container .content .content-item .floorplan img {
margin: 0 2px;
border: 1px solid #90908f;
display: inline-block;
*display: inline;
zoom: 1;
}
.page-id-28 .content-container .content .content-item .floorplan a {
color: #272727;
}
.page-id-23 .content-container .content .content-item .gallery-container {
display: block;
margin-left: -3px;
margin-right: -3px;
font-size: 0;
line-height: 0;
text-align: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-23 .content-container .content .content-item .gallery-container li {
padding: 0 3px;
width: 33.3333333%;
opacity: 0;
display: none;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-23 .content-container .content .content-item .gallery-container li.current {
opacity: 1;
padding: 3px;
display: inline-block;
*display: inline;
zoom: 1;
}
@media all and (max-width: 767px) {
.page-id-23 .content-container .content .content-item .gallery-container li {
width: 50%;
}
}
.page-id-23 .content-container .content .content-item .gallery-container li a,
.page-id-23 .content-container .content .content-item .gallery-container li a img {
display: block;
width: 100%;
position: relative;
overflow: hidden;
background: #fff;
font-size: 0;
text-decoration: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-23 .content-container .content .content-item .gallery-container li a:hover img {
opacity: 1;
}
.page-id-23 .content-container .content .content-item .gallery-container li a:before {
content: '';
background: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-23 .content-container .content .content-item .gallery-container li a:hover:before {
background: rgba(255, 255, 255, .5);
}
.page-id-23 .content-container .content .content-item .gallery-container li a:after {
content: "\f002"; 
font-family: FontAwesome;
position: absolute;
top: 50%;
left: 50%;
font-size: 0;
line-height: initial;
z-index: 3;
background: transparent;
padding: 15px 0;
width: 10px;
text-align: center;
color: #fff;
-webkit-border-radius: 99px;
-moz-border-radius: 99px;
-ms-border-radius: 99px;
-o-border-radius: 99px;
border-radius: 99px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-23 .content-container .content .content-item .gallery-container li a:hover:after {
font-size: 40px; width: 60px;
}
.page-id-23 .content-container .content .content-item .gallery-container li a p {
font-size: 0;
}
.page-id-23 .content-container .content .content-item .rl-pagination-bottom {
text-align: center;
margin-top: 30px;
}
.page-id-23 .content-container .content .content-item .rl-pagination-bottom span.current  {
text-decoration: none;
padding: 5px 10px;
margin: 2px;
border: 1px solid #282828;
color: #282828;
display: inline-block;
*display: inline;
zoom: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-23 .content-container .content .content-item .rl-pagination-bottom span.current{
background: #282828;
border-color: #282828;
color: #fff;
}
.page-id-23 .content-container .content .content-item .rl-pagination-bottom a {
text-decoration: none;
padding: 5px 10px;
margin: 2px;
border: 1px solid #282828;
color: #282828;
display: inline-block;
*display: inline;
zoom: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-23 .content-container .content .content-item .gallery-pagination a:hover {
background: #282828;
color: #fff;
}
.page-id-23 .content-container .content .content-item .gallery-pagination span.current {
background: #282828;
border-color: #282828;
color: #fff;
}
.page-id-23 .content-container .content .content-item .gallery-pagination a.prev,
.page-id-23 .content-container .content .content-item .gallery-pagination a.next {
}
.popup-container {
position: fixed; 
z-index: 1008; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0; 
background: rgba(255, 255, 255, .9); 
display: none;
}
.popup-container .loader {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.popup-container .loader i {
font-size: 70px;
}
.page-id-23 .content-container .content .content-item .gallery-container li a:after {
content: "\f002";
font-family: FontAwesome;
position: absolute;
top: 50%;
left: 50%;
font-size: 0;
line-height: initial;
z-index: 3;
background: transparent;
padding: 15px 0;
width: 10px;
text-align: center;
color: #fff;
border-radius: 99px;
transform: translate(-50%, -50%);
transition: all .3s ease-in-out;
}
.popup-container .close {
display: block;
position: absolute;
z-index: 1000;
top: 20px;
right: 29px;
cursor: pointer;
opacity: .3;
font-size: 4em;
line-height: 20px;
font-weight: 100;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.popup-container .close:hover {
opacity: 1;
}
.popup-container .close i {
background: #fff;
padding: 15px 19px;
font-size: 30px;
}
.popup-container .owl-carousel {
position: absolute;
height: 100%;
}
.popup-container .owl-carousel .owl-stage-outer,
.popup-container .owl-carousel .owl-stage-outer .owl-stage,
.popup-container .owl-carousel .owl-item {
height: 100%;
}
.popup-container .owl-carousel li {
text-align: center;
height: 100%;
}
.popup-container .owl-carousel li img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
width: auto;
position: relative;    
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.popup-container .owl-carousel li span {
display: block;
position: absolute;
bottom: 15px;
z-index: 999;
left: 50%;
background: #fff;
padding: 15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
@media all and (max-width: 1023px) {
.popup-container .owl-carousel li span {
left: 0;
right: 0;
text-align: center;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
.popup-container .owl-carousel .owl-prev,
.popup-container .owl-carousel .owl-next {
opacity: 0.3;
position: absolute;
height: 100%;
top: 0;
padding: 0 15px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.popup-container .owl-carousel .owl-prev:hover,
.popup-container .owl-carousel .owl-next:hover {
opacity: 1;
}
.popup-container .owl-carousel .owl-prev {
left: 0;
}
.popup-container .owl-carousel .owl-next {
right: 0;
}
.popup-container .owl-carousel .owl-prev i,
.popup-container .owl-carousel .owl-next i {
position: relative;    
top: 50%;
background: #fff;
padding: 15px 19px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 30px;
}
.popup-container .owl-carousel .owl-prev img,
.popup-container .owl-carousel .owl-next img {
position: relative;    
top: 50%;
background: #000;
padding: 15px 19px;
-webkit-filter: invert(100%) grayscale(100%);
-o-filter: invert(100%) grayscale(100%);
filter: invert(100%) grayscale(100%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 30px;
}
.touchevents .popup-container .owl-carousel .owl-controls {
opacity: 0.3;
}
@media all and (max-width: 767px) {
.popup-container .owl-carousel .owl-prev,
.popup-container .owl-carousel .owl-next {
display: none;
}
}
.page-id-31 .content-container .content .content-item .wrapper {
max-width: 1110px;
}
.page-id-31 .content-container .content .content-item h2 {
font-size: 35px;
text-align: center;
color: #272727;
font-family: 'Suranna', serif;
display: block;
}
.page-id-31 .content-container .content .content-item h3 {
font-size: 35px;
text-align: center;
font-weight: 300;
margin: 40px 0 20px;
display: block;
}
.page-id-31 .content-container .content .content-item small {
font-size: 20px;
text-align: center;
color: #707070;
font-family: 'Suranna', serif;
display: block;
font-style: italic;
margin-bottom: 30px;
margin-top: 10px;
}
.page-id-31 .content-container .content .content-item a.button {
display: block;
margin: 30px auto 0;
color: #282828;
font-family: 'Montserrat',sans-serif;
font-size: 40px;
text-align: center;
text-decoration: none;
padding: 30px;
max-width: 300px;
border: 1px solid #282828;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-31 .content-container .content .content-item a.button:hover {
background: #282828;
color: #fff;
}
.page-id-31 .content-container .content .content-item .group {
font-size: 0;
}
.page-id-31 .content-container .content .content-item ul.capacity {
text-align: center;
border: 1px solid #282828;
background: #fff;
color: #282828;
padding: 19px 15px;
line-height: 28px;
font-size: 22px;
font-family: 'Suranna',serif;
font-weight: 300;
vertical-align: top;
display: inline-block;
zoom: 1;
width: 100%;
margin-bottom: 15px;
margin-right: 30px;
margin-top: 10px;
}
.page-id-31 .content-container .content .content-item ul.capacity li {
margin: 0;
text-transform: none;
display: block;
}
.page-id-31 .content-container .content .content-item ul.capacity li:before {
content: '|';
margin-right: 15px;
margin-left: -15px;
display: inline-block;
*display: inline;
zoom: 1;
display: none;
}
.page-id-31 .content-container .content .content-item ul.capacity li:first-of-type:before {
display: none;
}
.page-id-31 .content-container .content .content-item .guidelines a{
font-size: 22px;
font-family: 'Suranna',serif;
display: block;
color: #282828;
text-transform: none;
text-decoration: none;
text-align: center;
border: 1px solid #282828;
background: #fff;
padding: 28px 35px;
margin-bottom: 15px;
display: block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.page-id-31 .content-container .content .content-item .guidelines a:hover{
background: #282828;
color: #fff;
}
.page-id-31 .content-container .content .content-item .wrapper .first-img{
margin:30px 0;
}
.page-id-31 .content-container .content .content-item .group .half{
display: inline-block;
zoom: 1;
float: none;
vertical-align: middle;
margin-bottom: 0;
}
.page-id-31 .content-container .content .content-item .group .half.half-content{
padding: 25px 0 25px 25px;
}
.page-id-31 .content-container .content .content-item .photo-album {
position: relative;
}
.page-id-31 .content-container .content .content-item .photo-album .owl-prev,
.page-id-31 .content-container .content .content-item .photo-album .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-id-31 .content-container .content .content-item .photo-album .owl-prev {
left: 5%;
}
.page-id-31 .content-container .content .content-item .photo-album .owl-next {
right: 5%;
}
.page-id-31 .content-container .content .content-item .photo-album .owl-prev img,
.page-id-31 .content-container .content .content-item .photo-album .owl-next img {
-webkit-filter: grayscale(100%) invert(100%);
-o-filter: grayscale(100%) invert(100%);
filter: grayscale(100%) invert(100%);
}
.page-id-31 .content-container .content .content-item .photo-album .owl-prev svg,
.page-id-31 .content-container .content .content-item .photo-album .owl-next svg {
height: 38px;
width: auto;
display: block;
}
.page-id-31 .content-container .content .content-item .photo-album-thumbs {
position: relative;
padding: 10px;
background: #dcf0f4;
}
.page-id-31 .content-container .content .content-item .photo-album-thumbs .active {
background: #fff;
}
.page-id-31 .content-container .content .content-item .photo-album-thumbs .active img {
opacity: .5;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-31 .content-container .content .content-item .photo-album-thumbs .current img {
opacity: 1;
}
.page-id-31 .content-container .content .content-item .second-img {
float: left;
width: 57.7%;
}
.page-id-31 .content-container .content .content-item .third-img {
float: right;
width: 39.3%;
}
@media all and (max-width: 1140px) {
.page-id-31 .content-container .content .content-item .the-content {
padding: 15px; 
}
}
@media all and (max-width: 1023px) {
.page-id-31 .content-container .content .content-item .the-content {
width: auto;
padding: 0;
}
.page-id-31 .content-container .content .content-item .the-content:after {
display: none;  
}   
.page-id-31 .content-container .content .content-item ul.capacity {
margin: 25px 0 10px;
display: block;
width: auto;
}
.page-id-31 .content-container .content .content-item .guidelines {
display: block;
width: auto;
}
.page-id-31 .content-container .content .content-item .second-img,
.page-id-31 .content-container .content .content-item .third-img {
display: none;
}
.page-id-31 .content-container .content .content-item .group .half{
display:none;
}
.page-id-31 .content-container .content .content-item .group .half.half-content{
padding: 0 !important;
display: block;
width: auto;
}
}
@media all and (max-width: 850px) {
.page-id-31 .content-container .content .content-item a.button {
font-size: 24px;
padding: 15px;
max-width: 200px;
}
.page-id-31 .content-container .content .content-item .guidelines a {
width: auto;
margin: 0 0 10px !important;
display: block;
line-height: 1;
}
}
.page-id-30 .content-container .content .content-item {
margin-bottom: 0;
}
.page-id-30 .content-container .content .content-item .the-content {    
background: #fff;
}
.page-id-30 .content-container .content .content-item.things-to-do .the-content {
background: #f2f2f2
}
.page-id-30 .content-container .content .content-item.odd .the-content {    
background: transparent;
}
.page-id-30 .content-container .content .content-item .bg-holder:nth-of-type(2n+1) .the-content {
padding: 30px 0 30px 30px;
width: 50%;
position: relative;
margin-left: auto;
margin-right: 0;
}
.page-id-30 .content-container .content .content-item .bg-holder:nth-of-type(2n+1) .the-content:after {
content: '';
display: block;
top: 0;
bottom: 0;
right: 0;
width: 1000%;
background: rgba(255, 255, 255, .9);
position: absolute;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.page-id-30 .content-container .content .content-item .wrapper {
max-width: 1110px;
}
.page-id-30 .content-container .content .content-item.the-locale .wrapper {
position:relative;
border-bottom: none;
}
.page-id-30 .content-container .content .content-item.the-locale .bg-holder:nth-of-type(2n) .wrapper {
padding-bottom: 30px;
}
.page-id-30 .content-container .content .content-item.the-locale h3 {
margin: 30px 0 15px;
font-family: 'Suranna', serif;
font-size: 25px;
}
.page-id-30 .content-container .content .content-item.the-locale .distances {
width: calc(50% - 30px);
margin-top: 10px;
font-size: 0;
display: inline-block;
*display: inline;
zoom: 1;
}
.page-id-30 .content-container .content .content-item.the-locale .distances dt,
.page-id-30 .content-container .content .content-item.the-locale .distances dd {
width: 70%;
color: #282828;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 10px;
display: inline-block;
*display: inline;
zoom: 1;
}
.page-id-30 .content-container .content .content-item.the-locale .distances dd {
width: 30%;
text-align: right
}
.page-id-30 .content-container .content .content-item.things-to-do .bg-holder:nth-of-type(2n) .wrapper {
padding-top: 5px;
}
.page-id-30 .content-container .content .content-item.things-to-do .group {
margin-left: 0;
margin-right: 0;
margin-top: -35px;
font-size: 0;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half {
font-weight: 300;
display: inline-block;
*display: inline;
zoom: 1;
float: none;
vertical-align: middle;
margin-bottom: 5px;
font-size: 16px;
width: 57.8%;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half.half-content {
padding: 25px 0 25px 25px;
width: 42.2%;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half.half-content:nth-of-type(odd) {
padding: 25px 25px 25px 0;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half img {
margin-bottom: 0;      
width: 100%; 
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half strong {
font-weight: bold;   
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half a {
color: #282828;  
}
@media all and (max-width: 1140px) {
.page-id-30 .content-container .content .content-item .the-content {
padding: 15px !important; 
}
.page-id-30 .content-container .content .content-item.odd .the-content {
padding: 0 !important; 
}
}
@media all and (max-width: 1023px) {
.page-id-30 .content-container .content .content-item.things-to-do {
border-top: 1px solid #ececec;
}
.page-id-30 .content-container .content .content-item .bg-holder:not(:first-of-type) .wrapper {
padding-top: 0 !important;
}
.page-id-30 .content-container .content .content-item .bg-holder:not(:last-of-type) .wrapper {
padding-bottom: 15px !important;
}
.page-id-30 .content-container .content .content-item .the-content {
width: auto !important;
padding: 0 !important;
}
.page-id-30 .content-container .content .content-item .the-content:after {
display: none !important;  
}
}
@media all and (max-width: 767px) {
.page-id-30 .content-container .content .content-item.the-locale .map_div {
float: none;
width: auto;
height: 150px;
margin-left: 0;
}
.page-id-30 .content-container .content .content-item.the-locale .distances {
float: none;
width: auto;
}
.page-id-30 .content-container .content .content-item.the-locale .distances dt,
.page-id-30 .content-container .content .content-item.the-locale .distances dd {
font-size: 15px;
}
.page-id-30 .content-container .content .content-item.things-to-do .group {
margin: 0;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half {
display: none;
width: auto;
padding: 0 !important;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half.half-content {
display: block;    
margin-bottom: 15px;
width: auto;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half.half-content:last-of-type { 
margin-bottom: 0;
}
.page-id-30 .content-container .content .content-item.things-to-do .group .half img {
max-width: none;
width: 100%;
}
}
.page-id-35 .content-container .content .content-item.staff .wrapper,
.page-id-35 .content-container .content .content-item.dining .wrapper,
.page-id-35 .content-container .content .content-item.families .wrapper {
border-bottom: none;
}
.page-id-35 .content-container .content .content-item .the-content {
background: rgba(255, 255, 255, .9);
}
.page-id-35 .content-container .content .content-item .bg-holder {
margin-top: 5px;
}
.page-id-35 .content-container .content .content-item.staff .bg-holder:nth-of-type(2n+1) .the-content,
.page-id-35 .content-container .content .content-item.dining .bg-holder:nth-of-type(2n) .the-content,
.page-id-35 .content-container .content .content-item.families .bg-holder:nth-of-type(2n) .the-content,
.page-id-35 .content-container .content .content-item.spa .bg-holder:nth-of-type(2n+1) .the-content {
padding: 30px 30px 30px 0;
width: 50%;
position: relative;
}
.page-id-35 .content-container .content .content-item.staff .bg-holder:nth-of-type(2n+1) .the-content:after,
.page-id-35 .content-container .content .content-item.dining .bg-holder:nth-of-type(2n) .the-content:after,
.page-id-35 .content-container .content .content-item.families .bg-holder:nth-of-type(2n) .the-content:after,
.page-id-35 .content-container .content .content-item.spa .bg-holder:nth-of-type(2n+1) .the-content:after {
content: '';
display: block;
top: 0;
bottom: 0;
left: 0;
width: 1000%;
background: rgba(255, 255, 255, .9);
position: absolute;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.page-id-35 .content-container .content .content-item.staff .bg-holder:nth-of-type(2n) .the-content,
.page-id-35 .content-container .content .content-item.dining .bg-holder:nth-of-type(2n+1) .the-content,
.page-id-35 .content-container .content .content-item.families .bg-holder:nth-of-type(2n+1) .the-content,
.page-id-35 .content-container .content .content-item.spa .bg-holder:nth-of-type(2n) .the-content {
padding: 30px 0 30px 30px;
width: 50%;
position: relative;
margin-left: auto;
margin-right: 0;
}
.page-id-35 .content-container .content .content-item.staff .bg-holder:nth-of-type(2n) .the-content:after,
.page-id-35 .content-container .content .content-item.dining .bg-holder:nth-of-type(2n+1) .the-content:after,
.page-id-35 .content-container .content .content-item.families .bg-holder:nth-of-type(2n+1) .the-content:after,
.page-id-35 .content-container .content .content-item.spa .bg-holder:nth-of-type(2n) .the-content:after {
content: '';
display: block;
top: 0;
bottom: 0;
right: 0;
width: 1000%;
background: rgba(255, 255, 255, .9);
position: absolute;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.page-id-35 .content-container .content .content-item.staff .first-img{
margin-top:30px;
}
.guest-reviews  .content-container .content .content-item h1.entry-title {
text-align: center;
}
.guest-reviews  .content-container .content .content-item .the-content {
width: 100%;
padding-left: 1px;
margin-left: 0;
margin-right: auto;
background: rgba(255, 255, 255, .9);
position: relative;
}
.page-id-35 .content-container .content .content-item.staff .second-img{
float: right;
margin-left: 15px;
margin-top: 30px;
min-width:540px;
}
.page-id-35 .content-container .content .content-item.staff dl{
overflow:hidden;
}
.page-id-35 .content-container .content .content-item.staff dl,
.page-id-35 .content-container .content .content-item.spa dl {
font-size: 0;
margin-top: 30px;
}
.page-id-35 .content-container .content .content-item.staff dt,
.page-id-35 .content-container .content .content-item.staff dd,
.page-id-35 .content-container .content .content-item.spa dt,
.page-id-35 .content-container .content .content-item.spa dd {
font-size: 16px;
display: block;
margin-top: 20px;
}
.page-id-35 .content-container .content .content-item.staff dt,
.page-id-35 .content-container .content .content-item.staff dt p,
.page-id-35 .content-container .content .content-item.spa dt,
.page-id-35 .content-container .content .content-item.spa dt p {
color: #282828;
font-family: 'Montserrat',sans-serif;
font-size: 20px;
font-weight:500;
margin-bottom: 5px;
margin-top: 0;
line-height: 23px;
text-transform: uppercase;
}
.page-id-35 .content-container .content .content-item.staff dt {
}
.page-id-35 .content-container .content .content-item.staff dd {
}
.page-id-35 .content-container .content .content-item.staff dt p,
.page-id-35 .content-container .content .content-item.spa dt p {
margin-bottom: 0;   
text-align: left;
}
.page-id-35 .content-container .content .content-item.staff dd,
.page-id-35 .content-container .content .content-item.spa dd {
font-size: 16px;
color: #282828;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
margin-bottom: 15px;
line-height: 25px;
text-align: justify;
margin-top: 0
}
.page-id-35 .content-container .content .content-item.staff dd:last-of-type,
.page-id-35 .content-container .content .content-item.spa dd:last-of-type {
margin-bottom: 0;
}
.page-id-35 .content-container .content .content-item.spa .first-img{
float:left;
margin-right:30px;
margin-bottom:30px;
}
.page-id-35 .content-container .content .content-item.spa .second-img{
margin-top:30px;
}
.page-id-35 .content-container .content .content-item.families a {
color: #282828;  
}
.page-id-35 .content-container .content .content-item.families .first-img{
margin-top:30px;
margin-bottom:30px;
}
.page-id-35 .content-container .content .content-item.families .second-img{
float:left;
margin-right:30px;
min-width:540px;
}
.page-id-35 .content-container .content .content-item.dining .wrapper .des{
margin-top:30px;
}
.page-id-35 .content-container .content .content-item.dining .first-img{
float:left;
margin: 0 30px 0 0;
}
.page-id-35 .content-container .content .content-item.dining .second-img{
float:right;
margin: 0 0 0 30px;
}
@media all and (max-width: 1140px) {
.page-id-35 .content-container .content .content-item .the-content {
padding: 15px !important; 
}
}
@media all and (max-width: 1110px) {
.page-id-35 .content-container .content .content-item.dining .first-img,
.page-id-35 .content-container .content .content-item.families .second-img,
.page-id-35 .content-container .content .content-item.spa .first-img
{
display:none;
}
}
@media all and (max-width: 1140px) {
.page-id-35 .content-container .content .content-item.staff .second-img{
display:none;
}
}
@media all and (max-width: 1023px) {
.page-id-35 .content-container .content .content-item .bg-holder:not(:first-of-type) .wrapper {
padding-top: 0 !important;
}
.page-id-35 .content-container .content .content-item .bg-holder:not(:last-of-type) .wrapper {
padding-bottom: 15px !important;
}
.page-id-35 .content-container .content .content-item .the-content {
width: auto !important;
padding: 0 !important;
}
.page-id-35 .content-container .content .content-item .the-content:after {
display: none !important;  
}    
.page-id-35 .content-container .content .content-item.staff dt,
.page-id-35 .content-container .content .content-item.staff dd {
width: auto;
display: block;
}
}
@media all and (max-width: 900px) {
.page-id-35 .content-container .content .content-item.dining .second-img{
width:100%;
float:none;
margin-left:0;
margin-bottom: 30px;
}
}
@media all and (max-width: 767px) {  
.page-id-35 .content-container .content .content-item.spa dt {
font-size: 22px;
}
}
.page-id-46 .content-container .content .content-item .promotions .rates-title {
font-family: 'Montserrat',sans-serif;
font-size: 25px;
margin-bottom: 20px;
display: block;
text-transform: uppercase;
}
.page-id-46 .content-container .content .content-item .rates-link {
margin-top: 20px;
text-decoration: underline;
cursor: pointer;
display: block;
}
.page-id-46 .content-container .content .content-item .discounts .rates-title {
color: #90908f;
font-family: 'Montserrat',sans-serif;
font-size: 25px;
margin-bottom: 20px;
display: block;
text-transform: uppercase;
}
.guest-reviews  .content-container .content .content-item .reviews-container,
.guest-reviews  .content-container .content .content-item .slides {
display: block;
background: transparent;
overflow: hidden;
padding-bottom: 1px; 
}
.guest-reviews  .content-container .content .content-item .reviews-container .review,
.guest-reviews  .content-container .content .content-item .slides li {
opacity: 0;
display: none;
overflow: hidden;
margin-bottom: 20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.guest-reviews  .content-container .content .content-item .slides li {
display: block;
float: left;    
width: calc(33.33333% + 1px);
opacity: 1;
border: 1px solid #90908f;
background: #fff;
padding: 30px 15px 15px;
margin: 0 -1px -1px 0;
}
.guest-reviews  .content-container .content .content-item .slides li:nth-of-type(2n) {
background: #dcf0f4;
}
.guest-reviews  .content-container .content .content-item .reviews-container .review.current,
.guest-reviews  .content-container .content .content-item .slides li.current {
opacity: 1;
padding: 3px;
display: block;
}
.guest-reviews  .content-container .content .content-item .slides li:before {
content: '\2018\2018';
display: block;
float: left;
color: #90908f;
font-size: 140px;
margin: 31px 10px -10px -10px;
line-height: 1px;
font-family: serif;
letter-spacing: -11px;
}
.guest-reviews  .content-container .content .content-item .reviews-container .review:after,
.guest-reviews  .content-container .content .content-item .slides li:after {
display: block;
content: '';
clear: both;
}
.guest-reviews  .content-container .content .content-item .reviews-container .review strong,
.guest-reviews  .content-container .content .content-item .slides li strong {
font-weight: bold;
}
.guest-reviews  .content-container .content .content-item .reviews-container .review .name,
.guest-reviews  .content-container .content .content-item .slides li .rname {
margin-bottom: 0;
font-family: 'Suranna', serif;
font-size: 18px;
color: #282828;
text-transform: uppercase;
}
.guest-reviews  .content-container .content .content-item .reviews-container .review .dates,
.guest-reviews  .content-container .content .content-item .slides li .gr-date {
font-style: italic;
margin-top: 0;
text-align: left;
display: block;
font-family: 'Suranna', serif;
font-size: 18px;
}
.guest-reviews  .content-container .content .content-item .reviews-pagination {
text-align: center;
margin-top: 0;
}
.guest-reviews  .content-container .content .content-item .reviews-pagination a {
text-decoration: none;
padding: 5px 10px;
margin: 2px;
border: 1px solid #282828;
color: #282828;
display: inline-block;
*display: inline;
zoom: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.guest-reviews  .content-container .content .content-item .reviews-pagination a:hover {
background: #282828;
color: #fff;
}
.guest-reviews  .content-container .content .content-item .reviews-pagination a.active {
background: #282828;
border-color: #282828;
color: #fff;
}
.guest-reviews  .content-container .content .content-item .reviews-pagination a.prev,
.guest-reviews  .content-container .content .content-item .reviews-pagination a.next {
}
@media all and (max-width: 767px) {
.guest-reviews  .content-container .content .content-item .reviews-container, 
.guest-reviews  .content-container .content .content-item .slides {
overflow: visible;
}
.guest-reviews  .content-container .content .content-item .slides li {
width: calc(50% + .5px);
}
}
@media all and (max-width: 480px) {
.guest-reviews  .content-container .content .content-item .slides {
border-top: 1px solid #707070;
}
.guest-reviews  .content-container .content .content-item .slides li {
width: 100%;
margin: 0;
border-top: none;
}
}
.page-id-46 .content-container .content .content-item .wrapper {
position: relative;
}
.page-id-46 .content-container .content .content-item .page-id-46-link {
margin-top: 20px;
text-decoration: underline;
cursor: pointer;
display: block;
}
.page-id-46 .content-container .content .content-item .teaser {
margin-bottom: 30px;
max-width: 65%;
}
.page-id-46 .content-container .content .content-item .teaser strong {
color: #282828;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
display: block;
}
.page-id-46 .content-container .content .content-item .discounts,
.page-id-46 .content-container .content .content-item .promotions {
border: 2px solid #90908f;
padding: 20px 30px;
margin-bottom: 25px;
}
.page-id-46 .content-container .content .content-item .promotions {
background: #90908f;
color: #fff;
}
.page-id-46 .content-container .content .content-item .discounts .page-id-46-title,
.page-id-46 .content-container .content .content-item .promotions .page-id-46-title {
color: #90908f;
font-family: 'Montserrat',sans-serif;
font-size: 25px;
margin-bottom: 20px;
display: block;
text-transform: uppercase;
}
.page-id-46 .content-container .content .content-item .promotions .page-id-46-title {
color: #fff;   
}
.page-id-46 .content-container .content .content-item .discounts ul,
.page-id-46 .content-container .content .content-item .promotions ul {
list-style: disc;
margin-left: 20px;
}
.page-id-46 .content-container .content .content-item .discounts ul li,
.page-id-46 .content-container .content .content-item .promotions ul li {
margin-bottom: 5px;
}
.page-id-46 .content-container .content .content-item .discounts ul li.note,
.page-id-46 .content-container .content .content-item .promotions ul li.note {
font-size: 11px;
list-style: none;
font-style: italic;
}
.page-id-46 .content-container .content .content-item .discounts ul li:last-of-type,
.page-id-46 .content-container .content .content-item .promotions ul li:last-of-type {
margin-bottom: 0;
}
.page-id-46 .content-container .content .content-item .tabs {
background: transparent;
}
.page-id-46 .content-container .content .content-item .tabs .tabs {
margin: 0 -1px;
}
.page-id-46 .content-container .content .content-item .tabs p {
display: none;
}
.page-id-46 .content-container .content .content-item .tabs > ul {
font-size: 0;
margin-bottom: 1px;
margin-left: -1px;
margin-right: -1px;
}
.page-id-46 .content-container .content .content-item .tabs .tabs > ul {
margin: 0 2px 1px 0;
background: #d6d6d6;
}
.page-id-46 .content-container .content .content-item .tabs > ul li {
display: inline-block;
*display: inline;
zoom: 1;
}
.page-id-46 .content-container .content .content-item .tabs > ul li a {
text-decoration: none;
padding: 10px 15px;
background: #d6d6d6;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
border-right: 1px solid #f1f9fc;
display: block;
min-width: 140px;
text-align: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-46 .content-container .content .content-item .tabs > ul li.current a {
background: #90908f;
color: #fff;
}
.page-id-46 .content-container .content .content-item .tabs > div {
display: none;
}
.page-id-46 .content-container .content .content-item .tabs > div.current {
display: block;
}
.page-id-46 .content-container .content .content-item .tabs .tabs > div.current {
overflow-x: auto;
}
.page-id-46 .content-container .content .content-item .tabs table {
border-spacing: 1px;
border-collapse: separate;
margin: -1px -1px 0;
table-layout: fixed;
min-width: 100%;
min-width: 800px;
}
.page-id-46 .content-container .content .content-item .tabs table th {
text-align: center;
background: #90908f;
color: #fff;
padding: 9px 5px;
width: 20%;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
text-transform: uppercase;
vertical-align: middle;
}
.page-id-46 .content-container .content .content-item .tabs table th:first-of-type {
text-align: left;
padding: 9px 10px;
}
.page-id-46 .content-container .content .content-item .tabs table th:last-of-type {
width: 15%;
}
.page-id-46 .content-container .content .content-item .tabs table td {
text-align: center;
background: #d6d6d6;
color: #282828;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 5px 10px;
vertical-align: middle;
}
.page-id-46 .content-container .content .content-item .tabs table td:first-of-type {
text-align: left;
}
.page-id-46 .content-container .content .content-item .tabs table td.vrsubject {
text-align: right;
background: #90908f !important;
color: #fff;
padding: 6px 10px;
font-size: 15px;
}
.page-id-46 .content-container .content .content-item .tabs table tr:nth-of-type(2n) td {
background: #fff;
}
.page-id-46 .content-container .content .content-item .tabs table td img {
margin: 0 auto;   
}
.page-id-46 .content-container .content .content-item .tabs table td .inclusions i {
color: #fff;
padding: 7px 8px;
background: #90908f;
cursor: help;
-webkit-border-radius: 99px;
-moz-border-radius: 99px;
-ms-border-radius: 99px;
-o-border-radius: 99px;
border-radius: 99px;   
}
.page-id-46 .content-container .content .content-item .tabs table td img {
margin: 0 auto;
cursor: pointer;
}
@media all and (max-width: 1023px) {
.touchevents .page-id-46 .content-container .content .content-item .tabs .tabs>div.current {
overflow: visible;
padding-bottom: 15px;
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table {
min-width: 0;
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table th {
display: none;
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table td {
display: none;
text-align: right;
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table td:first-of-type {
text-align: center;
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table td:first-of-type,
.touchevents .page-id-46 .content-container .content .content-item .tabs table tr.active td {
display: block;
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table tr.active td:first-of-type {
border-bottom: 1px solid;
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table td:after {
content: '';
display: block;
clear: both;
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table td:first-of-type:after {
content: '\0203A';
display: block;
float: right;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table td:before {
content: attr(data-text);
display: block;
float: left;
font-weight: bold;
font-size: 13px;
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table td:first-of-type:before {
content: '';
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table td.vrsubject {
height: 64px;   
}
.touchevents .page-id-46 .content-container .content .content-item .tabs table td.vrsubject:after {
display: none;
}
}
@media all and (max-width: 767px) {
.page-id-46 .content-container .content .content-item .tabs > ul li {
display: block;   
margin-bottom: 1px;
}
.page-id-46 .content-container .content .content-item .tabs .tabs > ul li {
width: 50%;
margin-bottom: 0;
display: inline-block;
*display: inline;
zoom: 1; 
}
.page-id-46 .content-container .content .content-item .tabs > ul li a {
min-width: 0;   
border-right: none;
}
}
.page-id-47 .content-container .content .content-item .teaser,
.page-id-50 .content-container .content .content-item .teaser {
max-width: 610px;
}
.page-id-47 .content-container .content .content-item a, 
.page-id-50 .content-container .content .content-item a {
color: #282828;
}
.page-id-47 .content-container .content .content-item form,
.page-id-50 .content-container .content .content-item form {
color: #282828;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.page-id-50 .content-container .content .content-item form {
margin-top: 20px;   
}
.page-id-47 .content-container .content .content-item form h2,
.page-id-50 .content-container .content .content-item form h2 {
color: #282828;
font-family: 'Suranna', serif;
font-size: 40px;
margin-bottom: 25px;
margin-top: 25px;
line-height: 28px;
}
.page-id-47 .content-container .content .content-item form p,
.page-id-50 .content-container .content .content-item form p {
min-height: 28px;
padding-bottom: 15px;
margin-top: 15px;
margin-bottom: 0;
font-size: 16px;
color: #282828;
font-family: 'Montserrat', sans-serif;
line-height: 25px;
text-align: justify;
}
.page-id-47 .content-container .content .content-item form hr,
.page-id-50 .content-container .content .content-item form hr {
border: 1px solid #ddd;
border-bottom: 0;
margin: 15px 0;
}
.page-id-47 .content-container .content .content-item form .form-row,
.page-id-50 .content-container .content .content-item form .form-row {
display: block;
margin-bottom: 10px;
line-height: 28px;
font-size: 0;
}
.page-id-47 .content-container .content .content-item form .form-row .form-col,
.page-id-50 .content-container .content .content-item form .form-row .form-col {
font-size: 0;
vertical-align: middle;
display: inline-block;
*display: inline;
zoom: 1; 
}
.page-id-47 .content-container .content .content-item form .form-row .form-col:first-of-type,
.page-id-50 .content-container .content .content-item form .form-row .form-col:first-of-type {
width: 147px;   
}
.page-id-47 .content-container .content .content-item form .form-row .form-col:first-of-type label,
.page-id-50 .content-container .content .content-item form .form-row .form-col:first-of-type label {
vertical-align: middle;
}
.page-id-47 .content-container .content .content-item form .form-row label,
.page-id-50 .content-container .content .content-item form .form-row label {
font-size: 16px;
color: #282828;
font-family: 'Montserrat', sans-serif;
line-height: 25px;
text-align: justify;
}
.page-id-47 .content-container .content .content-item form .form-row span.required,
.page-id-50 .content-container .content .content-item form .form-row span.required {
color: #ff0000;
font-size: 16px;
font-weight: bold;
margin: 0 10px 0 3px;
position: absolute;
top: 0;
right: -2px;
}
.page-id-47 .content-container .content .content-item form .form-row .input,
.page-id-47 .content-container .content .content-item form .form-row .select,
.page-id-47 .content-container .content .content-item form .form-row .checkbox,
.page-id-50 .content-container .content .content-item form .form-row .input,
.page-id-50 .content-container .content .content-item form .form-row .select,
.page-id-50 .content-container .content .content-item form .form-row .checkbox {
font-size: 16px;
line-height: 28px;
position: relative;
display: inline-block;
*display: inline;
zoom: 1; 
}
.page-id-47 .content-container .content .content-item form .form-row .textarea,
.page-id-50 .content-container .content .content-item form .form-row .textarea {
font-size: 15px;
line-height: 28px;
display: block;
}
.page-id-47 .content-container .content .content-item form .form-row > .checkbox,
.page-id-50 .content-container .content .content-item form .form-row > .checkbox {
line-height: 37px;
display: block;
}
.page-id-47 .content-container .content .content-item form .form-row .input label,
.page-id-47 .content-container .content .content-item form .form-row .select label,
.page-id-50 .content-container .content .content-item form .form-row .input label,
.page-id-50 .content-container .content .content-item form .form-row .select label {
margin-right: 5px;
}
.page-id-47 .content-container .content .content-item form .form-row .input input,
.page-id-50 .content-container .content .content-item form .form-row .input input {
padding: 10px;
background: #fff;
border: 1px solid #ddd;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
width: 250px;
margin-right: 16px;
outline: none;
}
.page-id-47 .content-container .content .content-item form .form-row .input input.prefix + input,
.page-id-50 .content-container .content .content-item form .form-row .input input.prefix + input {
width: 196px;
}
.page-id-50 .content-container .content .content-item form .form-row .form-col:first-of-type .input input {
width: 100%;
}
.page-id-47 .content-container .content .content-item form .form-row .input input.prefix,
.page-id-50 .content-container .content .content-item form .form-row .input input.prefix {
width: 55px!important;
text-align: center;
margin-right: -1px;
background: #f0f0f0;
padding-left: 0;
padding-right: 0;
}
.page-id-50 .content-container .content .content-item form .form-row .input input.prefix {
margin-right: -4px;
}
.page-id-50 .content-container .content .content-item form .form-row .input input#general_phone {
width: 196px;
}
.page-id-50 .content-container .content .content-item form .form-row .image {    
background: #fff;
line-height: 40px;
text-align: center;
width: 250px;
border: 1px solid #ddd;
}
.page-id-50 .content-container .content .content-item form .form-row .image img {
vertical-align: middle;
background: #fff;
width: auto;
max-width: 100%;
display: inline-block;
*display: inline;
zoom: 1;
}
.page-id-47 .content-container .content .content-item form .form-row .select select,
.page-id-50 .content-container .content .content-item form .form-row .select select {
padding: 9px 10px;
background: #fff;
border: 1px solid #ddd;
margin-right: 15px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
width: 250px;
outline: none;
}
.page-id-47 .content-container .content .content-item form .form-row .select select#numAdult,
.page-id-47 .content-container .content .content-item form .form-row .select select#numChildren,
.page-id-47 .content-container .content .content-item form .form-row .select select#numInfant {
width: 65px;
}
.page-id-47 .content-container .content .content-item form .form-row .textarea textarea,
.page-id-50 .content-container .content .content-item form .form-row .textarea textarea {
padding: 10px;
background: #fff;
border: 1px solid #ddd;
width: 100%;
max-width: 820px;
resize: vertical;
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
outline: none;
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox label,
.page-id-50 .content-container .content .content-item form .form-row .checkbox label {
display: inline-block;
*display: inline;
zoom: 1; 
vertical-align: middle;
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox input,  
.page-id-50 .content-container .content .content-item form .form-row .checkbox input {    
display:block;
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox label:empty,
.page-id-50 .content-container .content .content-item form .form-row .checkbox label:empty {
width: 20px;
height: 20px;
cursor: pointer;
position: relative;
display: inline-block;
*display: inline;
zoom: 1; 
vertical-align: middle;
margin-left: 5px;
background: #fff;
border: 1px solid #ddd;
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox label.left:empty,
.page-id-50 .content-container .content .content-item form .form-row .checkbox label.left:empty {
float: left;
margin: 10px 5px 0 0;
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox label:empty:after,
.page-id-50 .content-container .content .content-item form .form-row .checkbox label:empty:after {
content: '';
width: 9px;
height: 5px;
position: absolute;
top: 3px;
left: 3px;
border: 3px solid #282828;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox label:empty:hover::after,
.page-id-50 .content-container .content .content-item form .form-row .checkbox label:empty:hover::after {
opacity: 0.3;
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox input[type=checkbox],
.page-id-50 .content-container .content .content-item form .form-row .checkbox input[type=checkbox]:empty {
width: 20px;
height: 20px;
cursor: pointer;
position: relative;
display: inline-block;
zoom: 1;
vertical-align: middle;
margin-left: 5px;
background: #fff;
border: 1px solid #ddd;
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox input[type=checkbox]:checked ~ label:empty:after,
.page-id-50 .content-container .content .content-item form .form-row .checkbox input[type=checkbox]:checked ~ label:empty:after {
opacity: 1;
}
.page-id-47 .content-container .content .content-item form .form-row input[type=submit],
.page-id-50 .content-container .content .content-item form .form-row input[type=submit] {
cursor: pointer;
text-transform: uppercase;
text-decoration: none;
font-size: 30px;
font-weight: 300;
font-family: 'Montserrat',sans-serif;
border: 1px solid #282828;
color: #282828;
background: #fff;
padding: 11px 20px;
margin: 5px 10px 5px 0;
text-align: center;
min-width: 118px;
display: inline-block;
*display: inline;
zoom: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;      
}
.page-id-50 .content-container .content .content-item form .form-row input[type=submit] {
padding: 11px 16px;
}
.page-id-47 .content-container .content .content-item form .form-row input[type=submit]:hover,
.page-id-50 .content-container .content .content-item form .form-row input[type=submit]:hover {
background: #282828;
color: #fff;
}
.page-id-47 .content-container .content .content-item form .form-row .error-message,
.page-id-50 .content-container .content .content-item form .form-row .error-message {
position: absolute;
z-index: 10;
background: rgba(255, 0, 0, .7);
color: #fff;
white-space: nowrap;
font-size: 10px;
text-transform: uppercase;
line-height: 1;
font-weight: 400;    
padding: 3px 5px;
left: 0;
margin-top: -1px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;      
}
.page-id-47 .content-container .content .content-item form .form-row .input .error-message:before,
.page-id-50 .content-container .content .content-item form .form-row .input .error-message:before {
content: '';
display: block;
position: absolute;
border-bottom: 5px solid rgba(255, 0, 0, .7);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: -5px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.page-id-47 .content-container .content .content-item form .form-row *:not([readonly]):valid ~ .error-message,
.page-id-50 .content-container .content .content-item form .form-row *:not([readonly]):valid ~  .error-message {
opacity: 0;
}
@media all and (max-width: 900px) {
.page-id-47 .content-container .content .content-item form .form-row .form-col .checkbox,
.page-id-50 .content-container .content .content-item form .form-row .form-col .checkbox {
display: block;
}
.page-id-47 .content-container .content .content-item form .form-row .form-col:nth-of-type(3),
.page-id-50 .content-container .content .content-item form .form-row .form-col:nth-of-type(3) {
margin-top: 10px;
}
.page-id-47 .content-container .content .content-item form .form-row .form-col:nth-of-type(3) .input label,
.page-id-50 .content-container .content .content-item form .form-row .form-col:nth-of-type(3) .input label {
width: 147px;
margin-right: 0;
display: inline-block;
*display: inline;
zoom: 1;
}
}
@media all and (max-width: 767px) {
.page-id-47 .content-container .content .content-item form .form-row .form-col {
display: block;
width: auto !important;
}
.page-id-47 .content-container .content .content-item form .form-row .input,
.page-id-47 .content-container .content .content-item form .form-row .select {
width: 50%;
}
.page-id-47 .content-container .content .content-item form .form-row .form-col:nth-of-type(3) .input label,
.page-id-50 .content-container .content .content-item form .form-row .form-col:nth-of-type(3) .input label {
display: block;   
width: auto;
}
.page-id-47 .content-container .content .content-item form .form-row .select label,
.page-id-50 .content-container .content .content-item form .form-row .select label {
width: 50%;
display: inline-block;
*display: inline;
zoom: 1;
}
.page-id-47 .content-container .content .content-item form .form-row .input input,
.page-id-47 .content-container .content .content-item form .form-row .select select {
width: 100%;
}
.page-id-47 .content-container .content .content-item form .form-row .input + .input input,
.page-id-50 .content-container .content .content-item form .form-row .input + .input input {
border-left: none;
}
.page-id-47 .content-container .content .content-item form .form-row .input input.prefix {
width: 20%;   
}
.page-id-47 .content-container .content .content-item form .form-row .input input.prefix + input,
.page-id-50 .content-container .content .content-item form .form-row .input input.prefix + input {
width: 80%;   
margin-right: 0;
}
.page-id-47 .content-container .content .content-item form .form-row span.required {
top: 0;
right: 0;
}
}
@media all and (max-width: 600px) {
.page-id-50 .content-container .content .content-item form .form-row .form-col {
display: block;
width: auto !important;
}    
.page-id-50 .content-container .content .content-item form .form-row .input,
.page-id-50 .content-container .content .content-item form .form-row .select {
width: 50%;
}
.page-id-50 .content-container .content .content-item form .form-row .input input,
.page-id-50 .content-container .content .content-item form .form-row .select select {
width: 100%;
}
.page-id-50 .content-container .content .content-item form .form-row .input input.prefix {
width: 20%;   
}
.page-id-47 .content-container .content .content-item form .form-row .input,
.page-id-47 .content-container .content .content-item form .form-row .select,
.page-id-50 .content-container .content .content-item form .form-row .input,
.page-id-50 .content-container .content .content-item form .form-row .select {
width: 100%;
}
.page-id-47 .content-container .content .content-item form .form-row .input + .input input,
.page-id-50 .content-container .content .content-item form .form-row .input + .input input {
border-left: 1px solid #ddd;
margin-top: 5px;
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox label,
.page-id-50 .content-container .content .content-item form .form-row .checkbox label {
display: inline
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox label:empty,
.page-id-50 .content-container .content .content-item form .form-row .checkbox label:empty {
display: inline;
padding: 0 9px;
}
.page-id-47 .content-container .content .content-item form .form-row .checkbox label.left:empty,
.page-id-50 .content-container .content .content-item form .form-row .checkbox label.left:empty {
float: right;
margin: 10px 0 0 0;
}
.page-id-50 .content-container .content .content-item form .form-row .image {
width: auto;
margin-top: 5px;
float: none;
}
.page-id-50 .content-container .content .content-item form .form-row span.required {
top: 0;
right: 0;
}
} .ui-datepicker {
padding: 0;
border-radius: 0;
background: #fff;
z-index: 102 !important;
margin-left: 0;
margin-top: -1px;
}
.ui-datepicker .ui-datepicker-header {
padding: 5px;
border-radius: 0;
background: none;
border: none;
border-bottom: 1px solid #ddd;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover, 
.ui-datepicker .ui-datepicker-next-hover {
border: none;
border-radius: 0;
padding: 7px 5px 5px;
right: 2px;
top: 5px;
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
border-color: #ddd;
padding: 2px 5px;
}
.ui-datepicker select.ui-datepicker-year {
border-left: none;
}
.ui-datepicker table {
margin-bottom: 0;
}
.ui-datepicker td {
padding: 1px;
}
.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 {
padding: 8px 5px;
}
@media all and (max-width: 600px) {
.ui-datepicker {        
position: fixed !important;
top: 46px !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1002 !important;
width: auto;
}
.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 {
padding: 11.3px 5px;
}
}
.page-id-54 .content-container .content .content-item ul {
list-style: disc;
margin-left: 20px;
}
.page-id-54 .content-container .content .content-item ul li {
margin-bottom: 10px;
}
.page-id-54 .content-container .content .content-item ul ul {
margin-top: 2px;
}
.page-id-54 .content-container .content .content-item ul li li {
margin-bottom: 2px;
}
.page-id-54 .content-container .content .content-item ul li a {
color: #282828;
}
.page-id-52 .content-container .content .content-item a,
.page-id-52 .content-container .content .content-item a h2,
.page-id-52 .content-container .content .content-item a h3 {
text-decoration: none;
color: #282828;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.page-id-52 .content-container .content .content-item a:hover,
.page-id-52 .content-container .content .content-item a:hover h2,
.page-id-52 .content-container .content .content-item a:hover h3 {
color: #282828;
}
.page-id-52 .content-container .content .content-item h2 {
color: #282828;
font-family: 'Suranna', serif;
font-size: 25px;
margin-bottom: 15px;
margin-top: 25px;
line-height: 28px;
}
.page-id-52 .content-container .content .content-item h2 a {
color: #282828;
}
.page-id-52 .content-container .content .content-item h3 {
color: #282828;
font-family: 'Suranna', serif;
font-size: 22px;
margin-bottom: 15px;
margin-top: 25px;
line-height: 28px;
} .content-guarantee {
right: 0;
margin-top: -7px;
text-align: right;
float: right;
margin-left: 50px;
}
.page-id-46 .content-guarantee {
right: 15px;
margin-top: 10px;
position: absolute;
}
.page-id-46 .content-guarantee .best-rates {
width: 110px;
height: 80px;
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/images/guarantees.png) no-repeat;
background-position: -129px 0;
display: inline-block;
zoom: 1;
vertical-align: middle;
margin-left: 25px;
}
.page-id-47 .content-guarantee .best-rates {
width: 110px;
height: 80px;
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/images/guarantees.png) no-repeat;
background-position: -129px 0;
display: inline-block;
zoom: 1;
vertical-align: middle;
margin-left: 25px;
}
.page-id-50 .content-guarantee .best-rates {
width: 110px;
height: 80px;
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/images/guarantees.png) no-repeat;
background-position: -129px 0;
display: inline-block;
zoom: 1;
vertical-align: middle;
margin-left: 25px;
} .content-guarantee .best-rates a {
display: block; 
width: 110px; 
height: 80px; 
position: relative; 
border-bottom: none !important; 
}
.content-guarantee .best-rates a:hover {
background: none;
}
.page-id-47 .content-guarantee .pata-logo {
width: 95px;
height: 80px;
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/images/guarantees.png) no-repeat;
background-position: 0 -4px;
display: inline-block;
zoom: 1;
vertical-align: middle;
}
.page-id-50 .content-guarantee .pata-logo {
width: 95px;
height: 80px;
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/images/guarantees.png) no-repeat;
background-position: 0 -4px;
display: inline-block;
zoom: 1;
vertical-align: middle;
}
.page-id-46 .content-guarantee .pata-logo {
width: 95px;
height: 80px;
background: url(//www.l2resi.villamanagementthailand.com/wp-content/themes/Sunkissed/images/guarantees.png) no-repeat;
background-position: 0 -4px;
display: inline-block;
zoom: 1;
vertical-align: middle;
} @media all and (max-width: 1140px) {
.page-id-46 .content-guarantee {
right: 30px;
}
}
@media all and (max-width: 800px) {
.page-id-46 .content-guarantee {
float: none;
text-align: center;
margin: 0 0 20px;
position: relative;
right: 0;
}
}
@media all and (max-width: 767px) {
.content-guarantee {
float: none;
text-align: center;
margin: 0 0 20px;
}
} .tooltip {
outline: none;
cursor: help; 
text-decoration: none;
position: relative;
}
.tooltip span {
opacity: 0;
visibility: hidden;
position: absolute;
font-size: 14px;
line-height: 22px;
text-align: center;
width: 250px;
left: 50%; 
top: 100px; 
z-index: 9;
color: #fff;
padding: 0.8em 1em;
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.tooltip span:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #333;
border-bottom-color: rgba( 0, 0, 0, .6 );
content: '';
position: absolute;
left: 50%;
top: -10px;
margin-left: -10px;
}
.tooltip:hover span { 
opacity: 1;
visibility: visible;
}
@media all and (max-width: 1180px) {
.tooltip span {
left: auto;
right: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.popover {
font-size: 14px !important;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
line-height: 1.5;
color: #fff;
position: absolute;
z-index: 100;
list-style: none;
padding: 15px;
text-align: center;
width: 100%;
max-width: 300px;
opacity: 0;
visibility: hidden;
background: #333;
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(-105%) translateX(-50%);
-ms-transform: translateY(-105%) translateX(-50%);
-o-transform: translateY(-105%) translateX(-50%);
transform: translateY(-105%) translateX(-50%);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;  
}
.popover:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
border-top-color: rgba( 0, 0, 0, .7 );
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
.popover.bottom:after {
border-bottom: 10px solid #333;
border-top: none;
bottom: auto;
top: -10px;
border-bottom-color: rgba( 0, 0, 0, .6 );
}
.popover.hover {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(-100%) translateX(-50%);
-ms-transform: translateY(-100%) translateX(-50%);
-o-transform: translateY(-100%) translateX(-50%);
transform: translateY(-100%) translateX(-50%);
}
.popover li {   
padding-left: 15px;
text-align: left;
}
.popover li:before {   
content: '\2022';
display: inline-block;
*display: inline;
zoom: 1;
margin-left: -16px;
margin-right: 5px;
}
@media all and (max-width: 1180px) {
.popover,    
.popover.hover{
left: 10% !important;
right: 10% !important;
max-width: none;
width: auto;
-webkit-transform: translateY(-100%) translateX(0);
-ms-transform: translateY(-100%) translateX(0);
-o-transform: translateY(-100%) translateX(0);
transform: translateY(-100%) translateX(0);
}
.popover:after {
display: none;
} 
} #dialog {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; 
}
.modal-box {
display: none;
position: fixed;
z-index: 1001;
width: 98%;
max-width: 800px;
background: white;
border-bottom: 1px solid #aaa;
border: 1px solid rgba(0, 0, 0, 0.1);
background-clip: padding-box;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.modal-box header,
.modal-box .modal-header {
padding: 20px;
}
.modal-box .modal-body { 
padding: 20px;
max-height: 600px;
overflow-y: auto; 
border-top: 1px solid #ddd;
font-size: 14px;
}
.modal-box .modal-body h1 {
font-weight: bold;
font-size: 20px;
margin-bottom: 25px;
}
.modal-box .modal-body h2 {
font-weight: bold;
font-size: 18px;
margin-bottom: 25px;
margin-top: 25px;
}
.modal-box .modal-body h3 {
font-weight: bold;
font-size: 16px;
margin-bottom: 25px;
margin-top: 25px;
}
.modal-box .modal-body h4 {
font-weight: bold;
font-size: 14px;
margin-bottom: 25px;
margin-top: 25px;
}
.modal-box .modal-body p,
.modal-box .modal-body div {
margin-bottom: 15px;
line-height: 24px;
}
.modal-box .modal-body ul,
.modal-box .modal-body ol {
list-style: disc;
margin-left: 15px;
margin-bottom: 15px;
}
.modal-box .modal-body li,
.modal-box .modal-body li {    
padding-left: 30px;
margin-bottom: 10px;
text-indent: -27px;
}
.modal-box .modal-body ul li,
.modal-box .modal-body ol li {    
padding-left: 17px;
text-indent: 0;
}
.modal-box .modal-body br {
display: none;
}
.modal-box .modal-body strong,
.modal-box .modal-body b {
font-weight: bold;
}
.modal-box .modal-body em,
.modal-box .modal-body i {
font-style: italic;
}
.modal-overlay {
opacity: 0;
filter: alpha(opacity=0);
position: fixed;
top: 0;
left: 0;
z-index: 1001;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3) !important;
}
.modal-box a.close {
line-height: 1;
font-size: 1.5em;
position: absolute;    
top: 8px;
right: 13px;
text-decoration: none;
color: #bbb;
}
.modal-box a.close:hover {
color: #222;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
transition: color 1s ease;
}
@media all and (max-width: 767px) {
.modal-box .modal-body { 
max-height: 270px;
}
}
@keyframes footer_sticky {
from {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
to {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px);        
}
}
@-webkit-keyframes footer_sticky {
from {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
to {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px);        
}
} @media (min-width: 1200px){
.page-id-86 .container {
width: 100%; 
}}
@media (min-width: 992px){
.page-id-86 .container {
width: 100%; 
}}
@media (min-width: 768px){
.page-id-86 .container {
width: 100%; 
}}
div.logo a.custom-logo-link img{width:250px!important;}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a";
}
div.wpcf7-mail-sent-ok {
font-size: 15px;
}
.page-id-86 .container {
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
}
span.wpcf7-not-valid-tip{font-size:15px!important;}
#__lpform_general_name_icon{display:none;}
div.wpcf7-validation-errors{
font-size: 15px!important;
}
span.wpcf7-list-item {margin:0!important; } .the-content h2 {    margin-bottom: 40px;    color: #282828;    text-transform: uppercase;    line-height: 1;    font-family: 'Suranna', serif;    font-weight: 300;    font-size: 50px;}
.page-id-30 .content-container .content .content-item.things-to-do .group .half.half-content.even { margin-top: 7%; float: right;    padding: 25px 0px 25px 25px;}
.page-id-38 .content-container .content .content-item.dining .wrapper .des{    margin-top: 30px;    float: left;    width: 100%;}.page-id-38 .content-container .content .content-item.dining .even {    margin: 0 0 0 30px;    float: right;}
.page-id-46 .content-container .content .promotions tr.promotr h3, .page-id-46 .content-container .content .promotions tr.promotr p {    color: #fff;}
.page-id-18 .content-container .content .content-item .group .living_are .half.half-content.even {float:right; padding: 25px 0 25px 25px;    margin-top: 7%;}
.page-id-18 .content-container .content .content-item .group .living_are .half.even .first-img {    float: left;    margin-left: -72.7%;}
.page-id-18 .content-container .content .content-item .group .half.even_one .second-img {    margin-right: -71.7%;    margin-left: 0;    float: right;}.page-id-18 .content-container .content .content-item .group .half.half-content.even_one {    float: left;    padding: 25px 25px 25px 0px;    margin-top: 7%;}