/* /* http://www.ananditabeachhouse.com
   v1.0 | 20170814
   License: Elite Havens
*/
@font-face { font-family:"BaiJamjuree"; src: url("/resources/Akkulla/BaiJamjuree-Regular.ttf") format("truetype")}

/* HELPER */
.top-arrow {
    display: none !important;
}

.video-js{
    width: 100%;
    height: 100%;
}

em {
    font-style: italic;
}

/* WRAPPER */
.wrapper {
    max-width: 1440px;
}

.header-container .wrapper {
    max-width: 1108px;
    width: 100%;
}

@media all and (max-width: 1500px) and (min-width: 1024px) {
    .wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media all and (max-width: 1023px) {
    .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* HEADER */
.header-container{
    height: 0
}
.header-container .header {
    padding: 1px 0 20px;
}
.header-container .header.wrapped {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: transparent;
}
.header-container.sticky .header {
	padding: 0px;
    border-bottom: unset
}
.header-container.sticky .header.wrapped{
    background: rgba(0, 0, 0, 0.8)
}
.header-container .header .toggler {
    top: 6px;
}
/* .header-container .header .toggler span,
.header-container .header .toggler span:before,
.header-container .header .toggler span:after {
    border-top: 3px solid var(--text-color);
} */

.header-container .header .logo {
    text-align: center;
    width: 23%;
    position: relative
}
.header-container .header .logo a {
    position: static;
    /* margin-left: 0;
    margin-top: 9px;
    top: 0;
    left: 51%;
    padding: 15px 0 0;
    
    -webkit-transform: translateX(-51%);
    -ms-transform: translateX(-51%);
    -o-transform: translateX(-51%);
    transform: translateX(-51%); */
}
.header-container .header .promo-badge-block .promo-badge-header .img1 {
    position: absolute;
    width: 100%;
    top: -66px;
    right: 0;
    max-width: 150px
}
.header-container .header .promo-badge-block .promo-badge-header .img2 {
    display: none
}
.header-container.sticky .header .promo-badge-block .promo-badge-header .img2 {
    display: block;
    float: right;
}
.header-container.sticky .header .promo-badge-block .promo-badge-header .img1 {
    display: none
}
.header-container.sticky .header .logo a {
    padding: 0;
    margin-top: 26px;
}
.header-container .header .logo a img {
    max-width: 90%;
    max-height: auto;
    /* margin: 25px 0 9px 0; */
    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.header-container .header .wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: transparent;
    /* background: rgba(121, 26, 21, 0.8); */
    padding: 9px;
        margin-top: 10px;
    padding-bottom: 20px
}
.header-container.sticky .header .logo a img {
    max-width: 130px;
}
.header-container.sticky .header .wrapper{
    /* background: rgba(0, 0, 0, 0.8) */
}
.header-container .header .nav {
    margin: 0px 0px;
        width: 40%;
    text-align: left;
}
.header-container.sticky .header .nav {
    border-bottom-color: transparent;   
    margin: 0;
}
.header-container .header .nav ul {
    text-align: center;
    margin: 53px 0px 0px 0px;
}
.header-container.sticky .header .nav ul{
    margin: 0
}
.header-container .header .nav ul li {
    padding: 0px 2px;
}
.header-container .header .nav ul li:first-of-type {
    margin-left: 0;
}
.header-container .header .nav ul li a {
    color: #fff;
	font-family: 'BaiJamjuree',serif;
	font-weight:300;
    font-size: 16px;
    padding: 5px 10px;
    margin-bottom: -1px;
}
h1,h2,h3,h4,h5{
    	font-family: 'BaiJamjuree',serif;

}
.header-container .header .nav ul li:hover a {
    color: #fff;
    border-bottom-color: #fff;
}
.header-container .header .nav ul li.active a {
    color: #fff;
    border-bottom-color: #fff;
}
.header-container .header .nav ul li .subnav {
    background: #000;
    color: #222;
    margin-top: 20px;
}
.header-container .header .nav ul li .subnav li {
    padding: 0px;
}
.header-container .header .nav ul li .subnav li a {
    background: transparent;
    color: #fff;
}
.header-container .header .nav ul li .subnav li:hover a {
    background: #fff;
    color: #222;
    padding: 10px 8px !important;
}
.header-container .header .nav > ul > li:last-of-type a {
    /* border: 1px solid #fff; */
    /* color: #000!important; */
    /* background: #fff; */
}
.header-container .header .nav > ul > li:last-of-type a:hover {
    /* background: #fff;
    color: #222; */
}
body.Anandita .hero-container .slideshow .media{
    max-height: calc(107vh - 150px) !important;
}
.header-container .header .nav>ul>li:last-of-type a{
    background: transparent!important;
    color:#fff!important;
    /* border: none!important */
}
@media all and (max-width: 1140px) {
    .header-container .header,
    .header-container .header.wrapped {
        padding: 0px 0 20px;
    }
    .header-container.sticky .header {
        padding: 0px 0 20px;
    }
    .header-container .header .logo a {
        position: relative;
        margin: 0px;
        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: 0px;
    }
    .header-container .header .logo a img {
        max-height: 50px;
        /* margin: 20px 0 9px 0; */
    }    
    .header-container.sticky .header .logo a img {
        max-height: 35px; 
    }
    .header-container .header .nav {
        border-bottom-color: transparent;
        margin: 0 !important;
    }
    .header-container .header .nav > ul > li {
        margin-left: 5px;
    }
    .header-container .header .nav > ul > li:nth-of-type(4) {
        margin-right: 0;   
    }
}
@media all and (max-width: 1023px) {  
    .header-container .header .nav ul li a {
        font-size: 15px;
    }
    .header-container .header, 
    .header-container .header.wrapped {
        padding: 5px 0 20px;
    }
    .header-container .header .logo a,    
    .header-container.sticky .header .logo a {
        margin-top: 0px;
        
        -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 {
        max-height: 40px;
    }
    .header-container .header .nav,
    .header-container.sticky .header .nav {
        margin: 8px 0 0;
    }
}
@media all and (max-width: 991.98px) and (min-width: 768px) {
    .header-container .header .nav ul li a {
        padding: 5px 5px;
    }
}
@media all and (max-width: 1440px) and (min-width: 768px) {
    .header-container .sticky-wrapper,
    .header-container.sticky .sticky-wrapper {
        height: 122px !important;
    }
    .header-container .sticky-wrapper .lang_wrapper {
        padding-top: 0px;
        padding-left: 5px;
    }
}
@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 .nav ul {
        margin: 0;
    }
    .header-container .header .logo a,
    .header-container.sticky .header .logo a {
        margin: 5px 0 5px 10px;
    }
	
	.header-container .header .logo a img,
    .header-container.sticky .header .logo a img {
        margin: 0px;
    }
    .header-container .header .nav ul li .subnav {
        background: #222;
    }
    .header-container .header .nav ul li:last-of-type a {
        border: none;
    }
    .header-container .header .nav ul li:last-of-type a {
        padding: 10px 15px;
    }
    .header-container .header .nav ul li .subnav li:hover a {
        padding-left: 30px !important;
    }
    .header-container .header .toggler {
        top: 15px;
    }
    .header-container .header .nav > ul > li:last-of-type a {
        border: none;
        color: #fff;
    }
    .header-container .header .nav > ul > li:last-of-type a:hover {
        background: none;
        color: #444;
    }

    .header-container .header .promo-badge-block .promo-badge-header .img1{
        display: none;
    }
    .header-container .header .promo-badge-block .promo-badge-header .img2{
        display: block;
        float: left!important;
        width: 75%;
    }
    .header-container .header .logo{
        width: 140px
    }
    .header-container .header .logo.promo-badge-block{
        width: 52%
    }


}
@media (max-width: 479px) {
    .header-container .header .logo {
        text-align: center !important;
    }
}

/* LANGUAGE */
#lang_sel_list ul li {
    display: inline-block;
}
.lang_wrapper {
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 5px;
    display: none
}
@media all and (max-width: 767px) {
    .lang_wrapper {
        max-width: 1024px;
        margin: 0 auto;
        padding-top: 5px;
        position: fixed;
        padding: 0px 15px;
    }
}

/* FOOTER */
.footer-container .footer {
    font-family: 'BaiJamjuree', serif;
    font-weight: 400;
    font-size: 14px;
    color: #444;
}

.footer-container.sticky .footer {
    background: #000;
    border-top: 1px solid #000;
}

.footer-container .footer .wrapper {
    max-width: 1140px;
}

.footer-container .footer .column {
    padding: 30px 0;
}

.footer-container .footer .column h3 {
    color: #fff;
    font-family: 'BaiJamjuree', serif;
    font-weight: 400;
    font-size: 25px;
}

.footer-container .footer .column a {
    color: #444;
    text-decoration: none;
}

.footer-container .footer .column .phone-numbers {
    margin-bottom: 15px;
}
.footer-container .footer .column address {
    max-width: 320px;
    margin-bottom: 13px;
}
.footer-container .footer .address {
    margin-bottom: 14px;
    margin-top: 66px;
    line-height: 20px;
    max-width: 260px;
    margin-right: 0;
    margin-left: auto;
}

.footer-container .footer .column .socials {
    margin-bottom: 22px;
    font-size: 0;
}


.footer-container .footer .column .socials a {
    font-size: 15px;
    /* background: #fff; */
    border: 1px solid #fff;
    color: #fff;

    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    -ms-border-radius: 29px;
    -o-border-radius: 29px;
    border-radius: 29px;
}

.footer-container .footer .column .socials a:hover {
    background: #fff;
    color: #222;
}

.footer-container .footer .bottom {
    font-family: 'BaiJamjuree', serif;
    font-weight: 400;
    font-size: 14px;
}

.footer-container .footer .bottom .marketed a {
    color: #fff;
}
.footer-container .footer .bottom .marketed {
    margin: 20px auto 15px;
}

@media all and (min-width: 1024px){
    .footer-container .footer .bottom {
        top: 64px !important;
    }
}

/* @media (max-width: 1140px) and (min-width: 1024px) {
    .footer-container .footer .bottom {
        top: 120px !important;
    }
} */

@media all and (max-width: 1023px) {
    .footer-container .footer {
        font-size: 14px;
    }
}
@media all and (max-width: 1023px) and (min-width: 768px) {
    .footer-container .footer .bottom {
        top: 321px;
    }
}
@media all and (max-width: 767px) {
    .footer-container.sticky .footer .bottom {
        top: 0px !important;
    }
    .footer-container .footer .column,
    .footer-container .footer .column:first-of-type {
        padding: 30px 0;
    }

    .footer-container .footer .address {
        margin-right: auto;
    }

    .footer-container .footer .contact-us{
        display: none;
    }
    .footer-container .footer .column:first-of-type{
        padding-top:30px;
        padding-bottom: 0;
    }
    /* .footer-container.sticky .footer{
        position: relative;
    } */
}

/* Mini Form */

.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-column.select:after {
    border-top-color: #222;
}

.miniform button {
    background: #222 !important;
}

/* HERO CONTAINER */
.hero-container .slideshow .caption big {
    font-family: 'BaiJamjuree', serif;
    font-size: 60px;
    color: #fff;
}

.hero-container .slideshow .caption small {
    font-family: 'BaiJamjuree', serif;
    font-size: 40px;
    font-weight: 400;
    color: #fff;
}

.hero-container .slideshow #slide-1 .caption {
    bottom: 30px;
    left: 15%;
}

