/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



/*___________________GENERAL_________________*/

@font-face {
    font-family: 'Raleway Bold';
    src: url('fonts/Raleway-Bold.ttf');
}

@font-face {
    font-family: 'Raleway Medium';
    src: url('fonts/Raleway-Medium.ttf');
}

@font-face {
    font-family: 'Raleway SemiBold';
    src: url('fonts/Raleway-SemiBold.ttf');
}

/* @font-face {
    font-family: 'Quiche Sans';
    src: url('fonts/Quiche/QuicheFine-Regular.ttf');
} */

p, li{
    font-family: 'Raleway Medium';
    line-height: 1.4;
}

strong{
    font-family: 'Raleway Medium'!important;
    font-weight: 700;
} 

body{
    color: #355A68;
}

.text-white p, .text-white h1, .text-white h2{
    color: white!important;
}
h2{
    line-height: 1.2!important;
    text-transform: uppercase!important;
}

h3{
    font-family: 'Raleway SemiBold';
    font-size: 35px!important;
}

.cky-btn-revisit-wrapper{
    display: none!important;
}

.text-blue h2, .text-blue p, .text-blue h3, .text-blue h4{
    color: #355A68;
}

.d-none{
    display: none!important;
}

.no-padding{
    padding: 0!important;
}

.section-tour.no-padding .row-bg{
    background:none!important;
}

.section-tour.no-padding{
   background:#e4e4e4!important;
}

.section-tour.no-padding .row-bg-overlay{
    background:#e4e4e4!important;
}
/*___________________HEADER__________________*/

#slide-out-widget-area{
    z-index: 10000;
}

#header-space{
    height: 100px!important;
}

.button-pdf{
    height: 100%;
    display: none;
}

.button-pdf .nectar-button span{
    font-size: 15px!important;
}

.button-pdf .nectar-button {
    margin-right: -20px;
    margin-bottom: 0;
}

.single-ridgevilla .coral-pdf{
    display: flex;
    align-items: center;
}

.single-oceansvilla .oceans-pdf{
    display: flex;
    align-items: center;
}


.owl-theme[data-desktop-cols] .owl-nav [class*=owl-]{
    background-color: transparent!important;
    border: none!important;
    width: 30px;
    height: 41px;
    -webkit-box-shadow: 5px 3px 16px -2px rgb(0 0 0 / 19%);
}

.owl-theme[data-desktop-cols] .owl-nav [class*=owl-] span{
    visibility: hidden;
}

.slide-out-widget-area-toggle>div>a{
    background: url(/wp-content/uploads/2024/07/menu.png)!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: right !important;
    height: 25px!important;
}

.slide-out-widget-area-toggle>div>a.open{
    background:url(/wp-content/uploads/2024/07/close.png)!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: right !important;
    height: 25px!important;
}

.slide-out-widget-area-toggle>div>a:hover{
    opacity: 0.7;
    transition: 0.4s ease-in-out;
}

.slide-out-widget-area-toggle>div>a>span{
    visibility: hidden!important;
}

#menu-villas{
    border-top: 1px solid;
    padding-top: 20px!important;
    display: flex;
    flex-direction: column-reverse;
}

#slide-out-widget-area>.inner-wrap{
    padding-top: 0!important;
}
#header-outer #top nav, .slider-nav span span{
    display: block!important;
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li, #slide-out-widget-area.fullscreen-alt .menuwrapper li{
    text-align: left;
}

.off-canvas-menu-container{
    max-width: 636px;
    margin: 0 auto!important;
}

#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container .menu li, #slide-out-widget-area.fullscreen .menuwrapper li, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li, #slide-out-widget-area.fullscreen-alt .menuwrapper li{
    margin: 0!important;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a, body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a, body #nectar-ocm-ht-line-check{
    margin: 0;
    padding: 0;
    line-height: 1;
}

.menu>li>a{
    font-family: "quiche-sans", sans-serif!important;
    margin-bottom: 10px!important;
    color:white!important;
}

