html {
        scroll-behavior: smooth;
       /*Comenta  para probar la diferencia con y sin scroll suavizado*/
    }
 input#side-menu {
    opacity: 0;
}   
	 

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; */}

/*seccion header*/
    header {
        background: #ffffff;
        height: 110px;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 100000;
        border-bottom: 10px solid #0075b2;
        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;
        justify-content: space-between;
    }
ul.menu a {
    color: #2f2f2f;
    padding: 5px 12px;
}
ul.menu a:hover {
    text-decoration: none;
    background: #0075b2;
    color: #fff;
}
.topnav {
    text-align: right;
    /* margin-top: 1%; */
    position: relative;
}
.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: #000;
    padding: 3px 20px;
    color: #fff;
    text-decoration: none;
}
/****SUBMENU***/

li.padre:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #0075b2;
    border-bottom: 5px solid transparent;
    top: 8px;
    right: 0;
}

li.padre {
    position: relative;
}
ul.submenu li {
    margin-bottom: 10px;
}

ul.submenu li a {
    padding: 0;
}
.nav li ul li a {
    padding: 0;
}
.nav li ul {
				display:none;
				position:absolute;
				min-width: 300px;
				background: #fff;
				font-size: 80%;
				text-align: left;
				list-style: none;
				padding: 10px;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
				margin-bottom: 10px;
			}
			
			.nav li ul li ul {
				right:-140px;
				top:0px;
			}
			
.logo {
    width: auto;
    /* position: absolute; */
    top: 19px;
    display: flex;
    vertical-align: middle;
    align-items: flex-end;
    justify-content: space-between;
    max-height: 100px;
}

.top {
    position: absolute;
    top: 0;
    width: 15%;
    right: 0;
    display: flex;
    /* justify-content: flex-end; */
    /* background: #918f8b; */
}
.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 {
    width: 150px;
    max-height: 111px;
    padding: 10px 0;
    object-fit: cover;
}

.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: 20px; */
    /* background-color: #333; */
    color: #12110b;
    /* width: 100%; */
    /* height: auto; */
    list-style: 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;
    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 0 17px;
    text-transform: uppercase;
    color: #0075b2;
    letter-spacing: 0;
    font-weight: 900;
    /* font-family: 'Montserrat'; */
    font-size: 2em;
}
h1.title spam {
    color: #0075b2;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 3em auto 0;
}
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;*/
    font-weight: 600;
}
.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-image: url('imagenes/banner-principal.png');
    background-size: cover;
    background-position: center;
    height: 500px;
    border-bottom: 5px solid #b2d5e7;
}
.banner {
    background: #e1e1e18c;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
.cont_banner {
    position: relative;
    z-index: 1;
}
  hr {
    border-top: 1px solid #fff !important;
}
  .banner h1 {
    font-size: 3rem;
    color: #0075b2;
    /* text-shadow: 2px 2px 4px #000; */
  }
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: #33393E; */
    MAX-WIDTH: 1200px !important;
    /*display: none;*/
    position: relative;
}
 section#quienessomos {
    /* background: #000; */
    position: relative;
    padding: 5% 0;
    border-top: 6px solid #00679d;
}      
section#contact span.verde i {
    display: inherit;
}
.context {
    padding: 5%  5% 5% 0;
    box-sizing: border-box;
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
section#quienessomos:before {
    content: "";
    display: block;
    position: absolute;
    width: 60%;
    height: 90%;
    /* border: 3px solid #000; */
    border-left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.wrapper.equipo {
    background: #e9eeef;
    position: relative;
    margin: 0 auto;
    padding: 3em 0;
}
.wrapper.equipo:after {
    content: "";
    top: 0;
    z-index: 1000;
    right: 0;
    display: block;
    position: absolute;
    width: 29%;
    height: 100%;
    background-size: cover !important;
    background: url(imagenes/textura-medisur.png) center center no-repeat;
}
.wrapper.equipo .context div p {
    width: 50%;
    padding: 16px;
}

section#equipo h1 {
    text-align: center;
}
section#equipo {
    padding-top: 100px;
}
.wrapper.equipo .context {
    width: 100%;
    display: block;
    flex-direction: row;
    align-items: center;
    padding: 3% 0;
}