.hero-container .slideshow #slide-2 .caption {
    top: 30px;
    right: 15%;
}
/* CSS FOR VIDEO */
@media all and (max-width: 767px) {
    .hero-container .media .video {
        background-image: url(/resources/anandita/images/homevideo.jpg);
    }
}


/* .hero-container .media {
    max-height: calc(80vh - 150px);
    min-height: 760px;
} */

/* @media all and (max-width:1440px){
    .hero-container .media{
        min-height: calc(80vh - 150px);
    }
} */

/* @media all and (max-width: 1023px) {
    .hero-container .media .video {
        position: relative;
        top: auto;
        
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
} */

/* BUTTONS CONTAINER */
.buttons-container {
    background: #222;
    margin-bottom: 2px;
}

.buttons-container:after {
    content: '';
    left: 0;
    right: 0;
    display: none;
    border-bottom: 1px solid #222;
    margin-top: -64px;
    margin-bottom: 66px;
}

.buttons-container .button {
    padding: 5px 0;
}

.buttons-container .button .wrapper {
    max-width: 1440px;
}

.buttons-container .button a {
    color: #222;
    font-family: 'BaiJamjuree', serif;
    font-size: 23px;
    border: 1px solid #222;
    font-weight: 400;
    background: #fff;
    padding: 8px 20px 6px;
    min-width: 190px;
}

.buttons-container .button a:hover {
    background: #222;
    color: #fff;
    border-color: #fff;
}

.buttons-container .prevnext .wrapper {
    max-width: 1140px;
}

.buttons-container .prevnext a {
    color: #fff;
    background: transparent;
    right: 0;
    top: -38px;
    font-size: 17px;
    font-weight: 400;
    font-family: 'BaiJamjuree', serif;
}

.buttons-container .prevnext a:hover {
    color: #fff;
}

.buttons-container .prevnext a i {
    background: #fff;
    color: #222;
    font-size: 0;
    border: 1px solid #fff;
}

.buttons-container .prevnext a:hover i {
    background-color: #222 !important;
    border-color: #fff !important;
}


.buttons-container .prevnext a.prev i {
    margin-right: 5px;   
    background: url("images/prev-arrow.png") no-repeat center center;
    background-color: #fff;
}
.buttons-container .prevnext a.next i {
    margin-left: 5px;   
    background: url("images/next-arrow.png") no-repeat center center;
    background-color: #fff;
}
.buttons-container .prevnext a.prev:hover i {
    margin-right: 5px;   
    background: #fff url("images/prev-arrow-hover.png") no-repeat center center;
}
.buttons-container .prevnext a.next:hover i {
    margin-left: 5px;   
    background: #fff url("images/next-arrow-hover.png") no-repeat center center;
}

@media all and (max-width: 1200px) and (min-width: 768px) {
    .buttons-container .prevnext .wrapper {
        max-width: 1024px;
    }
}

@media all and (max-width: 767px) {
    .buttons-container:after {
        margin-top: -86px;
        margin-bottom: 86px;
    }

    .buttons-container .button a {
        min-width: 160px !important;
    }
}

.map-container {
    margin-bottom: 2px;
}

.reviews-container {
    /*margin-bottom: 15px;*/
    font-family: 'BaiJamjuree', serif;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.reviews-container:before {
    background: rgba(255, 255, 255, .8);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.reviews-container .reviews {
    padding: 1px 0;
}

.reviews-container .reviews .wrapper {
    max-width: 1024px;
}

.reviews-container .reviews img {
    display: block;
    width: 100%;
}

.reviews-container .reviews h2 {
    color: #222 !important;
    font-family: 'BaiJamjuree', serif;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-weight: 400;
    text-align: center !important;
    font-size: 50px !important;
    line-height: 24px !important;
}

.reviews-container .reviews .home-reviews {
    background: transparent;
    padding: 40px 0;
    text-align: center;
    width: auto;
    margin: 50px 0;
    position: relative;
}

.reviews-container .reviews .home-reviews:before,
.reviews-container .reviews .home-reviews:after {
    background: rgba(255, 255, 255, .9);
    content: '';
    display: none;
    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: #333333;
    font-size: 16px;
    text-transform: uppercase;
}

.reviews-container .reviews .home-reviews ul {
    color: #333333;
    font-size: 16px;
    margin-left: 0 !important;
}

.reviews-container .reviews .home-reviews ul li {
    display: block;
}

.reviews-container .reviews .home-reviews ul li .right {
    text-align: center !important;
    line-height: 25px;
}

.reviews-container .reviews .home-reviews ul li .right .gr-date {
    color: #333333;
    margin-bottom: 20px;
    font-family: 'BaiJamjuree', serif;
    font-size: 16px;
}

.reviews-container .reviews .home-reviews ul li .right .rname {
    color: #333333;
    margin-top: 20px;
    display: block;
    font-family: 'BaiJamjuree', 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: #fff !important;
        border-bottom: 1px solid #222;
    }

    .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: 30px 0;
    }

    .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;
    }
}

.content-container .content .content-item {
    font-family: 'BaiJamjuree', serif;
    /*color: #222;*/
    font-size: 16px;
    line-height: 25px;
}

.content-container .content .content-item.odd {
    margin-top: 5px;
}

.content-container .content .content-item.odd,
.content-container .content .content-seo {
    background: transparent;
}

.content-container.scroll .content .content-item:first-of-type {
    background: #fff;
    padding: 0;
    overflow: hidden;
}

.content-container .content .content-item .wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1440px;
}

.content-container .content-seo .content-item .wrapper {
    padding-bottom: 50px;
}

.content-container .content .content-item h1.entry-title,
.content-container .content .content-item h2.entry-title {
    /* color: #222; */
    font-family: 'BaiJamjuree', sans-serif;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1;
    text-transform: uppercase;
    text-align: left;
}

.content-container.scroll .content .content-item h1.entry-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 70px;
    text-align: center;
    z-index: 1;
    position: relative !important;
}

.content-container.scroll .content .content-item h1.entry-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #222;
    left: -100%;
    right: -100%;
}

.content-container .content .content-item h1.entry-title strong {
    font-size: 45px;
    color: #222;
    display: block;
}

.content-container .content .content-item h2.entry-title {
    font-size: 25px;
    margin-bottom: 20px;
    /* color: #666; */
    text-transform: uppercase;
    line-height: 1;
    text-align: left;
}

.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: #666666;
    font-family: 'BaiJamjuree', sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.content-container .content .content-item h3:first-child {
    margin-top: 0;
}
/* @media all and (max-width: 1023px) and (min-width: 768px) {
    .content-container .content .content-item .wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }
} */
.content-container .content .content-item.the-locale .wrapper,.content-container .content .content-item.things-to-do .wrapper{
    max-width: 1108px;
}
.villa-tabs{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}
.villa-tabs li{
    border-left: 1px solid #272727;
    text-align: center;
    width: 240px;
}
.villa-tabs li:first-child{
    border-left: none
}
.villa-tabs a{
    text-decoration: none;
    color:#272727;
    font-size: 19px;
    padding: 2px 20px;
    display: block;
        transition: all 0.3s;

}
.villa-tabs a.active,.villa-tabs a:hover{
    font-weight: bold;
    transition: all 0.6s;
}
@media all and (max-width: 1023px) {
    .content-container .content-seo .content-item .wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }

 

    .content-container .content .content-item h2.entry-title {
        font-size: 30px;
    }

    .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;
    }
    .content-container .content .content-item .wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .content-container .content .content-item h1.entry-title, .content-container .content .content-item h2.entry-title {
        margin-bottom: 20px;
    }
   
}

