/*
    Theme Name: Margherita a Mare
    Theme URI:
    Author: Leandro Perrone
    Autor URI: leandro_perrone@hotmail.com
    Description: Theme para Fundación
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: Margherita a Mare
    Text Domain: margherita
*/

:root {
    --BitterRegular : 'BitterRegular';
    --GilroyRegular : 'GilroyRegular';
    --GilroySemiBold : 'GilroySemiBold';
    --HelveticaNeue : 'Helvetica Neue';



    --Light : #FBFAF9;
    --Grey: #505055;
    --LightGreen: #C3D7D7;
    --DarkGreen: #1E3737;
}



/* Preloader CSS */
.loading {width: 100%;height: 100vh;position: fixed;background-color: var(--LightGreen);z-index: 999999;overflow: visible; top:0;}
.loading img {position: absolute;top: 45%;left: 50%;margin: -50px 0 0 -50px;width: 130px;transform-origin: center;  animation: scale 1.5s infinite alternate;}
.loading.fade {z-index:0;animation-name: fade;animation-duration: 0.3s;animation-fill-mode: both;animation-iteration-count: 1;animation-delay: 0.3s;}
@-webkit-keyframes scale {
From {-webkit-transform: scale(.8);}
To {-webkit-transform: scale(1.2);}
}



html { /*font-size: 62.5%;*/ overflow-x: hidden!important; }
main { /*font-size: 62.5%;*/ overflow-x: hidden!important; }
body { background-color: white; font-family: var(--HelveticaNeue); font-size: 1.125rem; line-height: 1.625rem; color: var(--Grey); overflow-x: hidden; }
h1, h2 { font-family: var(--GilroyRegular); color: var(--DarkGreen); letter-spacing: 1px; }
h1 { font-size: 3rem; }
h2 { font-size: 2.25rem; letter-spacing: 2px; line-height: 2.75rem }
h3 { font-family: var(--GilroySemiBold); font-size: 1rem; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 4px; color: var(--DarkGreen); }
h4 { font-family: var(--RedHatDisplaySemiBold); font-size: 0.813rem; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: 2px; color: var(--Black); }
h3 img { margin-top: -3px; margin-right: 7px; }
strong { font-family: var(--LatinotypeMorangaMedium); font-weight: normal; }
p strong { font-family: var(--RedHatDisplaySemiBold); }
.btn { font-family: var(--HelveticaNeue); font-size: 0.813rem; padding: 10px 25px; border-radius: 0px; transition: .5s all; margin-top: 3%; text-transform: uppercase; position: relative; }
.btn.border { border-radius: 0; border: 1px solid var(--Light)!important; margin-top: 0; padding: 5px; }
.btn.border:hover { background-color: var(--Light); }
.menuIdioma:hover rect { stroke: var(--DarkGreen); }
.menuIdioma:hover path { stroke: var(--DarkGreen); }
.btnBrief { background-color: var(--LightGreen); margin-top: 5vh; transition: .5s all; }
.btnBrief:hover { background-color: var(--Light); border: 1px solid var(--DarkGreen); }

.clearfix { clear: both; }

