body {
    font-family: 'Open Sans', sans-serif;
}

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

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

.header-container .wrapper {
    max-width: none;
}

@media all and (max-width: 1480px){
    .wrapper {
        padding-right: 40px;
        padding-left: 40px;
    }
    
}
@media all and (max-width: 1200px) {
    .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

[id^=jarallax] .lazyloaded {    
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/* HEADER */
.header-container .header {
    padding: 1px 0 0px;
}

.header-container .header.wrapped {
    padding: 0 0 0px;
}

.header-container.sticky .header {
    padding: 80px 0 0px;
}

.header-container .header .toggler {
    top: 10px;
}

.header-container .header .toggler span,
.header-container .header .toggler span:before,
.header-container .header .toggler span:after {
    border-top: 3px solid #000;
}

.header-container .header .logo {
    text-align: center;
}

.header-container .header .logo a {
    position: absolute;
    margin-left: 0;
    margin-top: 10px;
    top: 0;
    left: 50%;
    background: transparent;
    padding: 5px 0 0;

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header-container.sticky .header .logo a {
    padding: 0;
    margin-top: 5px;

    -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 {
    max-height: 110px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 263px;
}

.header-container.sticky .header .logo a img {
    max-height: 64px;
}

.header-container .header .nav {
    margin: 119px 0 10px;
}

.header-container.sticky .header .nav {
    border-bottom-color: transparent;
    margin: 0 0 10px;
}

.header-container .header .nav ul {
    text-align: center;
}

.header-container .header .nav ul li {
    margin-left: 40px;
}

.header-container .header .nav ul li:first-of-type {
    margin-left: 0;
}

.header-container .header .nav > ul > li:nth-of-type(4) { }

.header-container .header .nav ul li a {    
    color: #4a9285;    
    font-family: 'Cinzel', serif;
    font-size: 16px;
    padding: 5px 0;
    margin-bottom: -1px;
}

.header-container .header .nav ul li:hover a {
    color: #4a9285;
}

.header-container .header .nav ul li.active a {
    color: #4a9285;
}

.header-container .header .nav ul li .subnav {
    background: #4a9285;
    margin-top: 10px;
}

.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: #4a9285;
}

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

    .header-container .header,
    .header-container .header.wrapped {
        padding: 10px 0 10px;
    }

    .header-container .header .nav ul li a {
        font-size: 14px;
        padding: 5px 2px;
    }

    .header-container.sticky .header {}

    .header-container .header .nav ul li .subnav {
        margin-top: 10px;
    }

    .header-container .header .logo {
        text-align: center;
    }

    .header-container .header .logo a {
        position: relative;
        margin: 0 0 5px;
        left: 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 .header .logo a.small {
        height: 0;
        width: 0;
    }

    .header-container.sticky .header .logo a {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .header-container.sticky .header .logo a.small {
        height: auto;
        width: auto;
    }

    .header-container .header .nav {
        border-bottom-color: transparent;
        text-align: center;
        margin: 10px 0 0;
    }

    .header-container .header .nav > ul > li {
        margin-left: 18px;
    }

    .header-container .header .nav > ul > li:nth-of-type(1) {
        margin-left: 0;
    }
    
    .header-container .header .nav > ul > li:nth-of-type(4) {
        margin-right: 0;
    }
}

@media all and (max-width: 767px) {
    .header-container .header .nav > ul > li {
        margin-left: 10px !important;
    }

    .header-container .header,
    .header-container .header.wrapped {
        padding: 8px 0 0;
    }

    .header-container.sticky .header {
        padding: 8px 0 0;
    }

    .header-container .header .logo a,
    .header-container.sticky .header .logo a {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }

    .header-container .header .logo a img,
    .header-container.sticky .header .logo a img {
        padding-bottom: 0;
        max-height: 50px;
    }

    .header-container .header .nav > ul > li {
        margin-top: 0px;
        padding-bottom: 5px;
    }

    .header-container .header .nav ul,
    .header-container .header .nav ul li {
        margin-left: 0 !important;
    }

    .header-container .header .nav ul li .subnav {
        background: #4a9285;
    }
}

.footer-container .footer {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 0px 30px;
}

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

.footer-container .footer .column {
    color: #151515;
}

.footer-container .footer .column h3 {
    color: #4a9285;
    font-family: 'Cinzel',serif;
    font-weight: 400;
    font-size: 26px;
}

.footer-container .footer .column a {
    color: #151515;
}

.footer-container .footer .column .phone-numbers {
    margin-bottom: 15px;
}

.footer-container .footer .column address {
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 10px;
    max-width: 320px;
}

.footer-container .footer .column .socials {
    margin-bottom: 29px;
}

.footer-container .footer .column .socials a {
    font-size: 13px;
    color: #4a9285;
    border: 1px solid #4a9285;

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

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

.footer-container .footer .bottom {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #282828;
    top: 29px;
}

.footer-container .footer .bottom .marketed {
    max-width: 240px;
    margin: 15px auto;
}

.footer-container.sticky .awards {
    display: none;
}
div#chse_badge {
    position: absolute;
    left: 167px;
    bottom: 30px;
    right: 0;
}
@media all and (max-width: 767px) {
    div#chse_badge {
        margin-top: 10px;
        position: unset;
    }
}
@media all and (max-width: 1200px) and (min-width: 768px) {
    .footer-container .footer .bottom {
        top: 289px !important;
    }
}
@media all and (max-width: 1023px) {
    .footer-container .footer {
        font-size: 13px !important;
    }
    
   
    .footer-container.sticky .footer .bottom {
        top: 4px !important;
    }

    .footer-container .footer .bottom .marketed {
        margin: 30px auto 15px;
    }
}

@media all and (max-width: 767px) {
    .footer-container.sticky .footer .bottom {
        top: -2px !important;
    }
    .footer-container .footer .column {
        padding-bottom: 0px;
    }
    .footer-container .footer .bottom {
        top: 20px !important;
        /* padding-bottom: 20px; */
    }
}

.hero-container .slideshow img.lazyload,
.hero-container .slideshow img.lazyloading {
    width: 100%;
    max-width: 100%;
    display: block
}

.hero-container .slideshow .caption big {
    font-family: 'Open Sans', sans-serif;
    font-size: 60px;
    color: #fff;
}

.hero-container .slideshow .caption small {
    font-family: 'Open Sans', sans-serif;
    font-size: 45px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}

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

.hero-container .slideshow #slide-2 .caption {
    bottom: 30px;
    right: 15%;
}
/* NEW */
.hero-container .media {
    position: relative;
    overflow: hidden;
    min-height: calc(94vh - 150px);
}

/* @media all and (min-width: 1441px) and (max-width: 1600px) {
    .hero-container .media #pause-button,
    .hero-container .media #mute-button {
        top: 491px !important;
    }
} */
/* CSS FOR VIDEO ON HOMEPAGE MOBILE*/
@media all and (max-width: 767px) {
    .hero-container .media .video {
        background-image: url(images/homevideo.jpg);
    }
}
@media all and (max-width: 1023px) {

    .hero-container .slideshow #slide-1 .caption,
    .hero-container .slideshow #slide-2 .caption {
        bottom: 30px;
        top: auto;
        right: auto;
        left: 15%;
    }
}

.buttons-container {
    background: #fff;
}

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

.buttons-container .button {
    background: #4a9285;
}

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

.buttons-container .button a {
    color: #fff;
    font-family: 'Cinzel',serif;
    font-size: 20px;
    border: 1px solid #fff;
    background: #4a9285;
    padding: 15px 15px 13px 15px;
    min-width: 200px;
}

.buttons-container .button a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #282828;
}

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