@media all and (max-width: 767px) {
    .content-container .content .content-item h3, .content-container .content .content-item h3 p{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .content-container.scroll .content .content-item:first-of-type {
        padding: 0;
    }

    .content-container.scroll .content .content-item:first-of-type:before {
        display: none;
    }

    .content-container.scroll .content .content-item h1.entry-title {
        font-size: 30px !important;
        text-align: center !important;
        background: #fff;
        line-height: 1;
    }

    .content-container .content .content-item h2.entry-title {
        margin-bottom: 15px;
    }
  
    
    
}

.content-container .content .content-item p {
    font-size: 16px;
    color: #444444;
    font-family: 'BaiJamjuree', sans-serif;
    font-weight: 400;
}

.content-container .content .content-item p:empty {
    display: none;
}

.content-container .content .content-item p:last-of-type {
    margin-bottom: 0;
}

.content-container .content .content-item p a {
    color: #444444;
}

.content-container .content .content-item img {
    max-width: 100%;
    display: block;
}

.content-container .content .content-item img {
    max-width: none;
    width: 100%;
}

/* MENU SPY */
.content-container .content .content-item .spy {
    background: transparent;
    text-align: center;
    position: relative;
}

.content-container.scroll .content .content-item .spy:after {
    content: '';
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #222;
    left: -100%;
    right: -100%;
}

.content-container .content .content-item .sticky .spy {
    background: #fff;
    border-bottom: none;
}

.content-container .content .content-item .spy ul {
    background: #fff;
    max-width: 1440px;
    margin: 0 auto;
    text-align: center;
}

.content-container .content .content-item .spy ul li a {
    color: #666666;
    font-family: 'BaiJamjuree', sans-serif;
    font-size: 30px;
    font-weight: 400;
    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: none;
    color: #222;
}

.content-container .content .content-item .spy ul li.active a {
    background: none;
    color: #222;
}

@media all and (max-width: 767px) {

    .content-container .content .content-item .spy ul li a,
    .content-container .content .content-item .sticky .spy ul li a {
        font-family: 'BaiJamjuree', serif;
    }
    .content-container .content .content-item .spy ul li a, .content-container .content .content-item .sticky .spy ul li a {
        font-size: 15px;
    }
}

.content-container .content .content-item .img.fullwidth {
    position: relative;
    min-height: 600px;
    background-size: cover;
    background-position: bottom center;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.content-container .content .content-item .group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: space-between;
    flex-wrap: wrap;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    align-items: center;
}

.content-container .content .content-item .group:after {
    display: none;
}

.content-container .content .content-item .group .half {
    /* -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    float: none; */
}

.content-container .content .content-item .group .half.half-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 48%;
}

.content-container .content .content-item .group .half.half-content {
    padding-right: 40px;
}

.content-container .content .content-item .group .half.half-img + .half.half-content {
    padding-left: 40px;
    padding-right: 0;
}

.content-container .content .content-item .group .half.half-img img {
    width: 100%;
}

@media all and (max-width: 1300px) {

    .content-container .content .content-item .group {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: center;
    }

    /* .content-container .content .content-item .group .half.half-content {
        padding-right: 30px;
    } */

    /* .content-container .content .content-item .group .half.half-img + .half.half-content {
        padding-left: 30px;
        padding-right: 0;
    } */

    /* .content-container .content .content-item .group .half.half-img {
        max-width: 40%;
    } */



    .content-container .content .content-item .img.fullwidth {
        min-height: 300px;
    }

    .content-container .content .content-item .group .half.half-content {
        padding-right: 0;
    }

    .content-container .content .content-item .group .half.half-img + .half.half-content {
        padding-left: 0;
        padding-right: 0;
    }

    .content-container .content .content-item .group .half.half-img {
        /* display: none; */
    }
}

@media all and (max-width: 767px) {
    .content-container .content .content-item .img.fullwidth {
        min-height: unset!important;
    }
    .content-container .content .content-item .group .half,.content-container .content .content-item .group .half.half-img{
        width: 100%;
        max-width: none
    }
}
.text-center{
    text-align: center !important;
    margin: 20px 0;
}
/* #home */
.home em {
    padding-right: 4px;
}
.home .content-container .content .content-item {
    position: relative;
}
.home .content-container .content .content-item .wrapper {
    max-width: 1374px;
    padding-bottom: 0px!important
}

.home .content-container .content .content-item h1.entry-title {
    text-align: left;
    /* color: #222; */
    font-family: 'BaiJamjuree', sans-serif;
    font-size: 35px;
    margin-top: 2vw;
    margin-bottom: 1vw
}

.home .content-container .content .content-item h1.entry-title strong {
    font-family: 'BaiJamjuree', serif;
    /* padding-top: 20px; */
}

.home .content-container .content .content-item h2.entry-title {
    text-transform: none;
    text-align: center;
        font-size: calc(30px + (40 - 30) * (100vw - 320px) / (1920 - 320));
}

.home .content-container .content .content-item .content-inner .the-content {
    max-width: 1110px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    padding: 40px 100px;
    text-align: center;
}

.home .content-container .content .content-item .content-inner:last-of-type .the-content {
    padding-bottom: 0;
}

.home .content-container .content .content-item .content-inner .the-content p {
    text-align: left;
}

.home .content-container .content .content-item .content-inner .the-content a {
    color: #fff;
    font-family: 'BaiJamjuree', sans-serif;
    font-size: 25px;
    border: 1px solid #222;
    font-weight: 400;
    background: #222;
    padding: 8px 20px 6px;
    min-width: 190px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-top: 30px;

    -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 .content-inner .the-content a:hover {
    background: #fff;
    color: #222;
    border-color: #222;
}

.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: 10px;
    margin-top: 0;
    margin-bottom: 50px;
    font-family: 'BaiJamjuree', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-transform: none;
    color: #282828;
    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:before {
    content: '';
    clear: both;
    background: url("/resources/anandita/images/icons-sprite.png") no-repeat;
    height: 64px;
    width: 64px;
    display: block;
    margin: 0 auto 15px;
}

.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: -106px 0;
}

.home .content-container .content .content-item .poi li#poi-3:before {
    background-position: -212px 0;
}

.home .content-container .content .content-item .poi li#poi-4:before {
    background-position: -318px 0;
}

.home .content-container .content .content-item .poi li#poi-5:before {
    background-position: -424px 0;
}

.home .content-container .content .content-item:first-of-type p:first-of-type {
    /* font-family: 'BaiJamjuree', serif;
    font-size: 20px;
    text-align: left;
    margin: 0 auto 40px; */
}

.home .content-container .content .content-item:first-of-type .wrapper {
    padding-bottom: 0;
}
/* 
.home .content-container .content .content-item:first-of-type .img {
    float: right;
    width: 34.3%;
    margin: 0 0 0 60px;
} */

/* .home .content-container .content .content-item:first-of-type .img:first-of-type {
    float: left;
    margin: 0 60px 0 0;
} */
.home .content-container .content .content-item .group .half {
    width: 49%;
    float: none;
    position: relative;
    height: calc(200px + (500 - 200) * (100vw - 320px) / (1920 - 320));
    overflow: hidden;
}
.home .content-container .content .content-item.ver0 .group .half{
    height: auto;
    overflow: visible;
}
.home .content-container .content .content-item .group.grid4 .half .img{
    /* filter: blur(1px);
    -webkit-filter: blur(1px);
        transition: all 0.3s */
    transform: scale(1.9)
}
.home .content-container .content .content-item .group .half:hover .img{
    filter: blur(0px);
    -webkit-filter: blur(0px);
    transition: all 0.3s
}
.home .content-container .content .content-item .group .half{
    margin: 20px 0
}

.subpage .inner-img{
    background:#000
}
.subpage .inner-img picture{
    opacity: 0.8
}
.home .content-container .content .content-item:first-of-type .the-content {
    overflow: hidden;
}
.home .content-container .content .content-item .group .half .txt{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 50px 84px 50px 30px;
    transition: all 0.4s;
    display: flex;
    justify-content: end;
    flex-direction: column
}
/* .home .content-container .content .content-item .group .half .txt:hover{
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.4s
} */
.home .content-container .content .content-item .group .half .txt h3{
    font-size: calc(20px + (40 - 20) * (100vw - 320px) / (1920 - 320));
    line-height: 45px;
    color: #fff;
}
.home .content-container .content .content-item .group .half .txt p{
    color: #fff;
    font-size: 19px;
    text-align: left;
}
.home .content-container .content .content-item .group .half .txt a{
    font-size: 22px;
    text-decoration: none;
    color: #fff
}
@media all and (max-width: 1750px) {

    /* .home .content-container .content .content-item h1.entry-title {
        margin-top: 3vw;
    } */

    .home .content-container .content .content-item .poi li {
        min-width: 160px;
        width: 10%;
        margin-right: 0;
    }
}

