/* - - - - - - - - - - - - - - -
CSS principal
Desarrollado por: Upgrade Diseño Interactivo
Para:
Fecha:
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
    /* ====== F O N T S ====== */

    @font-face {
        font-family: 'Montserrat-Bold';
        src: url('../../_fonts/Montserrat-Bold.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Montserrat-SemiBold';
        src: url('../../_fonts/montserrat-semibold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Montserrat-Regular';
        src: url('../../_fonts/montserrat-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Montserrat-Medium';
        src: url('../../_fonts/montserrat-medium-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Montserrat-Black';
        src: url('../../_fonts/montserrat-black-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Montserrat-Light';
        src: url('../../_fonts/montserrat-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    /* ====== F O N T S (end) ====== */
    /*Eliminamos márgenes del "body" */

    html,
    body {
        margin: 0px;
        padding: 0px;
        height: 100%;
        font-family: 'Montserrat-Regular';
    }

    #big-container
    /* Div que va a manterner el "footer" siempre al fondo */

    {}

    .fondo {
        background-repeat: no-repeat !important;
        min-height: 100%;
        background-position: top center;
        background-size: cover !important;
    }
    /* GENERAL */

    a {
        text-decoration: none;
    }
    /********* HEADER *********/

    header {
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 1;
        font-family: 'Montserrat-Medium';
    }

    .align-header {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu_btn {
        display: none;
    }

    .menu_header,
    .menu_header2 {
        width: auto;
        height: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu_header a {
        color: white;
        margin-left: 30px;
    }

    .menu_header2 a {
        color: black;
        margin-left: 20px;
    }

    .logo {
        width: 120px;
    }
    /***********/

    .main-proc {
        display: flex;
        flex-direction: column;
    }

    .popover {
        position: absolute;
        top: 100px;
        width: 150px;
        background-color: rgba(255, 255, 255, .4);
        box-shadow: 0px 1px 40px rgba(0, 0, 0, .1);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        padding: 15px;
        margin-top: 10px;
        line-height: 2;
    }

    .popover.show-menu {
        height: auto;
        transition: transform .3s ease-out;
        transform: scaleY(1);
        transform-origin: top;
        z-index: 9999;
    }

    .popover.hide-menu {
        transition: transform .1s ease-in .1s;
        transform-origin: top;
        transform: scaleY(0);
    }

    .popover a:hover {
        color: rgba(0, 0, 0, .5) !important;
    }
    /***********/
    /********* INICIO *********/

    .boton {
        font-family: 'Montserrat-Regular';
        color: white;
        padding: 12px 50px;
        background-color: rgba(255, 255, 255, .4);
        border-radius: 10px;
        border: solid 1px rgba(255, 255, 255, .6);
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(13px);
    }

    .bl:hover {
        background-color: rgba(0, 0, 0, .1);
        transition: ease-in-out all .2s;
    }

    #align-inicio {
        color: white;
        width: 90%;
        margin: auto;
        padding-top: 180px;
    }

    #welcome {
        width: 60%;
        margin: 70px auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #welcome h1 {
        font-size: 5em;
        font-family: 'Montserrat-SemiBold';
    }

    #welcome p {
        font-size: 1.5em;
        font-family: 'Montserrat-Regular';
        width: 70%;
    }

    #welcome a {
        margin-top: 20px;
    }

    #welcome hr {
        height: 80px;
        margin: 100px auto 30px;
    }

    .line {
        display: flex;
        border-style: solid;
        color: white;
        background-color: white;
    }
    /*---------------------*/

    #procedures {
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: space-around;
    }

    .proced {
        width: 45%;
        border-radius: 20px;
        display: flex;
        justify-content: end;
        flex-direction: column;
        background-color: rgba(0, 0, 0, .1);
        backdrop-filter: blur(13px);
        border: solid 1px rgba(255, 255, 255, .2);
    }

    .top-proced {
        font-family: 'Montserrat-Regular';
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 20px;
    }

    .top-proced h2 {
        width: 50%;
    }

    .top-proced a {
        padding: 15px 20px;
        backdrop-filter: blur(13px);
    }

    .img-proced {
        width: 100%;
        height: 300px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    /********* PROCEDIMIENTOS PARA MUJER *********/

    .ct-proc {
        width: 90%;
        margin: auto;
        color: white;
        padding-top: 250px;
    }

    .title_proc {
        font-family: 'Montserrat-Regular';
        font-size: 4em;
    }

    .procline {
        height: 120px;
        margin: 120px 0;
        width: 1px;
    }
    /***** MENU *****/

    .ct-select {
        width: 90%;
        margin: auto;
        font-family: 'Montserrat-Regular';
    }

    .ct-select .boton {
        float: right;
    }

    .align-proc {
        display: flex;
        justify-content: space-between;
    }

    .content-notes{
        width: 90%;
        font-size: .9em;
        color: white;
        margin: 70px auto;  
        margin-bottom: 20px;  
    }
    .content-li {
        width: 76%;
        font-size: .9em;
        color: white;
        line-height: 1.5;
        height: 400px;
        overflow: scroll;
        /* direction: rtl; */
        margin: 50px 0;
    }

    .content-li p {
        margin: 0;
        direction: ltr;
        padding: 0px 40px;
    }

    .proc-menus {
        display: flex;
        flex-direction: column;
        width: 22%;
    }
    /*-----SCROLL-------*/

    .content-li::-webkit-scrollbar-button {
        height: 50%;
    }

    .content-li::-webkit-scrollbar {
        /* tamaño del scroll en vertical */
        width: 6px;
        /* tamaño del scroll en horizontal */
        height: 0px;
    }
    /* color de fondo y redondear las esquinas del thumb */

    .content-li::-webkit-scrollbar-thumb {
        background: white;
        border-radius: 5px;
    }
    /* fondo y sombra cuando esté en hover */

    .content-li::-webkit-scrollbar-thumb:hover {
        background: #b3b3b3;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    }
    /* fondo cuando esté en active */

    .content-li::-webkit-scrollbar-thumb:active {
        background-color: #999999;
    }
    /* color de fondo y redondear las esquinas del track */

    .content-li::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, .1);
        border-radius: 5px;
    }
    /* fondo del track cuando esté en active o hover */

    .content-li::-webkit-scrollbar-track:hover,
    .content-li::-webkit-scrollbar-track:active {
        background: rgba(255, 255, 255, .1);
    }
    /*--------------------------------------*/
    /*DROPMENU*/

    .dropmenu {
        padding: 0px;
        margin: 0px;
        padding-top: 15px;
    }

    .drop-link {
        color: white;
        font-family: 'Montserrat-Regular';
        font-size: 1.3em;
        margin: 0;
        display: flex;
        justify-content: space-between;
        text-transform: uppercase;
        cursor: pointer;
    }

    .drop-link img {
        transition: 1s;
        width: 13px;
        margin-left: 5px;
    }

    .line-menu {
        margin: 5px 0;
    }

    .sub-menu {
        padding-top: 15px;
        overflow: hidden;
        height: 0px;
        transition: 1s;
    }

    .sub-menu span {
        display: block;
        padding: 5px;
        text-align: start;
        color: rgba(255, 255, 255, .5);
        font-family: 'Montserrat-Regular';
        text-decoration: none;
        transition: 0.3s all;
        cursor: pointer;
        visibility: hidden;
    }

    .sub-menu span:hover {
        color: white;
    }

    .open {
        height: 210px;
        overflow-y: scroll;
    }

    .open span {
        visibility: visible;
    }

    .dropmenu .sub-menu span.proc_active {
        color: white;
        font-weight: bold;
    }

    .dropmenu .drop-link img.openf {
        transition: 1s;
        transform: rotate(180deg);
    }
    /*-------------------------------------------------*/
    /********* QUIÉNES SOMOS *********/

    .ct1-qs {
        width: 100%;
        display: flex;
    }

    #left-txt {
        width: 48%;
    }

    #img-luevano {
        width: 52%;
    }

    #left-txt {
        display: flex;
        flex-direction: column;
        padding-top: 250px;
        font-family: 'Montserrat-Regular';
        background-color: #63B0D0;
    }

    #left-txt h1 {
        font-size: 4em;
        color: #133557;
        margin-bottom: 10px;
    }

    #cirujano {
        display: flex;
        align-items: center;
        justify-content: left;
    }

    #cirujano hr {
        display: flex;
        border-style: solid;
        color: #04355A;
        background-color: #04355A;
        width: 120px;
        margin: 0 20px 0 0;
    }

    #cirujano p {
        font-family: 'Montserrat-Regular';
        color: #04355A;
        font-size: 1.2em;
        font-weight: bolder;
    }

    #align-left {
        width: 80%;
        margin: auto;
    }

    #txt-cirujano {
        font-size: 1.1em;
        line-height: 1.5;
        width: 90%;
        margin: 80px 0;
    }

    #img-luevano {
        background-image: url(../../_images/foto-Luevano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #filtro-qs {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
    }
    /*-----------*/

    #align-nosotros {
        width: 90%;
        margin: 70px auto;
        display: flex;
        flex-direction: column;
        font-family: 'Montserrat-Regular';
    }

    #align-nosotros h1 {
        color: #04355A;
        font-size: 2.5em;
    }

    .op {
        color: #63B0D0;
        font-size: 2em;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .options {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 30px 0;
    }

    .op1 {
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .mas {
        font-family: 'Montserrat-Black';
        font-size: 1.5em;
        color: #04355A;
    }

    .menos {
        background-color: #04355A;
        margin: auto;
        width: 30px;
        height: 7px;
        position: relative;
        bottom: 35px;
    }

    .text-op p {
        color: black;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .options.On>.text-op {
        display: flex !important;
    }

    .options.On .mas {
        display: none;
    }
    /*-----------*/

    .ct3-qs {
        font-family: 'Montserrat-Regular';
    }

    #align-dr {
        width: 90%;
        margin: auto;
    }

    #pt1 {
        width: 80%;
        margin: 70px auto;
        text-align: center;
        font-size: 1.1em;
        line-height: 1.5;
    }

    #pt2 {
        display: flex;
    }

    #img-luevano2 {
        width: 50%;
        background-image: url(../../_images/Luevano2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .content-pt2 {
        width: 50%;
        display: flex;
        flex-direction: column;
        padding: 100px 0;
    }

    #p-escuela {
        width: 80%;
        margin: 0 auto 70px;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .escuelas {
        width: 80%;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }

    .e1 {
        margin-bottom: 70px;
    }

    .blue {
        width: 45%;
        border-left: solid 2px #63B0D0;
        padding-left: 10px;
    }

    .blue h3 {
        color: #63B0D0;
    }
    /*-----------*/

    .ct4-qs {
        width: 100%;
        display: flex;
        flex-direction: column;
        font-family: 'Montserrat-Regular';
    }

    .azul {
        background-color: #63B0D0;
        color: white;
        padding: 50px 0;
    }

    .azul h1 {
        color: #133557;
        width: 90%;
        margin: 50px auto;
        font-size: 2.5em;
    }

    #cont-acr {
        display: flex;
        width: 90%;
        margin: 50px auto;
        justify-content: space-between;
    }

    .acr {
        font-size: 1.1em;
        width: 15%;
        color: white;
    }

    .acr:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .blanco {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .blanco h1 {
        color: #133557;
        width: 90%;
        margin: 80px auto 50px;
        font-size: 2.5em;
        text-align: center;
    }

    .blanco img {
        width: 200px;
    }
    /********* CONTACTO *********/

    .ct-contact {
        font-family: 'Montserrat-Regular';
        width: 100%;
        padding-top: 220px;
    }

    #align-c {
        width: 90%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        line-height: 1.5;
        font-size: 1.1em;
    }

    #align-c p {
        margin: 0;
    }

    #align-c h1 {
        color: #04355A;
        font-size: 3.5em;
    }

    #contacto {
        width: 45%;
    }

    #contacto h2 {
        color: #04355A;
    }

    #contacto a {
        color: black;
    }

    .icons-contact {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 30px 0;
    }

    .icons-contact img {
        width: 25px;
    }

    .redes-contact {
        width: 50%;
    }

    .redes-contact p {
        font-size: 1.1em;
    }

    #consulta {
        width: 45%;
    }

    .btn-blue {
        font-family: 'Montserrat-Regular';
        color: white;
        padding: 12px 50px;
        background-color: #63B0D0;
        border-radius: 10px;
        /* border: solid 1px rgba(255, 255, 255, .6); */
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30%;
        margin: 30px auto;
        transition: .5s;
    }

    .btn-blue:hover {
        box-shadow: 0 1px 5px #3698b79e;
    }

    .sec-map {
        width: 100%;
        height: auto;
    }

    .map {
        width: 100%;
        height: 550px;
        display: flex;
        margin: 50px auto 0 auto;
    }
    /********* CASA ARMONÍA ESTÉTICA *********/

    #align-casa {
        width: 90%;
        margin: auto;
    }

    .banner-casa {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-top: 240px;
        padding-bottom: 100px;
    }

    .banner-casa h1 {
        font-family: 'Montserrat-Regular';
        color: #04355A;
        font-size: 4em;
    }

    .banner-casa img {
        width: 7%;
    }

    .blur {
        width: 100%;
        font-family: 'Montserrat-Regular';
        color: black;
        background-color: rgba(195, 195, 195, .1);
        border-radius: 10px;
        border: solid 1px rgba(255, 255, 255, .2);
        backdrop-filter: blur(13px);
        padding: 15px 0;
    }

    #align-valores {
        width: 90%;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }

    #align-valores h3 {
        margin: 0;
        letter-spacing: .3rem;
        font-size: .9em;
    }
    /* slider galería */

    .slider-casa {
        width: 90%;
        height: auto;
        display: flex;
        margin: 0 0 0 auto;
        position: relative;
    }

    .slider-img {
        width: 100%;
        height: 700px;
        display: flex;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 75px;
        border-radius: 20px;
    }

    #sliderAE.owl-carousel {
        width: 100% !important;
        z-index: 1;
        margin-top: 50px;
    }

    #sliderAE .owl-item.cloned {
        width: 7%;
    }

    #sliderAE.owl-carousel .owl-nav button.owl-next {
        border: none;
        padding: 0 !important;
        background-image: url(../../_images/_svg/right.svg);
        width: 25px;
        height: 35px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        top: 0;
        bottom: 90px;
        margin: auto;
        right: 2%;
        color: transparent !important;
    }

    #sliderAE.owl-carousel .owl-nav button.owl-prev {
        border: none;
        padding: 0 !important;
        background-image: url(../../_images/_svg/left.svg);
        width: 25px;
        height: 35px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        top: 0;
        bottom: 90px;
        margin: auto;
        left: 2%;
        color: transparent !important;
    }
    /********************************+***/

    .ct2-casa {
        display: flex;
        justify-content: center;
        font-family: 'Montserrat-Regular';
    }

    #serv-izq {
        width: 20%;
        margin-right: 5%;
    }

    #serv-der {
        width: 20%;
    }

    .subtit {
        display: flex;
        align-items: flex-start;
    }

    .subtit img {
        width: 25px;
        margin-right: 10px;
    }

    .subtit h3 {
        color: #63B0D0;
        margin: 0 0 30px;
    }

    .caract ul {
        margin: 0 0 30px;
        padding-left: 60px;
    }
    /*******/

    #align-misvis {
        width: 90%;
        margin: 70px auto;
        display: flex;
        flex-direction: column;
        font-family: 'Montserrat-Regular';
    }

    .mas2 {
        font-family: 'Montserrat-Black';
        font-size: 1.5em;
        color: #63B0D0;
    }

    .menos2 {
        background-color: #63B0D0;
        margin: auto;
        width: 30px;
        height: 7px;
        position: relative;
        bottom: 35px;
    }

    .text-op p,
    .text-op ul {
        width: 100%;
    }

    .text-op ul {
        padding-left: 25px;
    }

    .options.On>.text-op {
        display: flex !important;
        cursor: pointer;
    }

    .options.On .mas2 {
        display: none;
    }
    /*******/

    .sec-mapCasa {
        width: 90%;
        margin: auto;
        height: auto;
    }

    .mcasa {
        border-radius: 20px;
    }
    /********* FOOTER CASA ARMONÍA *********/

    #align_fcasa {
        width: 90%;
        margin: auto;
        padding-bottom: 30px;
    }

    #align_fcasa h1 {
        font-family: 'Montserrat-Medium';
        color: #04355A;
        font-size: 1.5em;
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 2;
        margin: 0;
        text-align: center;
    }

    #align_fcasa a {
        color: #04355A;
    }
    /********* CONSULTA EN LÍNEA *********/

    .sec-c {
        font-family: 'Montserrat-Regular';
        padding-top: 180px;
    }

    .welcome {
        width: 50%;
        margin: auto;
        text-align: center;
        font-size: 1.1em;
    }

    .welcome h1 {
        color: #133557;
        font-size: 3em;
        font-family: 'Montserrat-SemiBold';
    }

    .enter {
        display: none;
    }

    .c-options {
        width: 90%;
        margin: 50px auto;
        display: flex;
        justify-content: space-between;
    }

    .cop {
        width: 30%;
        background-color: #F6F6F6;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: 1px solid #D4D4D4;
        overflow: hidden;
        cursor: default;
    }

    .c-top {
        border-bottom: 1px solid #D4D4D4;
    }

    .cop h3 {
        color: #133557;
        padding: 25px;
        margin: 0;
        background-color: #D9D9D9;
    }

    .c-info p {
        font-size: .9em;
        padding: 0 25px;
    }

    .costo {
        color: #63B0D0;
        padding: 20px 25px;
    }

    .bc {
        width: 20%;
    }
    /* .cop:hover {
        border: 1px solid #63B0D0;
        background-color: rgba(99, 176, 208, .12);
        box-shadow: 0 2px 35px rgba(96, 179, 210, .24);
    } */
    /* .cop:hover h3 {
        border-bottom: 1px solid #63B0D0;
        background-color: rgba(99, 176, 208, .16);
    } */
    /********* FOOTER *********/

    #footer_cut {
        padding-top: 50px;
        clear: both;
    }

    footer {
        width: 100%;
        height: auto;
    }

    .dr2 {
        color: rgb(19, 53, 87);
        font-family: 'Montserrat-Medium';
        margin: 50px auto;
    }

    .topindex2 {
        border-top: solid 2px rgba(0, 0, 0, .1);
        border-bottom: solid 2px rgba(0, 0, 0, .1);
        color: black;
    }

    .mail2,
    .tel2 {
        font-family: 'Montserrat-Medium';
        color: black !important;
    }

    .botindex2 {
        color: black;
    }

    .botindex2 a {
        color: rgb(0, 0, 0);
        text-decoration: underline;
    }

    .botindex2 a:hover {
        color: rgba(0, 0, 0, .5);
    }

    .mail2:hover,
    .tel2:hover {
        color: rgba(0, 0, 0, .5);
    }

    .logo-app {
        display: flex;
        align-items: center;
    }

    .logo-app img {
        width: 200px;
        margin: 0px 20px;
    }

    footer p {
        margin: 0 0 5px;
    }
    /*---------FOOTER INDEX------------*/

    .dr {
        width: 90%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .dr1 {
        color: white;
        margin: 120px auto 0 !important;
    }

    .dr h1 {
        font-family: 'Montserrat-Regular';
        font-size: 2.5em;
        margin: 10px 0;
    }

    .dr h2 {
        font-family: 'Montserrat-Regular';
        font-size: 1.5em;
        margin: 0 auto 30px;
    }

    .cont-footer {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 20px 0;
        padding: 40px 0;
    }

    .topindex1 {
        margin: 60px 0;
        border-top: solid 1px white;
        border-bottom: solid 1px white;
    }

    .ubi {
        width: 40%;
        /* font-family: 'Montserrat-Medium'; */
        text-align: left;
    }

    .ubi p {
        margin: 0 0 5px;
    }

    .ubi a{
        margin: 0 0 5px !important;
        display: block;
        text-decoration: none;
        color: white;
    }

    .redes {
        width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .mail1,
    .tel1 {
        font-family: 'Montserrat-Medium';
        color: white;
    }

    .mail1:hover,
    .tel1:hover {
        color: rgba(0, 0, 0, .5);
    }

    .tel a {
        margin: 0 0 5px;
        text-decoration: none;
        color: white;
    }

    .icons {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 10px 0;
    }

    .icons img {
        width: 30px;
    }

    .icons img:hover {
        filter: brightness(0.7);
    }

    .icons1 img:hover {
        filter: invert(100%) opacity(0.5);
        transition: ease-in-out all .2s;
    }

    .tel {
        width: 40%;
        text-align: right;
        display: flex;
        flex-direction: column;
    }

    .footer_bottom {
        font-family: 'Montserrat-Medium';
        width: 90%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-bottom: 30px;
    }

    .botindex1 a {
        color: white;
        text-decoration: underline;
    }

    .botindex1 a:hover {
        color: rgba(0, 0, 0, .5);
    }
    /****************** SITEMAP *******************/

    .sitemap {
        height: 500px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 230px 150px 0px;
        font-family: 'Montserrat-Regular';
    }

    .sitemap a {
        color: black;
    }

    .sitemap a:hover {
        color: #133557;
    }

    .divp {
        width: 30%;
    }

    .divh {
        width: 60%;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        line-height: 1.5;
    }

    .sitemap .a-titulo:hover {
        text-decoration: none;
    }

    .a-titulo {
        font-family: 'Montserrat-Medium';
        font-weight: 700;
        font-size: 1.3em;
        margin-bottom: 15px;
        width: fit-content;
        position: relative;
        text-decoration: none;
        color: #133557 !important;
    }

    .a-titulo::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        border-radius: 4px;
        background-color: #133557;
        bottom: 0;
        left: 0;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .3s ease-in-out;
    }

    .a-titulo:hover::before {
        transform-origin: left;
        transform: scaleX(1);
    }
    /********* FORMULARIO *********/
    /*-----------------PERSONAL--------------------*/

    .section-personalin {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 0px;
        transition: all 0.5s ease-out;
        opacity: 0;
        position: relative;
        /*z-index: 2;*/
    }

    .position-bar {
        width: 80%;
        height: auto;
        display: flex;
        margin: auto;
        /* margin-top: 90px; */
        padding-top: 200px;
    }

    .position-bar span {
        width: 25%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 2px solid #63B0D0;
        color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        font-size: 1em;
        opacity: .3;
    }

    .position-bar>.active {
        opacity: 1 !important;
    }

    .position-bar img {
        width: 2px;
        position: relative;
        top: 20px;
    }

    .dot-active {
        width: 13px !important;
        position: relative;
        top: 20px;
    }

    .info-personal {
        width: 60%;
        height: auto;
        margin: 0px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .align-inputs {
        width: 47%;
        height: auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .align-inputs label {
        color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        font-size: .9em;
        margin-bottom: 15px;
    }

    .align-inputs select {
        width: 100% !important;
    }

    .align-inputs input,
    .align-inputs select {
        width: 90%;
        height: 45px;
        padding: 0 5%;
        border: 1px solid #63B0D0;
        border-radius: 5px;
        outline: none;
        resize: none;
        color: #63B0D0;
        font-family: 'Montserrat-Regular';
        background-color: transparent;
    }

    .align-inputs input::placeholder {
        color: #3698B7;
        font-family: 'Montserrat-Regular';
    }

    .info-personal h3 {
        width: 100%;
        font-family: 'Montserrat-SemiBold';
        font-size: 1.5em;
        margin: 35px 0 10px 0;
    }

    .info-personal p {
        width: 100%;
        font-family: 'Montserrat-Regular';
        font-size: 1em;
        margin: 0;
    }

    .align-years {
        width: 100%;
        height: auto;
        margin: 20px 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .align-year-start {
        width: 32%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .align-year-sel {
        width: 175px;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .align-year-sel label {
        color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        font-size: .9em;
        margin: 0 auto 15px auto;
        width: 90%;
    }

    .align-year-start label {
        color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        font-size: .9em;
        margin: 0 auto 15px auto;
        width: 90%;
    }

    .align-year-sel input,
    .align-year-sel select {
        width: 100%;
        height: 45px;
        padding: 0 5%;
        border: 1px solid #63B0D0;
        border-radius: 5px;
        outline: none;
        resize: none;
        color: #63B0D0;
        font-family: 'Montserrat-Regular';
        box-sizing: border-box;
        background-color: transparent;
    }

    .align-year-start input,
    .align-year-start select {
        width: 100%;
        height: 45px;
        padding: 0 5%;
        border: 1px solid #63B0D0;
        border-radius: 5px;
        outline: none;
        resize: none;
        color: #63B0D0;
        font-family: 'Montserrat-Regular';
        box-sizing: border-box;
        background-color: transparent;
    }

    .align-part-inf {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .align-part-inf h3 {
        height: auto;
        margin: 0 auto;
        font-family: 'Montserrat-SemiBold';
        font-size: 1.5em;
        text-align: center;
    }

    .align-part-inf h5 {
        margin: 10px;
        font-family: 'Montserrat-SemiBold';
    }

    .img-pers {
        width: 400px;
        height: 250px;
        display: flex;
        background-color: #24708838;
        opacity: 1;
        margin: 20px 0;
    }

    .align-part-inf button {
        width: 400px;
        height: 45px;
        padding: 0 5%;
        border: 1px solid #63B0D0;
        background-color: #63B0D0;
        border-radius: 5px;
        outline: none;
        resize: none;
        color: white;
        font-family: 'Montserrat-Regular';
    }
    /*----------------SECTION MEDICAL----------------*/

    .section-medical {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 0px;
        transition: all 0.5s ease-out;
        opacity: 0;
        position: relative;
        z-index: 3;
    }

    .align-medical {
        width: 60%;
        height: auto;
        margin: 5px auto;
        display: flex;
        flex-direction: column;
    }

    .align-medical p {
        width: 100%;
        height: auto;
        font-family: 'Montserrat-Regular';
        margin: auto;
    }

    .align-med-input {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        margin: 35px 0 0 0;
    }

    .align-med-input label {
        color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        font-size: .9em;
        margin: 0 auto 15px auto;
        width: 95%;
    }

    .align-med-input select {
        width: 100%;
        height: 45px;
        padding: 0 5%;
        border: 1px solid #63B0D0;
        border-radius: 5px;
        outline: none;
        resize: none;
        color: #63B0D0;
        font-family: 'Montserrat-Regular';
        background-color: transparent;
    }

    .align-med-input textarea {
        width: 95%;
        height: 100px;
        padding: 2.5%;
        border: 1px solid #63B0D0;
        border-radius: 5px;
        outline: none;
        resize: none;
        color: #63B0D0;
        font-family: 'Montserrat-Regular';
    }

    .inactive {
        opacity: .3;
    }

    .section-buttons {
        width: 100%;
        height: auto;
        padding: 50px 0;
        display: flex;
        justify-content: center;
    }

    .section-buttons a,
    .section-buttons span {
        width: 300px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3698B7;
        font-family: 'Montserrat-SemiBold';
        border: 1px solid #63B0D0;
        border-radius: 5px;
        margin-right: 30px;
        transition: 1s;
        cursor: pointer;
    }

    .section-buttons a:hover,
    .section-buttons span:hover {
        color: white;
        background-color: #63B0D0;
    }
    /*--------------------SECTION CONSULT-----------------*/

    .section-consult {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 0px;
        transition: all 0.5s ease-out;
        opacity: 0;
        position: relative;
        z-index: 4;
    }

    .align-consult {
        width: 70%;
        height: auto;
        margin: 5px auto;
        display: flex;
        flex-direction: column;
    }

    .align-consult h3 {
        width: 100%;
        font-family: 'Montserrat-SemiBold';
        font-size: 1.5em;
        margin: 0px 0 10px 0;
        display: none;
    }

    .align-consult p {
        width: 100%;
        font-family: 'Montserrat-Regular';
        font-size: 1em;
        margin: 0;
    }

    .align-imgs,
    .align-imgs-ext {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 35px;
    }

    .img-cons {
        /*width: 32%;*/
        width: 47%;
        height: auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 25px;
    }

    .img-cons h3 {
        width: 100%;
        font-family: 'Montserrat-SemiBold';
        font-size: 1.3em;
        margin: 0;
    }

    .img-cons div {
        width: 100%;
        /*height: 250px;
                background-color: rgb(234, 244, 247);
                border-radius: 5px;
                margin: 20px 0;*/
    }

    .img-cons button {
        width: 100%;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        background-color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        border: 1px solid #63B0D0;
        border-radius: 5px;
        margin-right: 30px;
        transition: 1s;
    }

    .img-con {
        width: 48%;
        height: auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .img-con h3 {
        width: 100%;
        font-family: 'Montserrat-SemiBold';
        font-size: 1.3em;
        margin: 0;
    }

    .img-con div {
        width: 100%;
        /*height: 250px;
                background-color: rgb(234, 244, 247);
                border-radius: 5px;*/
        margin: 20px 0;
    }

    .img-con button {
        width: 100%;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        background-color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        border: 1px solid #63B0D0;
        border-radius: 5px;
        margin-right: 30px;
        transition: 1s;
    }
    /*-------------------SECTION PAY---------------------*/

    .section-pay {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 0px;
        transition: all 0.5s ease-out;
        opacity: 0;
        position: relative;
        z-index: 5;
    }

    .align-pay {
        width: 60%;
        height: auto;
        margin: 50px auto;
        display: flex;
        flex-direction: column;
        margin-top: 0px;
    }

    .align-pay h3 {
        width: 100%;
        font-family: 'Montserrat-SemiBold';
        font-size: 1.5em;
        margin: 35px 0 10px 0;
    }

    .align-pay p {
        width: 100%;
        font-family: 'Montserrat-Regular';
        font-size: 1em;
        margin: 0;
        line-height: 1.5;
    }

    .align-pay-btns {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        margin: 35px 0;
    }

    .align-pay-btns span {
        width: 45%;
        height: 45px;
        border: 1px solid #63B0D0;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        font-size: 1em;
        transition: 1s;
        cursor: pointer;
    }

    .align-pay-btns span:hover {
        background-color: #63B0D0;
        color: white;
    }

    .active-height {
        opacity: 1;
        padding-top: 35px;
        height: auto;
    }
    /***************************************************************************************************/
    /**************                              S P I N N E R                            **************/
    /***************************************************************************************************/

    #dad-sk-chase {
        display: none;
        height: 100%;
        width: 100%;
        position: fixed;
        /*background-color: #000000a3;*/
        z-index: 10;
        top: 0;
        align-items: center;
        justify-content: center;
    }

    .sk-chase {
        width: 40px;
        height: 40px;
        position: relative;
        animation: sk-chase 2.5s infinite linear both;
    }

    .sk-chase-dot {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        animation: sk-chase-dot 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: #fff;
        border-radius: 100%;
        animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:nth-child(1) {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2) {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3) {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4) {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5) {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6) {
        animation-delay: -0.6s;
    }

    .sk-chase-dot:nth-child(1):before {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2):before {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3):before {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4):before {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5):before {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6):before {
        animation-delay: -0.6s;
    }

    @keyframes sk-chase {
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes sk-chase-dot {
        80%,
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes sk-chase-dot-before {
        50% {
            transform: scale(0.4);
        }
        100%,
        0% {
            transform: scale(1.0);
        }
    }

    .cont-deposit {
        padding-top: 2vw;
        display: flex;
        flex-direction: column;
        text-align: left;
        margin: 0px 200px;
    }

    .cont-deposit hr {
        display: flex;
        width: 30%;
        height: 1px;
        background-color: #607d8b40;
        border: none;
    }

    .cont-deposit h1 {
        font-size: 1.5em;
        color: #1d8bae;
    }

    .cont-deposit .deposit-part1 div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cont-deposit .deposit-part1 div p,
    .cont-deposit .deposit-part2 div p {
        color: #292929;
        opacity: 70%;
    }

    .cont-deposit .deposit-part1 div span,
    .cont-deposit .deposit-part2 div span {
        margin-left: .5em;
        font-size: .9em;
    }

    .deposit-part2 div {
        margin-left: 60px;
    }

    .deposit-part4 div {
        margin-left: 20px;
    }

    .cont-deposit .folio {
        color: black !important;
        font-size: 1em !important;
        opacity: 1;
    }

    .deposit-part2 .folio {
        color: black;
        opacity: initial;
    }

    .deposit-part3 span {
        text-transform: uppercase;
    }

    .deposit-part3 p {
        width: 80%;
        margin-left: 10%;
        color: #292929;
        opacity: 70%;
    }

    .deposit-part4 p {}

    .deposit-part4 a {
        color: black;
        margin-left: 1em;
        text-decoration: underline;
        font-family: 'Montserrat-Regular';
    }

    .deposit-part4 div {
        display: flex;
        flex-direction: column;
    }

    a.btn-cerrar-o {
        margin: 1.5em;
        display: flex;
        color: #292929;
        text-decoration: none;
        background-color: rgb(236, 229, 226);
        padding: 1em 5em;
        text-transform: uppercase;
        width: fit-content;
        box-shadow: rgb(0 0 0 / 25%) 0px 1px 3px;
    }

    a.btn-pdf-o {
        margin: 1.5em;
        display: flex;
        color: #292929;
        text-decoration: none;
        background-color: rgb(236, 229, 226);
        padding: 1em 5em;
        text-transform: uppercase;
        width: fit-content;
        box-shadow: rgb(0 0 0 / 25%) 0px 1px 3px;
    }

    .cont-deposit div.adivs {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 2vw;
    }

    .img-pers {
        display: flex;
        margin: 15px auto;
        justify-content: center;
        flex-direction: column;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .req-photo-input {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        background-color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        border: 1px solid #63B0D0;
        border-radius: 5px;
        width: 300px;
        padding: 10px;
        border: none;
        cursor: pointer;
        position: relative;
        box-sizing: border-box;
    }

    .req-img {
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .align-pay h2 {
        color: #63B0D0;
        font-family: 'Montserrat-SemiBold';
        font-size: .9em;
        margin: 10px 0px;
        width: 95%;
    }

    #msg_screen.hidden {
        bottom: -100px;
    }

    #msg_screen.none {
        display: none;
    }

    #msg_screen {
        /*font-family: ‘montserratregular’;
    visibility: hidden;
    min-width: 25%;
    text-align: center;
    padding: 16px;
    position: fixed;
    z-index: 9;
    bottom: -20px;
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: ease .5s;
    width: 100%;
    box-sizing: border-box;*/
        z-index: 3000;
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        padding: 15px 0px;
        background-color: rgba(0, 0, 0, .8);
        color: #FFF;
        transition: bottom 1s ease-in-out;
        cursor: pointer;
        z-index: 9999999999;
    }

    #msg_screen p {
        font-size: .9em;
        margin: 0px 30px;
        display: inline-flex;
    }

    #msg_screen span {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -10px;
    }

    #msg_screen a {
        margin-left: 2em;
        text-decoration: none;
        color: black;
    }

    #msg_screen a:hover {
        font-style: italic !important;
        transition: 1s !important;
    }

    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

    .section-quotation {
        width: 100%;
        height: auto;
        padding-top: 100px;
    }

    .title-quotation {
        width: auto;
        height: 300px;
        margin: 50px;
        padding: 50px;
        background: linear-gradient(90deg, rgba(19, 53, 87, 1) 0%, rgba(99, 176, 208, 1) 100%);
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 20px;
    }

    .title-quotation h3 {
        width: 50%;
        font-size: 3em;
        color: white;
        font-family: 'Montserrat-SemiBold';
        display: block;
    }

    .title-quotation p {
        font-family: 'Montserrat-Regular';
        font-size: 1.1em;
        color: white;
    }

    .section-qoptions {
        position: relative;
        width: 90%;
        /* height: 290px; */
        margin: auto;
        border-bottom: 2px solid #D8D8D8;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        display:flex;
        flex-direction: column;
    }

    .align-qoptions {
        width: 90%;
        margin: auto;
        /* height: 300px; */
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        /* position: absolute; */
        border-radius: 20px;
        top: -120px;
        right: 0;
        left: 0;
        box-shadow: 0px 7px 15px rgb(7 76 120 / 28%);
        flex-wrap: wrap;
        margin-top: -140px;
    }

    .qoption {
        width: 29%;
        height: 210px;
        background-color: #EAF4F7;
        border-radius: 20px;
        margin: 20px;
        border: 1px solid #63B0D0;
        background-color: rgba(99, 176, 208, .12);
        box-shadow: 0 2px 35px rgb(96 179 210 / 24%);
        padding-bottom: 20px;
        overflow: hidden;
    }

    .qoption h5 {
        width: 100%;
        color: #133557;
        font-family: 'Montserrat-Regular';
        font-size: 1.3em;
        margin: 0;
        padding: 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #63B0D0;
        background-color: rgba(99, 176, 208, .16);
    }

    .qoption hr {
        width: 45px;
        height: 1px;
        border: none;
        background-color: black;
        margin: 0 auto auto 7.5%;
    }

    .qoption p {
        width: 85%;
        font-family: 'Montserrat-Regular';
        font-size: 1em;
        margin: 20px auto 0 auto;
    }

    .qoption h3 {
        width: 85%;
        font-family: 'Montserrat-Regular';
        font-size: 1.8em;
        margin: 0 auto;
    }

    .cadu {
        font-family: 'Montserrat-Regular';
        color: black;
        font-size: 1.1em;
        width: 100%;
        text-align: center;
    }

    .section-includes {
        width: 90%;
        height: auto;
        margin: auto;
        padding: 50px 0 50px 0;
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid #D8D8D8;
    }

    .includes-p1 {
        width: 48%;
        height: auto;
    }

    .includes-p1 h5 {
        color: #3698B7;
        font-family: 'Montserrat-Bold';
        font-size: 1.3em;
    }

    .includes-p1 p {
        color: black;
        font-family: 'Montserrat-Regular';
        font-size: 1em;
        margin: 0;
        line-height: 1.8;
    }

    .inclu-info {
        width: 80%;
        height: 150px;
        background-color: #EAF4F7;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        margin-top: 50px;
        justify-content: center;
        align-items: center;
    }

    .inclu-info article {
        font-family: 'Montserrat-Regular';
        font-size: 1em;
        margin: 10px 0;
    }

    .inclu-info a {
        font-family: 'Montserrat-Bold';
        font-size: 1em;
        color: #3698B7;
    }

    .includes-p2 {
        width: 48%;
        height: auto;
    }

    .includes-p2 h5 {
        color: #3698B7;
        font-family: 'Montserrat-Bold';
        font-size: 1.3em;
    }

    .includes-p2 ol {
        color: black;
        font-family: 'Montserrat-Regular';
        font-size: 1em;
        margin: 0;
        line-height: 1.8;
    }

    .includes-p2 a {
        color: #3698B7;
        text-decoration: underline;
        font-family: 'Montserrat-Medium';
        font-size: 1em;
    }

    .section-servics {
        width: 100%;
        height: auto;
    }

    .continue {
        width: 300px;
        height: 45px;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #63B0D0;
        color: white;
        font-family: 'Montserrat-SemiBold';
        font-size: 1em;
        transition: .5s;
        margin: 0px 20px;
    }

    .continue:hover {
        box-shadow: 0 1px 5px #3698b79e;
        color: white;
    }

    .align-servics {
        width: 70%;
        height: auto;
        margin: 35px auto;
        display: flex;
        margin-bottom: 100px;
    }

    .servic-1 {
        width: 75%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .servic-1 h5 {
        color: #3698B7;
        font-family: 'Montserrat-Bold';
        font-size: 1.3em;
    }

    .span-serv1 {
        width: 100%;
        height: auto;
        padding: 20px 0;
        border-bottom: 2px solid #EAF4F7;
        display: flex;
        flex-direction: column;
    }

    .serv-desc {
        color: black;
        font-family: 'Montserrat-Regular';
        font-size: 1em;
        margin: 0;
        line-height: 1.8;
    }

    .serv-price {
        color: black;
        font-family: 'Montserrat-Bold';
        font-size: 1em;
        display: none;
    }

    .servic-2 {
        width: 25%;
        height: auto;
        display: flex;
        flex-direction: column;
        background-color: #EAF4F7;
        border-radius: 20px;
    }

    .servic-2 h5 {
        width: fit-content;
        text-align: center;
        margin: 1.67em auto;
        color: #3698B7;
        font-family: 'Montserrat-Bold';
        font-size: 1.3em;
    }

    .servic-2 span {
        width: fit-content;
        text-align: center;
        color: black;
        font-family: 'Montserrat-Regular';
        font-size: 1em;
        margin: auto;
        padding: 25px 0;
    }

    .img-cont1,
    .img-cont2,
    .img-cont3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 0px;
        overflow: hidden;
        width: 100%;
    }

    .img-cont-open {
        height: auto;
    }

    .special {
        height: 0px;
        overflow: hidden;
    }

    .special-open {
        height: 100%;
    }

    .special-closed {
        height: 0px;
        overflow: hidden;
    }

    .align-consult h5 {
        width: 100%;
        font-family: 'Montserrat-SemiBold' !important;
        font-size: 1em;
        height: 20px;
    }

    .btn-cot {
        display: flex;
        justify-content: center;
    }
    /********* TÉRMINOS Y CONDICIONES *********/

    .document {
        width: 100%;
        font-family: 'Montserrat-Regular';
        color: black;
        line-height: 1.5;
    }

    .align_doc {
        width: 90%;
        margin: auto;
        padding-top: 150px;
        overflow: hidden;
    }

    .document h1 {
        font-family: 'Montserrat-Bold';
        color: #133557;
        font-size: 2.5em;
    }

    #listA li {
        padding-left: 10px;
    }

    #listB {
        list-style-type: lower-latin;
    }

    .document strong {
        color: #133557;
        font-family: 'Montserrat-SemiBold';
    }

    .typepay-input-invisible {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .divCheck {
        display: flex;
        justify-content: center;
    }

    .divCheck a {
        color: #50a3c6;
    }
    /*RENEW */

    #quiz_renew {
        padding-bottom: 20px;
        background: linear-gradient(to bottom, #F8FBFF 0%, #FCF7F4 100%);
    }

    .head-tittle-account-renew {
        background: #4b3348;
        padding: 20px 30px 20px;
    }

    h1.tittle_menu-renew {
        color: #FFF;
        margin-bottom: 10px;
        font-size: 1.5em;
    }

    .thanks-renew {
        font-size: 3em;
        color: #4b3348;
    }

    #quiz_r_form .range_nps_box {
        border: #4f3249 solid 2px;
        text-align: center;
        background-color: #f1dadc;
        color: #4f3249;
        font-size: 0.9em;
        border-radius: 10px;
        padding: 10px;
    }

    input[type=range].range_renew {
        -webkit-appearance: none;
        margin: 10px 0;
        width: 80%;
        margin-left: 20px;
    }

    input[type=range].range_renew:focus {
        outline: none;
    }

    input[type=range].range_renew::-webkit-slider-runnable-track {
        width: 100%;
        height: 12.8px;
        cursor: pointer;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        background: #4b3348;
        border-radius: 25px;
        border: 0px solid #000101;
    }

    input[type=range].range_renew::-webkit-slider-thumb {
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        border: 0px solid #000000;
        height: 20px;
        width: 39px;
        border-radius: 7px;
        background: #f1dadc;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -3.6px;
    }

    input[type=range].range_renew:focus::-webkit-slider-runnable-track {
        background: #ac51b5;
    }

    input[type=range].range_renew::-moz-range-track {
        width: 100%;
        height: 12.8px;
        cursor: pointer;
        animate: 0.2s;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        background: #f1dadc;
        border-radius: 25px;
        border: 0px solid #000101;
    }

    input[type=range].range_renew::-moz-range-thumb {
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        border: 0px solid #000000;
        height: 20px;
        width: 39px;
        border-radius: 7px;
        background: #4b3348;
        cursor: pointer;
    }

    input[type=range].range_renew::-ms-track {
        width: 100%;
        height: 12.8px;
        cursor: pointer;
        animate: 0.2s;
        background: transparent;
        border-color: transparent;
        border-width: 39px 0;
        color: transparent;
    }

    input[type=range].range_renew::-ms-fill-lower {
        background: #4b3348;
        border: 0px solid #000101;
        border-radius: 50px;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    }

    input[type=range].range_renew::-ms-fill-upper {
        background: #4b3348;
        border: 0px solid #000101;
        border-radius: 50px;
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    }

    input[type=range].range_renew::-ms-thumb {
        box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
        border: 0px solid #000000;
        height: 20px;
        width: 39px;
        border-radius: 7px;
        background: #65001c;
        cursor: pointer;
    }

    input[type=range].range_renew:focus::-ms-fill-lower {
        background: #4b3348;
    }

    input[type=range].range_renew:focus::-ms-fill-upper {
        background: #4b3348;
    }

    .btn-renew {
        background-color: #f1dadc;
        border: none;
        border-radius: 20px;
        box-sizing: border-box;
        color: rgb(160 139 158);
        display: block;
        font-weight: 500;
        margin: 1em auto;
        padding: 15px;
        width: 80%;
    }

    .gray-s {
        box-sizing: border-box;
        resize: none;
        width: 100%;
        font-size: 1em;
        border: 1px solid black;
        font-family: 'Montserrat-Regular';
    }
    /*   Diseño OpenPay logotipos    */

    #payment-form {
        width: 60%;
        margin: auto;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-top: -45px;
    }

    .logopenpay {
        display: flex;
        width: 50%;
        margin: 0px auto;
        margin-bottom: 50px;
    }

    .logopenpay p {
        color: rgb(19, 53, 87);
        font-family: 'Montserrat-SemiBold';
        font-size: .9em;
        margin: 0 auto 15px auto;
        width: 95%;
    }

    .logopenpay hr {
        border: 1px solid #dcdcdc;
    }

    .logopenpay .credito div {
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .logopenpay .credito div img:nth-child(1) {
        width: 60px;
    }

    .logopenpay .credito div img:nth-child(2) {
        width: 70px;
    }

    .logopenpay .credito div img:nth-child(3) {
        width: 40px;
        margin: 0 15px 0 0;
    }

    .logopenpay .credito div img:nth-child(4) {
        width: 45px;
    }

    .logopenpay .debito div {
        display: flex;
        align-items: center;
    }

    .logopenpay .debito div img:nth-child(1) {
        width: 120px;
        margin-right: 20px;
    }

    .logopenpay .debito div img:nth-child(2) {
        width: 100px;
        margin-right: 20px;
    }

    .logopenpay .debito div img:nth-child(3) {
        width: 70px;
        margin-right: 20px;
    }

    .logopenpay .debito div img:nth-child(4) {
        width: 100px;
        margin-right: 20px;
    }

    .bodymass-img{
        display:none; 
        width:600px;
    }

    .bodymass-arrow{
        position: absolute;
        z-index: 1; 
        top: -40px; 
        display:none; 
        width: 50px;
    }

    .section-medical .text-special{ 
        color: red;
        font-family: 'Montserrat-SemiBold';
        font-size: .9em;
        margin: 0px;
        margin-top: 0px;
        width: 95%;
        margin-top: 30px;
    }