.buttons-container .prevnext a {
    color: #fff;
    background: #4a9285;
    top: -40px;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

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

.buttons-container .prevnext a i {
    border: 1px solid #fff;
    -webkit-filter: none;
    filter: none;
    background: url("/resources/pandawacliff/images/prev-arrow-hover.png") no-repeat center center;
}

.buttons-container .prevnext a.prev:hover i {
    border: 1px solid #fff;
    -webkit-filter: none;
    filter: none;
    background: url("/resources/pandawacliff/images/prev-arrow-hover.png") no-repeat center center;
    background-color: #fff;
}

.buttons-container .prevnext a.next:hover i {
    border: 1px solid #fff;
    -webkit-filter: none;
    filter: none;
    background: url("/resources/pandawacliff/images/next-arrow-hover.png") no-repeat center center;
    background-color: #fff;
}

.buttons-container .prevnext a.prev i {
    background: url("/resources/pandawacliff/images/prev-arrow.png") no-repeat center center;
}

.buttons-container .prevnext a.next i {
    background: url("/resources/pandawacliff/images/next-arrow.png") no-repeat center center;
}

@media all and (max-width: 1200px) {
    .buttons-container .prevnext a {
        font-size: 17px;
    }
}

@media all and (max-width: 767px) {
    .buttons-container .prevnext .wrapper {
        margin-bottom: -47px;
    }
    .buttons-container .button a {
        min-width: 180px !important;
    }
    .buttons-container:after {
        margin-top: -76px;
    }

    .home .buttons-container:after {
        margin-top: -39px;
        margin-bottom: 47px;
    }
    .home .buttons-container .button {
        padding: 0px !important;
    }
    .buttons-container .prevnext a {
        top: -54px !important;
    }
    .buttons-container .button {
        padding: 1px 0px 50px 0px !important;
    }
    .rates .buttons-container .button  {
        padding: 0px !important;
    }
}

.reviews-container {
    font-family: 'Frank Ruhl Libre', serif;
    position: relative;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.reviews-container .reviews {
    padding: 1px 0;
}
.reviews-container .reviews .group {
    display: block !important;
}
.reviews-container .reviews .wrapper {
    max-width: 940px;
}

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

.reviews-container .reviews h2 {
    color: #285d50;
    font-family: 'Cinzel',serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 50px;
    line-height: 35px;
    margin-bottom: 30px;
}

.reviews-container .reviews .home-reviews {
    padding: 40px 0px 0px;
    text-align: center;
    margin: 40px 0px 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.reviews-container .reviews .home-reviews a {
    margin-top: 20px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

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

.reviews-container .reviews .home-reviews ul li {
    font-family: 'Open Sans',sans-serif;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
}

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

.reviews-container .reviews .home-reviews ul li .right .gr-date {
    display: block;
    color: #285d50;
    font-size: 16px;
    padding-bottom: 10px;
}

.reviews-container .reviews .home-reviews ul li .right .rname {
    display: block;
    color: #285d50;
    margin-top: 10px;
    font-size: 16px;
}
.review-b {
    text-align: center;
}

.review-b a {
    display: inline-block;
    zoom: 1;
    color: #000;
    font-family: roboto,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px 0px 40px;
    margin: 40px 0px 40px;
}

@media all and (max-width: 1023px) {
    .reviews-container {
        background-size: cover;
    }

    .reviews-container:after {
        display: none;
    }

    .reviews-container .reviews {
        width: 100%;
    }
    .reviews-container .reviews h2 {
        max-width: none;
    }

    .reviews-container .reviews .home-reviews:before,
    .reviews-container .reviews .home-reviews:after {
        display: none;
    }
    
    .reviews-container .reviews .home-reviews ul {
        flex-basis: 100%;
        max-width: 100%;
    }
    
    .reviews-container .reviews .home-reviews ul li .right {
        padding: 0;
    }
}

@media all and (max-width: 767px) {
    .reviews-container .reviews {
        background: transparent;
    }

    .reviews-container .reviews h2 {
        font-size: 42px !important;
        line-height: 50px !important;
        margin-bottom: 0px;
    }

    .reviews-container .reviews h2:before {
        display: none;
    }
    .reviews-container .reviews .home-reviews ul {
        font-size: 14px;
        padding: 15px 0;
    }

    .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: 'Cinzel',serif;
    color: #282828;
    font-size: 16px;
    line-height: 30px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.content-container .content .content-item.odd,
.content-container .content .content-seo {
    margin-top: 0;
}
.content-container.scroll .content .content-item:first-of-type .wrapper {
    max-width: 100%;
    margin: 0 auto;

}
.content-container.scroll .content .content-item.odd:first-of-type {
    border-top: 1px solid #4a9383;
    border-bottom: 1px solid #4a9383;
    text-align: center;
}

.content-container .content .content-item .bg-holder {
    background-repeat: no-repeat;
    background-size: cover;
}

.content-container .content .content-item .wrapper {
    /* max-width: 1170px; */
}
.content-container.scroll .content .content-item:first-of-type .wrapper {
    padding-right: 0px;
    padding-left: 0px;
}

.content-container .content .content-item .wrapper.wrapper-wide {
    max-width: 1440px;
}

.content-container .content-seo .content-item .wrapper {
    padding-bottom: 40px !important;
}

.content-container .content .content-item h1.entry-title,
.content-container .content .content-item h2.entry-title {
    color: #4a9383;
    font-family: 'Cinzel', serif;
    font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    text-transform: none;
}

.content-container .content .content-item h1.entry-title {
    font-family: 'Cinzel', serif;
    color: #4a9383;
    text-align: center;
    padding: 0px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 45px;
}

.content-container .content .content-item h1.entry-title span {
    color: #427065;
}

.content-container.scroll .content .content-item h1.entry-title {
    color: #9dbdc5;
    font-family: 'Cinzel', serif;
    font-size: 45px;
    line-height: 55px;
    margin-top: 0;
    z-index: 21;
    text-align: center;
    text-transform: none;
    padding: 0;
    border-top: none;
    border-bottom: 1px solid #4a9383;
    position: relative !important;
}

.content-container.scroll .content .content-item h1.entry-title span {
    color: #427065;
}

.content-container.scroll .content .content-item h1.entry-title span {
    z-index: 21;
}

.content-container .content .content-item h1.entry-title strong {
    display: inline;
    font-size: 45px;
}

.content-container .content .content-item h2.entry-title {
    margin-bottom: 20px;
    color: #4a9383;
    text-align: left;
    font-size: 40px;
    font-weight: 400;
    line-height: 35px;

    -webkit-animation: scale-in-hor-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-hor-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.content-container .content .content-item h2.entry-title:after {
    content: '';
    display: block;
    margin-top: 1px;
}

.content-container .content .content-item h2.entry-title span,
.content-container .content .content-item h2.entry-title strong {
    display: inline;
    color: #4a9383;
}

.content-container .content .content-item h2.entry-title strong {
    font-weight: 400;
    color: #4a9383;
}

.content-container .content .content-item img{
    width: 100%;
}
@-webkit-keyframes scale-in-hor-center {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes scale-in-hor-center {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
}

.content-container .content .content-item h3,
.content-container .content .content-item h3 p {
    color: #4a9285;
    font-family: 'Cinzel',serif;
    font-size: 30px;
    text-transform: none;
    font-weight: 400;
 
}
.content-container .content .content-item h3 {
    margin-top: 20px;
}

.content-container .content .content-item h4,
.content-container .content .content-item h4 p {
    color: #4a9285;
    font-family: 'Cinzel',serif;
    font-size: 16px;
    text-transform: none;
    *margin-bottom: 15px;
    *margin-top: 25px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
}
.content-container .content .content-item.weddings h1.entry-title,
.content-container .content .content-item.spa h1.entry-title,
.content-container .content .content-item.families h1.entry-title,
.content-container .content .content-item.dining h1.entry-title {
    text-align: left !important;
}

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

    .content-container .content .content-item .bg-holder {
        background-image: none !important;
    }
    
    .content-container.scroll .content .content-item h1.entry-title {
        font-size: 35px !important;
    }
    
    .content-container.scroll .content .content-item h1.entry-title, 
    .content-container.scroll .content .content-item h1.entry-title.sticky {
        position: relative;
        text-align: center;
        line-height: 40px;
        padding: 10px 0 0;
        margin-left: -15px;
        margin-right: -15px;
        display: block;
        top: 0 !important;
    }
    
    .content-container .content .content-item h1.entry-title strong {
        font-size: 35px !important;
    }

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

    .content-container .content .content-item h3,
    .content-container .content .content-item h3 p {
        font-size: 22px;
    }

    .content-container .content .content-item h4,
    .content-container .content .content-item h4 p {
        font-size: 22px;
    }
    
}

@media all and (max-width: 767px) {
    .content-container.scroll .content .content-item h1.entry-title {
        margin-bottom: 5px;
    }
    .content-container .content .content-item h1.entry-title {
        margin-bottom: 20px;
    }
}

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

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

.content-container .content .content-item .spy {
    background: #fff;
}

.content-container .content .content-item .sticky .spy {
    background: #fff;
    border-top: 1px solid #4a9383;
    border-bottom: 1px solid #4a9383;
}

.content-container .content .content-item .spy ul {
    background: #fff;
    max-width: 1170px;
    text-align: center !important;
}

.content-container .content .content-item .spy ul li {
    border-left: none;
    margin-left: 25px;

}

.content-container .content .content-item .spy ul li:last-of-type {
    border-right: none;
}

.content-container .content .content-item .spy ul li a {
    color: #4a9383;
    font-family: 'Cinzel',serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 15px 0;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.content-container .content .content-item .sticky .spy ul li a {
    padding: 15px 0;
}

.content-container .content .content-item .spy ul li a:hover {
    color: #605f5f;
    text-decoration: underline;
    text-underline-position: underline
}

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


@media all and (max-width: 1023px) {
    .content-container .content .content-item .spy ul {
        display: block;
        text-align: center;
    }
    
    .content-container .content .content-item .spy ul li {
        margin-left: 5px;
    }

    .content-container .content .content-item .spy ul li a,
    .content-container .content .content-item .sticky .spy ul li a {
        font-size: 15px;
        padding: 15px 10px;
    }

    .content-container .content .content-item .sticky .spy ul li a {
        padding: 15px 10px;
    }
}

@media all and (max-width: 767px) {
    .content-container .content .content-item .spy ul li {
        margin-left: 5px;
        margin-right: 5px;
    }

    .content-container .content .content-item .spy ul li a,
    .content-container .content .content-item .sticky .spy ul li a {
        font-family: 'Open Sans', sans-serif;
        white-space: nowrap;
    }
}
/* HOME */
.home .content-container .content .content-item.odd {
    position: relative;
}

.home .content-container .content .content-item .wrapper {
    padding-top: 40px !important;
    padding-bottom: 0px !important;
} 

.home .content-container .content .content-item.odd .wrapper {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 1170px;
    display: block;
} 

.home .content-container .content .content-item h1.entry-title,
.home .content-container .content .content-item h1.entry-title span {
    text-align: center;
    text-transform: lowercase;
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 40px;
    color: #285d50;
} 

.home .content-container .content .content-item h1.entry-title strong {
    font-size: 35px;
    display: block;
} 

.home .content-container .content .content-item h2{
    text-align: center;
    text-transform: lowercase;
    font-size: 35px;
    border-bottom: 1px solid #4a9285;
    color: #285d50;
    font-family: 'Cinzel',serif;
    line-height: 0.1em;
    margin: 10px 0 40px;
    width: 100%;
} 

.home .content-container .content .content-item  h2 span {
    background: #fff;
    padding: 0 10px;
}

.home .content-container .content .content-item  h3 {
    text-align: center;
    font-size: 25px;
}

.home .content-container .content .content-item p {
    text-align: justify;
} 

.home .content-container .content .content-item .spy-wrapper {
    height: 1px !important;
}

.home .content-container .content .content-item .spy {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #4a9285;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.home .content-container .content .content-item .sticky .spy {
    position: fixed;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 30;
}

.home .content-container .content .content-item .spy ul {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home .content-container .content .content-item .spy ul li {
    margin: 0;
}

.home .content-container .content .content-item .spy ul li a {
    color: #4a9285;
    font-size: 30px;
    font-weight: 300;
    font-family: 'Cinzel', serif;
}

.home .content-container .content .content-item .spy ul li a:hover {
    color: #000;
}

.home .content-container .content .content-item .poi {
    width: 100%;
    max-width: 406px;
    background-size: cover;
    background-position: center;
    text-align: left;
    padding: 360px 0 30px;
    font-size: 0;
    height: 700px;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.home .content-container .content .content-item .poi li {    
    width: 205px;
    height: 85px;
    padding-left: 100px;
    position: relative;
    margin: 0 auto;
    font-family: 'Cinzel', serif;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home .content-container .content .content-item .poi li:before {
    content: '';
    clear: both;
    background: url("/resources/pandawacliff/images/icons-sprite.png") no-repeat;
    height: 85px;
    width: 85px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin: 0;
    position: absolute;
    left: 0;
}

.home .content-container .content .content-item .poi li#poi-1:before {
    background-position: 0 0;

    -webkit-animation: bounce-in-fwd 1.1s both;
    animation: bounce-in-fwd 1.1s both;
}

.home .content-container .content .content-item .poi li#poi-2:before {
    background-position: -120px 0;

    -webkit-animation: bounce-in-fwd 1.1s both;
    animation: bounce-in-fwd 1.1s both;
}

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

    -webkit-animation: bounce-in-fwd 1.1s both;
    animation: bounce-in-fwd 1.1s both;
}
.home .content-container .content-item .the-content .groups .half a span.button.villa-btn:before {
    top: -0.1rem;
    bottom: 100%;
    left: 50%;
    right: 50%;
    -webkit-transition: bottom .3s 0s, left .5s .3s, right .5s .3s;
    transition: bottom .3s 0s, left .5s .3s, right .5s .3s;
}

@-webkit-keyframes bounce-in-fwd {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(.84);
        transform: scale(.84);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    89% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes bounce-in-fwd {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(.84);
        transform: scale(.84);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    89% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.home .content-container .content .content-item:nth-of-type(4n) .the-content > .group {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.home  .content-container .content-item .the-content .groups .half {
    width: calc(50% - 3px);
    margin-bottom: 5px;
    outline: none;
}

.home .content-container .content .content-item .group>div {
    margin: 0 3px;
    flex: 1;
}
.home .content-container .content .content-item .the-content .readmore,
.home .content-container .content .content-item .group a {
    text-transform: uppercase;
    text-decoration: none;
    color: #4a9285;
    font-family: 'Cinzel', serif;
    font-size: 20px;
    border: 1px solid #4a9285;
    background: #fff;
    padding: 10px;
    min-width: 180px;
    margin: 5px;
    text-align: center;
    display: inline-block;
}
.home .content-container .content .content-item .the-content .readmore:hover,
.home .content-container .content .content-item .group a:hover {
    background: #4a9285;
    border: 1px solid #4a9285;
    color: #fff;
}


.home .content-container .content .content-item:nth-of-type(4n) .the-content>.group p {
    height: 160px;
}

.home .content-container .content .content-item:nth-of-type(5n) .the-content> .text-content {
    padding-bottom: 40px;
    max-width: 920px;
    margin: 0 auto;  
}

.home .content-container .content .content-item .single-content {
    padding-top: 20px;
}

.home .content-container .content .content-item .group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
 }
 
 
 .home .content-container .content .content-item .group .half {
     margin-right: 2px;
     outline: none;
 }
 
.home .content-container .content-item .the-content .groups .half a {
    position: relative;
    display: block;
    overflow: hidden;
}

.home .content-container .content-item .the-content .groups .half a:hover:before {
    opacity: 0;
}

.home .content-container .content-item .the-content .groups .half a img {
    display: block;
    
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.home .content-container .content-item .the-content .groups .half a:hover img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
}


.home .content-container .content-item .the-content .groups .half a .overlay{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: RGBA(33,75,64,0.63);
    opacity: 0;
    z-index: 2;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;  
}

.home .content-container .content .content-item .groups .half a:hover .overlay{
    opacity:1;
    outline: none;
}

.home .content-container .content-item .the-content .groups .half a span p {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    padding: 5px 0;
    text-transform: initial;
}

.home .content-container .content-item .the-content .groups .half a span ul li {
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    margin-right: 5px;
    
}
.home .content-container .content-item .the-content .groups .half a span button {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-family: 'Cinzel',serif;
    font-size: 16px;
    border: 1px solid #fff;
    background: none;
    padding: 5px;
    min-width: 140px;
    margin: 10px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: none;
}
.home .content-container .content-item .the-content .groups .half a span button:hover {
    background: #fff;
    color: #282828;
    
}

.home .content-container .content-item .the-content .groups .half a span img {
    width: 50%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.home .content-container .content .content-item ul i {
    font-style: normal;
    padding: 0 5px;
    border-radius: 100%;
    border: 1px solid #fff;
    height: 32px;
    width: 34px;
    padding: 8px;
    margin-right: 5px;
}

.home .content-container .content-item .the-content .groups .half a span {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    font-size: 22px;
    line-height: 40px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    color: #fff;
    white-space: normal;
    text-align: center;
	width:100%;
    max-width: 360px;
    
    -webkit-transform: translateY(-100%) translateX(-50%) scale(0);
    -ms-transform: translateY(-100%) translateX(-50%) scale(0);
    -o-transform: translateY(-100%) translateX(-50%) scale(0);
    transform: translateY(-100%) translateX(-50%) scale(0);
    
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;  
}

.home .content-container .content-item .the-content .groups .half a:hover span {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    -o-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.home .container .content-container .content .content-item .the-content .groups {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.home .content-container .content-item .the-content .groups .half:first-of-type,
.home .content-container .content-item .the-content .groups .half:nth-of-type(3) {
    margin-right: 5px;
}

p.presshome {
    padding: 20px;
    text-align: center;
    display: none;
}

.addimages,
.home .content-container .content .content-item:nth-of-type(5n) .the-content> .text-content p {
    text-align: center;
}

.home .half-content {
    padding-left: 20px;
}
  
.text-content {
    padding: 0 20px;
    text-align: center;
}
  
.addimages li {
    display: inline-block;
    padding: 10px 5px;
}

/* @media all and (max-width:1600px){
    .home .content-container .content .content-item .group .half-content{
        padding-right: 15px;
    }
} */
@media all and (max-width: 1300px) {
    .home .content-container .content .content-item .group:first-of-type > .half:first-of-type {
        display: none;
    }
    .home .content-container .content .content-item .group:first-of-type>.half.first-img:first-of-type {
        display: block;
    }
    .home .half-content {
        padding-left: 0px;
    }
    .home .content-container .content .content-item h1.entry-title, 
    .home .content-container .content .content-item h1.entry-title span {
        text-align: center !important;
    }
}

@media all and (max-width: 1200px) {
    
    .home .text-content h3 span{
        display: block;
    }
    
    .home .content-container .content .content-item .poi {
        padding: 30px;
        height: 160px;
        max-width: none;
        margin-bottom: 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
    .home .content-container .content .content-item .the-content {
        margin: 0;
    }
  
    .home .content-container .content .content-item .group a {
        font-size: 15px;
        padding: 4px 10px;
        min-width: auto;
        margin: 19px;
        margin-top: 30px !important;
    }

    .home .content-container .content-item .the-content .groups .half a span p  {}

    .home .content-container .content-item .the-content .groups .half a span ul {
        margin: 3px 0px;
        padding-inline-start: 0px;
    }

    .home .content-container .content-item .the-content .groups .half a span ul li {
        font-size: 12px;
    } 

    .home .content-container .content .content-item ul i {
        height: 28px;
        width: 28px;
        padding: 5px;
        margin-right: 5px;
    }

    .home .text-content {
        padding: 10px;
    }

    .home .content-container .content-item .the-content .groups .half a span button {
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        font-family: 'Cinzel',serif;
        font-size: 17px;
        border: 1px solid #fff;
        text-align: center;
        display: inline-block;
    }

    /* .home .content-container .content-item .the-content .groups .half a span button:hover {
        background: #fff;
        color: #282828;
    } */

    .home .content-container .content .content-item:nth-of-type(4n) .the-content>.group p {
        height: auto;
    }

    .slick-initialized .slick-slide,
    .slick-slider {
        outline: none !important;
    }

    .slick-slide {
        height: auto !important;
    }

    .slick-next, .slick-prev {
        z-index: 1;
    }

    .slick-next {
        right: 16px !important;
        
    }
    .slick-prev {
        left: 16px !important;
    }

    .slick-slide a.readmore,
    .slick-slide h3,
    .slick-slide p{
        opacity: 0;
    }
    
    .slick-current {
        opacity: 1;
    }

    .slick-current a.readmore,
    .slick-current h3,
    .slick-current p {
    opacity: 1;
    }
}

@media all and (min-width: 1024px) {
    .home .content-container .content-item .the-content .groups .half a span ul {
        margin: 3px 0px;
        padding-inline-start: 0px;
    }
}

@media all and (max-width: 1023px) and (min-width: 768px) {
    .home .content-container .content-item .the-content .groups .half a span img {
        width: 50%;
        margin-bottom: 0px;
    }
    .home .content-container .content .content-item .group .half-content{
        padding-right: 0;
    }
}

@media all and (max-width: 1023px) {
    .home .content-container .content .content-item h1.entry-title {
        font-size: 35px;
    }
    
    .home .content-container .content .content-item h1.entry-title strong {
        font-size: 45px;
    }
    
    .home .content-container .content .content-item .spy ul li a {
        font-size: 15px;
    }
    
    .home .content-container .content .content-item .poi {
        background: transparent !important;
        padding: 0;
        height: auto;
    }
    
    .home .content-container .content .content-item .poi li {
        color: #151515;
    }
    
    .home .content-container .content .content-item .poi li:before {
        -webkit-filter: invert(1);
        filter: invert(1);
    }

    .home .content-container .content .content-item .group:first-of-type .half {
        width: 100%;
    }

    .home .content-container .content .content-item:first-of-type .group:first-of-type .half .img:first-of-type {
        display: none !important;
    }
}

@media all and (max-width: 767px) {
    .home .container .content-container .content .content-item .the-content .groups {
        display: block !important;
    }
    .home .content-container .content-item .the-content .groups .half {
        width: 100%;
    }
    .home .content-container .content .content-item .spy {
        margin-left: 0;
        margin-right: 0;
    }
    
    .home .content-container .content .content-item .spy ul li a {
        font-size: 13px;
    }
    
    .home .content-container .content .content-item .poi {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .home .content-container .content .content-item .poi li {
        margin: 0;
    }

    .home .content-container .content .content-item:first-of-type .group {
        display: block;
    }

    .home .content-container .content-item .the-content .groups .half a span ul li,
    .home .content-container .content-item .the-content .groups .half a span ul li i {
        font-size: 13px;
    }

    .home .content-container .content-item .the-content .groups .half a span img {
        width: 50% !important;
        margin: 5px auto !important;
    }
    .home .content-container .content-item .the-content .groups .half {
        margin-bottom: 3px;
    }
    .home .content-container .content .content-item ul i {
        height: 28px;
    }
    .addimages {
        display: none;
    }
    p.presshome  {
        display: block !important;
    } 
    .home .content-container .content .content-item img {
        width: 100%;
        max-width: 100%;
    }
}

@media all and (max-width: 992px) {
    .home .content-container .content-item .the-content .groups .half a span p,
    .home .content-container .content-item .the-content .groups .half a span ul {
        display: none;
    }
}

/* EXPLORE  */
.explore .content-container .content .content-item.villa-layout .wrapper,
.explore .content-container .content .content-item.living-areas .wrapper,
.explore .content-container .content .content-item.bedrooms .wrapper,
.explore .content-container .content .content-item.quick-facts .wrapper {
    padding-top: 40px;
}

.explore .content-container .content .content-item.villa-layout .floorplan {
    text-align: center;
    margin-top: 20px;
}

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

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

.explore .content-container .content .content-item .group .half h3 {
    margin-top: 0;
}

.explore .content-container .content .content-item .group .half .img {
    margin: 0;
}

.explore .content-item .half:first-of-type {
    padding-right: 30px;
} 
.explore .content-item .half-img:first-of-type {
    padding-right: 0px;
} 
.experience .content-container .content .content-item.spa .img:first-of-type,
.explore .img:first-of-type {
    padding-bottom: 5px;
}

.explore div#bedrooms,
.explore div#villa-layout {
    background: #f8f8f8;
 
}

.explore div#villa-layout .floorplan a {
    color: #282828;
    font-family: 'Open Sans',sans-serif
}

.half.half-img:first-of-type {
    margin-right: 5px;
    padding-right: 0px;
}

.explore .living-areas .group .half:nth-of-type(2n) .first-img,
.explore .bedrooms .group .half:nth-of-type(2n) .first-img {
    margin-bottom: 5px;
    margin-left: 3px;
}

.explore.villa-marie .living-areas .group .half:nth-of-type(2n) .first-img {
    margin-bottom: 0px !important;
}

.explore.villa-marie .bedrooms h2  {
    padding-top: 20px;
}
.explore .content-single {
    padding: 5px 0px 25px;
}

.explore.villa-marie .bedrooms .half.half-content {
    padding-left: 30px;
}

/* .explore .content-container .content .content-item.living-areas .group {
    padding-top: 30px;
} */

@media all and (max-width: 1400px) {
    .explore .content-container .content .content-item h3 {
        margin-top: 0px;
    }
    .explore .content-container .content .content-item.living-areas .content-single,
    .explore .content-container .content .content-item.bedrooms .half.half-content {
        margin-top: 20px;
    }
    .explore.villa-rose .content-container .content .content-item.bedrooms .half.half-content {
        margin-top: 0px;
    }
    .explore.the-pala div#living-areas .group:nth-of-type(2n) {
        padding-top: 10px;
    }
    .explore.the-pala div#living-areas .group:last-of-type {
        padding-top: 0px !important;
    }
    .explore.villa-markisa .content-item.living-areas .img:first-of-type {
        padding-bottom: 20px !important;
    }
    .explore.villa-markisa div#bedrooms .group:last-of-type {
        padding-top: 20px;
    }
    .explore.villa-marie .living-areas .img:first-of-type {
        margin-bottom: 20px;
    }
    .explore.villa-rose .bedrooms .group:nth-of-type(2n),
    .explore.the-pala .bedrooms .group:nth-of-type(3n) {
        margin: 20px 0px;
    }
    .explore .content-container .content .content-item.bedrooms .group .half,
    .explore .content-container .content .content-item.living-areas .group .half,
    .explore .content-container .content .content-item.villa-layout .group .half,
    .explore .content-container .content .content-item.about .group .half {
        width: auto;
        max-width: none;
        float: none;
    }
    
    .explore .content-container .content .content-item.villa-layout .group {
        display: block;
    }
    .explore .content-container .content .content-item.bedrooms .half.half-content
    .explore .content-container .content .content-item.living-areas .group:first-of-type {
        margin: 20px 0px;
    }

    .explore .content-container .content .content-item.living-areas .group:first-of-type .half:first-of-type {
        margin-bottom: 10px;
    }
    .explore .content-container .content .content-item.living-areas .group:first-of-type .half:nth-of-type(2n) {
        margin-top: 20px;
    }
    .explore .content-container .content .content-item.villa-layout .floorplan {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    .explore .half:first-of-type {
        padding: 0px;
    }

    .villa-markisa .about .half .img,
    .villa-marie .about .half .img,
    .villa-rose .about .half .img,
    .the-pala .about .half .img {
        display: none;
    }

    .first-img,
    .experience .dining .group .half:nth-of-type(2n) .first-img,
    .explore .living-areas .group .half:nth-of-type(2n) .first-img{
        display: none;
    }
    .explore .content-container .content .content-item .group:last-of-type .half.half-img {
        display: block;
    }
    .explore.villa-marie .content-container .content .content-item .group:last-of-type .half.half-img{
        display: none;
    }

    .explore .content-container .content .content-item.quick-facts .group,
    .explore .content-container .content  .content-item .villa-layout .group {
        display: block;
    }
    .explore.villa-marie .bedrooms .half.half-content {
        padding-left: 0px;
    }
}
/* QUICK FACTS */
.quick-facts h2.entry-title.quick {
    text-align: center !important;
    padding-bottom: 20px;
}

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

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

.quick-facts .content-container .content .content-item .item,
.explore .content-container .content .content-item.quick-facts .item {
    color: #282828;
    font-family: 'Cinzel',serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 80px;
}

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

.quick-facts .content-container .content .content-item .item strong,
.explore .content-container .content .content-item.quick-facts .item strong {
    font-size: 30px;
    font-family: 'Cinzel',serif;
    text-transform: none;
    margin-bottom: 15px;
    display: block;
    color: #4a9285;
}

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

.quick-facts .content-container .content .content-item .item#location:before,
.explore .content-container .content .content-item.quick-facts .item#location:before {
    background-position: 0 0;
}

.quick-facts .content-container .content .content-item .item#capacity:before,
.explore .content-container .content .content-item.quick-facts .item#capacity:before {
    background-position: 0 -94px;
}

.quick-facts .content-container .content .content-item .item#living-areas:before,
.explore .content-container .content .content-item.quick-facts .item#living-areas:before {
    background-position: 0 -188px;
}

.quick-facts .content-container .content .content-item .item#spa--sport-centre:before,
.explore .content-container .content .content-item.quick-facts .item#spa--sport-centre:before {
    background-position: 0 -934px;
}

.quick-facts .content-container .content .content-item .item#pools:before,
.quick-facts .content-container .content .content-item .item[id*=pool]:before,
.explore .content-container .content .content-item.quick-facts .item#pools:before,
.explore .content-container .content .content-item.quick-facts .item[id*=pool]:before {
    background-position: 0 -278px;
}

.quick-facts .content-container .content .content-item .item#staff:before,
.explore .content-container .content .content-item.quick-facts .item#estate-staff:before {
    background-position: 0 -373px;
}

.quick-facts .content-container .content .content-item .item#dining:before,
.explore .content-container .content .content-item.quick-facts .item#dining:before {
    background-position: 0 -467px;
}

.quick-facts .content-container .content .content-item .item#communication:before,
.explore .content-container .content .content-item.quick-facts .item#communication:before {
    background-position: 0 -561px;
}

.quick-facts .content-container .content .content-item .item#entertainment:before,
.explore .content-container .content .content-item.quick-facts .item#entertainment:before {
    background-position: 0 -655px;
}

.quick-facts .content-container .content .content-item .item#for-families:before,
.explore .content-container .content .content-item.quick-facts .item#for-families:before {
    background-position: 0 -750px;
}

.quick-facts .content-container .content .content-item .item#transport:before,
.explore .content-container .content .content-item.quick-facts .item#transport:before {
    background-position: 0 -844px;
}

