html {
        scroll-behavior: smooth;
       /*Comenta  para probar la diferencia con y sin scroll suavizado*/
    overflow-x: hidden;
}

	 

body {font-family: 'Montserrat', sans-serif !important;font-size: 14px;text-align: left;margin: auto;color: #49515f;/* color: #4cbe81; */background: #f2f2f2;width: 100%;/* display: flex; *//* align-items: center; */}
input#side-menu {
    opacity: 0;
}
.borde {
    border: 2px solid #065806 !important;
    padding: 35px;
}
/*seccion header*/
    header {
        background: #ffffff;
        height: 110px;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 2;
    border-bottom: 5px solid #000000;
        box-shadow: 0px 0px 5px #00000030;
    }
    header .wrapper {
        position: relative;
        /* padding-top: 10px; */
        letter-spacing: 2.2px;
        max-width: 1200px;
        display: flex;
        align-items: flex-end;
    }
a.icon {
    font-size: 2em;
    padding: 10px;
}
.topnav {
    width: 100%;
    text-align: right;
    margin-top: 1%;
}
.mainmenu {
    position: relative;
    width: 100%;
    text-align: center;
}
    .mainmenu ul {
        text-align: right;
        margin: 0;
        padding: 0;
        height: 50px;
    }
    
    .mainmenu ul li {
        margin: 14px 10px;
        list-style: none;
        display: inline-block;
        /* font-size: 12px; */
        text-transform: uppercase;
        /* letter-spacing: 2.2px; */
    }
    .mainmenu ul li a {
        /* letter-spacing: 2.4px; */
        font-weight: 600;
        padding: 8px;
    }
.mainmenu ul li a:hover, .mainmenu ul li a.active, 
.menu-items li a:hover {
background: #990b0b;
/* padding: 3px 20px; */
color: #fff;
text-decoration: none;
}
.logo {
    width: 35%;
    /* position: absolute; */
    top: 19px;
    display: flex;
    vertical-align: middle;
    align-items: flex-end;
    justify-content: space-between;
}

.top {
position: absolute;
top: 5px;
width: 37%;
right: 0;
display: flex;
justify-content: flex-end;
background: #000000;
}
.top li, .top a {
    margin: 0;
    padding: 0 !important;
}
.top .mainmenu a {
    font-size: 12px;
    text-transform: initial;
    color: #fff;
}
.top .mainmenu a:hover {
    color: #fff;
    background: transparent;
}
.top ul {display: inline-flex;justify-content: flex-end;}
.logo img {max-width: 100px;/* padding: 10px 0; */}

.logo a.btn {
    color: #2b5973;
    background: no-repeat;
    padding: 10px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #bcd1e1;
    box-shadow: none;
}

.top img {
    margin: 0 10px;
    border-radius: 26px;
    overflow: hidden;
}
.telefonos {
    display: flex;
    align-items: center;
    width: 97%;
} 
.telefonos p {
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    letter-spacing: 1.14px;
    font-size: 1.35em;
    text-align: right;
    color: #4cbe81;
    font-weight: 600;
}
.menu {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0;
    /* background-color: #333; */
    color: #12110b;
    width: 100%;
    /* height: auto; */
    list-style: none;
  }
  .menu a {
    color: #000;
    text-decoration: none;
    padding: 10px;
    font-weight: 700;
}

.menu a:hover {
    background: #990b0b;
    color: #fff;
    text-decoration: none;
}
  .menu-toggle {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 20px;
    height: 15px;
  }
  
  .one,
  .two,
  .three {
    background-color: #fff;
    height: 2px;
    width: 100%;
    transition: all 0.3s ease-in-out;
  }
  
  .menu-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #333;
  }
  
  .menu-items li {
    display: block;
    /* margin: 7px 20px; */
  }
  
  .menu-items a {
    display: block;
    padding: 3px 20px !important;
    color: #12110b;
    font-weight: 500;
    letter-spacing: 0;
    box-sizing: border-box;
  }
  
  .menu-toggle.active .one {
    transform: rotate(45deg);
    transform-origin: center center;
  }
  
  .menu-toggle.active .two {
    opacity: 0;
  }
  
  .menu-toggle.active .three {
    transform: rotate(-45deg);
    transform-origin: center center;
  }
  ul#myLinks.visible {
    display: block;
    top: 120px;
    background: #586e7e;
    z-index: 1;
}
  
/* termina seccion header*/ 