.wrapper.equipo .context div {
    width: 100%;
    padding: 0 3%;
    /* border-left: 3px solid #5f252b; */
    /* margin-left: 2em; */
    display: flex;
}
.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: #B6CDDF; */
    font-size: 14px;
    line-height: 1.5;
    /* width: 100%; */
}
.nosotros .conImg {
    position: relative;
}
.context .columnas {
    margin: 0;
}
.nosotros .conImg:before {
    content: "";
    position: absolute;
    background: #8fa9b1;
    width: 50px;
    height: 25%;
    left: -17px;
    top: 0;
    Z-INDEX: 1;
}
.nosotros .conImg:after {
    content: "";
    position: absolute;
    background: #0075b2;
    width: 50px;
    height: 35%;
    right: -20px;
    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*/
.contServicio:nth-child(odd) {
    flex-direction: row-reverse;
}
.center {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.center .title {
    text-align: center;
}
.tex_slide {
    position: absolute;
    bottom: 0;
    background: #00000082;
    height: 80px;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
} 
.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: 46px;
    }
    .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;
    }
section#contacto .columna.col6.contimg {
    text-align: right;
    position: relative;
}

section#contacto .columna.col6.contimg img {
    width: 90%;
}

section#contacto .columna.col6.contimg:before {
    width: 90%;
    height: 100%;
    background: #8ba4ab;
    position: absolute;
    content: "";
    top: -30px;
    left: 0;
    z-index: -1;
}
section#contacto:after {
    content: "";
    display: block;
    width: 55%;
    height: 67%;
    border: 5px solid #0175b2;
    border-right: 0;
    position: absolute;
    top: 75px;
    bottom: 0;
    right: 0;
    z-index: -2;
    margin: auto;
}
    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: transparent;
    color: #0075b2 !important;
    border-color: #0075b2 !important;
    width: max-content !important;
    margin: 0 auto !important;
    text-align: center;
    border-radius: 20px !important;
}
    form#frmContacto input {
        display: block;
        width: 100%;
        margin: 1em 0;
        box-sizing: border-box;
        padding: 10px 15px;
        background: no-repeat;
        border: 0;
        border: 1px solid #b9b9b9;
        border-radius: 8px;
        margin-bottom: 2px;
        color: #b8b8b8;
        position: relative;
        text-transform: capitalize;
    }
    
    form#frmContacto textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 15px;
        background: none;
        border: 0;
        min-height: 100px;
        border: 1px solid #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: 400px;
    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: -21px;
    top: 10%;
}

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

    /*formulario*/
    .columna.col6.contFromulario {
        width: 50%;
        /* margin-left: 50%; */
        /* background: rgb(228 228 228); */
        padding: 80px 8%;
        box-sizing: border-box;
        /* box-shadow: 2px -5px 9px rgba(0, 0, 0, 0.51); */
    }
    
    .columna.col6.fondo {
    background: #fff;
    /* box-shadow: 0px 0px 9px 0px #0000002b; */
    padding: 0;
    /* height: 400px; */
}
.columna.col6.contimg img {
    width: 100%;
}
    .columna.col6.contFromulario h1,.columna.col6.contFromulario h2 {
        text-align: left;
        /* width: 67%; */
        /* color: #2b5973; */
        /* letter-spacing:10.1px; */
        /* font-weight: 100 !important; */
        /* font-family: 'Ragasta'; */
        margin: 0;
        font-size: 2.3em;
    }
    section#contacto {
    padding-top: 100px;
}
    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: center;
    }
    section.formulario:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 90%;
        /* background: rgba(255, 255, 255, 0.8); */
        top: 0;
        margin: auto;
        z-index: 0;
        bottom: 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: #0175b2;
        /* padding: 20px 0; */
        color: #fff;
        height: 180px;
        margin-top: 3em;
    }
    .columna.col4 {
    width: 40%;
    height: 180px;
    /* padding: 20px 0; */
}
footer h4 {
    margin-top: 12%;
}
.redes ul {
    display: flex;
    color: #fff;
    justify-content: center;
}

.redes a {
    color: #fff;
}

.redes {
    /* background: #918f8b; */
    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 {
    box-shadow: 0 0 20px #333;
    width: 50%;
    /* max-width: 100% !important; */
    justify-content: center;
    margin-top: 3em;
    margin-bottom: -14em;
}
.cont_banner .columnas .columna.col4 {
    width: 50%;
}
    /******************************************************** RESPONSIVE *********************************************/
    @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) {
/* hamburgesa***/
/* Nav menu */
ul.menu {
    flex-direction: column;
    width: 100%;
    padding: 0;
}
.nav{
    width: 100%;
    /* height: 100%; */
    position: fixed;
    background-color: var(--black);
    overflow: hidden;
}
.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: -24px;
}/* 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 */
.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: 300px;
        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: 100% !important;
    /* margin: 0 auto; */
}

.cont_banner .columnas {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    align-items: center;
}
    }
    
