﻿@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url('../Fonts/PlayfairDisplay-Regular.eot') format('embedded-opentype'), url('../Fonts/PlayfairDisplay-Regular.otf') format('opentype'), url('../Fonts/PlayfairDisplay-Regular.woff') format('woff'), url('../Fonts/PlayfairDisplay-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'PlayfairDisplay-Italic';
    src: url('../Fonts/PlayfairDisplay-Italic.eot') format('embedded-opentype'), url('../Fonts/PlayfairDisplay-Italic.otf') format('opentype'), url('../Fonts/PlayfairDisplay-Italic.woff') format('woff'), url('../Fonts/PlayfairDisplay-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: url('../Fonts/PlayfairDisplay-Bold.eot');
    src: url('../Fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../Fonts/PlayfairDisplay-Bold.woff') format('woff'), url('../Fonts/PlayfairDisplay-Bold.woff2') format('woff2'), url('../Fonts/PlayfairDisplay-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'PlayfairDisplay-Black';
    src: url('../Fonts/PlayfairDisplay-Black.eot');
    src: url('../Fonts/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'), url('../Fonts/PlayfairDisplay-Black.ttf') format('truetype'), url('../Fonts/PlayfairDisplay-Black.woff') format('woff'), url('../Fonts/PlayfairDisplay-Black.woff2') format('woff2');
}

@font-face {
    font-family: 'PlayfairDisplay-BoldItalic';
    src: url('../Fonts/PlayfairDisplay-BoldItalic.eot');
    src: url('../Fonts/PlayfairDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../Fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2'), url('../Fonts/PlayfairDisplay-BoldItalic.woff') format('woff'), url('../Fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'PlayfairDisplay-BlackItalic';
    src: url('../Fonts/PlayfairDisplay-BlackItalic.eot') format('embedded-opentype'), url('../Fonts/PlayfairDisplay-BlackItalic.otf') format('opentype'), url('../Fonts/PlayfairDisplay-BlackItalic.woff') format('woff'), url('../Fonts/PlayfairDisplay-BlackItalic.woff2') format('woff2');
}


@font-face {
    font-family: 'Quicksand-Bold';
    src: url('../Fonts/Quicksand-Bold.eot');
    src: url('../Fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'), url('../Fonts/Quicksand-Bold.woff2') format('woff2'), url('../Fonts/../Fonts/Quicksand-Bold.woff') format('woff'), url('../Fonts/Quicksand-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Quicksand-Medium';
    src: url('../Fonts/Quicksand-Medium.otf') format('opentype'), url('../Fonts/Quicksand-Medium.ttf') format('truetype'), url('../Fonts/Quicksand-Medium.woff') format('woff'), url('../Fonts/Quicksand-Medium.woff2') format('woff2'), url('../Fonts/Quicksand-Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Quicksand';
    src: url('../Fonts/Quicksand-Regular.eot');
    src: url('../Fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'), url('../Fonts/Quicksand-Regular.woff2') format('woff2'), url('../Fonts/Quicksand-Regular.woff') format('woff'), url('../Fonts/Quicksand-Regular.ttf') format('truetype');
}

h1 {
    display: inline;
    font-size: inherit;
    margin:0px;
    font-weight:inherit;
}

a, a:hover {
    text-decoration: none;
}

.css300 {
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.css500 {
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

#bttop {
    display: none; /*Hidden by default*/
    position: fixed; /*Fixed/sticky position*/
    bottom: 20px; /*Place the button at the bottom of the page*/
    right: 30px; /*Place the button 30px from the right*/
    z-index: 99; /*Make sure it does not overlap*/
    border: none; /*Remove borders*/
    outline: none; /*Remove outline*/
    background-color: #032e6c; /*Set a background color*/
    color: white; /*Text color*/
    cursor: pointer; /*Add a mouse pointer on hover*/
    border-radius: 50%; /*Rounded corners*/
    font-size: 16px; /*Increase font size*/
    height: 60px;
    width: 60px;
    padding: 8px;
}


a.revert-top {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 50px;
    border: 1px solid #c99f89;
    background: white url('../img/up-arrow2.png') no-repeat center 43%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    box-sizing: border-box;
}

    a.revert-top:hover {
        box-sizing: border-box;
        border: 1px solid white;
        background: #c99f89 url("../img/up-arrow.png") no-repeat center 43%;
    }

/*Section Mobile Nav*/
.mp-pusher {
    margin-left: 0px !important;
}

.mp-back {
    text-decoration: none;
}

.mp-menu ul li {
    list-style: none !important;
    padding-bottom: 40px;
    padding-left: 0;
}




    .mp-menu ul li::before {
        content: "";
        border-top: 1px solid #c79a83;
        width: 20%;
        display: block;
        margin: 0 auto;
        position: relative;
        height: 0px;
        left:0px;
    }

    .mp-menu ul li:first-child:before {
        content: none;
    }

.mp-level {
    background-image: url(../img/marbletexture.png);
    background-color:white;
    width: 100%;
}

.mp-menu > .mp-level{
    margin-left:-100%;
}

.mp-cover .mp-level.mp-level-open {
     margin-left: 0px; 
}

.mp-menu.mp-cover h2 {
    box-shadow: inset 0 -1px rgba(177,158,158,0);
    font-family: 'QuickSand';
    color: black;
    height: 67px;
    margin: 0px;
    padding: 0px;
}


.mp-level > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(128, 128, 128,0), inset 0 1px rgba(128, 128, 128,0);
}

.mp-menu ul li a:hover {
    box-shadow: inset 0 -1px rgba(177,158,158,0);
}

.mp-level > ul > li:first-child > a:hover {
    box-shadow: inset 0 -1px rgba(128, 128, 128,0), inset 0 1px rgba(128, 128, 128,0);
}

.mp-menu ul li > a {
    box-shadow: inset 0 -1px rgba(177,158,158,0);
    text-align: center;
    cursor: pointer;
    display: block;
    vertical-align: middle;
    margin: 0 30px;
    padding: 0px;
    padding-top: 60px;
    font-family: PlayfairDisplay-Regular;
    font-style: italic;
    text-align: center;
    color: #c79a83;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    font-size: 48px;
}

.mp-menu.active ul li > a {
    transform: translateX(0px)
}

.mp-menu ul li:nth-child(1) > a {
    transition-delay: 0.2s
}

.mp-menu ul li:nth-child(2) > a {
    transition-delay: 0.3s
}

.mp-menu ul li:nth-child(3) > a {
    transition-delay: 0.4s
}

.mp-menu ul li:nth-child(4) > a {
    transition-delay: 0.5s
}

.mp-menu ul li:nth-child(5) > a {
    transition-delay: 0.6s
}

.mp-menu ul li:nth-child(6) > a {
    transition-delay: 0.7s
}

.mp-menu ul li:nth-child(7) > a {
    transition-delay: 0.8s
}

.mp-menu ul li:nth-child(8) > a {
    transition-delay: 0.9s
}

.mp-menu ul li:nth-child(8) > a {
    transition-delay: 1.0s
}

.mp-back {
    color: black;
    background: rgba(0,0,0,0);
    box-shadow: inset 0 1px rgba(0,0,0,0);
}

    .mp-back:hover {
        color: black;
        background: rgba(0,0,0,0);
    }

    .mp-back::after {
        color: black;
    }

.scroller {
    min-width: 320px;
}

.mobilewrapcall {
    display: block;
    box-shadow: inset 0 -1px rgba(177,158,158,0);
}

.mobilephonelogo {
    display: inline-block;
    vertical-align: middle;
}

.mobilephoneno {
    display: inline-block;
    vertical-align: middle;
}

#navigation-bar {
    display: table;
    background-color: transparent;
    width: 100%;
    height: 50px;
    position: fixed;
    z-index: 1;
}

#navigation-bar.active {
    background-color:white;
}

#navigation-bar-wrapper {
    display: table;
    background-color: transparent;
    width: 92%;
    height:50px;
    margin:0 auto;
    z-index: 1;
    padding: 10px 0;
}

#navigation-bar.shrink {
    background-color: rgba(255,255,255,1);
}

#navigation-bar.active .mobileset {
   display:none;
}