/* generales */
h1.title {
    text-align: left;
    margin: 0;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0;
    font-weight: 900;
    font-family: 'Montserrat';
}
h1.title spam {color: #990b0b;}

.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 3em auto 1em;
}
header .wrapper {
    margin: 0 auto;
}
a {
    color: #000000; /* blue colors for links too */
    text-decoration: none; /* no underline */
}
h1 {
    /* width: 90%; */
    margin: 0 auto 0;
    text-align:
    center;
    /* text-transform: uppercase; */
    font-size: 2.3em;
    /* color: #fff !important; */
    line-height: 1 !important;
    /* font-weight: 900 !important; */
}

img {
    margin-bottom: 0;
    width: 100%;
}
.context p b {
    font-size: 18px;
}
.top a, footer a {
    display: flex;
    align-items: center;
    padding: 0;
}

.top a img, footer a img {
    /* width: 24%; */
    margin: 0;
    padding-right: 10px;
}
/* termina generales */

/*seccion banner*/
section.top_banner {
    margin-top: 110px;
    background: url(imagenes/baner_italiano_venecia.jpg) center center;
    background-size: cover;
    background-position: center;
    height: 436px;
    position: relative;
    overflow: hidden;
}
.banner:before {
    content: "";
    display: block;
    width: 60%;
    position: absolute;
    left: 0;
    height: 100%;
    background: #0000008c;
}
.banner {
    background: #0000008c;
    background: url(imagenes/banner_elvolcan.jpg) center center;
    background-size: cover;
    height: 430px;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: center;
    padding: 0 7%;
    width: 63%;
  }
.cont_banner {
    position: relative;
    z-index: 1;
    text-align: left;
    border: 1px solid #fff;
    padding: 30px;
}
  hr {
    border-top: 1px solid #fff !important;
}
  .banner h1 {
    font-size: 2rem;
    color: #fff;
    font-weight: 800;
    /* text-shadow: 2px 2px 4px #000; */
    text-transform: uppercase;
  }
  .cont_banner h2 {
    text-transform: uppercase;
}
h2 {
    font-size: 3em;
    font-weight: 500;
    color: #fff !important;
    padding: 0;
    margin: 2% 0;
}

hr {
    width: 50%;
    margin: 0 auto;
}
.inicio .wrapper {
    display: flex;
    align-items: center;
}

/* termina seccion banner */

/* BOTONES */
.btn {
    color: #F2F6F5;
    background: #000000;
    padding: 13px 36px;
    border-radius: 0;
    /* box-shadow: 1px 2px 10px rgba(43, 89, 115, 0.25); */
    display: inline-block;
    margin: 0;
    /* letter-spacing: 0.03em; */
    text-transform: uppercase;
    font-weight: 600;
}

 /*seccion nosotros*/
.wrapper.nosotros {
    display: flex;
    background: #f7f7f7;
    MAX-WIDTH: 1200px !important;
    /*display: none;*/
    position: relative;
}
 section#quienessomos {
    /* background: #000; */
    overflow: hidden;
}      
section#contact span.verde i {
    display: inherit;
}
.context {
    padding: 7%;
    box-sizing: border-box;
    /* width: 50%; */
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
    color: #fff;
}
section#quienessomos:before {
    /* content: ""; */
    display: block;
    position: absolute;
    width: 60%;
    height: 80%;
    border: 3px solid #000;
    border-left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.wrapper.equipo {
    background: #f8f8f8;
}

.wrapper.equipo .context {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 3% 0;
}