.estado p{
    font-family: "quiche-sans", sans-serif!important;    
    font-weight: 600;
}

#menu-villas a{
    font-family: 'Raleway Medium'!important;
    font-size: 22px!important;
    margin-bottom: 0px!important;
    padding-left: 40px!important;
    opacity: 0.5!important;
    transition: 0.4s ease-in-out!important;
}

#menu-villas a:hover{
    opacity: 1!important;
    transition: 0.4s ease-in-out!important;
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a{
    font-weight: 500!important;
}


#header-outer:not([data-format=left-header]) #top>.container>.row nav{
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#menu-item-105{
    padding-bottom: 20px!important;
}

#menu-item-105>a, #menu-item-106>a,  #menu-item-580>a{
    width: 100%;
    display: block;
    border-bottom: 1px solid #DDD2B8;
    padding-bottom: 10px!important;
}

#menu-item-105 ul li a{
    color: #DDD2B8;
    font-weight: 500 !important;
    font-family: 'Raleway Medium' !important;
    font-size: 22px !important;
    padding-left: 40px !important;
    opacity: 0.5 !important;
    transition: 0.4s ease-in-out !important;
}

#menu-item-105 ul li a:hover{
    opacity: 1!important;
    transition: 0.4s ease-in-out !important;
}


.items-plano{
    background-color: #ece6d9!important;
    margin-top: -15px!important;
}

.items-plano .vc_col-sm-4{
    padding: 0 50px!important;
    padding-left: 100px!important;
}

/*___________________HOME____________________*/

i{
    font-style: italic;
}
h1{
    font-family: "quiche-sans", sans-serif !important;
    text-transform: uppercase!important;
}
h2{
    font-family: "quiche-sans", sans-serif!important;
}

.project-slider .owl-nav{
    Position: absolute;
    top: 50%;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    transform: translateY(-50%);
}

.project-slider .owl-dots{
    display: none;
}

.project-slider .owl-nav.disabled{
    display: flex!important;
}

.project-slider .owl-stage{
    padding: 0!important;
}

.multiply .row-bg-overlay{
    mix-blend-mode: multiply;
}

.download-pdf .icon-button-arrow{
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px!important;
    width: 25px!important;
    height: 25px!important;
    margin-right: 8px;
}

.download-pdf .icon-button-arrow:before{
    transform: rotate(90deg);
}

body[data-button-style*="slightly_rounded"] .nectar-button{
    border-radius: 0!important;
    -webkit-border-radius: 0px !important;
    font-family: 'Raleway Medium';
    font-weight: 100;
}

.nectar-button.large{
    font-size: 16px;
}

.nectar-rotating-words-title .dynamic-words span{
    white-space: inherit;
}

.text-wrap, .nectar-rotating-words-title.element_stagger_words .dynamic-words span{
    white-space: inherit;
}

.nectar-rotating-words-title .dynamic-words span.active, .nectar-rotating-words-title .dynamic-words span.active span span {
    max-width: 635px;
    word-break: break-word;
    white-space: inherit;
}

.location p{
    font-family: 'Raleway SemiBold';
    font-size: 18px;
}

.project-name p{
    font-size: 25px;
}

.project-slider .nectar-button{
    border: 2px solid;
}

.project-slider .nectar-button .icon-button-arrow{
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px!important;
    width: 25px!important;
    height: 25px!important;
    margin-right: 8px;
}