@media screen and (max-width: 600px) {
/*** submenu *****/
.nav li ul {
    position: initial !important;
    display: block;
}
.side-menu:checked ~ nav {
    margin-top: 103px;
    PADDING-TOP: 2EM;
}
.nav li ul a {
    color: #333;
}

li.padre {
    text-align: center;
}
/*** FIN submenu *****/
section#contacto:after{opacity:0}
.wrapper.equipo .context div p {
    width: 100%;
}

.contServicio {
    flex-direction: column !important;
}

.contServicio div, .contServicio div.contimg {
    width: 100% !important;
}
    .wrapper.equipo .context div p {
    width: 100%;
}
footer h4 {
    margin-top: 0%;
    padding-top: 1em;
}
    .columnas.logos {
    width: 30% !important;
    margin: 0 55%;
}

.cont_banner {
    padding: 29px;
}

.intro p {
    width: 90% !important;
    padding: 11% 0;
}

.center {
    padding: 0px 20px;
}
.wrapper.contflex {
    flex-direction: column;
}
.contServicio {
    width: 100% !important;
    margin: 1em 0 !important;
}

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: 100%;
    flex-direction: column;
}

h1.title, .fondo h1.title {
    margin: 1em 0;
    right: 0 !important;
}
    .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: 120px;
    }
    
    header .wrapper {
        padding-top: 13px;
    }
    
    .logo {
        width: 100%;
        top: 38px;
        left: 0;
    }
    .logo img {
    width: 46%;
}
   
    .redes {
        text-align: center;
    }

    .columna.col6.contFromulario {
        margin: 1em auto;
        width: 100%;
        padding: 0;
    }
    .columna.col6.contFromulario h1, .columna.col6.contFromulario h2 {
    font-size: 2.5em;
}
    .columna.col6.contFromulario h1, .columna.col6.contFromulario p {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .columna.col6 {
        width: 100%;
        float: none;
        margin-bottom: 2em !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: 1000;
    }
    
    footer, footer .columnas {
        height: 100% !important;
        position: relative;
        width: 100%;
        text-align: center;
    }
    .nosotros:before, .nosotros:after {
        display: none;
    }
    footer ul li a {
    text-align: center !important;
    display: block;
}
    }
    
    @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: 0;
        }
      
        .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;
}
section#servicios h1 {
    text-align: center;
}
.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: 55px;
    height: 65px;
    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: 55px;
    height: 65px;
    display: block;
    transform: rotate(180deg);
}

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

span.carousel-control-next-icon {
    width: 100%;
    background: none;
}
.intro p {
    text-align: left;
    width: 70%;
    max-width: 768px;
    margin: 3% auto;
    margin-top: 0;
    font-size: 1.1em;
    /* display: flex; */
    /* align-items: center; */
}
.intro h1 {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    margin-top: 4%;
}
.intro p img {
    position: absolute;
    width: 50%;
    right: 0;
    opacity: .7;
}
.intro {
    padding: 3%;
    background: #f1f1f1;
    position: relative;
    font-size: 1.1em;
    /*max-width: 900px;*/
    margin: 3% auto;
    position: relative;
    overflow: hidden;
}

.intro:before {
    content: "";
    display: block;
    position: absolute;
    width: 20%;
    height: 5px;
    background: #000000;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.intro:after {
    content: "";
    display: block;
    position: absolute;
    width: 20%;
    height: 5px;
    background: #000;
    margin: 0 auto;
    right: 0;
    left: 0;
}

/*** NUEVOS JUNIO***/
.contflex {
    display: flex;
    margin-top: 0;
    margin-bottom: .5em;
}
.contServicio .context {
    padding: 5%;
}
.contServicio {
    background: #e9eeef;
    display: flex;
    margin: 10px;
    width: 100%;
    margin-bottom: 3em;
    /* flex-direction: row-reverse; */
}
.contServicio h1 {
    font-size: 1em;
    line-height: 1.4;
}
.contimg img {
    height: 100%;
    object-fit: cover;
}

ul {
    padding-left: 17px;
    font-size: 14px;
}
.contServicio div {
    width: 112%;
}
.contServicio div.contimg {
    width: 61%;
    /* height: 373px; */
}
.contServicio:after {
    content: "";
    width: 40px;
    height: 100px;
    background: #0075b2;
}
.columnas.logos {
    position: relative;
    width: 368px;
    margin-top: 0;
    padding: 4px;
    background: #fff;
    text-align: center;
    box-shadow: -1px 1px 5px #00000038;
    z-index: 10;
}

.columnas.logos img {
    width: 100%;
}

.logos .columna.col4 {
    width: 50%;
    height: auto;
}
.intro img {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
}