.wrapper.equipo .context div {
    width: 50%;
    padding: 0 3%;
    border-left: 3px solid #5f252b;
    margin-left: 2em;
}
.nosotros:before {
    /* content: ""; */
    position: absolute;
    background: #000;
    width: 100%;
    height: 2px;
    margin: 10px 0;
    top: 25%;
    left: -50%;
}
.nosotros:after {
    /* content: ""; */
    position: absolute;
    background: #000;
    width: 100%;
    height: 2px;
    margin: 10px 0;
    bottom: 4%;
    left: -50%;
}
.conImg {
    width: 50%;
}
.conImg img {
    height: 100%;
    object-fit: cover;
}
p {color: #2c2c2c;font-size: 14px;line-height: 1.5;/* width: 100%; */}
.nosotros .conImg {
    position: relative;
}

.nosotros .conImg:before {
    /* content: ""; */
    position: absolute;
    background: #000;
    width: 50px;
    height: 35%;
    left: -17px;
    top: 0;
}
.nosotros .conImg:after {
    content: "";
    position: absolute;
    background: #918f8b;
    width: 50px;
    height: 35%;
    right: 0;
    bottom: 0;
    z-index: -1;
}
/* termina seccion nosotros*/

/***** pop up ****/
div#popupBody {
    width: 50%;
    margin: auto;
    bottom: 0;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    padding: 30px 23px;
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
  }
  .overlay:target{
    visibility: visible;
    opacity: 1;
  }
  #popupBody{
    width: 46%;
    padding: 2%;
    border-radius: 15px;
    box-shadow: 0 0 5px #343434;
    background: #fbfbfb;
    position: relative;
    margin: 3% auto;
    transition: all 5s ease-in-out;
    height: 300px;
}
div#popupBody h1 {
    font-size: 1.5em;
    margin: 20px 0;
}
div#popupBody li {
    font-size: 14px;
}
#cerrar{
    position: absolute;
    right: 8px;
    font-size: 43px;
    font-weight: bold;
    text-decoration: none;
    color: rgb(107 107 107);
    transition: all 200ms;
    top: -19px;
}
/* termina popup */


/* seccion servicios*/
.center {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.center .title {
    text-align: center;
    color: #000;
}
.tex_slide {
    /* position: absolute; */
    bottom: 0;
    background: #000000;
    height: 91px;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.panel-thumbnail img {
    height: 300px;
    object-fit: cover;
}
/* TERMINA SECCION SERVICIOS */ 

/* SECCION CONTACTO */
    .contimg, .conForm {
        width: 100%;
        margin: 0 auto;
        /* height: 100vh; */
    }
    
    .container {
        margin: auto;
        width: 70%;
        z-index: 1;
    }
    .columna.col6 {
        width: 50%;
    }
    .contimg h2 {
        line-height: 1.2;
        text-transform: uppercase;
        font-size: 1.8em;
        color:#ffffff;
        /* letter-spacing: 8.52px; */
        text-align:center;
        /* opacity: 1; */
        font-weight: 100;
    }
    .Form input, .Form select {
        width: 100%;
        margin: .8em 0;
        padding: 10px;
        border: none;
        border-radius: 18px;
        text-align: center;
        background: #eeeeee;
    }
    .select:before {
        display: table;
        content: "";
        position: absolute;
        display: block !important;
        z-index: 1000;
        top: 18%;
        right: 19px;
        width: 19px;
        height: 15px;
        background-size: cover !important;
        background: url(images-landing/arrow.png) center center;
    }
    select#localidad {
        -webkit-appearance: none;
    }
    .select {
        position: relative;
    }
    .logo-img {
        top: 3%;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 200px;
    }
    .contimg h2 {
        /* position: absolute; */
        bottom: 0;
        left: 0;
        right: 0;
        /* width: 77%; */
        margin: 0 auto;
    }
    h2 span {
        opacity: .77;
        font-family: 'AvenirLTStd-Light';
    }
    h3 {
        /* letter-spacing: 7.27px; */
        /* font-family: 'Ragasta'; */
        font-weight: 100;
        font-size: 1.5em !important;
        color: #fff !important;
    }    
    .columna.col12 h3:first-child {
        color: #78502C;
        font-size: 1.7em;
        font-family: 'AvenirLTStd-Roman', Sans-Serif;
    }
    /*botones*/
    button.btn, input.enivar {
        background: #4cbe81!important;
        color: #fff !important;
        /* letter-spacing: 10.1px; */
        text-transform: uppercase;
        -webkit-transition: all ease-out .6s;
        -moz-transition: all ease-out .6s;
        transition: all ease-out .6s;
        position: relative;
        z-index: 1;
        border-radius: 0;
        box-shadow: none;
        border: none !important;
        cursor: pointer;
        margin-left: 64%;
        margin-top: 1em;
    }
    button.btn:hover {
        background: #ffffff !important;
        color: #446cdd !important;
    }
    input.enivar {
 color: #fff;
 background: #4cbe81;
 text-transform: uppercase;
 padding: 10px 30px;
 border-radius: 17px;
 box-shadow: 2px 2px 11px 0px #0000004f;
 letter-spacing: 2px;
 display: block;
 margin: 1em 0 !important;
 width: max-content !important;
 }
    /*redes*/
    .redes img {
    max-width: 55%;
    }
    .redes {
        /* display: flex; */
        /* justify-content: stretch; */
        width: 50%;
        text-align: left;
    }
    .redes a:hover {
        opacity: .5;
    }
    .telefonos img {
        max-width: 20px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
    }
    .idiomas {
        /* width: 85px; */
        line-height: 2;
        display: flex;
    }
    
    a.active {
        color: #44bf7d;
    }
    
    .idiomas a {
        font-weight: 800;
    }
    a img {
        max-width: 33px;
        margin: auto;
        display: block;
    }
    .Form input {
        width: 95%;
    }
    div#inline {
        width: 500px;
        text-align: center;
        /* color: #4d4d4d; */
        line-height: 1.5;
    }
    div#inline a input {
        background: transparent !important;
        border: none;
        color: #0f694b;
        font-weight: 800;
    }
    .columna.col3 {
        width: 33%;
        float: left;
        min-height: 250px;
    }
    
    .columnas {
        max-width: 1200px;
        width: 90%;
        margin: 0 auto;
    }
    .direcciones {
        /* min-height: 100vh; */
        padding-top: 4%;
        padding-bottom: 9%;
        border-top: 7px solid #4d2b10;
        border-bottom: 7px solid #4d2b10;
    }