.owl-next{
    background-image: url(/wp-content/uploads/2024/07/arrow-right-2.png)!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

.owl-prev{
    background-image: url(/wp-content/uploads/2024/07/arrow-left-2.png)!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}


.span_12.dark .nectar_video_lightbox.play_button:before{
    border: 6px solid white;
    background: white;
    z-index: -1;
}

.span_12.dark .nectar_video_lightbox path{
    fill:#355A68;
}

.nectar_video_lightbox svg {
    width: 45px;
    height: 45px;    
    margin-left: 5px;
}

.vht>.vc_column-inner>.wpb_wrapper::before{
    content:'';
    background-image: url('/wp-content/uploads/2024/07/vht.png');
    width: 100%;
    height: 10%;
    color: #355A68;
    position: absolute;
    z-index: 10;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

/*_______________________________VILLAS_____________________________*/

.container-wrap.no-sidebar{
    padding-top: 0!important;
}

.post-area{
    margin-top: 0;
}

.single-villa h1{
    font-family: "quiche-sans", sans-serif!important;
    font-size: 70px;
}

.project-info .wpb_text_column{
    margin-bottom: 0;
}

.col-info-plant, .col-img-plant{
    padding:0!important;
}

.tabbed>ul, .wpb_content_element .tabbed .wpb_tabs_nav{
    margin-bottom: 55px;
}

.tabbed>ul li{
    padding: 0 20px!important;
}

.tabbed>ul li a{
    background-color: transparent;
    color: #355A68;
    border: 2px solid;
    border-color: #355A68 !important;
}

.items-plano ul li{
    list-style: none;
    position: relative;
    line-height: 1.4;
    font-family: 'Raleway Semibold';
}

.items-plano ul li:before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -22px;
    top: 9px;
    background-image: url(/wp-content/uploads/2024/07/triangle.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.row-villas{
    display: flex;
    flex-wrap: wrap;
}

.row-ridgevillas{
    justify-content: center;
}

.col-villas{
    width: 33.33%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
}

.title-related{
    background-color: #355A68;
    color: white;
    text-align: center;
    padding: 13px 10px;
}

.img-related{
    margin: 0!important;
    height: 100% !important;
    object-fit: cover;
}

.col-villas>a{
    height: 100%;
    color: white;
}

.col-villas a{
    color: white;
    font-family: 'Raleway SemiBold';
}

#related-villas{
    margin-bottom: 50px!important;
}

#map>.row-bg-wrap{
    display: none!important;
}

/*_______________________________FOOTER_____________________________*/

.logo-footer{
    max-width: 150px !important;
    margin-bottom: 0!important;
    position: relative;
    top: 5px;
}

body #footer-outer .row{
    padding: 20px 0;
}

#footer-outer .widget{
    margin-bottom: 0;
}

#footer-outer, #footer-outer a{
    font-family: 'Raleway Medium';
    font-size: 14px;
}

.post-area{
    padding-right: 0;
}

.single.material #header-space, .single #header-outer{
    background: transparent !important;
}

.single #header-outer.small-nav{
    background: #355A68 !important;
}

.single #ajax-content-wrap{
    margin-top: -100px;
}

.single .owl-dots{
    display: none!important;
}

.single .owl-nav.disabled{
    margin-top: 0!important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex!important;
    justify-content: space-between;
}

.nectar-social{
    display: none!important;
}

#tour iframe{
    height: 83vh;
    margin-top: 20px;
}

.play-tour{
    transition: 0.4s ease-in-out;
}
.play-tour:hover{
    transform: scale(1.1)!important;
    transition: 0.4s ease-in-out;
}

#menu-item-521>a, #menu-item-520>a, #menu-item-581>a, #menu-item-582>a{
    color: #cbcbb9!important;
    font-size: 22px !important;
    font-family: 'Raleway Medium' !important;
    padding-left: 40px !important;
    opacity: 0.5 !important;
    font-weight: 500 !important;
    transition: 0.3s ease-in-out;
}

#menu-item-521 a:hover,#menu-item-520 a:hover, #menu-item-581 a:hover,  #menu-item-582 a:hover{
    opacity: 1 !important;
    transition: 0.3s ease-in-out;
}

#menu-item-521>a::before, #menu-item-520>a::before, #menu-item-581>a::before,  #menu-item-582>a::before{
    opacity: 0;
    content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 6px;
        z-index: 1000;
        background-image: url(/wp-content/uploads/2024/07/flecha-blanca.png);
        background-size: contain;
        left: 2px;
    transition: 0.3s ease-in-out;
}

#menu-item-521>a:hover::before, #menu-item-520>a:hover::before, #menu-item-581>a:hover::before, #menu-item-582>a:hover::before{
    opacity: 1;
    transition: 0.3s ease-in-out;
}