/* PALMERAS */
.palmera { position: absolute; z-index: 3000; -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease; }
.palm1 { top: calc(100vh*1.2); width: 40vw; left: 0vw; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.palm2 { top: calc(90vh); right: 0; }


.modal { max-width: 1000px; padding: 5% 8%; display: none; height: auto; }
.modal .btn { padding: 2% 4%; }
.modal .btn { outline: none; border: none; }
.modal.prof .fancybox-close-small { display: none!important; color: white!important; }
.modal .nombre { font-family: var(--GansterRegular); font-weight: normal; color: var(--Verde); font-size: 3.75rem; }
.modal .nombre em { font-size: 4.6rem; }
.modal .titulo { font-family: var(--GansterRegular); font-weight: normal; color: var(--Verde); font-size: 3.75rem; }
.modal .titulo em { font-size: 4.6rem; }
.modal .especialidad { font-size: 2.1rem; color: var(--Naranja); text-transform: uppercase; margin-top: 15px; margin-bottom: 15px; }
.modal .texto { font-size: 1.8rem; color: var(--Gris); }
.modal.serv .texto { margin-top: 30px; }
.modal.serv { max-width: 1000px; padding: 5% 8% 5% 5%; display: none; height: auto; }
.modal.serv .titulo { width: 60%; float: left; }
.modal.serv .imagen { width: 40%; float: right; text-align: right; }
.modal .imagen img { width: 23%; }



header {  z-index: 30000; transition: .5s all; width: 100vw; height: 70px; color: var(--Light); position: absolute; background-color: transparent; }
.fixed { position: fixed; top:0; left:0; width: 100%; }
header.fixed { background-color: var(--LightGreen); height: 70px; }
.navbar { padding-top: 1rem; }
.navbar-nav { flex: 1; background-color: transparent; }
.navbar-nav:nth-child(1) { justify-content: space-around; }
.navbar-nav:nth-child(3) { justify-content: space-around; }
.navbar-brand { margin-left: auto; margin-right: auto; text-align: center; margin-top: -6px; }
.navbar-brand img { width: 37%; transition: .5s all; opacity: 0;  }
header.fixed .navbar-brand img { width: 35%; opacity: 1; }
.navbar-nav .nav-link { text-decoration: none; text-transform: uppercase; color: var(--Light)!important; font-family: var(--GilroyRegular); font-size: 0.875rem; letter-spacing: 2px; transition: .5s all; }
.navbar-nav .nav-link:hover { opacity: .7; }
.menuIdioma { position: absolute; right: 20px; top: 20px; z-index: 30; }
header.fixed .menuIdioma { position: absolute; right: 20px; top: 20px; z-index: 30; }
header.fixed .btn.border { border: 1px solid var(--DarkGreen)!important; }
header.fixed .navbar-nav .nav-link { color: var(--DarkGreen)!important; }
header.fixed .menuIdioma rect { stroke: var(--DarkGreen); }
header.fixed .menuIdioma path { stroke: var(--DarkGreen); }
.marcaMobile { position: absolute; top: 10px; text-align: center; margin-right: auto;  left: 0; right: 0; display: none }
.marcaMobile img { width: 90px; padding-top: 6px; }



/* HERO */
.hero { height: 100vh; position: relative; }
.hero .titulo { top: 7vh; position: absolute; width: 100%; left: 0; right: 0; }
.hero h2 { font-size: 1rem; color: var(--Light); }


/* CONCEPTO */
.concepto { background-color: var(--LightGreen); color: var(--DarkGreen); font-family: var(--BitterRegular); font-size: 1.25rem; line-height: 1.938rem; text-align: center; padding: 14vh 10vw 10vh 10vw; position: relative; }
.concepto .triangulo { position: absolute; top: -3px; left: 0; right: 0; }
.concepto h2 { margin-bottom: 3.5vh; margin-top: 4vh; }
.concepto p { width: 48vw; margin-left: auto; margin-right: auto; }
.conceptoImagen { position: relative; }
.conceptoImagen .triangulo2 { position: absolute; top: -3px; width: 100%; background: url(img/triangulo2.png) center center no-repeat; height: 45px; }


/* PROYECTO */
.proyecto { padding-top: 10vh; padding-bottom: 8vh; position: relative; }
.proyecto .titulo { padding-right: 3%; }
.proyecto .texto { padding: 0 4% 8vh 2%; }
.proyecto .linea { position: absolute; top: 31vh; left: -10vw; }


/* UBICACION 1 */
.ubicacion1 { position: relative; }
.ubicacion1 .texto { padding: 10vh 6.9vw 6vh 6.9vw; }
.ubicacion1 .texto .parra { margin-top: 25vh; }
.ubicacion1 .linea { position: absolute; top: 33vh; right: -4vw; }


/* SEPARADOR 1 */
.separador1 { height: 120vh; position: relative; }
.separador1 .texto { position: absolute; padding-top: 10vh; padding-left: 8vh; font-family: var(--BitterRegular); font-size: 1.25rem; line-height: 1.625rem; color: var(--DarkGreen); }


/* SEPARADOR 2 */
.separador2 { padding: 6vh 27vw!important; text-align: center; color: var(--Light); font-family: var(--GilroyRegular); font-size: 2.25rem; line-height: 2.75rem; letter-spacing: 2px; }
.separador2 .texto { margin-top: 10vh; margin-bottom: 8vh; }


/* UBICACION 2 */
.ubicacion2 .texto { padding: 10vh 18vw 6vh 6vw; }
.ubicacion2 .texto h2 { font-size: 1.875rem; line-height: 2.75rem }
.ubicacion2 .texto .parra h4 { margin-top: 15vh; color: var(--DarkGreen); opacity: .8; font-family: var(--GilroyRegular); font-size: 1.25rem; letter-spacing: 5px; line-height: 1.5rem; }
.ubicacion2 .texto .parra { margin-top: 25vh; }
.ubicacion2 .texto .parra ul { margin-left: -30px; }
.ubicacion2 .texto .parra li { font-size: 1.188rem; line-height: 2rem; opacity: .9; list-style: none; padding-left: 1.5rem; position: relative; }
.ubicacion2 .texto .parra li:before { width:11px; height:11px; background:url(img/bullet_green.svg) no-repeat center; background-size:100%; position:Absolute; top:10px; left:0; content:'';}


/* CONECTADO */
.conectado { padding-top: 10vh; padding-bottom: 10vh; position: relative; }
.conectado h2 { font-size: 1.875rem; line-height: 2.75rem }
.conectado .texto { padding-left: 6vw; padding-right: 7vw; }
.conectadoImagen { height: 100vh; position: relative; }
.conectadoImagen .texto { position: absolute; bottom: 4vh; left: 5vh; font-family: var(--GilroyRegular); font-style: italic; font-size: 1rem; line-height: 1.188rem; color: var(--Light); }
.conectado .linea { position: absolute; top: 24vh; left: -5vw; }


/* RUTINA */
.rutina { padding-top: 10vh; padding-bottom: 10vh; position: relative; }
.rutina h2 { font-size: 1.875rem; line-height: 2.75rem }
.rutina .texto { margin-top: 16vh; padding-right: 9vw; }
.rutina .linea { position: absolute; top: 15vh; left: -8vw; }


/* AMENITIES */
.amenities { padding-top: 10vh; padding-bottom: 10vh; background-color: var(--LightGreen); }
.amenities h2 { padding-right: 17vw; }
.amenities li {margin-top: 10px; list-style: none; position: relative; padding-left: 1rem;}
.amenities li:before {width:8px; height:8px; background:url(img/bullet.svg) no-repeat center; background-size:100%; position:Absolute; top:7px; left:0; content:'';}
.unAme { position: relative; }
.unAme .icono { position: absolute; background-color: var(--LightGreen); bottom: 0; }


/* CALIDEZ */
.calidez { margin-top: 8vh; margin-bottom: 8vh; position: relative; } 
.calidez h2 { font-size: 2rem; line-height: 2.375rem; padding-right: 4vw; } 
.calidez .texto { padding-left: 6vw; padding-right: 4vw; padding-top: 4vh; }
.calidez .texto .destacado { font-family: var(--BitterRegular); font-size: 1.375rem; line-height: 1.813rem; color: #798288; margin-top: 18vh; margin-bottom: 7vh; }
.calidez .linea { position: absolute; top: 28vh; right: -10vw; }


/* SEPARADOR 3 */
.separador3 { padding: 15vh 6vw!important; color: var(--Light); font-family: var(--GilroyRegular); font-size: 2.25rem; line-height: 2.75rem; letter-spacing: 2px; height: 100vh; position: relative; }
.separador3 .texto h2 { font-size: 1.75rem; color: var(--Light); line-height: 2.125rem; }
.separador3 .texto h3 img { width: 200px; }
.separador3 .boton { position: absolute; bottom: 10vh; }
.separador3 .boton .btn { border: 1px solid var(--Light); color: var(--Light); border-radius: 0; }
.separador3 .iso { position: absolute; bottom: 10vh; right: 6vw; text-align: right; }


/* PLANTAS */
.plantas { padding-top: 6.25vw; margin-bottom: 5vw; }
.plantas .unCard .titulo { font-family: var(--GilroyRegular); font-size: 1.5rem; line-height: 1.75rem; color: var(--DarkGreen); }
.plantas .unCard .titulo span { font-size: 1.1rem; color: var(--Grey); }
.plantas .unCard { text-align: center; border-right: 1px solid var(--LightGreen); }
.plantas .unCard:last-child { border-right: none; }
.plantas .unCard .imagen img { max-width: 65%; max-height: 280px; margin: 0 auto; margin-top: 20px }
.plantas .unCard .ficha { max-width: 75%; margin-top: 15px; margin-right: auto; margin-left: auto; font-size: 1rem; font-family: var(--GilroyRegular); }
.plantas .unCard .ficha .num { font-family: var(--GilroySemiBold); }
.fondoNumeros { background-color: var(--Light); margin-top: 3vh; margin-bottom: 7vh; padding-top: 4vh; padding-bottom: 4vh; }
.unNumero { border-right: 1px solid var(--LightGreen); }
.unNumero:last-child { border-right: none; }
.unNumero .numeros { font-family: var(--GilroyRegular); font-size: 1.125rem; }
.unNumero .numeros span { font-size: 2.25rem; }


/* VIDEO */
.video { position: relative; }
.ico_video { position: absolute; top: 48%; left: 48% }


/* NOSOTROS */
.nosotros { margin-top: 8vh; margin-bottom: 8vh; position: relative; } 
.nosotros .imagen1 { padding-right: 4vw; }
.nosotros h3 { margin-top: 2vh; }
.nosotros h2 { margin-top: 8vh; }
.nosotros .texto1 { padding-right: 4vw; padding-right: 3vw; }
.nosotros .texto1 .parra { margin-top: 13vh; }
.nosotros .secRow { margin-top: 8vh; }
.nosotros .texto2 { padding-right: 13vw; }
.nosotros .texto2 h2 { margin-top: 8vh; }
.nosotros .texto2 .parra { margin-top: 13vh; }
.nosotros .linea { position: absolute; top: 25vh; right: -1vw; }
.nosotros .linea2 { position: absolute; top: 90vh; left: -6vw; }







/* FOOTER */
.marcas { background-color: var(--LightGreen); color: var(--Light); text-align: center; padding-top: 2vw; padding-bottom: 2vw; }
.marcas .mar { padding-top: 3%!important; }
.marcasDos img { height: 50px; margin-left: auto; margin-right: auto; } 
.marcas .marcasDos { border-right: 1px solid var(--DarkGreen); text-align: center; text-transform: uppercase; padding-top: 20px; padding-bottom: 20px; color: var(--DarkGreen); font-size: 0.8rem; }
footer { background-color: var(--DarkGreen); color: var(--Light); padding-top: 4%; padding-bottom: 2vw; }
footer h2 { color: var(--Light)!important; }
.legal { background-color: var(--DarkGreen); color: var(--Light); font-size: 0.625rem; padding-top: 1vh; padding-bottom: 2vh; }
.legal .textRight { text-align: right; }
.legal a { color: var(--Light); text-decoration: none; }
.listaContacto { float: none; clear: both; padding-top: 2vw; }
.listaContacto .img { float: left; width: 30px }
.listaContacto .texto { float: left; width: 335px; font-family: var(--GilroyRegular); font-size: 1rem; letter-spacing: 2px; }
.listaContacto .texto a:link { color: var(--Light); transition: all .2s; }
.listaContacto .texto a:visited { color: var(--Light); }
.listaContacto .texto a:hover { color: var(--LightGreen); }


.wpcf7-form { width: 100%; margin: 0 auto; margin-top: 75px; margin-bottom: 20px; }
.wpcf7-form input { width: 100%; border: none; border-bottom: 1px solid var(--Light); padding-bottom: 8px; background: transparent!important; color: var(--Light); outline: none; -webkit-border-radius: none!important; margin-bottom: 15px; font-family: var(--GilroyRegular); font-size: 14px; letter-spacing: 2px; opacity: .6; transition: all .3s; }
.wpcf7-form input:focus { opacity: 1; }
.wpcf7-form textarea { width: 100%; border: none; border-bottom: 1px solid var(--Light); padding-bottom: 8px; background: transparent!important; font-weight: 500; color: var(--Light); outline: none; -webkit-border-radius: none!important; height: 100px; font-family: var(--GilroyRegular); font-size: 14px; letter-spacing: 2px; opacity: .6; transition: all .3s; }
.wpcf7-form textarea:focus { opacity: 1; }
input[type="submit"] { width: 90px; color: var(--Light); background: transparent!important; border-bottom: none; border: 1px solid var(--Light); padding: 8px 15px; transition: .5s all; position: absolute; right: 1vw; font-family: var(--GilroyRegular); font-size: 15px; letter-spacing: 2px; text-transform: uppercase; opacity: 1; }
input[type="submit"]:hover { background-color: var(--LightGreen)!important; transition: .5s all; color: var(--DarkGreen); }
::placeholder { color: var(--Light); font-size: 14px; text-transform: uppercase; }
.ws { position: fixed; bottom: 5vh; right: 3vw; z-index: 1900; }




.slick-next { width: 60px; height: 60px; transition: all .4; background-color: rgba(80, 80, 85, .05); right: 0; }
.slick-prev { left: 0; width: 60px; height: 60px; z-index: 100; transition: all .4; background-color: rgba(80, 80, 85, .05) }
.slick-next:before { content: url(img/arrow-next.svg); }
.slick-prev:before { content: url(img/arrow-prev.svg); }
.slick-dots { top: 28vw!important; }
.slick-dots li.slick-active button:before { opacity: 1; color: var(--LightGreen); }
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .6;
    color: var(--LightGreen);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.navCarrusel li { list-style: none; text-transform: uppercase; font-family: var(--HelveticaNeueMedium); font-size: 0.75rem; width: 50%; float: left; }




@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    html { font-size: 100%; }
}

/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    /*html { font-size: 52%; }*/
}