#full-nav {
    position: absolute;
    transform: translateY(0px);
    left: 0px;
    bottom: 100%;
    display:none;
}

    #full-nav.active {
        transform: translateY(100%);
        opacity: 1;
    }

#full-nav {
    position: absolute;
    width: 100vw;
    height: 100vh;
    color: white;
    left: 0px;
    bottom: 100%;
    background-color: white;
    background-image: url(../img/marbletexture.png);
    background-size: cover;
    z-index: -1;
    opacity: 0;
    -moz-transition: all 1200ms;
    -webkit-transition: all 1200ms;
    -o-transition: all 1200ms;
    transition: all 1200ms;
    display:none;

}

#full-nav-text {
    margin: 0 auto;
    padding-top: 80px;
    width: 86%;
    text-align: center;
    font-family: PlayfairDisplay-Regular;
    font-style: italic;
    color: #c79a83;
    font-size: 14px;
}

#instruction-text {
    width: 86%;
    text-align: center;
    font-family: PlayfairDisplay-Regular;
    font-style: italic;
    color: #c79a83;
    font-size: 14px;
    bottom: 80px;
    position: fixed;
    transform: translateX(50%);
    right: 50%;
}


#mob-nav-text {
    margin: 0 auto;
    width: 86%;
    text-align: center;
    font-family: PlayfairDisplay-Regular;
    font-style: italic;
    color: #c79a83;
    font-size: 14px;
    padding-top: 20px;
}