#menu-item-521 .sub-menu>li>a, #menu-item-520 .sub-menu>li>a, #menu-item-581 .sub-menu>li>a, #menu-item-582 .sub-menu>li>a{
    font-size: 22px!important;
    font-weight: 100 !important;
    font-family: 'Raleway Medium' !important;
    color: #cbcbb9 !important;
    padding-left: 40px !important;
    opacity: 0.5 !important;   
    transition: 0.3s ease-in-out; 
    padding-bottom: 10px !important;
}

body #slide-out-widget-area[class*="fullscreen"] .current-menu-item > a{
    color: white !important;
}

#menu-item-521 .sub-menu>li>a:hover, #menu-item-520 .sub-menu>li>a:hover, #menu-item-581 .sub-menu>li>a:hover, #menu-item-582 .sub-menu>li>a:hover{
    color: white!important;
    opacity: 1!important;
}

#menu-item-521 .sub-menu>li:not(.back)>a::before, #menu-item-520 .sub-menu>li:not(.back)>a::before, #menu-item-581 .sub-menu>li:not(.back)>a::before, #menu-item-582 .sub-menu>li:not(.back)>a::before{
    opacity: 0;
    content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 6px;
        z-index: 1000;
        background-image: url(/wp-content/uploads/2024/07/flecha-blanca.png);
        background-size: contain;
        left: 2px;
    transition: 0.3s ease-in-out;
}

#menu-item-521 .sub-menu>li:not(.back)>a:hover::before, #menu-item-520 .sub-menu>li:not(.back)>a:hover::before, #menu-item-581 .sub-menu>li:not(.back)>a:hover::before, #menu-item-582 .sub-menu>li:not(.back)>a:hover::before{
    opacity: 1;
    transition: 0.3s ease-in-out;
}



.label-left>.vc_column-inner>.wpb_wrapper .wpb_raw_html{
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    padding: 5px 50px;
    padding-left: 60px;
    font-size: 16px;
    background-color: #355a68;
    font-family: 'Raleway Medium';
    clip-path: polygon(0% 0px, 100% 0, 100% 100%, 9% 100%);
}

.label-right>.vc_column-inner>.wpb_wrapper .wpb_raw_html{
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    padding: 5px 25px;
    font-size: 16px;
    background-color: #355a68;
    font-family: 'Raleway Medium';
    clip-path: polygon(0% 0%, 100% 0, 90% 100%, 0% 100%);
    padding-right: 30px;
}


.single .first-section>div.row_col_wrap_12>div>div>.wpb_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



/*___________________LEGAL___________________*/



.legal h2{
    font-size: 25px!important;
    color: #355A68;
    font-family: 'Raleway Bold' !important;
    font-weight: 900;
    text-align: left;
}