/* 1.3 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){ 
    /*html { font-size: 52%; }*/
}

/* 1.5 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    /*html { font-size: 50%; }*/
    
}


/* AJUSTE TIPO */
@media only screen and (min-width: 1920px) {
    html { font-size: 100%; }
} 
@media only screen and (max-width: 1368px) {
    html { font-size: 85%; }
}
@media only screen and (max-width: 1200px) {
    html { font-size: 82.25%; }
}
@media only screen and (max-width: 1024px) {
    html { font-size: 85%; }
} 
@media only screen and (max-width: 900px) {
    html { font-size: 100%; }
}
@media only screen and (max-width: 768px) {
    html { font-size: 100%; }
}
@media only screen and (max-width: 600px) {
    html { font-size: 85%; }
}
@media only screen and (max-width: 400px) {
    html { font-size: 80%; }
}


/* LAPTOP */
@media only screen and (min-width: 1900px) {
    .proyecto .linea {
        position: absolute;
        top: 27vh;
        left: -10vw;
    }
    .ubicacion1 .linea {
        position: absolute;
        top: 33vh;
        right: 8vw;
    }
    .rutina .linea {
        position: absolute;
        top: 17vh;
        left: -10vw;
    }
    .calidez .linea {
        position: absolute;
        top: 19vh;
        right: 1vw;
    }
    .nosotros .linea2 {
        position: absolute;
        top: 99vh;
        left: -10vw;
    }
}

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

}