#logo-div {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
    position: relative;
    z-index: 2;
    height: 50px;
    left: 50%;
    transform: translateX(-40%);
}

.logo-container {
    background-image: url(../img/logo.png);
    height: 100%;
    width: 100%;
    display: table;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

    /*.logo-container.black {
        background-image: url('../img/logo-black.png');
    }*/

#hamburger-div {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height:50px;
    box-sizing: border-box;
    cursor:pointer;
}

#social-div {
    display: none;
    vertical-align: middle;
}

#social-container {
    display: table;
    margin: auto;
    padding:0px;
    padding-right:30px;
}

.social-item {
    display: table-cell;
    width: 48%;
    text-align: center;
    padding-right: 10px;
    box-sizing: border-box;
    padding-left: 0;
}

    .social-item .whatsapp {
        display:block;
        background-image: url('../img/whatsapp.png');
        height: 50px;
        width:50px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .social-item .facebook {
        display: block;
        background-image: url('../img/facebook.png');
        height: 50px;
        width: 50px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .social-item:hover{
        opacity:0.5;
    }

#hamburger-container {
    display: table-cell;
    position: relative;
    padding: 0 13px;
}

.hamburger-border {
    height: 1px;
    border: 0.5px solid #c99f89;
    background: linear-gradient(to right, #977055, #c99f89);
    width: 20px;
    border-image-source: linear-gradient(to top right, #977055, #c99f89);
    border-image-slice: 2;
}

    .hamburger-border.top {
        position: absolute;
        top: 4px;
    }

    .hamburger-border.center {
        margin: 10px 0;
    }

    .hamburger-border.bottom {
        position: absolute;
        bottom: 4.5px;
    }

#hamburger-div:hover .hamburger-border.top {
    top: 10px;
}

#hamburger-div:hover .hamburger-border.center {
    opacity: 0;
}

#hamburger-div:hover .hamburger-border.bottom {
    bottom: 10px;
}

.hamburger-border.top.active {
    top: 10px;
    transform: rotate(-45deg);
}

.hamburger-border.center.active {
    opacity: 0;
}

.hamburger-border.bottom.active {
    bottom: 10px;
    transform: rotate(45deg);
}


#nav-div {
    display: block;
    vertical-align: middle;
}