@media screen and (min-width:767px){
    .menu-wrap.menuwrapper{
        display: flex!important;
        align-items: center;
    }
    
  
    .location{
        margin-bottom: 40px!important;
    }

    .legal{
        margin-top: 50px;
    }

    .banner-tour h2{
        font-size: 3.5em!important;
    }

    .col-img-plant>div>div>div{
        height: 370px!important;
    }
    .col-info-plant>div{
        display: flex;
        justify-content: start;
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }
    .tabbed>ul li a{
        width: 200px;
        padding: 10px 15px;
    }

    #menu-villas a::before{
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 6px;
        z-index: 1000;
        background-image: url(/wp-content/uploads/2024/07/flecha-blanca.png);
        background-size: contain;
        left: 2px;
        opacity: 0;
        transition: 0.3s ease-in-out;
    }
    #menu-villas a:hover::before{
        opacity: 1;
        transition: 0.3s ease-in-out;
    }
    .nectar-button span{
        font-size: 18px!important;
    }
    #slide-out-widget-area>.inner-wrap{
        max-width: 1014px;
        margin: 0 auto!important;
    }
    header{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .small-nav header{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    header>.container{
        max-width: 100%!important;
        padding: 0;
        padding-left: calc(100vw* 0.06);
        padding-right: calc(100vw* 0.06);
    }
    .image-project-menu{
        width: 413px;
        height: 413px;
        position: relative;
        top: -10px;
        left: 17px;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    #slide-out-widget-area[style="display:block;"] .image-project-menu{
        opacity: 1;
        transition: opacity 0.3s ease-in-out 2s;
    }

    .menu-images{
        display: flex;
        align-items: center;
        justify-content: flex-end;
 
    }

    #slide-out-widget-area .menu-images {
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
    }
    
    #slide-out-widget-area.open .menu-images {
        opacity: 1;
        transition: opacity 0.4s ease-in-out 2s;
    }


    .image-project-menu img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-box-shadow: -18px 18px 0px 1px rgba(255,255,255,0.5);
        -moz-box-shadow: -18px 18px 0px 1px rgba(255,255,255,0.5);
        box-shadow: -18px 18px 0px 1px rgba(255,255,255,0.5);
    }
    #slide-out-widget-area>.inner-wrap{
        display: flex;
        flex-direction: row!important;
        align-items: center;
    }
    
    #slide-out-widget-area>.inner-wrap>.inner{
        width: 50%!important;
    }

    .menu-images{
        width: 40%;
    }

    .project-slider .vc_col-sm-7>.vc_column-inner>.wpb_wrapper, .project-slider .vc_col-sm-7>.vc_column-inner>.wpb_wrapper>.owl-carousel, .project-slider .vc_col-sm-7>.vc_column-inner>.wpb_wrapper>.owl-carousel>.owl-stage-outer, .project-slider .vc_col-sm-7>.vc_column-inner>.wpb_wrapper>.owl-carousel>.owl-stage-outer>.owl-stage, .project-slider .owl-carousel.owl-drag[data-desktop-cols] .owl-item{
        height: 100%;
    }
    
    .project-slider .carousel-item, .project-slider .img-with-aniamtion-wrap, .project-slider .hover-wrap, .project-slider .hover-wrap-inner, .project-slider img {
       
        object-fit: cover;
        object-position: center;
       height: 450px!important;
    }
    #footer-widgets>.container>.row>div:nth-of-type(1){
        width: 30%!important;
        margin: 0;
    }
    #footer-widgets>.container>.row>div:nth-of-type(2){
        width: 40%!important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }
    #footer-widgets>.container>.row>div:nth-of-type(3){
        width: 30%!important;
        font-size: 14px;
    }
    #footer-widgets>.container>.row>div:nth-of-type(3) p{
        text-align: right;
    }
    #footer-widgets>.container>.row{
        display: flex;
        align-items: center;
        margin: 0;
    }

    .nectar-rotating-words-title .heading{
        font-size: 70px!important;
    }
    .project-info-middle{
        border-left: 2px solid grey;
        border-right: 2px solid grey
    }
    .project-info .row_col_wrap_12{
        max-width: 800px;
        margin: 0 auto;
    }
  
    .single .owl-carousel img{
        height: 600px!important;
        object-fit: cover;
    }

    .single .owl-stage-outer{
        overflow: visible!important;
    }
    .single .owl-prev{
        left: -78px;
        position: relative;
        -webkit-box-shadow:none!important;
    }
    .single .owl-next{
        right: -78px;
        position: relative;
        -webkit-box-shadow:none!important;
    }
    #map{
        max-width: 1425px;
        margin: 0 auto;
        width: initial;
        position: initial;
    }
   .contacts .row_col_wrap_12_inner>.vc_col-sm-6:nth-of-type(1){
    border-right: 2px solid;
   }
   .contacts .row_col_wrap_12_inner>.vc_col-sm-6:nth-of-type(2){
    padding-left: 85px;
   }
   .contacts .row_col_wrap_12_inner>.vc_col-sm-6{
    width: 300px;
   }
    .contacts>.row_col_wrap_12_inner{
        display: flex;
        justify-content: center;
    }
    #menu-item-105 ul li a:hover::before{
        opacity: 1;
        transition: 0.3s ease-in-out;
    }
    #menu-item-105 ul li a:hover{
        color: white;
        opacity: 1;
    }
    #menu-item-105 ul li a::before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 6px;
        z-index: 1000;
        background-image: url(/wp-content/uploads/2024/07/flecha-blanca.png);
        background-size: contain;
        left: 2px;
        opacity: 0;
        transition: 0.3s ease-in-out;
    }
    #menu-item-105 ul li a{
        font-size: 22px!important;
    }
    #slide-out-widget-area{
        top: 30px!important;
    }
    .first-section{
        min-height: 80vh;
    }
    .first-section > .row_col_wrap_12,  .first-section > .row_col_wrap_12>.vc_col-sm-12,  .first-section > .row_col_wrap_12>.vc_col-sm-12>.vc_column-inner, .first-section > .row_col_wrap_12>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper{
        min-height: 80vh; 
    }
    .row_col_wrap_12>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper{
        position: relative;
    }
    .first-section .wpb_raw_html{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    #menu-item-580 a, #menu-item-106 a{
        font-size: 40px!important;
    }
    #first-section-home>.row_col_wrap_12>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper{
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #first-section-home>.row_col_wrap_12>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper .wpb_text_column{
        position: absolute!important;
        bottom: 0!important;
        opacity: 1;
    }
    .fs-row>.row_col_wrap_12>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .project-slider .vc_col-sm-5 {
        aspect-ratio: 4 / 2.8;
    }
}