.quick-facts .content-container .content .content-item .item#wedding--events-by:before,
.explore .content-container .content .content-item.quick-facts .item#wedding--events:before {
    background-position: 0 -1416px;
}

.quick-facts .content-container .content .content-item .item#property-area:before,
.explore .content-container .content .content-item.quick-facts .item#property-area:before {
    background-position: 0 -1028px;
}

.quick-facts .content-container .content .content-item .item#the-villa-complex:before,
.explore .content-container .content .content-item.quick-facts .item#the-villa-complex:before {
    background-position: 0 0;
}
.quick-facts .content-container .content .content-item .item#additional-facilities:before,
.explore .content-container .content .content-item.quick-facts .item#additional-facilities:before {
    background-position: 0 -1126px;
}
.quick-facts .content-container .content .content-item .item#managed--marketed-by:before,
.quick-facts .content-container .content .content-item .item#marketed-by:before,
.explore .content-container .content .content-item.quick-facts .item#managed--marketed-by:before,
.explore .content-container .content .content-item.quick-facts .item#marketed-by:before {
    background-position: 0 -1215px;
}

.quick-facts .content-container .content .content-item .item#managed-by:before,
.explore .content-container .content .content-item.quick-facts .item#managed-by:before {
    background-position: 0 -1500px;
}