/* SECCION FOOTER */
    footer p {
        /* font-size: 80% !important; */
        text-align: left;
    }
    .Contacto {
        background: url(images/bg_contacto.png) center center no-repeat;
        background-size: 100% 100%;
        padding: 4% 0;
    }
    .Contacto h2 {
        text-align: left;
        margin: 0;
    }
    footer a {
        color: #fff;
    }
    
    footer a:hover {
        font-weight: 600;
        color: #fff;
    }
    form#frmContacto {
        /* width: 30%; */
        /* margin-top: 2em; */
        margin: 10px 0;
    }
    
    input.btn {
    background: #910a0a !important;
    color: #fff !important;
    width: 70% !important;
    margin: 15px auto !important;
    border-radius: 0 !important;
}
    form#frmContacto input {
        display: block;
        width: 100%;
        margin: 1em 0;
        box-sizing: border-box;
        padding: 10px 15px;
        background: no-repeat;
        border: 0;
        background: #b9b9b9;
        border-radius: 8px;
        margin-bottom: 2px;
        color: #fff;
        position: relative;
        text-transform: capitalize;
    }
    
    form#frmContacto textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 15px;
        background: none;
        border: 0;
        min-height: 100px;
        background: #b9b9b9;
        border-radius: 8px;
        margin-bottom: 2px;
        color: #49515f;
        margin-top: 12px;
        /* font-family: 'AvenirLTStd-Roman', Sans-Serif; */
    }
    
    .Contacto .wrapper {
        width: 90%;
        margin: 0 auto;
        max-width: 1100px;
    }
    img.icon {
        position: absolute;
        width: 15px;
        top: 17px;
        z-index: 1;
        left: 11px;
    }
    
    .name {
        position: relative;
    }
    
    
    label {
        color: #49515f;
        margin: 0 !important;
        padding: 5px 0 !important;
        /* width: 79px !important; */
        display: block;
        text-align: left;
        font-family: 'Myriad Pro Semibold';
    }
    
    
    .redes img {
        /* max-width: 68px; */
        /* height: 21px; */
        /* margin: 13px 0; */
        display: inline-block;
    }
    
    .direcciones .columna img {
        max-width: 43px;
        height: 51px;
    }
    
    .columnas:after {
        content: "";
        display: block;
        clear: both;
    }
    
    .columna.col12 {
        width: 100%;
        display: block;
    }
    div#OT_logo {
        background: none;
        position: initial;
    }
    .fondo .columnas {
    height: 100%;
    padding: 0;
    margin: 0;
    width: 100%;
}

.columna.col6.contimg, .columna.col6.contimg img {
    height: 400px;
    object-fit: cover;
}
.fondo h1.title {
    position: absolute;
    background: #000;
    color: #fff;
    padding: 15px 27px;
    right: 20px;
    top: 25%;
}

.fondo p {
    padding: 20px;
    position: absolute;
    top: 37%;
}    

/*formulario*/
.columna.col6.contFromulario {
    width: 60%;
    /* margin-left: 50%; */
    background: rgb(255 255 255 / 80%);
    padding: 2% 8%;
    box-sizing: border-box;
    /* box-shadow: 2px -5px 9px rgba(0, 0, 0, 0.51); */
    text-align: center;
}