@media all and (max-width: 1550px) {

    .home .content-container .content .content-item h1.entry-title {
        margin-top: 0;
    }

    .home .content-container .content .content-item:first-of-type p:first-of-type {
        max-width: none;
    }

    /* .home .content-container .content .content-item:first-of-type .img {
        width: 25%;
        margin: 0 0 0 30px;
    } */

    /* .home .content-container .content .content-item:first-of-type .img:first-of-type {
        margin: 0 30px 0 0;
    } */
}

@media all and (max-width: 1300px) {
    .home .content-container .content .content-item h2.entry-title {
        font-size: 20px;
    }

    .home .content-container .content .content-item:first-of-type .img {
        /* display: none; */
    }

    .home .content-container .content .content-item .content-inner .the-content {
        margin-top: 0;
        padding: 30px 0;
    }
    .home .content-container .content .content-item .group .half {
        /* width: auto; */
    }
    .home .content-container .content .content-item .group .half:last-of-type {
        padding-left: 0px;
    }
    
    .home .content-container .content .content-item .group .half:first-of-type {
        padding-right: 0px;
    }
    .home .content-container .content .content-item .group.grid4 .half .img{
        /* filter: blur(1px);
        -webkit-filter: blur(1px);
            transition: all 0.3s */
        transform: scale(2.2)
    }
}

@media all and (max-width: 767px) {

    .home .content-container .content .content-item h1.entry-title {
        font-size: 37px;
        line-height: 40px;
    }

    .home .content-container .content .content-item .content-inner .the-content a {
        font-size: 20px;
        min-width: 160px;
        margin-top: 20px;
    }
    .home deb.content-container .content .content-item .group {
        display: block;
    }
    .home .content-container .content .content-item:first-of-type p:first-of-type{
        margin: 20px auto;
    }
    .home .content-container .content .content-item .content-inner .the-content p {
        text-align: justify;
    }
    
      .home .content-container .content .content-item .group.grid4 .half .img{
        /* filter: blur(1px);
        -webkit-filter: blur(1px);
            transition: all 0.3s */
        transform: scale(1.5)
    }
    .home .content-container .content .content-item .group .half .txt p{
        font-size: 16px
    }
}

.home .content-container .content .content-item .content-inner .the-content a.readmore,.home .content-container .content .content-item .group .half .txt a{
    padding: 0!important;
    text-transform: capitalize!important;
    background: transparent!important;
    border: none!important;
    font-size: 18px;
    position: relative;
    color: #444444!important;
}
.home .content-container .content .content-item .content-inner .the-content a.readmore:after,.home .content-container .content .content-item .group .half .txt a:after{
    content: " ";
    height: 1px;
    width: 200px;
    background: #444444;
    position: absolute;
    top: -5px;
    left: 0;
    transition: all 0.5s;
}
.home .content-container .content .content-item .group .half .txt a{
    color:#fff!important
}
.home .content-container .content .content-item .group .half .txt a:after{
    background: #fff;
}
.home .content-container .content .content-item .content-inner .the-content a.readmore:hover:after,.home .content-container .content .content-item .group .half .txt a:hover:after{
    top: 106%;
    transition: all 0.5s;
}
.home .content-container .content .content-item .img.fullwidth{
    min-height: calc(200px + (500 - 200) * (100vw - 320px) / (1920 - 320));
}
.home .content-container .content .content-item.ver1 .content-inner{
    position: relative;
    margin: 20px 0
}
.home .content-container .content .content-item.ver1 .wrapper{
    padding: 0
}
.home .content-container .content .content-item.ver1 .content-inner .the-content{
    position: absolute;
    z-index: 1;
    background: #fff;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: calc(400px + (600 - 400) * (100vw - 320px) / (1920 - 320));;
    color: #fff;
    text-align: left;
    padding: calc(30px + (90 - 30) * (100vw - 320px) / (1920 - 320));
    transition: all 0.5s
}
.home .content-container .content .content-item.ver1 .content-inner .the-content:hover{
    /* background: rgba(0, 0, 0, 0.7);
    transition: all 0.5s */
}
.home .content-container .content .content-item.ver1 .content-inner:nth-child(2n) .the-content{
    right: unset;
    left: 0
}
.home .content-container .content .content-item.ver1 h2.entry-title{
    text-align: left;
    font-size: calc(30px + (40 - 30) * (100vw - 320px) / (1920 - 320));
    max-width: 100%;
    text-align: center;
    margin: 30px 0;
    margin-top: 45px
}
.home .content-container .content .content-item.ver1 p{
    text-align: left!important;
}
.home .content-container .content .content-item.ver1 .btn{
    background: transparent;
    color: #000;
    border-color: transparent;
}
.header-container .header .wrapper{
    justify-content: space-between;
}
@media all and (max-width: 667px) {
    .home .content-container .content .content-item.ver1 .content-inner .the-content{
        max-width: 100%;
        position: relative
    }
    .villa-tabs li{
        border-left: none
    }
    .home .content-container .content .content-item .group{
            flex-wrap: wrap;
            align-items: center;
    }
    .home .content-container .content .content-item .group .half:nth-child(2){
        margin-right: 0;
        margin-bottom: 20px
    }
    .home .content-container .content .content-item .group .half:first-of-type{
        margin-bottom: 20px
    }
    .home .content-container .content .content-item .group .half {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .header-container.sticky .header, .header-container.sticky .header.wrapped {
        margin-top: 0;
        padding: 0!important;
    }
    .header-container .header, .header-container .header.wrapped{
        padding: 0!important;
        border-bottom: none!important
    }
    .header-container .header .wrapper{
        margin-top: 0;
        padding-bottom: 9px
    }
    .header-container .header .nav{
        background: #222!important
    }
    .header-container .header .nav ul li a{
        /* color: #222!important */
    }
    .header-container .header.wrapped .wrapper .nav.open{
        -webkit-transform: translateY(70%) scaleY(1);
        -ms-transform: translateY(70%) scaleY(1);
        -o-transform: translateY(70%) scaleY(1);
        transform: translateY(70%) scaleY(1);
    }
    .header-container .header .nav ul li .subnav li a{
        color: #fff!important
    }
    .home .content-container .content .content-item .group .half .txt h3{
    }
    .home .content-container .content .content-item .group .half .txt{
        padding: 20px 15px;
    }
}
@media (max-width: 560px) {
    .home .content-container .content .content-item .group .half {
        width: 100%;
        margin-left: 0!important
    }
    .home .content-container .content .content-item .group .half .txt h3,.home .content-container .content .content-item.ver1 h2.entry-title{
        max-width: none
    }
}



.inner-img{
    background: #000;
}
.inner-img picture{
    opacity: 0.7
}

.hero-container .hero-parallax-container .hero-parallax{
    transform: unset!important
}

.general-enquiries .content-container .content .content-item.odd >.wrapper .the-content .teaser{
    display: none
}




#about ul.desc{
    list-style: disc;
    margin-top: 20px;
    margin-left: 30px;
}


.about .content-container .content .content-item h2.entry-title span {
    color: #444;
}
.about .content-container .content .content-item .group,
.about .content-container .content .content-item .jarallax {
    margin-bottom: 40px;
}

.about .content-container .content .content-item .group:last-of-type,
.about .content-container .content .content-item .jarallax:last-of-type {
    margin-bottom: 0;
}
@media all and (max-width: 767px) {
    .about .content-container .content .content-item .group, 
    .about .content-container .content .content-item .jarallax {
        margin-bottom: 20px;
    }
}


.explore .content-container .content .content-item:not(.odd):after {
    content: '';
    border-bottom: 1px solid #666;
    display: block;
    max-width: 1024px;
    margin: 0 auto;
}

.explore .content-container .content .content-item:last-child:after {
    display: none;
}

.explore .content-container .content .content-item .group,
.explore .content-container .content .content-item .jarallax {
    margin-bottom: 40px;
}

.explore .content-container .content .content-item .group:last-of-type,
.explore .content-container .content .content-item .jarallax:last-of-type {
    margin-bottom: 0;
}

.explore .content-container .content .content-item .group:last-of-type {
    margin-bottom: 0;
}

.explore .content-container .content .content-item.villa-layout .floorplan {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    max-width: 1024px;
}

.explore .content-container .content .content-item.villa-layout .floorplan img {
    margin: 0 auto;
    border: 1px solid #90908f;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.explore .content-container .content .content-item.villa-layout .floorplan a {
    color: #272727;
}

.explore .content-container .content .content-item.bedrooms .group .half:not(.half-img) + .half:not(.half-img) {
    margin-left: 40px;
}


@media all and (max-width: 1023px) {
    .explore .content-container .content .content-item.villa-layout .floorplan {
        padding-top: 20px;
    }
    .explore .content-container .content .content-item .group, .explore .content-container .content .content-item .jarallax {
        margin-bottom: 20px;
    }
}
@media all and (max-width: 767px) {
  
    .explore .content-container .content .content-item.bedrooms .group .half:not(.half-img) + .half:not(.half-img) {
        margin-left: 20px;
    }
}

.quick-facts .content-container .content .content-item .wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.quick-facts .content-container .content .content-item h1.entry-title {
    text-align: center;
}