/* LAPTOP */
@media only screen and (max-width: 1368px) {
    .proyecto .linea {
        position: absolute;
        top: 30vh;
        left: -15vw;
    }
    .ubicacion1 .linea {
        position: absolute;
        top: 35vh;
        right: -6vw;
    }
    .conectado .linea {
        position: absolute;
        top: 24vh;
        left: -10vw;
    }
    .rutina .linea {
        position: absolute;
        top: 15vh;
        left: -14vw;
    }
    .calidez .linea {
        position: absolute;
        top: 19vh;
        right: -13vw;
    }
    .nosotros .linea {
        position: absolute;
        top: 25vh;
        right: -8vw;
    }
    .nosotros .linea2 {
        position: absolute;
        top: 101vh;
        left: -13vw;
    }
}

@media only screen and (max-width: 1280px) {
   .menuIdioma {
        position: absolute;
        right: 14px;
        top: 14px;
        z-index: 30;
    }
    .ubicacion1 .linea {
        position: absolute;
        top: 35vh;
        right: -10vw;
    }
    .calidez .linea {
        position: absolute;
        top: 19vh;
        right: -16vw;
    }
}

/* XL */
@media only screen and (max-width: 1220px) {

}

@media only screen and (max-width: 1181px) {
    .proyecto .titulo {
        padding-right: 12%;
    }
    .proyecto .linea {
        position: absolute;
        top: 27vh;
        left: -20vw;
    }
    .ubicacion1 .linea {
        position: absolute;
        top: 31vh;
        right: -14vw;
    }
    .ubicacion2 .texto .parra {
        margin-top: 15vh;
    }
    .conectado .linea {
        position: absolute;
        top: 24vh;
        left: -15vw;
    }
    .rutina .linea {
        position: absolute;
        top: 15vh;
        left: -20vw;
    }
    .rutina .texto {
        margin-top: 8vh;
        padding-right: 9vw;
    }
    .amenities h2 {
        padding-right: 10vw;
    }
    .calidez h2 {
        font-size: 2rem;
        line-height: 2.375rem;
        padding-right: 0vw;
    }
    .calidez .linea {
        position: absolute;
        top: 19vh;
        right: -21vw;
    }
    .calidez .texto .destacado {
        font-family: var(--BitterRegular);
        font-size: 1.375rem;
        line-height: 1.813rem;
        color: #798288;
        margin-top: 10vh;
        margin-bottom: 6vh;
    }
    .nosotros h2 {
        margin-top: 4vh;
    }
    .nosotros .texto1 .parra {
        margin-top: 5vh;
    }
    .nosotros .texto2 h2 {
        margin-top: 8vh;
    }
    .nosotros .linea2 {
        position: absolute;
        top: 73vh;
        left: -21vw;
    }
    .ubicacion1 .linea {
        position: absolute;
        top: 31vh;
        right: -23vw;
    }
    .ubicacion1 .texto .parra {
        margin-top: 9vh;
    }
    .ubicacion2 .texto {
        padding: 10vh 11vw 2vh 6vw;
    }
    .ubicacion2 .texto .parra {
        margin-top: -6vh;
    }
    .calidez .texto {
        padding-left: 4vw;
        padding-right: 4vw;
        padding-top: 0vh;
    }
    .calidez .texto .destacado {
        font-family: var(--BitterRegular);
        font-size: 1.2rem;
        line-height: 1.7rem;
        color: #798288;
        margin-top: 6vh;
        margin-bottom: 6vh;
    }
    .calidez .linea {
        position: absolute;
        top: 14vh;
        right: -28vw;
    }
    .nosotros h2 {
        margin-top: 0vh;
    }
    .nosotros .texto1 .parra {
        margin-top: 3vh;
    }
    .nosotros .btnBrief {
        background-color: var(--LightGreen);
        margin-top: 2vh;
    }
    .nosotros .linea {
        position: absolute;
        top: 20vh;
        right: -19vw;
    }
}