.columna.col6.fondo {
background: #fff;
box-shadow: 0px 0px 9px 0px #0000002b;
padding: 0;
/* height: 100%; */
}
.columna.col6.fondo img {
    object-fit: cover;
}
.columna.col6.contimg img {
    width: 100%;
}
.columna.col6.contFromulario h1,.columna.col6.contFromulario h2 {
    text-align: center;
    /* width: 67%; */
    color: #1c661c;
    /* letter-spacing:10.1px; */
    /* font-weight: 100 !important; */
    margin: 0;
    font-size: 1.5em;
}

section.formulario {
    position: relative;
    /* margin-top: -83px; */
    /* padding: 6% 0 0; */
    border: 0;
    /* background: url(imagenes/DENTARIS-2/887.jpg) center left no-repeat; */
    background-size: contain;
}
.formulario span.verde {
    color: #2b5973;
    letter-spacing: 0;
    font-family: 'Ragasta';
    font-size: 2em;
}
.group-form {
    /* width: 49%; */
}

.group-form:nth-child(3), .group-form:nth-child(4) {
    width: 100%;
}

.group-form:nth-child(2), .group-form:nth-child(1) {
    display: inline-block;
    /* flex-wrap: nowrap; */
    width: 100%;
    margin-left: 0;
}

.group-form:nth-child(1) {
    margin-left: 0;
}
.columnas {
    display: flex;
    position: relative;
    /* align-items: stretch; */
}
section.formulario:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgba(255, 255, 255, 0.8); */
    top: 0;
    z-index: 0;
}
/*Footer*/
.datos a {
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    font-family: 'AvenirLTStd-Roman', Sans-Serif;
    margin-bottom: 1em !important;
}
footer {
    /* border: 1px solid #979797; */
    background: #000000;
    /* padding: 20px 0; */
    color: #fff;
    height: 180px;
    /* margin-top: 3em; */
}
footer .columna.col4 {width: 40%;height: 180px;padding: 0 30px;}
footer h4 {
    margin-top: 12%;
}
.redes ul {
    display: flex;
    color: #fff;
    justify-content: center;
}

.redes a {
    color: #fff;
}

.redes {background: #ffffff;padding: 0 20px  !important;text-align: center;}

footer .columnas {
    height: 180px;
}
.copy {
    background: #fff;
    padding: 12px;
    text-align: center;
    font-weight: 600;
    color: #000;
}

footer ul li {
    list-style: none;
}

footer ul {
    padding: 0;
}

footer h4 {
    text-transform: uppercase;
}
    footer .wrapper {
        display: flex;
        width: 90%;
        max-width: 1200px;
        margin: 0 auto;
        align-items: center;
        text-align: left;
        font-family: 'Myriad Pro Bold';
    }
    footer .wrapper img {
        /* max-width: 180px; */
        /* margin: 0 auto 1em; */
        max-width: 22px;
        margin: 0 7px 0 0;
    }
    footer p {
        margin: 0;
    }
    .datos p {
        font-size: 1.2em;
        font-weight: 800;
    }
    .datos {
        width: 32.3%;
        text-align: center;
    }
    #menu_on{
        display: none;
        width:30px;
        height: 20px;
        position: relative;
        z-index: 2;
    }
    .context.es {
        width: 29%;
        margin-top: 6em;
    }
    .formulario .columna.col6.contText  span.verde {
        letter-spacing: 0;
    }
    
    .formulario .columna.col6.contText h1 {
        font-size: 3em;
        line-height: 1.3em !important;
    }
    
    .formulario .columna.col6.contText p {
        margin: 0;
    }
    
    .formulario .columna.col6.contText small {
        font-size: 1em;
        letter-spacing: 1px;
    }
    .formulario .columna.col6.contText  span.verde {
        letter-spacing: 0;
        font-size: 3em;
        width: 69% !important;
        display: inherit;
        margin: 0 auto;
    }
    
    .formulario .columna.col6.contText h1 {
        font-size: 3em;
        line-height: 1.3em !important;
    }
    
    .formulario .columna.col6.contText p {
        margin: 0;
    }
    
    .formulario .columna.col6.contText small {
        font-size: 1em;
        letter-spacing: 1px;
    }