.quick-facts .content-container .content .content-item .group {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.quick-facts .content-container .content .content-item .half:first-of-type {
    padding-right: 20px;
}

.quick-facts .content-container .content .content-item .half:last-of-type {
    padding-left: 20px;
}

.quick-facts .content-container .content .content-item .item {
    color: #222;
    font-family: 'BaiJamjuree', serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 30px;
    position: relative;
    padding-left: 70px;
}

.quick-facts .content-container .content .content-item .item p {
    text-align: left;
}

.quick-facts .content-container .content .content-item .item:last-of-type {
    margin-bottom: 0;
}

.quick-facts .content-container .content .content-item .item strong {
    font-size: 25px;
    font-family: 'BaiJamjuree', serif;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block;
    color: #222;
}

.quick-facts .content-container .content .content-item .item:before {
    content: '';
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/quick-facts.png) no-repeat;
    height: 51px;
    width: 51px;
}

.quick-facts .content-container .content .content-item .item#location:before, 
.quick-facts .content-container .content .content-item .item#地理位置:before,
.quick-facts .content-container .content .content-item .item#lokasi:before {
    background-position: 0 0;
}

.quick-facts .content-container .content .content-item .item#capacity:before, 
.quick-facts .content-container .content .content-item .item#可容人数:before,
.quick-facts .content-container .content .content-item .item#kapasitas:before {
    background-position: 0 -70px;
}

.quick-facts .content-container .content .content-item .item#living-areas:before,
.quick-facts .content-container .content .content-item .item#起居区:before,
.quick-facts .content-container .content .content-item .item#ruang-tinggal:before {
    background-position: 0 -131px;
}

.quick-facts .content-container .content .content-item .item#gym-yoga:before {
    background-position: 0 -1405px;
}

.quick-facts .content-container .content .content-item .item#spa:before {
    background-position: 0 -811px;
}

.quick-facts .content-container .content .content-item .item#pool:before,
.quick-facts .content-container .content .content-item .item#泳池:before,
.quick-facts .content-container .content .content-item .item#kolam:before {
    background-position: 0 -201px;
}

.quick-facts .content-container .content .content-item .item#staff:before,
.quick-facts .content-container .content .content-item .item#员工:before,
.quick-facts .content-container .content .content-item .item#staf:before {
    background-position: 0 -270px;
}

.quick-facts .content-container .content .content-item .item#dining:before,
.quick-facts .content-container .content .content-item .item#用膳:before,
.quick-facts .content-container .content .content-item .item#makanan:before {
    background-position: 0 -335px;
}

.quick-facts .content-container .content .content-item .item#communication:before,
.quick-facts .content-container .content .content-item .item#通讯:before,
.quick-facts .content-container .content .content-item .item#komunikasi:before {
    background-position: 0 -401px;
}

.quick-facts .content-container .content .content-item .item#entertainment:before,
.quick-facts .content-container .content .content-item .item#娱乐:before,
.quick-facts .content-container .content .content-item .item#hiburan:before {
    background-position: 0 -470px;
}

.quick-facts .content-container .content .content-item .item#sports:before {
    background-position: 0 -542px;
}

.quick-facts .content-container .content .content-item .item#for-families:before,
.quick-facts .content-container .content .content-item .item#家庭:before,
.quick-facts .content-container .content .content-item .item#untuk-keluarga:before {
    background-position: 0 -609px;
}

.quick-facts .content-container .content .content-item .item#transportation:before,
.quick-facts .content-container .content .content-item .item#交通:before,
.quick-facts .content-container .content .content-item .item#transportasi:before {
    background-position: 0 -942px;
}

.quick-facts .content-container .content .content-item .item#weddings-and-events:before,
.quick-facts .content-container .content .content-item .item#婚礼和其他活动:before,
.quick-facts .content-container .content .content-item .item#acara-perkawinan-dan-lain-lain:before {
    background-position: 0 -673px;
}

.quick-facts .content-container .content .content-item .item#property-area:before,
.quick-facts .content-container .content .content-item .item#所属地面积:before,
.quick-facts .content-container .content .content-item .item#luas-properti:before {
    background-position: 0 -1080px;
}

.quick-facts .content-container .content .content-item .item#additional-facilities:before,
.quick-facts .content-container .content .content-item .item#额外设施:before,
.quick-facts .content-container .content .content-item .item#tambahan-fasilitas:before {
    background-position: 0 -1011px;
}

.quick-facts .content-container .content .content-item .item#marketed-by:before {
    background-position: 0 -741px;
}

.quick-facts .content-container .content .content-item .item[id*=architecture]:before,
.quick-facts .content-container .content .content-item .item[id*=建筑]:before,
.quick-facts .content-container .content .content-item .item[id*=arsitektur]:before {
    background-position: 0 -742px;
}

/* @media all and (max-width: 1750px) {
    .quick-facts .content-container .content .content-item .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
} */

/* @media all and (max-width: 1053px) {
    .quick-facts .content-container .content .content-item .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
} */

@media all and (max-width: 1023px) {
    .quick-facts .content-container .content .content-item .item {
        font-size: 14px;
    }

    .quick-facts .content-container .content .content-item .item strong {
        font-size: 22px;
    }
}

@media all and (max-width: 767px) {
    .quick-facts .content-container .content .content-item .group {
        display: block;
    }
    .quick-facts .content-container .content .content-item .half {
        float: none;
        width: 100%;
    }

    .quick-facts .content-container .content .content-item .half:first-of-type,
    .quick-facts .content-container .content .content-item .half:last-of-type {
        padding: 0;
    }

    .quick-facts .content-container .content .content-item .item:last-of-type {
        margin-bottom: 25px;
    }

    .quick-facts .content-container .content .content-item .half:last-of-type .item:last-of-type {
        margin-bottom: 0;
    }
}

.about-elite-havens .content-container .content .content-item .wrapper,
.concierge .content-container .content .content-item .wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.about-elite-havens .content-container .content .content-item h1.entry-title,
.concierge .content-container .content .content-item h1.entry-title {
    text-align: center;
}

/* @media all and (max-width: 1750px) {

    .about-elite-havens .content-container .content .content-item .wrapper,
    .concierge .content-container .content .content-item .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
} */

/* @media all and (max-width: 1023px) {

    .about-elite-havens .content-container .content .content-item .wrapper,
    .concierge .content-container .content .content-item .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
} */

/* PRESS */

.press .content-container .content .content-item .wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.press .content-container .content .content-item h1.entry-title {
    text-align: center;
}

.press .content-container .content .content-item .press-container .press-item img {
    margin-right: 30px;
    margin-bottom: 10px;
}

.press .content-container .content .content-item .press-container .press-item a {
    color: #222;
    font-size: 16px;
}

.press .content-container .content .content-item .press-container .press-item > a {
    float: left;
}

.press .content-container .content .content-item .press-container .press-item span {
    overflow: hidden;
    font-family: 'BaiJamjuree', sans-serif;
    color: #444;
    display: block;
}

.press .content-container .content .content-item .press-pagination a {
    border: 1px solid #222;
    color: #222;
}

.press .content-container .content .content-item .press-pagination a:hover {
    background: #222;
    color: #fff;
}

.press .content-container .content .content-item .press-pagination a.active {
    background: #222;
    border-color: #222;
    color: #fff;
}

@media all and (max-width: 1750px) {
    .press .content-container .content .content-item .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 1053px) {
    .press .content-container .content .content-item .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}


body.video .content-container .content .content-item .wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

body.video .content-container .content .content-item h1.entry-title {
    text-align: center;
}

.video .content-container .content .content-item .video {
    background: url(screenshot.png) no-repeat center center;
    background-size: cover;
}

.video .content-container .content .content-item .video iframe {
    height: 575px;
}

.video .content-container .content .content-item .video video {
    position: relative;
    z-index: 3;
    opacity: 0;
}

.video .content-container .content .content-item .video video.active {
    opacity: 1;
}

@media all and (max-width: 1750px) {
    body.video .content-container .content .content-item .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 1053px) {
    body.video .content-container .content .content-item .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media all and (max-width: 767px) {
    .video .content-container .content .content-item .video iframe {
        height: 400px;
    }
}

@media all and (max-width: 600px) {
    .video .content-container .content .content-item .video iframe {
        height: 300px;
    }
}


.floorplan .content-container .content .content-item .wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.floorplan .content-container .content .content-item h1.entry-title {
    text-align: center;
}

/* .floorplan .content-container .content .content-item .floorplan {
    margin: 30px auto 0;
} */

.floorplan .content-container .content .content-item .floorplan img {
    border: 1px solid #90908f;
}

.floorplan .content-container .content .content-item .floorplan a {
    color: #272727;
}

@media all and (max-width: 1750px) {
    .floorplan .content-container .content .content-item .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 1053px) {
    .floorplan .content-container .content .content-item .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media all and (max-width: 1023px) {
    .floorplan .content-container .content .content-item .floorplan {

    }
}

/* GALLERY */

.gallery .content-container .content .content-item .wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.gallery .content-container .content .content-item h1.entry-title {
    text-align: center;
}

/* .gallery .content-container .content .content-item .gallery-container li {
    width: 25.00101%;
} */

.gallery .content-container .content .content-item .gallery-pagination a {
    border: 1px solid #222;
    color: #222;
}

.gallery .content-container .content .content-item .gallery-pagination a:hover {
    background: #222;
    color: #fff;
}

.gallery .content-container .content .content-item .gallery-pagination a.active {
    background: #222;
    border-color: #222;
    color: #fff;
}

@media all and (max-width: 1750px) {
    .gallery .content-container .content .content-item .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 1053px) {
    .gallery .content-container .content .content-item .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.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;
}

.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%;
    display: none;
}

.popup-container .owl-carousel.owl-loaded .active li {
    display: block;
}

.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;
    }
}