@media only screen and (max-width: 1025px) {
   
}

/* LG */
@media only screen and (max-width: 900px) {
    .headerVerde { background-color: var(--LightGreen); }
    header.fixed .marcaMobile { display: block }
    .marcaMobile { display: none }
    .navbar-brand { display: none }
    .navbar-collapse {
        background-color: var(--LightGreen);
        margin-top: 63px;
        margin-left: 0;
        margin-right: 0;
        position: absolute;
        left: -10px;
        width: 106%;
        top: 5px;
    }
    .navbar-nav .nav-link {
        text-decoration: none;
        text-transform: uppercase;
        color: var(--DarkGreen)!important;
        font-size: 1.5rem;
        padding: 20px;
    }
    .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.55);
        border-color: rgba(0,0,0,0)!important;
    }

    header.fixed .navbar-toggler span {
      background-color: var(--DarkGreen);
    }

    .navbar-toggler span {
      display: block;
      background-color: white;
      height: 2px;
      width: 25px;
      margin-top: 6px;
      margin-bottom: 5px;
      position: relative;
      left: 0;
      opacity: 1;
      transition: all 0.35s ease-out;
      transform-origin: center left;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 0rem;
    }

    .navbar-toggler span:nth-child(1) {
      transform: translate(0%, 0%) rotate(0deg);
    }

    .navbar-toggler span:nth-child(2) {
      opacity: 1;
    }

    .navbar-toggler span:nth-child(3) {
      transform: translate(0%, 0%) rotate(0deg);
    }

    .navbar-toggler span:nth-child(1) {
      margin-top: 0.3em;
    }

    .navbar-toggler:not(.collapsed) span:nth-child(1) {
      transform: translate(15%, -33%) rotate(45deg);
    }

    .navbar-toggler:not(.collapsed) span:nth-child(2) {
      opacity: 0;
    }

    .navbar-toggler:not(.collapsed) span:nth-child(3) {
      transform: translate(15%, 33%) rotate(-45deg);
    }



    .concepto p {
        width: 65vw;
        margin-left: auto;
        margin-right: auto;
    }
    .proyecto .linea {
        position: absolute;
        top: 16vh;
        left: 2vw;
    }
    .proyecto .titulo {
        padding-right: 0%;
    }
    .separador1 {
        height: 85vh;
        position: relative;
    }
    .separador1 .texto {
        padding-top: 7vh;
        padding-left: 6vh;
    }
    .ubicacion1 .linea {
        position: absolute;
        top: 83vh;
        left: 7vw;
    }
    .conectado .texto {
        padding-left: 0vw;
        padding-right: 0vw;
        margin-top: 3vh;
    }
    .conectado .linea {
        position: absolute;
        top: 18vh;
        left: 2vw;
    }
    .conectadoImagen {
        height: 45vh;
        position: relative;
    }
    .calidez .texto {
        padding-left: 8vw;
        padding-right: 8vw;
        padding-top: 4vh;
    }
    .separador3 {
        padding: 6vh 6vw!important;
        height: 60vh;
        position: relative;
    }
    .ico_video {
        position: absolute;
        top: 41%;
        left: 44%;
    }
    .nosotros .linea {
        position: absolute;
        top: 63vh;
        left: 2vw;
    }
    .nosotros .secRow {
        margin-top: 0vh;
    }
    .nosotros .texto2 {
        padding-right: 0vw;
    }
    .nosotros .linea2 {
        position: absolute;
        top: 94vh;
        left: 2vw;
    }
    .nosotros .texto2 .parra {
        margin-top: 5vh;
        margin-bottom: 3vh;
    }
    .marcas .col-lg-3 {
        border: 0;
        margin-bottom: 2vh;
    }
}