.cont_banner .columnas {
    width: 100%;
    max-width: 100% !important;
    justify-content: center;
}
.cont_banner .columnas .columna.col4 {
    width: 21%;
}
/******************************************************** RESPONSIVE *********************************************/
@media screen and (max-width: 1950px) {
a.icon {
    display: none;
}
}
@media screen and (max-width: 1350px) {

.mainmenu ul li {
    margin: 14px 6px;
}
}
@media screen and (max-width: 1024px) {
h1 {
    font-size: 2em;
}
.mainmenu ul li {
    margin: 14px 3px;
}

.mainmenu ul li a {
    letter-spacing: 1.5px;
}

.telefonos {
    width: 82%;
}

.telefonos p {
    margin: 0;
    font-size: 1.3em;
}

.marcas img {
    max-width: 80px;
}

.logo {
    width: 153px; 
     top: 22px;
    left: 0;
}

.inicio .context {
    width: 50%;
}

.contimg p {
    width: 93%;
}

}

@media screen and (max-width: 768px) {
    section.top_banner {
    margin-top: 90px;
}
    .logo {
    left: 18px;
}
.menu a{
    display: block;
    padding: 30px;
    color: var(--white);
}
.menu a:hover{
    background-color: var(--gray);
}
.nav{
    max-height: 0;
    transition: max-height .5s ease-out;
}
.hamb{
    cursor: pointer;
    float: right;
    padding: 40px 20px;
    z-index: 1000;
    /* background: #000; */
    position: relative;
    top: -34px;
}/* Style label tag */

.hamb-line {
    background: #12110b;
    display: block;
    height: 2px;
    position: relative;
    width: 24px;
} /* Style span tag */

.hamb-line::before,
.hamb-line::after{
    background: #12110b;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 5px;
}
.hamb-line::after{
    top: -5px;
}

.side-menu {
    display: none;
} /* Hide checkbox */
/* Toggle menu icon */
    ul.menu {
    flex-direction: column;
    width: 100%;
    padding: 0;
}
.side-menu:checked ~ nav{
    max-height: max-content;
    background: #000;
    margin-top: 119px;
    padding-top: 1em;
    z-index: -1;
}
.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}

        .logo {
        left: 18px;
    }
    
    .top {
        width: 100%;
        display: block;
        left: 0;
        margin: 0 auto;
    }
    .fondo p {
    padding: 20px;
    position: absolute;
    top: 37%;
}
    
    .mainmenu ul li {
        display: block;
    }
    .inicio:before {
        bottom: -35px;
    }
    .marcas {
        display: block;
    }
    #menu_on{
        display: block;
        width:30px;
        height: 20px;
        position: relative;
        z-index: 2;
        text-align: right;
        position: absolute;
        right: 0;
    }
     
    #menu_on span{
        width: 100%;
        height: 4px;
        border-radius: 4px;
        display: block;
        position: absolute;
        background: #fff;
        transition: all 0.25s ease; 
        transform-origin : 0px 100%;
    }
     
    #menu_on span:nth-child(2){
        top: calc(50% - 2px);
    }
     
    #menu_on span:nth-child(3){
    bottom: 0;
    }
    
    nav{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        padding: 0;
        /* background: #586e7e; */
        /* opacity: 0; */
        transition: all 0.75s ease;
        font-size: 1.2em;
        overflow-y: auto;
        box-sizing: border-box;
    }
    ul.menu a{
        display:block;
        text-decoration: none;
        padding: 0;
        color: rgba(255,255,255,0.75);
        border-bottom: 1px solid rgba(255,255,255,0.2);
        transition: all ease 0.25s;
    }
     
    nav a:hover{
        color: rgba(255,255,255,1);
        border-bottom-color:rgba(255,255,255,0.4);
    }
    
    .visible_menu nav{
        left: 0;
        opacity: 1;
    }
    .visible_menu span:nth-child(1){
        transform: rotate(45deg) translate(-2px,1px); 
    }
     
    .visible_menu span:nth-child(2){
        opacity: 0;
    }
     
    .visible_menu span:nth-child(3){
        transform: rotate(-45deg) translate(-3px,3px); 
    }
    .inicio .context {
        width: 52%;
        margin-top: 53px;
    }
    
    .inicio {
        height: 45vh;
        position: relative;
    }
    .redes img {
        margin-right: -15px;
    }
    
    section.formulario {
        background-size: 100%;
        background-position: top left;
    }
    
    .columna.col6.contFromulario {
        margin-left: 34%;
        width: 65%;
    }
    
    .group-form:nth-child(2), .group-form:nth-child(1) {
        width: 100%;
        margin: 0;
    }
    .inicio:after {
        /* content: ""; */
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        /* background: rgba(255, 255, 255, .75); */
        z-index: 0;
    }
    
    .wrapper {
        position: relative;
        z-index: 2;
    }
    .cont_banner .columnas .columna.col4 {
width: 60% !important;
margin: 0 auto;
}