@media screen and (max-width:767px){
    .items-plano .vc_col-sm-4{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .items-plano .vc_col-sm-4{
        margin-bottom: 0!important;
    }

    #our-promotions .wpb_text_column  br{
        display: none!important;
    }
    .project-name{
        margin-top: 40px!important;    
    }

    .vht>.vc_column-inner>.wpb_wrapper::before{
        height: 16%;
    }
    .owl-theme[data-desktop-cols] .owl-nav{
        margin-top: 0;
    }
    .project-slider .owl-nav{
        top: 50%;
    }
    #menu-villas a{
        font-size: 24px!important;
    }
    .menu-images{
        display: none;
    }
    .reverse>.row_col_wrap_12{
        flex-direction: column-reverse;
    }
    .magic>.wpb_wrapper{
        display: flex;
        justify-content: center;
    }
    .magic h2{
        max-width: 300px;
    }
    #footer-outer #block-7 img{
        margin: 0 auto;
        display: block;
        position: relative;
        top: 10px;
    }
    #footer-outer #block-8{
        text-align: center;
    }
    #footer-widgets .container .col{
        margin-bottom: 20px;
    }
    #footer-widgets #block-9{
        margin-top: -10px;
    }
    .menu.menuopen{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #menu-villas{
        border-color: white;
    }
    #menu-villas a{
        opacity:1!important;
        padding-left: 0!important;
        color: white!important;
    }
    #header-outer #top nav>ul{
        padding: 25px 0 25px 0;
    }
    .project-slider img{
        height: 300px!important;
        object-fit: cover;
    }
    .single .owl-prev{
        left: 10px;
        position: relative;
        -webkit-box-shadow:none!important;
    }
    .single .owl-next{
        right: 10px;
        position: relative;
        -webkit-box-shadow:none!important;
    }
    .single .carousel-item{
        padding: 0!important;
    }
    .single .carousel-item img{
        height: 236px;
        object-fit: cover;
    }
    .owl-theme[data-desktop-cols] .owl-nav [class*=owl-]{
        width: 25px;
        height: 36px;
    }
    .col-info-plant{
        margin-bottom: 0 !important;
    }
    .col-info-plant>div{
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }
    .single-villa h1{
        font-size: 40px;
        line-height: 1;
        max-width: 329px;
        margin: 0 auto;
    }
    .single .first-section{
        padding-top: 130px!important;
    }
    .project-info .vc_col-sm-4 {
        padding-bottom: 20px !important;
        max-width: 80%;
        margin: 0 auto !important;
        padding-top: 20px;
    }
    .project-info-middle{
        border-bottom: 1px solid;
        border-top: 1px solid;
    }
    h2{
        text-align: center;
        font-size: 30px!important;
    }
    .tabbed[data-alignment=center] .wpb_tabs_nav li, .tabbed[data-alignment=right] .wpb_tabs_nav li{
        font-size: 14px;
        margin: 0;
        padding: 10px !important;
    }
    .tabbed>ul, .wpb_content_element .tabbed .wpb_tabs_nav{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .tabbed>ul li a{
        border-right: 2px solid!important;
    }
    .tabbed>ul li a.active-tab{
        border-right: none!important;
    }
    .col-villas{
        width: 100%;
    }
    h3{
        font-size: 30px!important;
        line-height: 1.2!important; 
    }
    .single-villa .ui-tabs-panel>div>div.row_col_wrap_12_inner{
        display: flex;
        flex-direction: column-reverse;
    }
    .col-info-plant>div{
        padding-left: 25px!important;
    }
    .nectar_video_lightbox svg{
        width: 25px;
        height:25px;
        margin-left: 3px;
    }
    .nectar_video_lightbox.play_button{
        width: 70px;
        height:70px;
    }

    .contacts .row_col_wrap_12_inner>.vc_col-sm-6{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .contacts .row_col_wrap_12_inner>.vc_col-sm-6:nth-of-type(1){
        border-bottom: 2px solid;
        padding-bottom: 30px;
    }
    .contacts .img-with-aniamtion-wrap{
        display: flex;
        justify-content: center;
    }
    #footer-widgets>.container>.row>div:nth-of-type(3) p{
        text-align: center;
    }
    .button-pdf{
        position: absolute; 
        right: 50px;
        width: 161px;
    }
    .button-pdf a{
        padding: 8px!important;
        padding-right: 25px!important;
        padding-left: 30px!important;
    }
    .button-pdf .nectar-button span{
        font-size: 12px!important;
    }
    .download-pdf .icon-button-arrow{
        margin-right: 0;
    }
    #header-outer, .single #header-outer{
        background-color: #355A68 !important;
    }
    header#top>.container>.row>.col.span_3{
        width: 30%!important;
    }
    header#top>.container>.row>.col.span_9{
        width: 70%!important;
        display: flex;
        justify-content: space-around;
        position: relative;
    }
    header#top>.container>.row>.col.span_9>nav{
        position: absolute;
        right: 0;
    }

    #menu-villas, #menu-item-105{
        width: 225px;
    }
    #menu-item-105>a,  #menu-item-106>a{
        border-color: white;
        text-align: center;
        padding-bottom: 15px!important;
    }
    #menu-item-105 a{
        color: white!important;
    }
    #menu-item-105 ul li a{
        opacity: 1!important;
        padding-left: 0 !important;
        font-size: 24px !important;
    }
    #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container .menu li, #slide-out-widget-area.fullscreen .menuwrapper li, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li, #slide-out-widget-area.fullscreen-alt .menuwrapper li{
        text-align: center;
    }

    .first-section{
        min-height: 60vh;
    }
    .first-section > .row_col_wrap_12,  .first-section > .row_col_wrap_12>.vc_col-sm-12,  .first-section > .row_col_wrap_12>.vc_col-sm-12>.vc_column-inner, .first-section > .row_col_wrap_12>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper{
        min-height: 60vh; 
    }
    .row_col_wrap_12>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper{
        position: relative;
    }
    .first-section .wpb_raw_html{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .first-section .row_col_wrap_12>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .first-section .row_col_wrap_12{
        padding-top: 0!important;
    }
    .download-pdf .icon-button-arrow{
        font-size: 12px !important;
        width: 23px !important;
        height: 23px !important;
    }

    
}