/* MD */
@media only screen and (max-width: 768px) {
    header.fixed {
        padding-top: 1%;
        padding-bottom: 1%;
        height: 74px;
    }
    .menuIdioma { position: absolute; right: 20px; top: 20px }
    header.fixed .menuIdioma {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 30;
    }


    .proyecto .linea {
        position: absolute;
        top: 17vh;
        left: 2vw;
    }
    .ubicacion1 .linea {
        position: absolute;
        top: 94vh;
        left: 7vw;
    }
    .separador2 {
        padding: 4vh 6vw!important;
    }
    .calidez .linea {
        position: absolute;
        top: 62vh;
        left: 6vw;
    }
    .nosotros .linea {
        position: absolute;
        top: 72vh;
        left: 2vw;
    }
    .nosotros .linea2 {
        position: absolute;
        top: 106vh;
        left: 2vw;
    }
    
}

/* SM */
@media only screen and (max-width: 576px) {
    .loading img {position: absolute;top: 40%;left: 47%;margin: -50px 0 0 -50px;width: 130px;transform-origin: center;  animation: scale 1.5s infinite alternate;}
    .hero h1 img {
        max-width: 75%;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .hero {
        height: 84vh;
        position: relative;
    }
    .concepto {
        padding: 10vh 6vw 5vh 6vw;
    }
    .proyecto {
        padding-top: 6vh;
        padding-bottom: 6vh;
        position: relative;
    }
    .proyecto .texto {
        padding: 0 2% 3vh 2%;
    }
    .separador1 {
        height: 70vh;
        position: relative;
    }
    .separador1 .texto {
        position: absolute;
        padding-top: 4vh;
        padding-left: 2vh;
    }
    .ubicacion1 .linea {
        position: absolute;
        top: 67vh;
        left: 7vw;
    }
    .separador2 .texto {
        margin-top: 6vh;
        margin-bottom: 5vh;
    }
    .conectado .linea {
        position: absolute;
        top: 26vh;
        left: 2vw;
    }
    .conectadoImagen {
        height: 38vh;
        position: relative;
    }
    .conectadoImagen .texto {
        position: absolute;
        bottom: 2vh;
        left: 3vh;
    }
    .rutina .texto {
        margin-top: 6vh;
        padding-right: 2vw;
    }
    .slick-dots {
        top: 56vw!important;
    }
    .calidez .linea {
        position: absolute;
        top: 46vh;
        left: 6vw;
    }
    .unNumero {
        border-right: 0;
        margin-bottom: 2vh;
    }
    .linea, .linea2 { display: none!important; }
    .nosotros .texto2 .parra {
        margin-top: 5vh;
        margin-bottom: 3vh;
        margin-right: 2vw;
    }
    #contacto { text-align: center; }
    .listaContacto .img {
        float: none;
        width: 30px;
        margin-left: auto;
        margin-right: auto;
    }
    .listaContacto {
        float: none;
        clear: both;
        padding-top: 5vw;
    }
    .legal {
        background-color: var(--DarkGreen);
        color: var(--Light);
        font-size: 1rem;
        padding-top: 1vh;
        padding-bottom: 2vh;
        text-align: center;
    }
    .legal .textRight {
        text-align: center;
    }
    .ico_video {
        position: absolute;
        top: 40%;
        left: 38%;
    }
    .conectado {
        padding-top: 10vh;
        padding-bottom: 4vh;
        position: relative;
    }
    .unNumero .numeros {
        font-family: var(--GilroyRegular);
        font-size: 1.125rem;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
        padding-top: 9px;
    }
    .marcas {
        background-color: var(--LightGreen);
        color: var(--Light);
        text-align: center;
        padding-top: 7vw;
        padding-bottom: 2vw;
    }
    .listaContacto .texto {
        float: left;
        width: 100%;
        font-family: var(--GilroyRegular);
        font-size: 1rem;
        letter-spacing: 2px;
        margin-top: 2px;
    }
}

/* XS */
@media only screen and (max-width: 380px) {

}


@media (min-width: 768px) and (max-width: 991px) {

}