.quick-facts .content-container .content .content-item .item#leisure-facilities:before,
.explore .content-container .content .content-item.quick-facts .item#leisure-facilities:before {
    background-position: 0 -1593px;
}

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

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

@media all and (max-width: 767px) {
    .quick-facts .content-container .content .content-item .half,
    .explore .content-container .content .content-item.quick-facts .half {
        float: none;
        width: auto;
    }

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

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

    .quick-facts .content-container .content .content-item .half:last-of-type .item:last-of-type,
    .explore .content-container .content .content-item.quick-facts .half:last-of-type .item:last-of-type {
        margin-bottom: 0;
    }
    .explore .content-item .half:first-of-type {
        padding-right: 0px;
    } 
}

.press .content-container .content .content-item .press-container .press-item.current {
    padding: 3px;
    margin-bottom: 25px;    
    font-weight: 300;
}

.press .content-container .content .content-item .press-container .press-item a {
    color: #282828;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;    
    font-weight: 400;
    display: inline;
}

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

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

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

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

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

.video .content-container .content .content-item .tabs > ul li a {
    background: #9dbdc5;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.video .content-container .content .content-item .tabs > ul li.current a {
    background: #4a9285;
    color: #fff;
}

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

    .video .content-container .content .content-item .tabs > ul li {
        display: block;
        margin-bottom: 12px;
    }
}