@media screen and (min-width:1600px){
    .off-canvas-menu-container{
        max-width: 687px!important;
    }
    #intro{
        margin-top: -50px!important;
    }
    header>.container{
        max-width: 100%!important;
    }
}

.promo>.vc_column-inner{
    background-color: #355a68;
}

.promo .wpb_text_column{
    padding: 22px 20px;
}

.promo h4{
    color:white;
    font-family: "quiche-sans", sans-serif !important;
    font-size: 23px;
    margin-bottom: 5px;
}

.promo a{
    color: white;
    font-size: 16px;
}

.promo a img{
    width: 50px!important;
    position: relative;
    left: 10px;
    transition: 0.3s ease-in-out;
    top: 4px;
}

.text-blue h2{
    color: #355A68!important;
}

#promos{
    max-width: 1400px;
    margin: 0 auto;
}

#promos .img-with-aniamtion-wrap img{
    aspect-ratio: 4 / 3.15;
    object-fit: cover;
}

.promo:hover img{
    transform: translateX(5px);
    transition: 0.3s ease-in-out;
}

.promo .hover-wrap-inner{
    overflow: hidden;
}


.promo .hover-wrap-inner img{
    transition: 0.4s ease-in-out;
}

.promo:hover .hover-wrap-inner img{
    transform: scale(1.07)!important;
    transition: 0.4s ease-in-out;
}

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

    .single h1{
        font-size: 26px;
    }
    #menu-item-521>a, #menu-item-520>a, #menu-item-581>a, #menu-item-520>a, #menu-item-582>a, #menu-item-520>a{
        padding-left: 0!important;
        font-size: 24px !important;
        color: white !important;
        opacity: 1 !important;
    }
    #menu-item-521 .sub-menu>li>a, #menu-item-520 .sub-menu>li>a,  #menu-item-581 .sub-menu>li>a, #menu-item-582 .sub-menu>li>a{
        padding-left: 0!important;
        font-size: 24px !important;
        color: white !important;
        opacity: 1 !important;
    }
    body #slide-out-widget-area[class*="fullscreen"] .current-menu-item > a{
        color: white !important;
    }
    #menu-item-521>a::before, #menu-item-520>a::before, #menu-item-521 .sub-menu>li:not(.back)>a::before, #menu-item-520 .sub-menu>li:not(.back)>a::before{
        display: none!important;
    }
    #menu-item-581>a::before, #menu-item-520>a::before, #menu-item-581 .sub-menu>li:not(.back)>a::before{
        display: none!important;
    }
    #menu-item-582>a::before, #menu-item-520>a::before, #menu-item-582 .sub-menu>li:not(.back)>a::before{
        display: none!important;
    }
     .home .first-section{
        min-height: 60vh;
        height: 60vh;
    } 
     .home .first-section>div,  .home .first-section{
        min-height: 60vh!important;
        height: 60vh!important;
    } 
     /* .home .first-section>div.row_col_wrap_12{
        height: 70vh !important;
        min-height: 70vh !important;
    } */
    .location{
        margin-bottom: 0!important;
        position: absolute;
        bottom: 20px;
        width: 100%;
    }
    h4{
        font-size: 25px!important;
    }
    #logo img{
        max-width: 92px!important;
        object-fit: contain;
    }
    .home .first-section>.row_col_wrap_12>div>div>.wpb_wrapper{
        height: 90%;
    }
    .single .first-section>.row_col_wrap_12{
        min-height: 60vh;
    }
    .single .first-section{
        min-height: 60vh;
        padding-top: 0!important;
    }
    .single .first-section > .row_col_wrap_12, .first-section > .row_col_wrap_12>.vc_col-sm-12,  .single .first-section > .row_col_wrap_12>.vc_col-sm-12>.vc_column-inner,  .single .first-section > .row_col_wrap_12>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper{
        min-height: 60vh;
    }
    .title-singlevilla{
        margin-bottom: 0!important;
    }
}

@media screen and (min-width:1800px){
    .owl-carousel[data-desktop-cols] .owl-item img{
        height: 70vh!important;
    }
}


@media screen and (min-width:2000px){
    .container, header>.container{
        max-width: 1825px !important;
        padding: 0 90px;
    }
    .ui-tabs-panel img{
        width: 100%!important;
    }
}