.weddings .content-container .content .content-item .group {
    align-items: start;
}
.weddings .content-container .content .content-item .group,
.weddings .content-container .content .content-item .jarallax {
    margin-bottom: 40px;
}

.weddings .content-container .content .content-item .group:last-of-type,
.weddings .content-container .content .content-item .jarallax:last-of-type {
    margin-bottom: 0;
}

.weddings .content-container .content .content-item .group:last-of-type {
    margin-bottom: 0;
}

.weddings .content-container .content .content-item .guidelines ul {
    text-align: center;
    border: 1px solid #666;
    background: #fff;
    color: #222;
    padding: 20px;
    line-height: 26px;
    font-size: 18px;
    font-family: 'BaiJamjuree', serif;
    font-weight: 400;
    vertical-align: top;
    display: block;
    *display: inline;
    zoom: 1;
    margin-bottom: 0px;
    margin-top: 20px;
    float: left;
    width: calc(40% - 10px);
}

.weddings .content-container .content .content-item ul.capacity {
    text-align: center;
    border: 1px solid #666;
    background: #fff;
    color: #222;
    padding: 55px 20px;
    line-height: 26px;
    font-size: 18px;
    font-family: 'BaiJamjuree', serif;
    font-weight: 400;
    vertical-align: top;
    display: block;
    *display: inline;
    zoom: 1;
    margin-bottom: 0px;
    margin-top: 20px;
}

.weddings .content-container .content .content-item .guidelines  {
    margin-top: 10px;
    margin-bottom: 20px;
}

.weddings .content-container .content .content-item ul.capacity li {
    margin: 0;
    text-transform: none;
    display: block;
}

.weddings .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;
}

.weddings .content-container .content .content-item ul.capacity li:first-of-type:before {
    display: none;
}

.weddings .content-container .content .content-item .guidelines {
    /* font-size: 0;
    vertical-align: top;
    display: block;
    float: right;
    width: 60%; */
    /* margin-top: 20px; */
}

.weddings .content-container .content .content-item .guidelines a {
    /* font-size: 18px; */
    font-family: 'BaiJamjuree', serif;
    font-weight: 400;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 100%;
    color: #000;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    border: 1px solid #666;
    background: #fff;
    padding: 20px;
    /* margin-top: 20px; */
    margin-bottom: 20px;
    line-height: 25px;

    -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;
}

.weddings .content-container .content .content-item .guidelines a:first-of-type {
    margin-left: 0;
}

.weddings .content-container .content .content-item .guidelines a:hover {
    border: 1px solid #222;
    background: #222;
    color: #fff;
}

.weddings .content-container .content .content-item .photo-album {
    position: relative;
}

.weddings .content-container .content .content-item .photo-album .owl-prev,
.weddings .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%);
}

.weddings .content-container .content .content-item .photo-album .owl-prev {
    left: 5%;
}

.weddings .content-container .content .content-item .photo-album .owl-next {
    right: 5%;
}

.weddings .content-container .content .content-item .photo-album .owl-prev img,
.weddings .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%);
}

.weddings .content-container .content .content-item .photo-album .owl-prev svg,
.weddings .content-container .content .content-item .photo-album .owl-next svg {
    height: 38px;
    width: auto;
    display: block;
}

.weddings .content-container .content .content-item .photo-album-thumbs {
    position: relative;
    padding: 10px;
    background: #fff;
}

.weddings .content-container .content .content-item .photo-album-thumbs .active {
    background: #fff;
}

.weddings .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;
}

.weddings .content-container .content .content-item .photo-album-thumbs .current img {
    opacity: 1;
}
.weddings .content-container .content .content-item .cols {
    display: flex;
    flex-direction: row;
}
.weddings .content-container .content .content-item .capacity .col:first-of-type {
    width: 60%;
    padding-right: 40px;
}

.weddings .content-container .content .content-item .capacity .col:last-of-type {
    width: 100%;
    padding-right: 0px;
}

.weddings .content-container .content .content-item .guidelines .col:first-of-type {
    width: 50%;
    padding-right: 10px;
}
.weddings .content-container .content .content-item .guidelines .col:last-of-type {
    width: 50%;
}

.weddings .content-container .content .content-item .group .half.half-img{
    width: calc(50% - 47px);
}

@media all and (max-width: 1500px) {
    .weddings .content-container .content .content-item ul.capacity,
    .weddings .content-container .content .content-item .guidelines {
        width: auto;
        float: none;
    }
    .weddings .content-container .content .content-item .guidelines  {
        margin-top: 0px;
    }

    .weddings .content-container .content .content-item .group .half.half-img{
        max-width: 100%;
        width: calc(50% - 64px);
    }
}
@media all and (max-width: 1500px) and (min-width: 1024px) {
 .weddings .content-container .content .content-item ul.capacity {
        padding: 20px;
    }
    .weddings .content-container .content .content-item .cols.capacity {
        display: block;
    }
    .weddings .content-container .content .content-item .capacity .col:first-of-type {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }
    .weddings .content-container .content .content-item .capacity .col:last-of-type {
        width: 100%;
    }
   

}

@media all and (max-width:1441px){
    .weddings .content-container .content .content-item .guidelines a{
        font-size: 13px;
    }
}

@media all and (max-width:1380px){
    .weddings .content-container .content .content-item .group .half.half-img {
        max-width: 100%;
        width: calc(50% - 43px);
    }
}

@media all and (max-width:1330px) {
    .weddings .content-container .content .content-item .group .half.half-img{
        max-width: 100%;
        width: calc(50% - 34px);
    }
}
@media all and (max-width: 1300px){
    
    .weddings .content-container .content .content-item h1.entry-title{
        text-align: center;
    }
}

@media all and (max-width: 1023px) {
    .weddings .content-container .content .content-item ul.capacity {
        margin-top: 20px;
    }
    .weddings .content-container .content .content-item .group, .weddings .content-container .content .content-item .jarallax {
        margin-bottom: 20px;
    }

    .weddings .content-container .content .content-item h1.entry-title{
        text-align: center;
    }
}
@media all and (max-width: 1023px) {
    .weddings .content-container .content .content-item .guidelines a {
        margin-bottom: 0;
    }
    .weddings .content-container .content .content-item .cols {
        display: block;
    }
    .weddings .content-container .content .content-item .guidelines .col:first-of-type,
    .weddings .content-container .content .content-item .capacity .col:first-of-type {
        width: 100%;
        padding-right: 0;
    }
    .weddings .content-container .content .content-item .guidelines .col:last-of-type,
    .weddings .content-container .content .content-item .capacity .col:last-of-type {
        width: 100%;
    }
}