.floorplan .content-container .content .content-item .floorplan img,
.gallery .content-container .content .content-item .floorplan img {
    border: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.floorplan .content-container .content .content-item .floorplan a,
.gallery .content-container .content .content-item .floorplan a {
    font-family: 'Open Sans', sans-serif;
    color: #272727;
    display: block;
}

.floorplan .content-container .content .content-item .tabs > ul {
    text-align: left;
    display: flex;
    overflow-x: auto;
}

.floorplan .content-container .content .content-item .tabs > ul::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    height: 3px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.floorplan .content-container .content .content-item .tabs > ul::-webkit-scrollbar-thumb {
    background: rgba(57, 94, 102, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.floorplan .content-container .content .content-item .tabs > ul li {
    flex: 1;
}

.floorplan .content-container .content .content-item .tabs > ul li a {
    background: #9dbdc5;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.floorplan .content-container .content .content-item .tabs > ul li.current a {
    background: #4a9285;
    color: #fff;
}
@media all and (max-width:1024px){
    .rates .content-container .content .content-item .tabs>ul li{
            width: calc(50% - 1px);
            border: 1px solid white;
    }
    .rates .content-container .content .content-item .tabs>ul li:last-child {
        width: calc(100% - 2px);
    }
}
@media all and (max-width: 767px) {

    .gallery .content-container .content .content-item .tabs>ul,
    .floorplan .content-container .content .content-item .tabs>ul {
        display: block !important;
      
    }
    .rates .content-container .content .content-item .tabs > ul li,
    .gallery .content-container .content .content-item .tabs > ul li,
   .floorplan .content-container .content .content-item .tabs > ul li {
        margin-bottom: 5px !important;
    }
    .rates .content-container .content .content-item .tabs>ul li{
        width: unset;
    }
}

.gallery .content-container .content .content-item .tabs > ul {
    display: flex;
    overflow-x: auto;
}

.gallery .content-container .content .content-item .tabs > ul::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    height: 1px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.gallery .content-container .content .content-item .tabs > ul::-webkit-scrollbar-thumb {
    background: rgba(57, 94, 102, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.gallery .content-container .content .content-item .tabs > ul li {
    flex: 1;
}

.gallery .content-container .content .content-item .tabs > ul li a {    
    background: #9dbdc5;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

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

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

.gallery .content-container .content .content-item .gallery-pagination a.active {
    background: #4a9285;
    border-color: #4a9285;
    color: #fff;
}
.gallery #the-estate li:nth-child(2n) img {
    /* content: ""; */
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    object-fit: contain;
}

/* LOCALE */
.locale .content-container .content .content-item.things-to-do .group {
    flex-wrap: wrap;

}
.locale .content-container .content .content-item .group {
    margin: auto;
    text-align: center;
    font-size: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.locale .content-container .content .content-item.things-to-do .wrapper .group .half, 
.locale .content-container .content .content-item.things-to-do .wrapper .group:first-of-type .half:last-of-type {
      width: calc(92% / 3);
    float: none;
    clear: both;
    text-align: justify;
}

.locale .half:first-of-type {
    padding-right: 0px !important;
}

.locale .content-item.things-to-do .group p {
    padding: 10px;
}

.locale .content-container .content .content-item h2.entry-title {
    text-align: center !important;
}

.locale li {
    font-size: 16px;
    color: #282828;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
}

.locale .content-container .content .content-item.the-locale .wrapper {
    padding-bottom: 0;
}

.locale .content-container .content .content-item.the-locale .map_div {
    float: right;
    width: 50%;    
    height: 325px;
    margin-left: 30px;
}

.locale .content-container .content .content-item.the-locale .distances {
    width: calc(50% - 30px);
    margin-top: 10px;
    font-size: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.locale .content-container .content .content-item.the-locale .distances dt,
.locale .content-container .content .content-item.the-locale .distances dd {
    width: 70%;
    color: #282828;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    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 .img {
    margin: 0 0 30px;
}


.locale .content-container .content .content-item.things-to-do .group {
    margin-left: -40px;
    margin-right: -40px;
    margin-top: 20px;
}

.locale .content-container .content .content-item.things-to-do .group .half {
    width: calc(50% - 10px);
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    float: none;
    vertical-align: middle;
}

.locale .content-container .content .content-item.things-to-do ul {
    list-style: disc;
}

.locale .content-container .content .content-item.things-to-do ol {
    list-style: decimal;
    margin-top: 20px;
    display: block;
}

.locale .content-container .content .content-item.things-to-do ul li,
.locale .content-container .content .content-item.things-to-do ol li {
    font-size: 16px;
    color: #282828;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
    line-height: 30px;
    text-align: justify;
    margin-left: 30px;
}

.locale .content-container .content .content-item.things-to-do ol li {
    margin-left: 20px;
}

.locale .content-container .content .content-item.things-to-do ul li:last-of-type,
.locale .content-container .content .content-item.things-to-do ol li:last-of-type {
    margin-bottom: 0;
}

.locale .content-container .content .content-item.things-to-do ul li a,
.locale .content-container .content .content-item.things-to-do ol li a {
    color: #282828;
}

.locale .content-container .content .content-item.things-to-do ol .img:nth-of-type(1) {
    float: right;
    margin-left: 30px;
    margin-bottom: 10px;
}

.locale .content-container .content .content-item.things-to-do ol .img:nth-of-type(2) {
    float: left;
    margin-right: 45px;
    margin-bottom: 10px;
    margin-top: 5px;
}

@media all and (max-width: 1200px) {
    .locale .content-container .content .content-item.things-to-do ol .img:nth-of-type(1),
    .locale .content-container .content .content-item.things-to-do ol .img:nth-of-type(2) {
        display: none;
    }
}

@media all and (max-width: 1023px) {
    .locale .content-container .content .content-item.the-locale .distances {
        float: none;
        width: auto;
    }

    .locale .content-container .content .content-item.the-locale .map_div {
        float: none;
        width: auto;
        height: 225px;
        margin-left: 0;
        margin-bottom: 30px;
    }
}

@media all and (max-width:1023px) and (min-width:592px)  {
    .locale .content-container .content .content-item.things-to-do .group {
        margin: 10px 0px 0px;
    }
    .locale .content-container .content .content-item.things-to-do .group .half {
        width: calc(50% - 10px) !important;
    }
    .locale .content-container .content .content-item.things-to-do .group .half {
        padding: 0px;
    }
}
@media all and (max-width: 767px) {
    .locale .content-item.things-to-do .group p {
        padding: 20px 10px 10px;
    }
}
@media all and (max-width: 591px) {
    .locale .content-container .content .content-item .group {
        display: block;
        margin: 10px 0px 0px;
    }

    .locale .content-container .content .content-item.things-to-do .group .half,
    .locale .content-container .content .content-item.things-to-do .group {
        margin: 10px 0px 0px;
    }

    .locale .content-container .content .content-item.the-locale .distances dt,
    .locale .content-container .content .content-item.the-locale .distances dd {
        font-size: 15px;
    }
      .locale .content-container .content .content-item.things-to-do .wrapper .group:first-of-type .half:last-of-type,
    .locale .content-container .content .content-item.things-to-do .wrapper .group .half {
        width: 100%;
    } 
}

.experience .content-container .content .content-item.staff dl,
.experience .content-container .content .content-item.spa dl {
    font-size: 0;
}
.experience .content-container .content .content-item.staff dl {
    padding-right: 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 {    
    font-family: 'Cinzel',serif;
    color: #4a9383;
    font-size: 25px;
    text-transform: none;
    font-weight: 400;
}

.experience .content-container .content .content-item.staff dt {
    *display: inline-block;
    *display: inline;
    zoom: 1;
    *width: 35%;
    vertical-align: top;
    margin-top: 0;
}

.experience .content-container .content .content-item.spa dt {
    display: block;
}

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

.experience .content-container .content .content-item.spa dd {
    display: block;
}

.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: #282828;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 30px;
    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 {
    color: #282828;
}

.experience .content-container .content .content-item.dining .img:nth-of-type(2) {   
    float: right;
    margin-left: 30px;
    margin-bottom: 10px;
    margin-top: -5px;
}

.experience .content-container .content .content-item .group {   
    display: flex;
    align-items: center;
    flex-direction: row;
    align-items: center;
}

.experience .content-container .content .content-item .group:first-of-type > .half:first-of-type {
    padding-right: 30px; 
}

.experience .content-single {
    padding-bottom: 20px;
}
.experience .content-item.dining .group .half .first-img:first-of-type {
    margin-left: 4px;
}
.experience .content-item.dining .group .half .first-img:first-of-type,
.experience .content-item.staff .group .half .first-img:first-of-type {
    padding-bottom: 5px;
}

@media all and (max-width: 1400px) {
    .experience .content-container .content .content-item.dining .img:nth-of-type(2) {   
        display: none;
    }
    .experience .content-container .content .content-item.staff .group,
    .experience .content-container .content .content-item .group:first-of-type {   
        display: block !important;
        margin: 0;
    }

    .experience .content-container .content .content-item .group .half {   
        margin: 0;
        width: 100% !important;
    }
    .experience .content-container .content .content-item.dining .half.half-img:first-of-type {
        padding-right: 3px;
    }
    .experience .content-container .content .content-item.families .group:first-of-type {
        padding-bottom: 0px;
    }
    .experience .content-container .content .content-item .group:first-of-type {
        padding-bottom: 20px;
    }
    .experience .content-container .content .content-item.staff dl,
    .experience .content-container .content .content-item .group:first-of-type>.half:first-of-type {
        padding-right: 0px;
    }
}

@media all and (max-width: 767px) {
    .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 {
        font-size: 24px;
    }

    .experience .content-container .content .content-item.staff dt {   
        color: #395e66;
        font-weight: 400;
        display: block;
        width: auto;
        padding-bottom: 10px;
    }

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

.experience .content-container .content .content-item.art .item {
    border-bottom: 2px solid #9dbdc5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.experience .content-container .content .content-item.art .item:last-child {
    margin-bottom: 0;
}

.experience .content-container .content .content-item.art .item:after {
    content: '';
    display: block;
    clear: both;
}

.experience .content-container .content .content-item.art .item .img {
    float: left;
    margin-right: 40px;
    margin-bottom: 2px;
}

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

@media all and (max-width: 425px) {
    .experience .content-container .content .content-item.art .item .img {
        margin-right: 0;
        margin-bottom: 25px;
        float: none;
        width: 100%;
    }
    
    .experience .content-container .content .content-item.art .item .img img {
        max-width: none;
        width: 100%;
    }
}
/* WEDDINGS */
.weddings .content-container .content .content-item h2.entry-title {
    text-align: center;
    text-transform: none;
    font-weight: 400;
    margin: 30px 0 15px;
}
.weddings .content-container .content .content-item h2 {
    color: #4a9383;
    text-align: left;
    font-size: 35px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 20px;
}
.weddings .content-container .content .content-item h4:last-of-type {
    color: #282828 !important;
}
.weddings .content-container .content .content-item small {
    text-align: center;
    text-transform: none;
    font-weight: 400;
    display: block;
    margin-bottom: 30px;
}
.weddings .content-container .content .content-item p:last-of-type {
    margin-bottom: 15px;
}
.weddings .content-container .content .content-item .season,
.weddings .content-container .content .content-item .capacity {
    font-size: 18px;
    display: block;
    color: #282828;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    border: 1px solid #7f7f7f;
    background: #fff;
    padding: 5% 25px;
    font-family: 'Open Sans', sans-serif;    
}
.weddings .content-container .content .content-item .season {
    display: block;
    width: auto;
    padding: 2.65% 25px;
}
.weddings .content-container .content .content-item .season li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 10px;
}
.weddings .content-container .content .content-item .season li:before {
    content: '|';
    margin-right: 10px; 
    margin-left: -10px;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.weddings .content-container .content .content-item .season li:first-of-type:before {
    display: none
}
.weddings .content-container .content .content-item .group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}
.weddings .content-container .content .content-item .group .half {
    width: calc(50% - 0px);
}
.weddings .content-container .content .content-item .group:first-of-type {
    margin-bottom: 20px;
}
.weddings .half-top {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-around;
}

.weddings .half-inline {
    flex: 1;
}

.weddings .half-inline:first-of-type {
    border-right: 1px solid #4a9285;
}
.weddings .half-inline:last-of-type {
    border-right: none;
}
.weddings .half-wrapper {
    border: 1px solid #4a9285;
    padding: 20px;
    margin-bottom: 5px;
}

.weddings .content-container .content .content-item h4, .content-container .content .content-item h4 p{
    line-height: 20px;
}

.weddings .content-container .content .content-item .group .half:first-of-type {
    padding-right: 30px;
}
.weddings .content-container .content .content-item .guidelines {
    display: flex;
}
.weddings .content-container .content .content-item .guidelines a {
    color: #4a9285;
    font-family: 'Cinzel',serif;
    font-size: 16px;
    display: block;

    text-transform: none;
    text-decoration: none;
    text-align: center;
    border: 1px solid #4a9285;
    background: #fff;
    padding: 10px;
    float: left;
    width: calc(50% - 3px);
    margin-right: 6px;

    
    -webkit-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:last-of-type {
    margin-right: 0;
}
.weddings .content-container .content .content-item .guidelines a:hover {
    background-color: #4a9285;
    color: #fff;
}
.weddings .group:last-of-type .img {
    padding-bottom: 0px !important;
    margin-top: 0px;
    width: 100%;
}
.weddings .img:first-of-type {
    padding-bottom: 5px;
}

/* corporate */
.corporate-retreats .content-container .content .content-item .group {
    display: flex;
   align-items: center;
}
.corporate-retreats .content-container .content .content-item .group .half:first-of-type {
    padding-right: 40px;
}
.corporate-retreats .content-container .content .content-item .group .half .firstimg.img {
    padding-bottom: 10px;
}
@media all and (max-width: 1200px) {
    .corporate-retreats .content-container .content .content-item .group {
        display: block;
    }
    .corporate-retreats .content-container .content .content-item .group .half:first-of-type {
        padding-right: 0px;
    }
    .corporate-retreats .content-container .content .content-item .group .half {
      width: 100%;
    }
    .corporate-retreats .content-container .content .content-item .group .half .firstimg.img.img {

        display: none;
    }
    .corporate-retreats .content-container .content .content-item .group .half .secondimg img {
        padding-top: 20px;
    }
}

/* PHOTO ALBUM */
.weddings .content-container .content .content-item .photo-album-thumbs {
    background: #e8e8e8;
}

.weddings .content-container .content .content-item .group .flip-book {width: 30%;margin: 0 auto; overflow: hidden;}

.weddings .content-container .content .content-item .group:nth-of-type(2n) {
    margin-top: 30px;
   
}

.flip-book .img a:hover img {
    transform: scale(1.2);
    overflow: hidden;
    transition: transform .5s ease;
}
.weddings .content-container .content .content-item .weddingsss {
    color: #fff;
    font-family: 'Cinzel',serif;
    font-size: 15px;
    line-height: 20px;
    display: block;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    border: 1px solid #4a9285;
    background: #4a9285;
    padding: 13px;
    width: 50%;
    margin: 0 auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 30px;
}

.weddings .content-container .content .content-item .weddingsss:hover{
    background-color: #fff;
    color: #4a9285;
}
@media all and (max-width: 1140px) {
    .experience .content-container .content .content-item .group .wrapper {
        margin: 0 15px;   
    }
    .weddings .content-container .content .content-item .capacity {
        padding: 3.2% 5px;
        font-size: 16px;    
        width: auto;
        display: block;
    }
}

@media all and (max-width: 1023px) {
    .experience .content-container .content .content-item .group .wrapper {
        margin: 0 15px;
    }
    .weddings .content-container .content .content-item .group .half {
        float: none;
        width: auto;
    }
    .weddings .content-container .content .content-item .group .half .img {
        display: none;
    }
    .weddings .content-container .content .content-item .capacity {
        width: 100%;
        padding: 3.2% 5px;
        font-size: 16px;
    }
}
@media all and (max-width: 1400px) {
    .weddings .content-container .content .content-item .group {
        display: block;
    }
    .weddings .content-container .content .content-item .group:last-of-type {
        margin-top: 20px;
    }
    .weddings .content-container .content .content-item .group .half {
        width: 100%;
    }
    .weddings .content-container .content .content-item .group .half:first-of-type {
        padding-right: 0px;
    }
    .weddings .content-container .content .content-item h4  {
        font-size: 16px;
    }
}

@media all and (max-width:1280px){
    .weddings .content-container .content .content-item .weddingsss{
        margin-bottom: 30px;
    }
}

@media all and (max-width: 767px) {
    .weddings .content-container .content .content-item .capacity {
        width: 100%;
        padding: 3.2% 5px;
        font-size: 16px;
    }
    .weddings .content-container .content .content-item .guidelines a:first-of-type {
        margin-bottom: 10px;
    }

    .weddings .content-container .content .content-item .guidelines a {
        width: 100%;
        padding: 4.4% 5px;
        font-size: 16px;
        float: none;
    }
    .weddings .content-container .content .content-item .guidelines p:last-of-type a {
        margin: 0;
    }
    .weddings .content-container .content .content-item .guidelines {
        display: block;
    }
  
}

.guest-reviews .content-container .content .content-item .tabs {
    background: transparent;
}

.guest-reviews .content-container .content .content-item .tabs {
    margin: 0 -1px;
}

.guest-reviews .content-container .content .content-item .tabs > ul {
    font-size: 0;
    margin-bottom: 30px;
    margin-left: -1px;
    margin-right: -1px;
    text-align: left;
}

.guest-reviews .content-container .content .content-item .tabs > ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.guest-reviews .content-container .content .content-item .tabs > ul li a {
    text-decoration: none;
    padding: 10px 15px;
    background: #9dbdc5;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    border-right: 1px solid #f1f9fc;
    display: block;
    min-width: 140px;
    text-align: center;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.guest-reviews .content-container .content .content-item .tabs > ul li.current a {
    background: #395e66;
    color: #fff;
}

.guest-reviews .content-container .content .content-item .tabs > div {
    display: none;
}

.guest-reviews .content-container .content .content-item .tabs > div.current {
    display: block;
    overflow-x: auto;
}

.guest-reviews .content-container .content .content-item .slides {
    margin-bottom: 30px;
}

/* .guest-reviews .content-container .content .content-item .slides li {
    display: none;
    opacity: 0;
    border-color: #4a9285 !important;
} */

.guest-reviews .content-container .content .content-item .reviews-container .review, 
.guest-reviews .content-container .content .content-item .slides li {
    opacity: 1 !important;
}

.guest-reviews .content-container .content .content-item .reviews-container .review,
.guest-reviews .content-container .content .content-item .slides li.current {
    display: block !important;
    opacity: 1 !important;
}

.guest-reviews .content-container .content .content-item .reviews-container .review {
    float: none !important;
    margin: 0 0 30px !important;
}

.guest-reviews .content-container .content .content-item .slides li:before {
    content: '\2018\2018';
    display: block;
    float: left;
    color: #4a9285;
    font-size: 140px;
    margin: 50px 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: 'Open Sans', sans-serif;
    color: #427065;
    text-align: right;
    display: block;
    margin-top: 10px;
}


.guest-reviews .content-container .content .content-item .reviews-container .review .dates,
.guest-reviews .content-container .content .content-item .slides li .gr-date {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #427065 !important;
    text-align: right;
}

.guest-reviews .content-container .content .content-item .reviews-container a {
    color: #282828;
}

.guest-reviews .content-container .content .content-item .reviews-pagination a:hover {
    background: #4a9285;
    color: #fff;
    border: 1px solid #4a9285 !important;
}

.guest-reviews .content-container .content .content-item .reviews-pagination a {
    padding: 7px 10px;
    text-decoration: none;
    color: #000;
    border: 1px solid #333;
    margin: 0px 2px;
}

.guest-reviews .content-container .content .content-item .reviews-pagination a.active {
    background: #4a9285;
    border-color: #4a9285;
    color: #fff;
}
.reviews-pagination {
    text-align: center;
}

.rates .content-container .content .content-item .teaser {
    margin-top: 30px;
    font-weight: 400;
}
.rates .content-container .content .content-item .teaser strong {
    color: #282828;
    font-family: 'Open Sans', sans-serif;
}
.rates .content-container .content .content-item .promotions td {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.rates tr.promotr h1,
.rates .content-container .content .content-item .discounts ul li,
.rates .content-container .content .content-item .discounts td,
.rates .content-container .content .content-item .promotions ul li {
    font-family: 'Open Sans', sans-serif;
}
.rates .content-container .content .content-item .discounts {
    border: none !important;
    margin-bottom: 0px;
    padding: 0px;
}
.rates .content-container .content .content-item .discounts,
.rates .content-container .content .content-item .promotions {
    font-weight: 300;
    border-color: #4a9285 !important;
}

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

.rates .content-container .content .content-item .discounts .rates-title,
.rates .content-container .content .content-item .promotions .rates-title {
    color: #598191;
    font-family: 'Cinzel', serif;
   
}

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

.rates .content-container .content .content-item .discounts .rates-tagline,
.rates .content-container .content .content-item .promotions .rates-tagline {
    color: #282828;
    font-family: 'Open Sans', sans-serif;
}
.rates .content-container .content .content-item .discounts ul li,
.rates .content-container .content .content-item .discounts td {
    font-weight: 400;
}
.rates .content-container .content .content-item .tabs-end > ul {
    background: #4a9285;
}
.rates .villatabs li {
    width: calc(100% / 5);
}

.rates .content-container .content .content-item .tabs > ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    /* margin: 1px; */
}

.rates .content-container .content .content-item .tabs > ul li a {

    background: #9dbdc5;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    border-right: 2px solid #fff;
}

.rates .content-container .content .content-item .tabs > ul li.current a {
    background: #4a9285;
    color: #fff;
    font-weight: 500;
   
}

.rates .content-container .content .content-item .tabs-end table th {
    background: #4a9285;
    width: 17.5%;
    font-family: 'Open Sans', sans-serif;
}

.rates .content-container .content .content-item .tabs-end table th:first-of-type {
    text-align: center;
    width: 40%;
}
.rates .content-container .content .content-item .tabs-end table td {
    text-align: center;
    background: #e8edef;
    color: #282828;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 5px 10px;
    vertical-align: middle;
}

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

.rates .content-container .content .content-item .tabs-end table td .inclusions i {
    background: #4a9285;
}
.rates .content-container .content .content-item .tabs-end table td .inclusions {
    display: inline-block;
}

.rates .content-container .content .content-item .promotions ul li:last-of-type {
    /* list-style: none; */
}

.rates .content-container .content .content-item .promotions ul:first-of-type li {
    /* list-style: none; */
}

/* RATES POPOVER */
@media (min-width: 1280px) and (max-height: 720px) {
    .popover {
        z-index: 1002 !important;
        max-width: 250px;
    }
    .popover.hover {
        transform: translateY(-100%) translateX(-50%);
    }
 }


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

/* HELPER */

.iframe-wrapper h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    margin-top: 0 !important;
}

.iframe-wrapper span {
    display: block;
    margin-bottom: 10px;
}

#frmCal {
    margin-bottom: 30px;
}

#frmCal select {
    padding: 5px;
    width: 100%;
    max-width: 100px;
    margin-right: -1px;
}

.cal-legend {
    margin: 15px 0 30px;
    display: block;
}

.cal-legend ul {
    margin: 0 !important;
}

.cal-legend ul:after {
    clear: both;
    content: '';
    display: block;
}

.cal-legend li {
    float: left;
    padding-left: 20px !important;
    margin: 0 20px 0 0 !important;
    list-style-type: none !important;
}

.cal-legend li.available {
    background: url(images/cal-available.png) no-repeat 0 50%;
}

.cal-legend li.on-request {
    background: url(images/cal-on-request.png) no-repeat 0 50%;
}

.cal-legend li.on-hold {
    background: url(images/cal-on-hold.png) no-repeat 0 50%;
}

.cal-legend li.booked {
    background: url(images/cal-booked.png) no-repeat 0 50%;
}

.cal-legend li.no-rates {
    background: url(images/cal-no-rates.png) no-repeat 0 50%;
}

.cal-legend li.check-in-out {
    background: url(images/cal-check-in-out.png) no-repeat 0 50%;
}

.reservations .content-container .content .content-item .wrapper{
    margin: 0 auto;
}
.reservations .content-container .content .content-item .teaser, .general-enquiries .content-container .content .content-item .teaser {
    max-width: 100%;
}
.reservations .content-container .content .content-item a,
.general-enquiries .content-container .content .content-item a {
    color: #282828;
}

.reservations .content-container .content .content-item form,
.general-enquiries .content-container .content .content-item form {
    color: #282828;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.reservations .content-container .content .content-item form h2,
.general-enquiries .content-container .content .content-item form h2 {
    color: #9dbdc5;
    font-family: 'Open Sans', sans-serif;
}

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

.reservations .content-container .content .content-item form .form-row label,
.general-enquiries .content-container .content .content-item form .form-row label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.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: 'Open Sans', sans-serif;
}

.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: 'Open Sans', sans-serif;
}

.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: 18px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #282828;
    color: #282828;
    background: #fff;
}

.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: #4a9285;
    color: #fff;
    border: 1px solid #4a9285;
}

@media (min-width: 1024px) {
.reservations .content-container .content .content-item form .form-row:first-of-type .form-estate {
    display: grid;
    padding-left: 30px;
}
}

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

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

.links .content-container .content .content-item h2 {
    color: #282828;
    font-family: 'Open Sans', sans-serif;
}

.links .content-container .content .content-item h3 {
    color: #282828;
    font-family: 'Open Sans', sans-serif;
}

.guest-reviews .content-container .content .content-item .wrapper,
.rates .content-container .content .content-item .wrapper,
.reservations .content-container .content .content-item .wrapper,
.press .content-container .content .content-item .wrapper {
    max-width: 1440px;
}

.contact-sent .the-content {
    font-family: 'Open Sans',sans-serif;
}

/* awards */
#CDSWIDCOE {
    margin-bottom: 20px;
}
#CDSWIDCOE img {
    border: 1px solid #34e0a1 !important;
}
@media all and (max-width: 767px) {
    #CDSWIDCOE {
        margin: 0 auto !important;
    }
}

.singapore-logo img {
    max-width: 104px;
    margin-left: 14px;
    border: 1px solid #65e8b8;
    padding: 2px 4px;
}
.footer-container.sticky .badges,
.footer-container.sticky .singapore-logo {
    display: none;
}
@media all and (max-width: 767px) {
    .footer .group .half {
        width: 100%;
    }
    .footer .group .half {
        float: none;
        padding-top: 15px;
    }
    .footer .singapore-logo img {
        margin-left: 0px;
    }
}

@media all and (max-width: 1340px) and (min-width: 1201px) {
    .footer .group {
        position: relative;
        transform: translate(-60px, 0px) !important;
        left: 0 !important;
        right: 0 !important;
    }
    .singapore-logo img {
        margin-left: 11px;
    }
    #chse_badge {
        left: 217px !important;
    }
}
 
.wrap-this .content-guarantee{
    margin-bottom: 0px
}