.cont_banner .columnas {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    align-items: center;
}
    }
    
@media screen and (max-width: 600px) {
.cont_icon {
    width: 100% !important;
    margin: 1em 0 !important;
}
ul {
    padding: 0;
}
section#politicas .columna.col6 {
    flex-direction: column;
}

section#politicas .columna.col6 .cont_img, .columna.col6.borde .cont_text {
    width: 100% !important;
    margin-bottom: 1em;
    padding: 0;
}
h1.title {
    /* margin: 1em; */
}
    section#quienessomos:before {
    /* left: 0; */
    /* right: 0; */
    /* margin: 0 auto; */
    /* width: 90%; */
    /* border-left: 3px solid #000; */
}

.wrapper.equipo .context {
    flex-direction: column;
}

.wrapper.equipo .context div {
    width: 90%;
}

h1.title {
    /* margin: 1em; */
}
    .inicio .wrapper {
    margin: 0 auto!important;
}

.inicio .wrapper h1 {
    font-size: 4em;
}
    section#quienessomos:before {
    /* left: 0; */
    /* right: 0; */
    /* margin: 0 auto; */
    /* width: 90%; */
    /* border-left: 3px solid #000; */
}
        .wrapper.nosotros, .wrapper.dra-Ana, .wrapper.dra-Carmen {
            flex-direction: column;
        }
        
        .wrapper.nosotros div, .wrapper.dra-Ana div, .wrapper.dra-Carmen div {
            width: 100%;
        }
    .Locaciones.phones {
        width: 100% !important;
        margin: 1em auto 1em !important;
        box-sizing: border-box;
    }
    .inicio .context {
        width: 100%;
        margin: 0;
    }
    
    .inicio {
        height: 100vh;
        margin-top: 137px;
        background: url(imagenes/img-intro.png) bottom right no-repeat;
        background-size: 93%;
        display: block;
    }
    .inicio .columna.col6.contimg {
    display: none;
}
    header {
        height: 90px;
    }
    
    header .wrapper {
    /* padding-top: 50px; */
    }
    
    .logo {
        width: 85%;
        top: 38px;
        left: 0;
    }
.logo img {width: 87%;max-width: 69px;}

.redes {
    text-align: center;
}
.cont_banner {
    left: 0;
    position: relative;
    padding: 15px;
    border: 1px solid #fff;
}

.banner h1, .banner h2 {
    font-size: 1em !important;
}

.banner:before {
    width: 100%;
}
.columna.col6.contFromulario {
    margin: 1em auto;
    width: 100%;
}

.columna.col6.contFromulario h1, .columna.col6.contFromulario p {
    width: 100%;
    margin-left: 0;
    text-align: center;
}
.columna.col6 {
    width: 100%;
    float: none;
    margin: 0 !important;
    margin-bottom: 20px !important;
}
.idiomas {
    margin: 0 !important;
    position: absolute;
    top: 0;
    right: -31% !important;
}
section.formulario .columnas {
    display: block;
}

.formulario .columna.col6.contText h1 {
    font-size: 1.9em;
}

.formulario .columna.col6.contText span.verde {
    font-size: 2.4em;
    width: 100% !important;
}
footer .wrapper {
    display: block;
}

.LocacionGrup {
    display: block;
}

.datos {
    width: 61%;
    margin: 0 auto 2em;
    font-size: .8em;
}

.Locaciones {
    width: 100%;
}
.columna.col4 {
    width: 100% !important;
    height: auto !important;
}
.columnas {
    display: block;
}

header {
    z-index: 3;
}

footer, footer .columnas {
    height: 100% !important;
    position: relative;
}
.nosotros:before, .nosotros:after {
    display: none;
}
}

@media screen and (max-width: 375px) {
    footer .wrapper {
    display: block;
}

.LocacionGrup {
    display: block;
}

.datos {
    width: 61%;
    margin: 0 auto 2em;
    font-size: .8em;
}

.Locaciones {
    width: 100%;
}

.inicio h1 {
    font-size: 1.7em;
}
}

@media screen and (max-width: 320px) {
h2 {
    font-size: 2em;
}
.formulario span.verde {
    font-size: 1em;
}

.inicio {
    height: 83vh;
}
}

@media screen and (orientation:landscape) {
}