/* LOCALE */
.locale .content-container .content .content-item.things-to-do .wrapper-wide,
.locale .content-container .content .content-item.the-locale .wrapper-wide {
    padding-top: 0px;
}
.locale .content-container .content .content-item.the-locale .wrapper {
    padding-bottom: 0px;
}
.locale .content-container .content .content-item.the-locale .map_div {
    float: right;
    width: 100%;
    height: 619px;
    margin-left: 30px;
}
.locale .content-container .content .content-item.the-locale .group .half:last-of-type {
    padding-left: 0px;
}
.locale .content-container .content .content-item.the-locale h3 {
    margin: 20px 0 15px;
    /* font-family: 'PT Serif',serif; */
    font-size: 25px;
}
.locale .content-container .content .content-item.the-locale .distances {
    width: 100%;
    margin-top: 10px;
    font-size: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.locale .content-container .content .content-item.the-locale .group .half:first-of-type {
    padding-right: 40px;
}
.locale .content-container .content .content-item.the-locale .distances dt, .locale .content-container .content .content-item.the-locale .distances dd {
    width: 70%;
    font-size: 16px;
    font-weight: 300;
    line-height: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.locale .content-container .content .content-item.the-locale .distances dd {
    width: 30%;
    text-align: right
}
.locale .content-container .content .content-item.things-to-do .group {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    padding: 20px
}
.locale .content-container .content .content-item.things-to-do .group .half {
    width: calc(100% / 3);
    flex: unset;
    padding: 0 10px;
}
.locale .content-container .content .content-item.things-to-do .group .half p {
    padding: 20px 0;
}

@media all and (max-width: 1200px) {
    .locale .content-container .content .content-item h1.entry-title, 
    .locale .content-container.scroll .content .content-item h1.entry-title {
        margin-bottom: 0px;
    }
    .locale .content-container .content .content-item.the-locale .map_div {
        width: 100%;
    }
    .locale .content-container .content .content-item.the-locale .distances {
        width: 100%;
    }
    .locale .content-container .content .content-item.the-locale .distances dd {
        width: 50%;
    }
    .locale .content-container .content .content-item.the-locale .distances dt, .locale .content-container .content .content-item.the-locale .distances dd {
        width: 50%;
    }
}
@media all and (min-width: 1024px) and (max-width:1200px) {
    .locale .content-container .content .content-item.the-locale .map_div {
        height: 640px;
    }
}
@media all and (min-width: 768px) and (max-width:1023px) {
    .locale .content-container .content .content-item.things-to-do .group .half {
        width: calc(100% / 2);
    }
    .locale .content-container .content .content-item.things-to-do .group .half:nth-of-type(odd) {
        padding-left: 0px;
    }
    .locale .content-container .content .content-item.things-to-do .group .half:nth-of-type(even) {
        padding-right: 0px;
    }
}
@media all and (max-width: 992px) {
    .locale .content-container .content .content-item.the-locale .group .half:first-of-type {
        padding-right: 0px;
    }
    .locale .content-container .content .content-item.the-locale .group  {
        display: flex;
        flex-wrap: wrap
    }
    .locale .content-container .content .content-item.the-locale .map_div {
        margin-top: 20px;
        margin-right: 0px;
        height: 200px;
    }
    .locale .content-container .content .content-item.the-locale .group .half{
        width: 100%;
    }
    .locale .content-container .content .content-item.the-locale .group .half:last-of-type {
        padding-left: 0px;
    }
    .locale .content-container .content .content-item.the-locale .map_div {
        margin-left: 0px;
    }
}
@media all and (max-width: 767px) {
    .locale .content-container .content .content-item.things-to-do .group .half {
        width: 100%;
    }
    .locale .content-container .content .content-item.things-to-do .group .half:last-of-type p {
        padding-bottom: 0px;
    }
    .locale .content-container .content .content-item .group  {
        display: block;
    }
    .locale .content-container .content .content-item.things-to-do .group .half {
        padding: 0px;
    }
    .locale .content-container .content .content-item.things-to-do .wrapper-wide {
        padding-bottom: 20px;
    }
}

.experience .content-container .content .content-item:not(.odd):after {
    content: '';
    border-bottom: 1px solid #666;
    display: block;
    max-width: 1024px;
    margin: 0 auto;
}

.experience .content-container .content .content-item:last-child:after {
    display: none;
}

.experience .content-container .content .content-item .group,
.experience .content-container .content .content-item .jarallax {
    margin-bottom: 40px;
}

.experience .content-container .content .content-item .group:last-of-type,
.experience .content-container .content .content-item .jarallax:last-of-type {
    margin-bottom: 0;
}

.experience .content-container .content .content-item .group:last-of-type {
    margin-bottom: 0;
}

.experience .content-container .content .content-item.staff dl,
.experience .content-container .content .content-item.spa dl {
    font-size: 0;
    margin-top: 30px;
}

.experience .content-container .content .content-item.staff dt,
.experience .content-container .content .content-item.staff dd,
.experience .content-container .content .content-item.spa dt,
.experience .content-container .content .content-item.spa dd {
    font-size: 16px;
    display: block;
    margin-top: 20px;
}

.experience .content-container .content .content-item.staff dt,
.experience .content-container .content .content-item.staff dt p,
.experience .content-container .content .content-item.spa dt,
.experience .content-container .content .content-item.spa dt p {
    color: #444;
    font-family: 'BaiJamjuree', sans-serif;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 0;
    line-height: 28px;
    text-transform: uppercase;
}
.experience .content-container .content .content-item.staff .img.fullwidth {
    min-height: 700px;
}
.experience .content-container .content .content-item.staff dt {
    width: 35%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.experience .content-container .content .content-item.staff dd {
    width: 65%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.experience .content-container .content .content-item.staff dt p,
.experience .content-container .content .content-item.spa dt p {
    margin-bottom: 0;
    text-align: left;
}

.experience .content-container .content .content-item.staff dd,
.experience .content-container .content .content-item.spa dd {
    font-size: 16px;
    color: #444;
    font-family: 'BaiJamjuree', sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 25px;
    text-align: justify;
    margin-top: 0
}

.experience .content-container .content .content-item.staff dd:last-of-type,
.experience .content-container .content .content-item.spa dd:last-of-type {
    margin-bottom: 0;
}

.experience .content-container .content .content-item.families a {
    margin: 0;
    font-family: inherit;
    text-transform: none;
    padding: 0;
    width: auto;
    min-width: auto;
    border: none;
    font-size: inherit;
    text-decoration: underline;
}

.experience .content-container .content .content-item.staff h1.entry-title {
    text-align: center;
}

.experience .content-container .content .content-item.staff .full-content {
    max-width: 1024px;
    margin: 0 auto;
}

@media all and (max-width: 1140px) {
    .experience .content-container .content .content-item .the-content {
        padding: 15px !important;
    }
}

@media all and (max-width: 1023px) {
    .experience .content-container .content .content-item .bg-holder:not(:first-of-type) .wrapper {
        padding-top: 0 !important;
    }

    .experience .content-container .content .content-item .bg-holder:not(:last-of-type) .wrapper {
        padding-bottom: 15px !important;
    }

    .experience .content-container .content .content-item.dining .img {
        padding-bottom: 40px;
    }

    .experience .content-container .content .content-item .the-content {
        width: auto !important;
        padding: 0 !important;
    }

    .experience .content-container .content .content-item .the-content:after {
        display: none !important;
    }

    .experience .content-container .content .content-item.staff dt,
    .experience .content-container .content .content-item.staff dd {
        width: auto;
        display: block;
    }

    /* .experience .content-container .content .content-item.spa .img {
        margin-top: 40px;
    } */

    .experience .content-container .content .content-item.staff h3:first-of-type,
    .experience .content-container .content .content-item.spa h3:first-of-type {
        margin-bottom: 23px;
    }
    .experience .content-container .content .content-item .group,
.experience .content-container .content .content-item .jarallax {
    margin-bottom: 20px;
}
}

@media all and (max-width: 767px) {
    .experience .content-container .content .content-item.staff h3.entry-title {
        font-size: 20px !important;
    }

    .experience .content-container .content .content-item.spa dt {
        font-size: 22px;
    }
    .experience .content-container .content .content-item.staff dt, .experience .content-container .content .content-item.staff dt p, .experience .content-container .content .content-item.spa dt, .experience .content-container .content .content-item.spa dt p {
        margin-bottom: 15px;
    }
}
/* CONCIERGE */
.get-in-touch {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 40px;
}

.get-in-touch a {
    display: inherit;
    text-decoration: none;
    font-family: 'BaiJamjuree',serif;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 40px;
    color: #fff;
    border: 1px solid #222;
    background: #222;
    min-width: 210px;
    text-transform: uppercase;
    -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;
}
.get-in-touch a:hover {
    background: #fff;
    color: #222;
    border: 1px solid #222;
}
@media all and (max-width: 1023px) {
    .get-in-touch a {
        margin-top: 20px;
    }
}
/* GUEST REVIEW */

.guest-reviews .content-container .content .content-item .wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.guest-reviews .content-container .content .content-item h1.entry-title {
    text-align: center;
}

.guest-reviews .content-container .content .content-item .reviews-container:before {
    display: none;
}

/* .guest-reviews .content-container .content .content-item .slides li {
    display: none;
    opacity: 0;
} */

.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;
    border: 1px solid #444;
    padding: 30px;
    margin: 0 0 15px;
}

.guest-reviews .content-container .content .content-item .slides li:before {
    content: '\2018\2018';
    display: block;
    float: left;
    color: #222;
    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 .name,
.guest-reviews .content-container .content .content-item .slides li .rname {
    font-family: 'BaiJamjuree', serif;
    font-size: 18px;
    color: #222;
}

.guest-reviews .content-container .content .content-item .reviews-container .review .dates,
.guest-reviews .content-container .content .content-item .slides li .gr-date {
    font-family: 'BaiJamjuree', serif;
    font-size: 18px;
}

.guest-reviews .content-container .content .content-item .reviews-pagination a {
    border: 1px solid #222;
    color: #222;
}

.guest-reviews .content-container .content .content-item .reviews-pagination a:hover {
    background: #222;
    color: #fff;
}

.guest-reviews .content-container .content .content-item .reviews-pagination a.active {
    background: #222;
    border-color: #222;
    color: #fff;
}

@media all and (max-width: 1750px) {
    .guest-reviews .content-container .content .content-item .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 1053px) {
    .guest-reviews .content-container .content .content-item .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media all and (max-width: 767px) {

    .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;
    }
}

/* RATES */
.rates .content-container .content .content-item .wrapper,
.reservations .content-container .content .content-item .wrapper,
.general-enquiries .content-container .content .content-item .wrapper {
    max-width: 1140px;
    margin: 0 auto;
}
.modal-box .modal-body ol{
    list-style: number
}
@media all and (max-width: 1750px) {

    .rates .content-container .content .content-item .wrapper,
    .reservations .content-container .content .content-item .wrapper,
    .general-enquiries .content-container .content .content-item .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 1053px) {

    .rates .content-container .content .content-item .wrapper,
    .reservations .content-container .content .content-item .wrapper,
    .general-enquiries .content-container .content .content-item .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.rates .content-container .content .content-item h1.entry-title,
.reservations .content-container .content .content-item h1.entry-title,
.general-enquiries .content-container .content .content-item h1.entry-title {
    text-align: center;
}

.rates .content-container .content .content-item .teaser strong {
    color: #222;
    font-family: 'BaiJamjuree', serif;
}

.rates .content-container .content .content-item .discounts,
.rates .content-container .content .content-item .promotions {
    border: 2px solid #222;
    font-family: 'BaiJamjuree', sans-serif;
}

.rates .content-container .content .content-item .promotions {
    background: #222;
    color: #fff;
}

.rates .content-container .content .content-item .discounts .rates-title,
.rates .content-container .content .content-item .promotions .rates-title {
    color: #222;
    font-family: 'BaiJamjuree', serif;
    font-size: 25px;
    text-transform: uppercase;
}

.rates .content-container .content .content-item .promotions .rates-title {
    color: #fff;
}

.rates .content-container .content .content-item .tabs-end > ul {
    background: #666;
}

.rates .content-container .content .content-item .tabs > ul li a {
    background: #666;
    color: #fff;
    font-family: 'BaiJamjuree', serif;
    text-transform: uppercase;
    border-right: 1px solid #f1f9fc;
}

.rates .content-container .content .content-item .tabs > ul li.current a {
    background: #222;
    color: #fff;
}

.rates .content-container .content .content-item .tabs-end table th {
    background: #222;
    font-family: 'BaiJamjuree', serif;
}

.rates .content-container .content .content-item .tabs-end table td {
    background: #e6e6e6;
    color: #444;
    font-family: 'BaiJamjuree', sans-serif;
}

.rates .content-container .content .content-item .tabs-end table td.vrsubject {
    background: #222 !important;
    color: #fff;
}

.rates .content-container .content .content-item .tabs-end table tr:nth-of-type(2n) td {
    background: #fff;
}

.rates .content-container .content .content-item .tabs-end table td img {
    margin: 0 auto;
}

.rates .content-container .content .content-item .tabs-end table td .inclusions i {
    background: #222;
}

@media all and (max-width: 767px) {
    .rates .content-container .content .content-item .tabs > ul li {
        display: block;
        margin-bottom: 1px;
    }

    .rates .content-container .content .content-item .tabs-end > ul li {
        width: 33.3333333%;
    }

}

/* FORM */

.reservations .content-container .content .content-item a,
.general-enquiries .content-container .content .content-item a {
    color: #444;
}

.reservations .content-container .content .content-item form,
.general-enquiries .content-container .content .content-item form {
    color: #444;
    font-family: 'BaiJamjuree', serif;
    font-weight: 400;
}

.general-enquiries .content-container .content .content-item form {
    margin-top: 20px;
}

.reservations .content-container .content .content-item form h2,
.general-enquiries .content-container .content .content-item form h2 {
    color: #222;
    font-family: 'BaiJamjuree', serif;
}

.reservations .content-container .content .content-item form p,
.general-enquiries .content-container .content .content-item form p {
    color: #444;
    font-family: 'BaiJamjuree', sans-serif;
}

.reservations .content-container .content .content-item form .form-row .form-col:first-of-type,
.general-enquiries .content-container .content .content-item form .form-row .form-col:first-of-type {
    width: 147px;
}

.reservations .content-container .content .content-item form .form-row label,
.general-enquiries .content-container .content .content-item form .form-row label {
    color: #444;
    font-family: 'BaiJamjuree', sans-serif;
}

.reservations .content-container .content .content-item form .form-row .input input,
.general-enquiries .content-container .content .content-item form .form-row .input input {
    font-family: 'BaiJamjuree', sans-serif;
}

.general-enquiries .content-container .content .content-item form .form-row .image img {
    width: auto;
    max-width: 100%;
}

.reservations .content-container .content .content-item form .form-row .select select,
.general-enquiries .content-container .content .content-item form .form-row .select select {
    font-family: 'BaiJamjuree', sans-serif;
}

.reservations .content-container .content .content-item form .form-row .textarea textarea,
.general-enquiries .content-container .content .content-item form .form-row .textarea textarea {
    font-family: 'BaiJamjuree', sans-serif;
}

.reservations .content-container .content .content-item form .form-row .checkbox input,
.general-enquiries .content-container .content .content-item form .form-row .checkbox input {
    visibility: hidden;
}

.reservations .content-container .content .content-item form .form-row .checkbox label.left:empty,
.general-enquiries .content-container .content .content-item form .form-row .checkbox label.left:empty {
    margin: 10px 5px 0 0;
}

.reservations .content-container .content .content-item form .form-row .checkbox label:empty:after,
.general-enquiries .content-container .content .content-item form .form-row .checkbox label:empty:after {}

.reservations .content-container .content .content-item form .form-row input[type=submit],
.general-enquiries .content-container .content .content-item form .form-row input[type=submit] {
    font-size: 25px;
    font-weight: 400;
    font-family: 'BaiJamjuree', serif;
    border: 1px solid #222;
    color: #222;
    background: #fff;
    padding: 7px 20px 5px;
}

.general-enquiries .content-container .content .content-item form .form-row input[type=submit] {
    padding: 7px 16px 5px;
    ;
}

.reservations .content-container .content .content-item form .form-row input[type=submit]:hover,
.general-enquiries .content-container .content .content-item form .form-row input[type=submit]:hover {
    background: #222;
    color: #fff;
}

.reservations .content-container .content .content-item form .form-row .error-message,
.general-enquiries .content-container .content .content-item form .form-row .error-message {
    font-weight: 400;
}

.terms .content-container .content .content-item .wrapper,
.privacy .content-container .content .content-item .wrapper,
.sitemap .content-container .content .content-item .wrapper,
.links .content-container .content .content-item .wrapper,
.reservation-sent .content-container .content .content-item .wrapper,
.contact-sent .content-container .content .content-item .wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

@media all and (max-width: 1750px) {

    .sitemap .content-container .content .content-item .wrapper,
    .links .content-container .content .content-item .wrapper,
    .reservation-sent .content-container .content .content-item .wrapper,
    .contact-sent .content-container .content .content-item .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 1053px) {

    .sitemap .content-container .content .content-item .wrapper,
    .links .content-container .content .content-item .wrapper,
    .reservation-sent .content-container .content .content-item .wrapper,
    .contact-sent .content-container .content .content-item .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.privacy .content-container .content .content-item h1.entry-title,
.terms .content-container .content .content-item h1.entry-title {
    text-align: center;
}
.sitemap .content-container .content .content-item h1.entry-title,
.links .content-container .content .content-item h1.entry-title,
.reservation-sent .content-container .content .content-item h1.entry-title,
.contact-sent .content-container .content .content-item h1.entry-title {
    text-align: center;
}

.sitemap .content-container .content .content-item ul {
    list-style: disc;
    margin-left: 20px;
}

.sitemap .content-container .content .content-item ul li {
    margin-bottom: 10px;
}

.sitemap .content-container .content .content-item ul ul {
    margin-top: 2px;
}

.sitemap .content-container .content .content-item ul li li {
    margin-bottom: 2px;
}

.sitemap .content-container .content .content-item ul li a {
    color: #222;
}

.links .content-container .content .content-item a,
.links .content-container .content .content-item a h2,
.links .content-container .content .content-item a h3 {
    text-decoration: none;
    color: #222;

    -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;
}

.links .content-container .content .content-item a:hover,
.links .content-container .content .content-item a:hover h2,
.links .content-container .content .content-item a:hover h3 {
    color: #222;
}

.links .content-container .content .content-item h2 {
    color: #222;
    font-family: 'BaiJamjuree', serif;
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 25px;
    line-height: 28px;
}

.links .content-container .content .content-item h2 a {
    color: #222;
}

.links .content-container .content .content-item h3 {
    color: #222;
    font-family: 'BaiJamjuree', serif;
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 25px;
    line-height: 28px;
} 

#art .wrapper .the-content h3{
    font-size: 22px;
    border-top: 2px solid #9dbdc5;
    padding-top: 10px;
    margin-bottom: 15px
}
#art .wrapper .the-content .item {
    
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 20px;
}
#art .wrapper .the-content .item p{
    margin-top: 10px
}
#art .wrapper .the-content .item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

#art .wrapper .the-content .item:after {
    content: '';
    display: block;
    clear: both;
}

#art .wrapper .the-content .item .img {
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
    max-width:316px;
}
#art .wrapper .the-content .item .img a:hover{
    opacity: 0.7
}