.carousel-frame {
    margin-bottom: 0.5em;
    padding-bottom: 50px;
    padding-top:0px;
    position: relative;
    height:70vh;
    overflow:scroll;

}

    .carousel-frame ul {
        margin: 0;
        padding: 0;
        height: 100%;
        list-style: none;
    }

    .carousel-frame li.carousel-item {
        cursor: pointer;
        display: block;
        vertical-align: middle;
        margin: 0 30px;
        padding:40px 0;
        font-family: PlayfairDisplay-Regular;
        font-style:italic;
        text-align: center;
        color: #c79a83;
        -moz-transition: all 500ms;
        -webkit-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
        position:relative;
        font-size:48px;
    }

        .carousel-frame li.carousel-item a {
            color: inherit;
        }


        .carousel-frame li.carousel-item:hover {
            transform: translateY(-50px);
        }

.carousel-item.item2 .set2 {
    opacity: 0;
    position: absolute;
}
    
    .carousel-item.item2:hover .set2{
        opacity:1;
        position:relative;
     }

.carousel-item.item2 .set2.select {
    opacity: 1;
    position: relative;
}


    .carousel-frame li .item-set {
        width: 100%;
        display: block;
        line-height: 0px;
        white-space: normal;
        transform: translateX(-50%);
        left: 50%;
    }

    .carousel-frame li .item-link {
        font-family:Quicksand-Bold;
        display:inline-block;
        font-style:normal;
        font-size:14px;
        line-height:22px;
    }

.carousel-frame li.carousel-line {
    display: block;
    vertical-align: middle;
    border: 1px solid #c79a83;
    width: 80px;
    height: 0px;
    margin: 0 auto;
}

    .carousel-frame::-webkit-scrollbar {
        display: none;

    }

.carousel-mobutton {
    width: 100%;
    height: 50px;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    background-image: url('../img/expand.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}

.mobileset{
    text-align:center;
}

    .mobileset a {
        font-family: Quicksand-Bold;
        display: inline-block;
        font-style: normal;
        font-size: 16px;
        color: #c79a83;
        padding:14px;
    }


.nav-item {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    width: 10%;
}

#nav-container .nav-item a {
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: block;
    font-family: QuickSand-Bold;
    font-size: 9px;
    height: 100%;
    line-height: 50px;
    color: #ab8066;
    transform: translateY(-60px);
    opacity: 0;
    padding: 0 0.488vw
}

h2 {
    font-family: QuickSand-Bold;
    font-size: 12px;
    line-height: 28px;
}

    h2.black {
        color: black;
    }

    h2.white {
        color: white;
    }

p {
    font-family: Quicksand;
    font-size: 16px;
    line-height: 28px;
    text-align:justify;
}

    p.black {
        color: black;
    }

    p.white {
        color: white;
    }

.inner-wrapper {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 1280px;
    text-align: center;
}

.just {
    width: 100%;
    height: 0px;
    display: inline-block;
}

#footer{
    position:relative;
    overflow:hidden;
    padding:15px 0;
}

#footer-left {
    display: block;
    width: 92%;
    margin: 30px auto;
    z-index: 1;
    position: relative;
}

#footer-left-header {
    font-family: Quicksand;
    font-size: 20px;
    line-height: 26px;
    margin: 30px auto;
    letter-spacing:-2px;
}

.footer-col {
    width: 46%;
    margin-right: 3%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}

.footer-col-header {
    font-family: Quicksand-Bold;
    color: #c79a83;
    margin:10px 0;
    letter-spacing:-1px;
}

.footer-col-item {
    font-family: Quicksand;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: black;
    letter-spacing: -0.2px;
}

.footer-left-copy {
    font-family: Quicksand;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    z-index: 1;
    margin: 15px auto;
    vertical-align:bottom;
}

.footerlink {
    color: black;
}

.footerlink:hover {
    opacity:0.5;
}


.footer-social {
    display: inline-block;
    color: #c79a83;
    padding-right: 30px;
    font-family: Quicksand-Bold;
}

.footer-social:hover {
    opacity: 0.5;
}

#footer-right {
    display: block;
    width: 100%;
    min-height:300px;
    position:relative;
}

#footer-right-shade {
    box-shadow: inset 0px 0px 50px 60px rgb(255, 255, 255), 0px 0px 20px 60px rgb(255, 255, 255);
    background-image: url('../img/map-fade.png');
    background-position:center;
    background-size:cover;
    position: absolute;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