/*** para el menu ***/
    @media screen and (min-width: 768px) {
        .menu {
          flex-direction: row;
          align-items: initial;
        }
      a.icon {
    display: block;
}
        .menu-toggle {
          display: none;
        }
      
        .menu-items {
          display: flex;
          justify-content: flex-end;
          position: initial;
          width: initial;
          background-color: initial;
        }
      
        .menu-items li {
          display: inline-block;
          margin-left: 20px;
        }
      
        .menu-items a {
          padding: 0;
        }
      }
    

/*estilos slider galeria */
@media (min-width: 768px) {
a.icon {
    display: block;
}
    /* show 3 items */
    .carouselPrograms .carousel-inner .active,
    .carouselPrograms .carousel-inner .active + .carousel-item,
    .carouselPrograms .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
        padding: 0;
    }

    .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    .carouselPrograms .carousel-inner .carousel-item-next,
    .carouselPrograms .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .carouselPrograms .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .carouselPrograms .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item,
    .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carouselPrograms .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .carouselPrograms .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item,
    .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    .carousel-control-next, .carousel-control-prev {
    background: #00000029;
    width: 4% !important;
    /* border: 1px solid #000 !important; */
    height: 20%;
    margin-top: 12%;
    color: #000 !important;
}
.panel-thumbnail {
    padding: 20px 20px 0;
}
a.carousel-control-prev {
    left: -3%;
    /* background: #00000029; */
}

a.carousel-control-next.text-faded {
    right: -3%;
}
}  

.wrapper.servicios, .wrapper.nosotros {
    padding: 10px 0;
    /* margin-top: 0; */
}
.flechas a {/* background: #fff; *//* color: #333 !important; *//* border: 1px solid #333; */}

span.carousel-control-prev-icon {
    background: none !important;
    width: 100%;
}

span.carousel-control-prev-icon:before {content: "";color: #000;font-size: 2em;background: url(imagenes/arrows.png) center center no-repeat;background-size: cover;width: 50px;height: 63px;display: block;margin: 0;}
span.carousel-control-next-icon:before {content: "";color: #000;font-size: 2em;background: url(imagenes/arrows.png) center center no-repeat;background-size: contain;width: 49px;height: 62px;display: block;transform: rotate(180deg);}

a.carousel-control-next.text-faded {/* width: 100%; */}

span.carousel-control-next-icon {
width: 100%;
background: none;
}
/*** nuevos ***/
section#contacto {
    background: url(imagenes/contacto.webp) center left no-repeat;
    background-size: cover;
    /* padding: 20px; */
}
.columnas.logos {
    width: 60%;
    margin: 0 auto;
    align-items: center;
    text-align: center;
    box-shadow: 0 0 20px #333;
    width: 30%;
    /* max-width: 100% !important; */
    justify-content: center;
    margin-top: 3em;
    /* margin-bottom: -14em; */
    background: #fff;
    padding: 10px;
}
.columnas.logos img {
    width: auto;
}
.columnas.logos .col6 {
    text-align: center;
    align-items: center;
}
.columnas.logos img {
    width: 100%;
    max-width: 150px;}
section.politicas {
    margin: 3em 0;
}
.context .columnas {margin: 0;width: 100%;}
.context .columnas .columna.col6 {
    margin: 22px;
}
.wrapper.nosotros:after {
    content: "";
    background: url(imagenes/textura.png) center center no-repeat;
    height: 100%;
    width: 100%;
    background-size: contain;
    top: 0;
    bottom: 0;
    margin: 0;
    right: 10px;
    left: 19%;
}
section#politicas .columna.col6 {
    margin: 20px 0;
    width: 100%;
    display: flex;
}
footer img {
    /* width: 38%; */
}
section#politicas .cont_text h1.title {
    font-size: 1.6em;
    margin-bottom: 10px;
}
.panel-thumbnail img {
    height: 300px;
    object-fit: contain;
    background: #4444440d;
    padding: 0 28% 26%;
}
/***SERVICIOS FORMATO ICONO***/
.cont_icon {
    width: 23%;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    border: 1px solid;
}

.cont_icon img {
    width: 100px;
    height: 85px;
    object-fit: contain;
    margin: 1em;
}
section#politicas .columnas {
    flex-direction: column;
}

.columna.col6.borde .cont_text {
    width: 81%;
    padding: 0 3%;
}

.columna.col6.borde .cont_img img {
    height: 100%;
    object-fit: cover;
}
.columna.col6.borde .cont_img {
    width: 32%;
}
section#servicios .borde {
    margin-bottom: 2em;
}