@media all and (max-width: 767px) {
    #art .wrapper .the-content .item .img {
        margin-right: 20px;
        width: 50%;
    }
}

@media all and (max-width: 425px) {
    #art .wrapper .the-content .item .img {
        margin-right: 0;
        margin-bottom: 25px;
        float: none;
        width: 100%;
    }
    
    #art .wrapper .the-content .item .img img {
        max-width: none;
        width: 100%;
    }
}
.hero-parallax .promo-highlight a{
    margin-top: 120px
}

.buttons-container,.reviews-container,.map-container,.hero-parallax .promo-highlight a{
    display: none
}

.text-contents h2{
    /* font-size: 32px; */
}
.text-contents h3{
    font-size: calc(14px + (48 - 14) * (100vw - 320px) / (1920 - 320));
    margin-top: 20px
}

.footer-container{
    background:#000;
    display: inline-block;
    margin-top: 25px;
    width: 100%
}
.footer-container .footer h3,.footer-container .footer .bottom .marketed a{
    color:#fff
}
.footer-container .footer .column a{
    color:#fff
}
.enquiries,.footer-container .footer .bottom .marketed,.copyright{
    color:#fff
}

a.btn-enquire {
    color: #231f20;
    /* font-family: 'Majorant'; */
    font-size: 20px;
    border: 1px solid #231f20;
    background: #fff;
    padding: 10px 20px 10px;
    /* min-width: 230px; */
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin-top: 26px;
    margin-bottom: 20px
}
a.btn-enquire:hover {
    background: #231f20;
    color: #fff!important;
    border-color: #231f20;
}