#footer-right iframe {
    min-height: 425px;
    height:100%;
    pointer-events: auto;
}

#footer-cta{
position: fixed;
    bottom: -5px;
    z-index: 5;
    width:100%;
}

#footer-cta-container {
    display: block;
    text-align: right;
}

.cta-button {
    background: url(../img/treatmentdetail_goldbg.jpg) no-repeat;
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 0 5px;
    padding-top: 5px;
    margin-right: 8px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: 2px solid rgb(234, 210, 197);
    border-bottom: none;
}

.cta-button img{
    display:block;
    width:80%;
    margin:0 auto;
}

.mobileLocation:hover {
    opacity: 0.5;
}

@media screen and (min-width:768px) {
    #social-div {
        display: table-cell;
        width: 100px;
    }

    #hamburger-div {
        border-image-source: linear-gradient(to right, #977055, #c99f89 );
        border-image-slice: 2;
        border: 1px solid #c99f89;
        background-color: white;
    }

    #footer-cta {
        display:none;
    }
}

@media screen and (min-width:1280px) {
    #navigation-bar.active {
        background-color: transparent;
    }
        .mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after {
        height: 0px;
    }
    #navigation-bar-wrapper {
        -moz-transition: all 500ms;
        -webkit-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
        padding: 0.781vw 0;
    }
   
    #navigation-bar.shrink {
        background-color: rgba(255,255,255,0.5);
    }

    #navigation-bar.active {
        transition-delay: 0.2s;
        background-color: transparent;
    }

        #navigation-bar.active #social-div{
            display:none;
        }

        #navigation-bar.active #logo-div{
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }

        #navigation-bar.active #logo-div .logo-container {
            background-position:center;
        }

    #mp-menu {
        display: none;
    }

    .mp-level {
        display: none;
    }

    #logo-div {
        width: 10%;
        left:inherit;
        transform:translateX(0px);
        height:auto;
    }

    .logo-container {
        transform: scale(1.15) translate(0.7vw,0.1vw);
    }

    #nav-div {
        width: 100%;
    }

    #full-nav {
        display:block;
        position: absolute;
        width: 100vw;
        height: 100vh;
        color: white;
        left: 0px;
        bottom: 100%;
        background-color: white;
        background-image: url(../img/marbletexture.png);
        background-size: cover;
        z-index: -1;
        opacity: 0;
        -moz-transition: all 1200ms;
        -webkit-transition: all 1200ms;
        -o-transition: all 1200ms;
        transition: all 1200ms;
    }

        #full-nav.active {
            transform: translateY(100%);
            opacity: 1;
        }

    .carousel-frame {
        margin-bottom: 0.5em;
        position: relative;
        overflow-x: scroll;
        white-space: nowrap;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
    }

    #navigation-bar.active .carousel-frame {
        padding-bottom: 150px;
        padding-top: 100px;
    }


        .carousel-frame li.carousel-item {
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
            margin: 0 30px;
            padding: 0;
            font-family: PlayfairDisplay-Regular;
            font-style: italic;
            text-align: center;
            color: #c79a83;
            -moz-transition: all 500ms;
            -webkit-transition: all 500ms;
            -o-transition: all 500ms;
            transition: all 500ms;
            position: relative;
        }

    .carousel-frame li.carousel-item {
        font-size: 6vw;
        line-height: 10.052vw;
    }

    .carousel-frame li .item-link {
        font-size: 1vw;
        line-height: 2.2vw
    }

        .carousel-frame li.carousel-line {
            display: inline-block;
            vertical-align: middle;
            border: 1px solid #c79a83;
            width: 80px;
            height: 0px;
            padding-left: 0;
        }

        .carousel-frame li .item-set {
            position: absolute;
            width: 140%;
            display: block;
            line-height: 0px;
            white-space: normal;
            transform: translateX(-50%);
            left: 50%;
        }

        .carousel-frame li.carousel-item:hover {
            padding: inherit;
        }

        .carousel-frame li.carousel-item.item2 :hover {
            padding: inherit;
        }

        .carousel-frame li.carousel-item.item2 a:hover {
            /*opacity: 0.5;*/
            transform:scale(1.1);
        }

    .carousel-item.item2 .set2 {
        opacity: 0;
        position: absolute;
    }

    .carousel-item.item2:hover .set2 {
        opacity: 1;
        position: absolute;
    }

    .carousel-item.item2 .set2.select {
        opacity: 1;
        position: relative;
    }

    .carousel-mobutton {
        display:none;
    }

    #full-nav-text {
        margin: 0 auto;
        padding-top: 7.813vw;
        width: 32.813vw;
        text-align: center;
        font-family: PlayfairDisplay-Regular;
        font-style: italic;
        color: #c79a83;
        font-size: 1.094vw;
    }

    .nav-item.unactive {
        opacity: 0.5;
    }

    #nav-container.active .nav-item a {
        transform: translateY(0px);
        opacity: 1;
    }

    #nav-container .nav-item:nth-child(1) > a {
        transition-delay: 0.2s
    }

    #nav-container .nav-item:nth-child(2) a {
        transition-delay: 0.3s
    }

    #nav-container .nav-item:nth-child(3) a {
        transition-delay: 0.4s
    }

    #nav-container .nav-item:nth-child(4) a {
        transition-delay: 0.5s
    }

    #nav-container .nav-item:nth-child(5) a {
        transition-delay: 0.6s
    }

    #nav-container .nav-item:nth-child(6) a {
        transition-delay: 0.7s
    }

    #nav-container .nav-item:nth-child(7) a {
        transition-delay: 0.8s
    }

    #nav-container .nav-item:nth-child(8) a {
        transition-delay: 0.9s
    }

    .inner-wrapper {
        width: 86%;
    }

    #footer-left {
        width: 60%;
        margin: 30px 4%;
        position: relative;
        z-index: 2;
    }

    #footer-right {
        width: 50%;
        position:absolute;
        top:0;
        right:0;
    }

    #footer-left-header {
        font-size: 1.667vw;
        line-height: 2.500vw;
    }

    .footer-col-header {
        font-size: 1.042vw;
    }

    .footer-col-item {
        font-size: 0.938vw;
        line-height: 1.563vw;
    }

    .footer-left-copy {
        font-size: 0.938vw;
        line-height: 1.563vw;
        width: 49%;
        display: inline-block;
    }

    .footer-col {
        width: 29%;
        margin-right: 3%;
    }

    #footer-right iframe {
        min-height: 21.5vw;
        height: 100%;
        pointer-events: auto;
    }

    #nav-container .nav-item a {
        font-size: 10px;
    }

    .nav-item {
        width: 10%;
    }

    #nav-container .nav-item a {
        font-size: 0.65vw
    }

    #hamburger-div {
        height: 3vw;
        width: 3vw;
        min-height: 50px;
        min-width: 50px;
        border-image-source: linear-gradient(to right, #977055, #c99f89 );
        border-image-slice: 2;
    }

    .social-item .whatsapp, .social-item .facebook {
        height: 2.1vw;
        width: 2.1vw;
        background-size: cover;
    }

    .hamburger-border.center {
        margin: 0.7vw 0;
    }

    .hamburger-border {
        height: 1px;
        border: 0.5px solid burlywood;
        width: 1.4vw;
        border-image-source: linear-gradient(to right, #977055, #c99f89);
    }

        #hamburger-div:hover .hamburger-border.top, .hamburger-border.top.active {
            top: 0.7vw;
        }

        #hamburger-div:hover .hamburger-border.bottom, .hamburger-border.bottom.active {
            bottom: 0.7vw;
        }

    #hamburger-container {
        /*padding: 0 0.64vw;*/
    }


    h2 {
        font-size: 0.878vw;
        line-height: 2vw;
    }

    p {
        font-size: 16px;
        line-height: 32px;
        text-align:left;
    }

    .mobileLocation{
        display:none;
    }
}

@media screen and (min-width:1920px) {
    #hamburger-container {
        padding: 0 0.68vw;
    }

    p {
        font-size: 0.90vw;
        line-height: 1.719vw;
        text-align: left;
    }
}

@media screen and (max-width: 1279px) {
    #footer-right {
        display: none;
    }
}
