* {
    padding: 0;
    margin: 0;
}


/*------------------------ nav -----------------------------------------*/



nav {
    width: 100%;
    height: auto;
    margin-bottom: 1%;
    float: left;
    position: fixed;
    z-index: 5;
}

.linea-azul {
    width: 100%;
    background-color: #02548e;
    float: left;
    z-index: -2;
    position: relative;
}

.menu-iconos {
    width: 100%;
    height: 50px;
    background-color: #02548e;
    float: left;
}


.menu-icono {
    width: 74%;
    color: black;
    float: right;
    /*padding-right: 1%;*/
}

.menu-li {
    float: right;
    width: auto;
    list-style: none;
    color: white;
    font-size: 20px;
    height: 50px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

.menu-li i {
    float: left;
    line-height: 50px;
    font-size: 24px;
}

.menu-icono li p {
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 50px;

}

.icon-phone {
    transform: scaleX(-1);
}

.menu-movil {
    display: none;
}

.icon-menu i {
    color: #02548e;
    float: right;
    font-size: 24px;
    padding: 15px;
    cursor: pointer;
}


.navegacion {
    width: 100%;
    float: left;
    background-color: white;
    height: auto;
    box-shadow: 2px 2px 10px #666;
}


.caja-logo {
    width: 25%;
    height: 100px;
    float: left;
}

#logo {
    width: 200px;
    height: 86px;
    padding: 10px;
    display: block;
}



.nav-lis {
    width: 75%;
    float: right;
    height: 100px;
}

.btn-li {
    list-style: none;
    float: left;
    width: 14.2%;
    height: 100px;
    text-align: center;
    /*border-right: 1px solid #ddd;*/
    /*2px*/
    /*border-bottom-right-radius: 20px;*/
    /*border-top-right-radius: 20px;*/
    cursor: pointer;
    position: relative;
}


.btn-li-a {
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    font-family: sans-serif;
    float: left;
    font-weight: 300;
    color: #02548e;
    z-index: 2;
    position: relative;
    margin-top: 27%;
    text-align: center;
    font-weight: 300;
}

.boton-inicio {
    margin-top: 0px;
    line-height: 100px;
}

.boton-centrar {
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
}

.capa-menu {
    background-color: #e8032e;
    width: 0%;
    height: 50px;
    position: relative;
    top: 25px;
    border-radius: 20px;
    z-index: 1;
    transition: 0.5s;
}

.btn-li-s {
    width: 100%;
    float: left;
    color: white;
    text-decoration: none;
    z-index: 6;
}

.btn-li-a-m {
    width: 100%;
    text-decoration: none;
    padding: 4%;
    font-family: sans-serif;
    font-size: 3.3vh;
    float: left;
    color: white;
    font-weight: 500;
}

.btn-li-last {
    border-right: none;
}

.icon-flecha {
    color: #02548e;
    position: relative;
    bottom: -41px;
    font-size: 24px;
    display: none;
    z-index: 1;
}

.submenu {
    width: 12.5%;
    position: absolute;
    float: left;
    background-color: rgba(2, 84, 142, 0.95);
    color: white;
    margin-top: -240px;
    padding: 1%;
    z-index: 5;
    transition: 0.5s;
}


.submenu h1 {
    font-size: 16px;
    padding: 1%;
    ;
}

.submenu li {
    list-style: none;
    font-size: 14px;
    text-align: left;
    margin-left: 2%;
    padding: 1%;
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


.listado-movil {
    width: 100%;
    overflow: hidden;
    height: auto;
    float: left;
    position: relative;
    background-color: #02548e;
    z-index: 5;
    display: none;
    /* overflow-y:scroll;
    overflow-x:hidden;*/
}

.listado-movil .btn-li {
    width: 100%;
    border-right: none;
    border-bottom: 2px solid #67d9f4;
    position: relative;
    height: auto;
}

.listado-movil .btn-li a {
    position: relative;
}

.icon-flechab-movil {
    float: left;
    top: 15px;
    right: 8%;
    position: absolute;
    color: white;
    font-size: 3.8vh;
}

.icon-flechaa-movil {
    float: left;
    top: 17px;
    right: 12%;
    position: absolute;
    color: white;
    display: none;
}

.submenu-movil {
    width: 100%;
    float: left;
    height: auto;
    color: white;
    text-align: left;
    display: none;
}

.submenu-movil-li {
    width: 100%;
    float: left;
    border-bottom: 1px solid gray;
    list-style: none;
}

.icon-close {
    display: none;
}


.fondo-negro {
    width: 100%;
    height: 100vh;
    background-color: black;
    opacity: 0.8;
    position: fixed;
    z-index: 1;
    display: none;
    margin-top: 50px;
}

.menu-tamaño-icono {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.medida-menu {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.icono-buscador {
    cursor: pointer;
    width: 10%;
    text-align: center;
}

.icono-buscador i {
    float: none;
}

.caja-submenu-curso {
    width: 200%;
    position: absolute;
    float: left;
    background-color: rgba(2, 84, 142, 0.95);
    padding: 5%;
    transition: 0.5s;
    top: -400%;
    z-index: -1;
    left: -50%;
    height: auto;
    box-shadow: 2px 2px 10px grey;
}


.submenu-curso h3 {
    color: #67d9f4;
    text-transform: uppercase;
    font-size: 14px;
    font-family: sans-serif;
    padding-bottom: 4%;
}

.submenu-curso li {
    list-style: none;
    padding: 10%;
    padding-top: 6%;
    padding-bottom: 6%;
    width: 80%;
    float: left;
    font-size: 14px;
}

.btn-li-s:hover {
    text-decoration: underline;
}

/*
.sub-beneficio{
    width: 19%;
}
*/

.sub-beneficio .submenu-curso {
    width: 100%;
}

.contacto-a {
    width: 100%;
    float: left;
    color: white;
}

.contacto-a i {
    margin-left: 10px;
}

.largo-a {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.caja-li-col {
    width: 50%;
    float: left;
}

.sub-col {
    width: 300%;
    left: -85%;
}

.contenedor-movil {
    width: 100%;
    float: left;
    background-color: white;
}

.submenu-a-m {
    width: 92%;
    float: left;
    padding: 4%;
    padding-left: 6.5%;
    font-size: 17px;
    font-family: sans-serif;
    /*font-weight: 700;*/
}

.caja-escribenos-whatsapp {
    position: fixed;
    z-index: -3;
    bottom: 4%;
    right: 3%;
    width: 150px;
    height: auto;
}

.caja-escribenos-wa {
    position: fixed;
    float: left;
    z-index: -3;
    bottom: 4%;
    right: 3%;
    width: 150px;
    height: 100px;
    background-color: #67d9f4;
}

.mensaje-escribir {
    width: auto;
    background-color: #e8032e;
    float: left;
    color: white;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #666;
    /*position: fixed;
    bottom: 3%;
    right: 2%;*/
}

.telefono {
    background-color: #00e676;
    float: right;
    /*position: fixed;
    bottom: 5%;
    right: 5%;*/
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1), 0 2px 32px rgba(0, 0, 0, .2);
    margin-bottom: 5%;
    display: none;
}


.mensaje-escribir a {
    width: 130px;
    padding: 10px;
    font-size: 18px;
    float: left;
    color: white;
    font-family: sans-serif;
}

.mensaje-escribir p {
    float: left;
}

.mensaje-escribir i {
    margin-left: 5%;
    font-size: 25px;
}

.letra-llamar {
    display: none;
}

.caja-phone {
    background-color: #e8032e;
    padding-left: 2%;
}

.caja-whatsapp {
    background-color: #28A745;
}

.caja-whatsapp a {
    font-weight: 700;
}



.correo-li {
    border-left: 1px solid white;
}


.flecha-icono {
    width: 100%;
    float: left;
    height: auto;
    position: absolute;
    bottom: 15%;
    text-align: center;
}

.flecha-icono i {
    font-size: 45px;
    color: white;
    text-shadow: 2px 2px 10px black;
    animation-duration: 3s;
    cursor: pointer;
    padding: 1%;
}


.titulo-info-meto {
    text-align: center;
    color: white;
    margin-top: 15%;
    display: none;
}


.telefono i {
    line-height: 60px;
    color: white;
    font-size: 32px;
}

.caja-telegram {
    background-color: #1A73E8;
}

.telegram-fijo {
    background-color: #24a1dd;
    float: unset;
}

.telefono {
    float: unset;
    right: 0px;
    position: relative;
    right: 0px;
    float: left;
}

.caja-escribenos-whatsapp .caja-contenedor {
    width: 100%;
    float: left;
}

.caja-escribenos-whatsapp .caja-contenedor a {
    float: right;
}

.li-paso span {
    margin-top: 16px;
    font-family: sans-serif;
    text-transform: uppercase;
    display: block;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.btn-mensaje-what {
    display: none;
}


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

    .contenedor-banderas{
        display: flex
    }

    .btn-mensaje-what {
        margin-bottom: 7%;
        background-color: #28A745;
        display: block;
    }

    nav {
        position: fixed !important;
        height: auto;
        overflow-y: auto;
    }

    .telefono {
        display: block;
    }


    /*------------------whatsapp modificado--------------------------------*/

    .caja-whatsapp p,
    .caja-phone p,
    .correo-li p {
        display: none;
    }


    .menu-icono .caja-whatsapp,
    .menu-icono .caja-phone,
    .menu-icono .correo-li {
        text-align: center;
    }

    .menu-icono .caja-whatsapp i,
    .menu-icono .caja-phone i,
    .menu-icono .correo-li i {
        padding: 0px;
        margin: 0px;
        float: none;
        font-size: 25px;
    }

    /*--------------------------------------------------*/


    .caja-phone {
        background-color: unset;
        padding-left: 0%;
    }



    .menu-icono li .icon-phonedos {
        margin-left: 23%;
    }


    .contacto-a i {
        margin-left: 0px;
    }

    .correo-li {
        border: none;
    }

    .letra-llamar {
        display: block;
        font-size: 12px;
    }

    .btn-li {
        text-align: unset;
    }



    .menu-escritorio {
        display: none;
    }

    .submenu-movil-li {
        background-color: white;
        border-bottom: 1px solid #02548e;
    }

    .sin-borde {
        border-bottom: 0px;
    }

    .submenu-movil a {
        color: #02548e;
    }

    .menu-iconos {
        height: 40px;
    }

    .menu-icono li {
        height: 40px;
    }

    .menu-icono li i {
        line-height: 40px;
        font-size: 20px;
    }

    .menu-icono li p {
        float: unset;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 40px;
        text-align: center;
    }

    .caja-logo {
        display: none;
    }

    .menu-icono {
        width: 100%;
    }

    .menu-icono li {
        /*------------------whatsapp modificado--------------------------------*/
        width: 33.3%;
        /*50*/
        overflow: hidden;
    }

    .menu-icono li i {
        margin-left: 10%;
    }


    .menu-movil {
        display: block;
    }


    .menu-movil img {
        width: 150px;
        margin-top: 3px;
        margin-bottom: 3px;
        float: left;
        margin-left: 1%;
    }

    .correo-li {
        display: block;
        background-color: #e8032e;
    }


    .navegacion {
        background-color: unset;
        height: auto;
        box-shadow: unset;
        z-index: -1;
    }

    .menu-li {
        font-size: 16px;
    }



}


@media screen and (max-width:335px) {
    .menu-icono li .icon-phonedos {
        margin-left: 10%;
    }
}




/*-------------------------- nav ---------------------------------------*/




/*------------------------estilos general--------------------------------*/

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: rgba(2, 84, 142, 0.05);
}

h1,
h2 {
    font-family: sans-serif;
}

a {
    text-decoration: none;
}

.section-contenido {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 150px;
}

.section-contenido-online {
    margin-top: 150px;
}

.section-medida {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.img-portada {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.img-portada img {
    width: 100%;
    height: auto;
    display: block;
    float: left;
}

.mensaje-portada {
    width: 100%;
    position: absolute;
    top: 35%;
    color: white;
    text-shadow: rgb(102, 102, 102) 2px 2px 10px;
    text-align: left;
}

.img-portada h1 {
    width: 40%;
    margin-left: 7%;
    font-size: 55px;
    text-transform: uppercase;
}

.img-portada p {
    width: 100%;
}


.tema {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 4%;
    margin-bottom: 4%;
}

.tema-texto {
    width: 60%;
    font-size: 16px;
    float: right;
}

.tema-texto h2 {
    padding: 3%;
    padding-top: 0px;
    color: #02548e;
}

.tema-texto h3 {
    padding: 3%;
    padding-top: 0px;
    color: #02548e;
}


.tema-texto p {
    padding: 4%;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: justify;
    font-size: 15px;
}

.tema-img {
    width: 40%;
    float: left;
}

.tema-img img {
    width: 100%;
    height: auto;
    display: block;
}

.pregunta {
    width: 100%;
    background-color: rgba(2, 84, 142, 0.1);
    float: right;
    z-index: 2;
}

.pregunta h2 {
    text-align: center;
    padding: 2%;
    color: #02548e;
}

.contenedor-definicion {
    max-width: 1180px;
    width: 100%;
    height: auto;
    margin: auto;
    position: relative;
}

.definicion {
    width: 100%;
    float: left;
    position: relative;
}

.definicion p {
    padding: 15%;
    padding-top: 4%;
    padding-bottom: 1%;
    text-align: center;
    top: 0px;
    z-index: 2;
    position: absolute;
    font-size: 15px;
}

.fondo-definicion {
    width: 100%;
    display: block;
    z-index: 1;
}

.img-ocultar {
    display: block;
}

.fondo-imagen {
    width: 100%;
    display: block;
    z-index: 1;
}

.preparaciones {
    width: 100%;
    background-color: white;
    float: left;
    padding-top: 2%;
    padding-bottom: 2%;
}

.preparaciones h2 {
    color: #02548e;
    padding: 2%;
    text-align: center;
}

.preparacion {
    width: 96%;
    margin: 2%;
    height: auto;
    float: left;
}

.preparacion-icon {
    width: 20%;
    float: left;
    font-size: 50px;
    text-align: center;
    color: #02548e;
}

.preparacion-texto {
    width: 80%;
    height: auto;
    float: left;
}

.preparacion-texto p {
    padding: 2%;
    font-size: 14px;
    text-align: justify;
}

.preparacion-col1 {
    width: 50%;
    float: left;
}

.preparacion-col2 {
    width: 50%;
    float: left;
}

.texto-pequeno {
    width: 100%;
    float: left;
    background-color: rgba(2, 84, 142, 0.1);
    height: auto;
    padding-bottom: 2%;
    overflow: hidden;
    position: relative;
}


.texto-pequeno h2 {
    color: #02548e;
    text-align: center;
    padding: 2%;
    padding-bottom: 2%;
}

.texto-pequeno p {
    text-align: center;
    font-size: 15px;
    padding: 15%;
    padding-top: 0px;
    padding-bottom: 0px;
}


.contenedor-texto-pequeno {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.texto-pequeno-letra {
    color: #02548e;
    font-weight: 700;
}

.logo-forma {
    width: 400px;
    position: absolute;
    right: -10%;
    ;
    top: -20%;
    z-index: 1;
    opacity: 0.5;
}

.preguntas {
    width: 100%;
    float: left;
    height: auto;
}

.caja-preguntas {
    width: 50%;
    height: auto;
    float: left;
    position: relative;
}

.preguntas-h3 {
    position: absolute;
    color: white;
    background-color: rgba(2, 84, 142, 0.7);
    text-align: center;
    text-transform: uppercase;
    font-family: sans-serif;
    top: 40%;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 14px;
    box-shadow: 2px 2px 10px #666;
}

.caja-preguntas h3 {
    padding: 6%;
}

.caja-preguntas img {
    width: 100%;
    height: 600px;
    display: block;
}

.preguntas-contenedor {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.titulo-hover {
    text-transform: uppercase;
    font-family: sans-serif;
    padding: 2%;
}

.titulo-texto {
    padding: 2%;
    text-align: justify;
}

.contenedor-examen-curso {
    width: 100%;
    height: auto;
    background-color: white;
    float: left;
    box-shadow: 2px 2px 10px #666;
    margin-bottom: 4%;
}

.examen-curso-texto {
    width: 33.3%;
    float: left;
}

.examen-curso-texto i {
    font-size: 50px;
    text-align: center;
    color: #02548e;
    float: left;
    width: 100%;
    padding-top: 8%;
    padding-bottom: 8%;
}

.caja-medio {
    position: relative;
}

.caja-medio i {
    color: white;
    position: absolute;
}

.caja-medio img {
    width: 100%;
    height: auto;
    display: block;
}

.caja-medio p {
    position: absolute;
    top: 34%;
    color: white;
    text-shadow: 2px 2px 10px #666;
}

.examen-curso h2 {
    color: #02548e;
    text-align: center;
    padding: 4%;
}

.examen-curso h3 {
    color: #02548e;
    text-align: center;
    padding: 4%;
}


.examen-curso p {
    padding: 5%;
    padding-top: 0px;
    font-size: 14px;
    float: left;
    text-align: center;
}


.diferencia-sat {
    width: 45%;
    background-color: rgba(2, 84, 142, 0.1);
    color: white;
    position: absolute;
    left: 6.5%;
    top: 15%;
    transition: 0.5s;
    border-radius: 15px;
}

.diferencia-sat-color {
    background-color: rgba(2, 84, 142, 0.7);
}

.diferencia-sat:hover {
    background-color: #02548e;
}

.color-toefl {
    width: 45%;
    color: #02548e;
    background-color: unset;
    position: absolute;
    left: 6.5%;
    top: 15%;
    transition: 0.5s;
    border-radius: 15px;
    color: #02548e;
}

.color-toefl:hover {
    background-color: #02548e;
    color: white;
}



.diferencia-sat-h3 {
    padding: 5%;
    padding-bottom: 0px;
    text-align: left;
    font-size: 15px;
}

.caja-sat-texto {
    font-size: 14px;
    text-align: justify;
    padding-left: 5%;
    padding-right: 5%;
}


.primer-texto {
    padding-top: 2%;
}

.segundo-texto {
    padding-bottom: 5%;
}

.diferencia-img-texto {
    float: left;
    width: 100%;
    position: relative;
}

.diferencia-img-texto img {
    width: 100%;
    height: auto;
}


[class*=" imghvr-"] figcaption,
[class^=imghvr-] figcaption {
    background-color: #02548e;
}



.img-letras-encima {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
}

.img-letras-encima img {
    width: 100%;
}

.titulo-toeic-diferencia {
    color: #67d9f4;
}


.img-letras-encima-texto {
    position: absolute;
    top: 20%;
    left: 6.5%;
    width: 50%;
    color: white;
}



.letra-azul {
    color: #02548e;
}

.img-letras-encima-texto p {
    width: 65%;
    padding: 1%;
    font-size: 14px;
    text-align: justify;
    padding-left: 2%;
    color: white;
}

.toeic-letra p {
    color: #02548e;
}

.img-letras-encima-texto h2 {
    width: 70%;
    text-transform: uppercase;
    padding: 1%;
    padding-left: 2%;
}

.subject-sat {
    width: 100%;
    float: left;
    background-color: white;
    height: auto;
}

.subject-sat h2 {
    color: #02548e;
    padding: 2%;
    background-color: rgba(2, 84, 142, 0.1);
    text-align: center;
}

.subject-sat-texto {
    max-width: 1180px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.subject-sat-texto p {
    font-size: 14px;
    padding: 15%;
    padding-top: 2%;
    ;
    padding-bottom: 2%;
}

.subject-sat img {
    width: 100%;
    display: block;
}

.tema-texto-toefl {
    float: left;
}

.titular-subrayado {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #02548e;
}

.subrayado-fce {
    background-color: rgba(2, 84, 142, 0.1);
}

.titular-subrayado h2 {
    padding: 4%;
    padding-top: 0px;
    padding-bottom: 0px;
}

.tema-texto-toefl p {
    text-align: justify;
}

.caja-texto-centro {
    width: 100%;
    float: left;
    height: 600px;
}

.letra-encima-caja {
    width: 30%;
    float: left;
}

.letra-encima-caja p {
    width: auto;
    padding: 2%;
}


.dos-parrafos {
    max-width: 1180px;
    width: 100%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    top: 10%;
}


.dos-parrafos h2 {
    text-align: left;
    width: auto;
    padding-left: 0px;
}

.quitar-bottom p {
    padding-bottom: 1%;
}

.agregar-bottom {
    padding-bottom: 5%;
}

.caja-texto-examen-curso {
    width: 100%;
    float: left;
    margin-bottom: 4%;
}

.texto-largo {
    width: 100%;
    float: left;
    background-color: white;
    height: auto;
    padding-bottom: 4%;
}

.texto-largo h2 {
    padding: 4%;
    padding-right: 1%;
    padding-left: 1%;
    color: #02548e;
    text-align: center;
}

.medida-texto-largo {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.medida-texto {
    font-size: 14px;
}

.texto-largo-c-img {
    width: 100%;
    float: left;
    height: auto;
}

.texto-largo-img {
    width: 50%;
    float: left;
    position: relative;
}

.texto-largo-img img {
    width: 100%;
    display: block;
}

.texto-largo-img p {
    position: absolute;
    color: white;
    top: 0px;
    text-align: justify;
    padding: 4%;
}

.parrafo-arriba {
    width: 100%;
    float: left;
    text-align: left;
}

.parrafo-arriba p {
    padding: 2%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 0px;
}

.parrafo-abajo p {
    padding: 1%;
    padding-bottom: 4%;
    font-size: 14px;
}

.parrafo-abajo {
    width: 100%;
    float: left;
    text-align: left;
}

.letras-extras {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.letras-extras img {
    display: block;
    width: 100%;
}

.medida-letras-extras {
    max-width: 1180px;
    width: 50%;
    margin: auto;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.caja-letras-extras {
    width: 100%;
}

.caja-azul-extra {
    width: 100%;
    float: left;
}

.caja-letras-h3 {
    float: left;
    padding: 4%;
}


.caja-letras-extras h3 {
    color: white;
    text-align: center;
}

.medida-letras-extras p {
    float: left;
    font-size: 14px;
    padding: 4%;
    text-align: center;
    color: white;
}

.extra-toefl h3 {
    color: #02548e;
}

.extra-toefl p {
    color: black;
}


.tema-texto-largo {
    font-size: 70px;
    font-weight: 700;
    text-shadow: 2px 2px 10px #666;
    position: absolute;
    top: 30%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.caja-right {
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    top: 11%;
}

.primer-texto-sinh3 {
    padding-top: 4%;
}

.ancho p {
    width: 100%;
}

.cajas-definicion {
    width: 100%;
    position: absolute;
    margin-top: 40%;
}

.caja-definicion {
    width: 100%;
    float: left;
    position: relative;
}

.caja-preguntas {
    max-width: 1180px;
    width: 100%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 25%;
}

.caja-preguntas h3 {
    color: #02548e;
    text-align: center;
}

.caja-preguntas p {
    padding: 4%;
    padding-top: 0px;
    text-align: justify;
    font-size: 14px;
}

.caja-pregunta-left {
    width: 30%;
    position: absolute;
    left: 17%;
}

.caja-pregunta-right {
    width: 30%;
    position: absolute;
    right: 17%;
}

.mensaje-ielts {
    width: 70%;
    left: 6.5%;
}

.mensaje-ielts h1 {
    width: 80%;
    text-align: left;
    margin: unset;
}

.mensaje-ielts p {
    width: 70%;
    text-align: left;
    text-align: justify;
    font-size: 14px;
}



.letras-largo {
    width: 100%;
    float: left;
    background-color: aquamarine;
    height: 500px;
}


.ielts-letra p {
    text-align: justify;
    width: auto;
}

.btn-color {
    width: auto;
    color: white;
    background-color: #e8032e;
    padding: 0.7vw;
    position: absolute;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    height: auto;
    transition: 0.5s;
    text-transform: uppercase;
    border: 1px solid #a8001f;
    border-radius: 5px;
}

.btn-color:hover {
    background-color: rgba(2, 84, 142, 1);
    border: 1px solid #02548e;

}

.btn-ielts,
.btn-toeic,
.btn-diferencia,
.btn-ielts-column {
    left: 0px;
    position: static;
    float: left;
    margin-left: 2%;
    cursor: pointer;
}

.btn-ielts-column {
    border: 1px solid white;
    padding: 1.5%;
    margin-left: 4%;
}

.letras-encima-ielts {
    width: 60%;
    top: 7%;
}

.ocultar-texto {
    height: 0px;
    overflow: hidden;
    display: block;
}

.letras-encima-right {
    left: unset;
    right: 5%;
}

.preguntas-color {
    width: 100%;
    float: left;
    background-color: rgba(2, 84, 142, 0.1);
}

.img-letras-encima-medida {
    height: 450px;
    overflow: hidden;
    transition: 0.5s;
}

.mensaje-top {
    top: 28%;
}

.margin-top {
    margin-top: 4%;
}

.text-justify p {
    text-align: justify;
}

.texto-grande {
    width: 100%;
    margin-bottom: 2%;
    float: left;
}

.texto-grande-medida {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.texto-grande-caja {
    width: 70%;
    float: left;
    padding-bottom: 4%;
}

.texto-grande-caja h2 {
    color: #02548e;
    padding: 2%;
    padding-top: 4%;
}


.texto-grande-caja h3 {
    color: #02548e;
    padding: 2%;
    padding-top: 4%;
}

.texto-grande-caja p {
    font-size: 14px;
    padding: 2%;
    padding-top: 0px;
    text-align: justify;
}

.texto-mitad {
    width: 100%;

}

.btn-gre {
    margin-left: 1%;
    position: static;
    float: left;
    width: auto;
    cursor: pointer;
}

.img-texto-grande {
    width: 30%;
    float: left;
    height: auto;
    margin-top: 5%;
}

.img-texto-grande img {
    width: 100%;
    height: auto;
    display: block;
}

.texto-gre {
    left: unset;
    right: 5%;
}

.texto-gre p {
    width: auto;
}

.texto-gre h2 {
    width: auto;
}

.ancho-gre h2 {
    width: auto;
    ;
}

.caja-gre {
    background-color: rgba(2, 84, 142, 0.7);
}

.caja-gre h3 {
    text-align: center;
    padding-top: 4%;
}

.circulo-mas {
    background-color: #02548e;
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: -40px;
    right: -30px;
    border-radius: 50%;
}

.circulo-mas i {
    width: 100%;
    text-align: center;
    font-size: 30px;
    margin: auto;
    float: left;
    line-height: 70px;
}

.texto-gre-puntaje {
    width: 65%;
}

.texto-gre-puntaje h2 {
    color: #02548e;
}

.texto-gre-puntaje p {
    color: black;
}

.btn-left {
    left: 10%;
    width: 30%;
    margin-top: 2%;
}

.btn-left2 {
    left: 0px;
    width: 25%;
    margin-top: 2%;
}

.btn-right2 {
    right: 40%;
    width: 25%;
    margin-top: 2%;
}

.btn-right {
    right: 10%;
    width: 30%;
    margin-top: 2%;

}

.img-portada-botones h1 {
    width: auto;
    font-size: 40px;
}


.mensaje-botones {
    width: 50%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    top: 25%;
}

.mensaje-botones2 {
    width: 50%;
}

.beneficios-cursos {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 4%;
    margin-top: 4%;
}

.enlace-beneficios {
    width: 100%;
    float: left;
    color: white;
}


.caja-beneficios-cursos {
    width: 50%;
    float: left;
}

.caja-beneficios-cursos h2 {
    color: #02548e;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 4%;
}

.caja-beneficios-cursos-p {
    font-size: 14px;
    padding: 2%;
    padding-top: 0px;
    text-align: justify;
}

.caja-beneficios-cursos-p2 {
    padding-top: 9.5%;
    font-size: 14px;
}

.caja-beneficios-cursos ul {
    font-size: 14px;
    margin-top: 10%;
    margin-left: 5%;
}


.caja-beneficios-cursos i {
    float: left;
    padding: 0.5%;
    color: #02548e;
    margin-right: 1%;
}

.caja-beneficios-cursos li {
    list-style: none;
    margin: 2%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}

.medida-beneficios-curso {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.medida-conversacion {
    width: 68%;
}

.pasos-ingles {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 0%;
    padding-bottom: 4%;
}

.pasos-fondo {
    width: 100%;
    float: left;
    background-color: white;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .1);
}

.letras-vertical {
    width: 60%;
    float: left;
    background-color: white;
}

.botones-pasos {
    width: 100%;
    float: left;
    height: 50px;
}


.li-paso {
    float: left;
    list-style: none;
    /*background-color: rgb(255, 255, 255,0.1);*/
    background-color: #02548e;
    width: 33.2%;
    text-align: center;
    height: 50px;
    color: white;
    border-right: 1px solid #67d9f4;
    cursor: pointer;
}

.li-paso2 {
    width: 24.78%;
    border-right: 2px solid #67d9f4;
}

.li-paso h4 {
    margin-top: 16px;
    font-family: sans-serif;
    text-transform: uppercase;
}

.active {
    background-color: white;
    color: #02548e;
}

.quitar-border {
    border: none;
}

.contenido-pasos {
    width: 100%;
    float: left;
    background-color: white;
}

.contenido-pasos h3 {
    color: #02548e;
    text-align: center;

}

.img-vertical {
    width: 40%;
    float: left;
    height: auto;
}


.pasos-medida {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}


.titulo-contenido-paso {
    color: #02548e;
    padding: 2%;
    padding-top: 0px;
    font-size: 4vw;
    font-family: sans-serif;
    padding-bottom: 0px;
    text-align: center;
    padding: 4%;
}

.paso2 .titulo-contenido-paso,
.paso3 .titulo-contenido-paso,
.paso5 .titulo-contenido-paso {
    font-size: 4vw;
}


.texto-contenido-paso {
    padding: 2%;
    padding-top: 1%;
    text-align: center;
}

.paso1 h3,
.paso4 h3 {
    padding: 2%;
    padding-top: 15%;
    padding-bottom: 0px;
}

.paso2 h3,
.paso3-h3,
.paso5-h3,
.paso6-h3,
.paso7-h3 {
    padding: 2%;
    padding-bottom: 0px;
    padding-top: 7%;
}



.h3-2 {
    padding-top: 0px;
}



.paso1,
.paso4 {
    display: block;
}

.paso2,
.paso3,
.paso5,
.paso6,
.paso7 {
    display: none;
}


.linea-boton {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
    /*background-image: url('../img/img-fondo-banner.jpg');*/
    background-color: #02548e;
}

.linea-celeste {
    background-color: rgba(47, 130, 189, 0.1);
}

.linea-celeste .texto-linea-boton p {
    color: black;
}

.linea-celeste .texto-linea-boton h1 {
    color: #02548e;
}

.linea-boton img {
    width: 100%;
    display: block;
}

.absolute-linea-boton {
    width: 100%;
    position: absolute;
    top: 0px;
    float: left;
}

.medida-linea-boton {
    max-width: 1180px;
    width: 100%;
    margin: auto;
    position: relative;
}

.texto-linea-boton {
    width: 68%;
    float: left;
}

.texto-linea-boton h1 {
    color: white;
}

.texto-linea-boton p {
    font-size: 14px;
    color: white;
}

.btn-linea-boton {
    width: 30%;
    float: left;
}

.btn-linea {
    right: 1%;
    padding: 1%;
    margin-top: 2%;
}

.lista-pregunta {
    width: 100%;
    float: left;
    background-color: white;
    /*rgba(2, 84, 142, 0.5)*/
    padding-top: 4%;
    padding-bottom: 4%;
}

.medida-lista-pregunta {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.lista-pregunta-img {
    width: 50%;
    float: left;
    background-color: white;
}

.info-completo {
    width: 100%;
}

.info-completo p {
    text-align: center;
}

.info-completo h1 {
    text-align: center;
}

.lista-pregunta-img img {
    width: 90%;
    height: auto;
}

.lista-pregunta-img h1 {
    color: #02548e;
    text-transform: uppercase;
    padding: 4%;
}

.lista-pregunta-img p {
    padding: 4%;
    padding-top: 0px;
    font-size: 15px;
}

.lista-pregunta-letra {
    width: 50%;
    float: left;
}

.lista-pregunta-letra img {
    width: 100%;
}

.detalle-lista {
    width: 100%;
    float: left;
    margin-bottom: 1%;
    padding-top: 1%;
}


.detalle-lista-icono {
    float: left;
    width: 22%;
    margin-top: 4%;
    text-align: center;
}

.detalle-lista i {
    float: left;
    font-size: 40px;
    color: #02548e;
    border-radius: 50%;
    width: 100%;
}


.detalle-lista p {
    float: left;
    width: 74%;
    font-size: 14px;
    text-align: justify;
    padding: 2%;
    color: black;
}

.sinboton {
    top: 35%;
}

.sinboton h1 {
    font-size: 40px;
}

.examenes-internacional {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 4%;
    padding-bottom: 4%;
    background-color: white;
}

.aside-examen {
    width: 25.5%;
    float: left;
}

.aside-examen p {
    color: #02548e;
    padding: 4%;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: 700;
}

.aside-examen ul {
    border: 1px solid #ddd;
}

.aside-examen li {
    list-style: none;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background-color: rgba(2, 84, 142, 0.05);
}

.boton-examenes a,
.boton-extranjero a {
    text-decoration: none;
    color: black;
    z-index: 2;
    position: relative;
    width: 100%;
    float: left;
    padding: 8%;
}

.examen-internacional-texto {
    width: 74.5%;
    float: left;
}

.examen-internacional-texto i {
    font-size: 150px;
    float: right;
    color: #02548e;
}

.examen-internacional-texto h1 {
    color: #02548e;
    padding: 4%;
    padding-left: 2%;
    padding-top: 0px;
}

.examen-internacional-texto p {
    font-size: 14px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: justify;
}

.examen-internacional-medida {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.cursos-especializado {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 4%;
    padding-bottom: 4%;
}

.preguntas-curso-especializado {
    width: 60%;
    float: left;
}

.preguntas-curso-especializado h2 {
    color: #02548e;
    text-transform: uppercase;
    padding: 4%;
}

.img-curso-especializado {
    width: 40%;
    float: left;
}

.img-curso-especializado img {
    width: 100%;
    margin-top: 15%;
    display: block;
    float: right;
}

.medida-curso-especializado {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.caja-curso-personalizado {
    width: 90%;
    float: left;
    margin-bottom: 4%;
    margin-left: 5%;
    margin-right: 5%;
    box-shadow: 2px 2px 5px #666;
    border-radius: 10px;
    font-family: sans-serif;
    font-size: 14.5px;
    color: #02548e;
    background-color: rgba(255, 255, 255, 0.5);
}

.caja-curso-personalizado h3 {
    padding: 4%;
    padding-bottom: 2%;
    text-transform: uppercase;
    font-size: 14px;
}

.caja-curso-personalizado a {
    position: unset;
    float: left;
    padding: 2%;
    margin: 4%;
    margin-top: 0px;
}


.caja-curso-personalizado p {
    padding: 4%;
    padding-top: 2%;
    text-align: justify;
    font-size: 14px;
}

.cursos-otros-examenes {
    background-color: #e8e8e2;
    float: left;
    width: 100%;
    height: auto;
}

.img-otros-cursos {
    width: 40%;
    height: auto;
    float: left;
}

.img-otros-cursos img {
    width: 100%;
    height: auto;
    display: block;
}

.texto-otros-cursos {
    width: 60%;
    float: left;
    padding-top: 4%;
    padding-bottom: 4%;
}

.texto-otros-cursos h1 {
    text-align: center;
    color: #02548e;
    text-transform: uppercase;
    padding-bottom: 4%;
}

.cajas-otros-cursos {
    float: left;
    width: 100%;
}

.caja-otro-curso {
    width: 12.3%;
    margin: 2%;
    float: left;
    background-color: rgba(255, 255, 255, 0.5);
    height: auto;
    padding: 4%;
}

.cajas-otros-cursos i {
    width: 70px;
    height: 70px;
    text-align: center;
    margin: auto;
    font-size: 25px;
    background-color: #02548e;
    padding: 4%;
    border-radius: 50%;
    line-height: 70px;
    color: white;

}

.cajas-otros-cursos i:hover {
    transition: 0.3s;
    background-color: white;
    color: #02548e;
}

.cajas-otros-cursos p {
    text-align: center;
    text-transform: uppercase;
    padding: 2%;
    padding-top: 8%;
    color: #02548e;
}

.caja-otro-curso-i {
    width: 70px;
    height: 70px;
    margin: auto;
}

.medida-otros-cursos {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.medida-letra p {
    font-size: unset;
}

.tema-texto-extranjero {
    position: relative;
}

.btn-extranjero {
    position: unset;
    margin-left: 4%;
}

.paso-frances {
    background-color: rgba(2, 84, 142, 0.1);
}

.contenido-frances {
    width: 100%;
    height: auto;
    float: left;
    background-color: white;
    padding-top: 4%;
    padding-bottom: 4%;
}

.contenido-frances h3 {
    padding: 4%;
    padding-left: 2%;
    color: #02548e;
}

.contenido-frances-medida {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.caja-frances-i {
    width: 12%;
    float: left;
    padding: 4%;
}

.caja-frances-p {
    width: 80%;
    float: left;
}

.caja-icono-frances i {
    font-size: 40px;
    color: #02548e;
}

.iconos-frances p {
    text-align: left;
    width: auto;
    padding: 5%;
    padding-right: 1%;
    line-height: 50px;
}

.caja-icono-frances {
    width: 90%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.contenedor-frances-iconos {
    width: 50%;
    float: left;
}


.contenedor-frances-iconos p {
    font-size: 14px;
    margin: 4%;
    text-align: justify;
}


.contenedor-frances-img {
    width: 50%;
    float: left;
}

.contenedor-frances-img img {
    width: 100%;
    height: auto;
    display: block;
}

.frances-p2 p {
    line-height: unset;
    font-size: 14px;
}

.li-e {
    width: 19.9%;
}

.img-vertical-e {
    width: 30%;
}

.letras-vertical-e {
    width: 70%;
}

.contenido-pasos-e h3 {
    text-align: left;
    padding: 4%;
    font-family: sans-serif;
}

.contenido-pasos-e p {
    padding: 4%;
    font-size: 14px;
    padding-top: 0px;
}


.medida-clubes h1 {
    width: 75%;
}

.agregar-border-botom {
    width: 95%;
    float: left;
}

.img-club {
    width: 40%;
    float: right;
}

.letra-club {
    width: 60%;
    margin-top: 4%;
}

.letra-club h2 {
    color: #02548e;
    padding: 2%;
}

.detalle-lista-gramatica p {
    width: 80%;
}

.enlace-brush {
    text-decoration: none;
    color: #02548e;
    cursor: pointer;
    font-weight: 700;
}

.img-club-left {
    float: left;
}

.letra-club-right {
    float: right;
}

.apoyo-info {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 4%;
    padding-bottom: 4%;
}

.apoyo-letra {
    width: 42%;
    float: left;
    padding: 4%;
}

.color-oscuro {
    background-color: #02548e;
}

.color-claro {
    background-color: rgba(2, 84, 142, 0.5);
}


.apoyo-medida {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.apoyo-medida h2 {
    color: #02548e;
    padding-bottom: 4%;
}

.apoyo-i {
    width: 20%;
    float: left;
    color: white;
    font-size: 35px;
    text-align: center;
}

.apoyo-p {
    width: 80%;
    float: left;
    font-size: 14px;
    color: white;
}

.talleres {
    width: 100%;
    float: left;
    background-color: white;
    height: auto;
    padding-top: 4%;
    padding-bottom: 4%;
}

.talleres-img {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.talleres-img-col2 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.taller-letra1 {
    width: 18%;
    float: left;
    text-transform: uppercase;
    padding: 1%;
    padding-top: 0px;
    color: #02548e;
}


.taller-letra2 {
    width: 80%;
    float: left;
    font-size: 14px;
}

.taller-letra2 p {
    padding: 3%;
    padding-top: 0px;
}

.medida-talleres {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.taller-img {
    width: 100%;
    float: left;
    height: auto;
}

.taller-img1 {
    width: 49.5%;
    float: left;
    height: auto;
    margin-right: 1%;
}

.taller-img2 {
    width: 49.5%;
    float: left;
    height: auto;
}

.t-img1 {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 2%;
}

.t-img-p {
    width: 32%;
    background-color: darkcyan;
    height: auto;
    float: left;
    margin-right: 2%;
}

.quitar-margin {
    margin: 0px;
}



.agregar-top {
    margin-top: 2%;
}

.t-img1 img {
    width: 100%;
    display: block;
}


.t-img-p img {
    width: 100%;
    display: block;
}

.preguntas-varias {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}


.preguntas-varias img {
    width: 100%;
    display: block;
}

.preguntas-varias-letra {
    width: 35%;
    float: left;
    position: absolute;
    top: 0px;
}

.preguntas-varias-letra h3 {
    color: #02548e;
    padding: 2%;
}

.preguntas-varias-letra p {
    font-size: 14px;
    padding: 4%;
    text-align: justify;
}

.preguntas-varias-left {
    left: 0px;
}

.preguntas-varias-right {
    right: 0px;
}

.medida-preguntas-varias {
    max-width: 1180px;
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.introduccion-beneficios {
    width: 100%;
    float: left;
    padding-top: 2%;
    padding-bottom: 2%;
    position: relative;
    background-color: white;
}


.medida-auto {
    max-width: 1180px;
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 2;
}


.letra-beneficios1 {
    text-align: center;
    text-transform: uppercase;
    color: black;
    font-size: 14px;
}

.titular-beneficios {
    text-align: center;
    color: #02548e;
}

.letra-beneficios2 {
    text-align: center;
    font-size: 14px;
    padding: 2%;
}

.cajas-beneficios {
    width: 98%;
    height: auto;
    float: left;
    padding: 2%;
    padding-bottom: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.caja-beneficios {
    width: 31.3%;
    background-color: blueviolet;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
    overflow: hidden;
}

.caja-beneficios img {
    width: 100%;
    height: auto;
    display: block;
}

.contenido-beneficio {
    z-index: 2;
    position: absolute;
    color: white;
    text-shadow: rgb(102, 102, 102) 2px 2px 10px;
    text-align: center;
    width: 100%;
}

.capa-negro {
    /*background-color: rgb(0, 0, 0,0.8);*/
    background-color: rgba(2, 84, 142, 0.8);
    width: 100%;
    height: 100vw;
    float: left;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
}


.capa-azul {
    /*background-color:  rgb(0, 0, 0,0.4);*/
    width: 100%;
    height: 100vw;
    float: left;
    position: absolute;
    opacity: 1;
    transition: 0.5s;
}

.capa-nombre {
    width: 100%;
    height: 65%;
    float: left;
    position: absolute;
    bottom: 0px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
}

.nombre-curso {
    width: 50%;
    font-size: 20px;
    bottom: 0px;
    padding: 8%;
    text-transform: uppercase;
    font-weight: 700;
    font-family: sans-serif;
    text-shadow: 20px 20px 20px #000;
    position: absolute;
    bottom: 0px;
}

.contenido-beneficio i {
    font-size: 40px;
    padding: 4%;
    margin-top: 20%;
}


.contenedor-d-cursos {
    opacity: 0;
}

.nombre-beneficio {
    width: 60%;
    margin: auto;
    padding: 2%;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: sans-serif;
}

.definicion-beneficio {
    font-size: 14px;
    padding: 4%;
}

.btn-beneficio {
    bottom: 0px;
    left: 0px;
}

.titular-programa {
    text-align: left;
    padding: 2%;
    color: #02548e;
    width: 45%;
    text-transform: uppercase;
}


.color-programa {
    background-color: unset;
}

.top-img {
    margin-top: 7%;
}

.mensaje-negocio {
    width: 60%;
    margin-top: 5%;
}

.mensaje-negocio h1 {
    width: unset;
    text-align: center;
}

.mensaje-negocio p {
    width: unset;
    text-align: center;
}

.mensaje-entrevista .mensaje-e {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}


.lista-entrevista {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 4%;
    padding-bottom: 4%;
    background-color: white;
}


.iconos-negocios-e {
    width: 100%;
    float: left;
    height: auto;
}

.letras-negocion-e {
    width: 100%;
    float: left;
    background-color: cornflowerblue;
    height: 400px;
}

.iconos-n-e {
    width: 20%;
    float: left;
    height: auto;
    text-align: center;
}

.iconos-negocios-e h3 {
    color: #02548e;
    text-transform: uppercase;
    padding: 2%;
}

.iconos-n-e i {
    font-size: 3vw;
    padding: 4%;
    color: #02548e;
}

.iconos-n-e p {
    font-size: 14px;
    padding: 4%;
}

.fix-e {
    width: 35%;
}

.mensaje-especifico h1 {
    width: 60%;
}

.contacto {
    width: 100%;
    float: left;
    height: auto;
}

.caja-contacto {
    width: 50%;
    height: auto;
    float: left;
}

.caja-contacto img {
    width: 100%;
    display: block;
}

.letra-contacto {
    float: left;
    text-align: right;
    padding: 10%;
    padding-bottom: 0px;
}

.letra-contacto h1 {
    color: #02548e;
    text-transform: uppercase;
    width: 50%;
    float: right;
}


.letra-contacto p {
    float: left;
    padding: 4%;
    padding-right: 0px;
    font-size: 14px;
}


.letra-contacto ul {
    width: 100%;
    float: right;
}

.letra-contacto li {
    list-style: none;
    color: #02548e;
    padding: 2%;
}

.letra-contacto i {
    margin-left: 2%;
}

.formulario {
    width: 100%;
    float: left;
    background-color: rgba(2, 84, 142, 0.0);
    height: auto;
    padding-top: 4%;
    padding-bottom: 4%;
    position: relative;
}

.caja-formulario-col {
    width: 100%;
    float: left;
}

.formulario-col1 {
    width: 48%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
}

.input1 {
    width: 91.5%;
    height: 35px;
    padding: 4%;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    outline: none;
}

.input1::placeholder {
    color: rgba(2, 84, 142, 1);
}

.input2 {
    width: 39%;
    float: left;
    height: 35px;
    padding: 4%;
    margin-bottom: 4%;
    margin-top: 0px;
    margin-right: 4%;
    font-size: 14px;
    outline: none;
    border-radius: 10px;
    border: 1px solid #ddd;
    outline: none;
}

.input2::placeholder {
    color: rgba(2, 84, 142, 1);
}

.input-right {
    float: right;
    margin-right: 0px;
}

.textarea-contacto {
    width: 91%;
    height: 248px;
    display: block;
    padding: 4%;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    outline: none;
    resize: none;
}

.textarea-contacto::placeholder {
    color: rgba(2, 84, 142, 1);
}

.input1:focus,
.input2:focus,
.textarea-contacto:focus {
    border: 1px solid #06c;
}

.input1:hover,
.input2:hover,
.textarea-contacto:hover {
    border: 1px solid #06c;
}


.caja-btn-contacto {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-areas: ".a a." ".a a.";
}

.btn-contacto {
    width: 250px;
    height: 60px;
    line-height: 60px;
    position: unset;
    background-color: #e8032e;
    border: 1px solid #a8001f;
    grid-area: a;
    justify-self: center;
    cursor: pointer;
    padding: 0px;
}

.testimonios-contenido {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 4%;
    padding-bottom: 4%;
}

.formulario-testimonios {
    width: 28%;
    margin: 1%;
    height: auto;
    float: left;
    background-color: rgba(2, 84, 142, 0.2);
    ;
    padding-top: 1%;
    padding-bottom: 1%;
}

.formulario-testimonios h2 {
    text-align: center;
    color: #02548e;
}

.formulario-testimonios input {
    width: 84%;
    height: 20px;
    float: left;
    margin: 2%;
    margin-left: 4%;
    margin-right: 4%;
    border: none;
    padding: 4%;
}

.formulario-testimonios textarea {
    width: 84%;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 2%;
    resize: none;
    padding: 4%;
    height: 45px;
    border: none;
}

.formulario-testimonios select {
    width: 91%;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 4%;
    height: 30px;
    border: none;
    padding-left: 4%;
}


.formulario-testimonios button {
    width: 90%;
    height: 40px;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 4%;
    background-color: #02548e;
    color: white;
    border: none;
    padding: 2%;
    cursor: pointer;
}

.img-nombre-t {
    width: 88%;
    margin: 6%;
    margin-bottom: 0px;
    background-color: blueviolet;
    display: block;
}

.enlace-a-t {
    color: #02548e;
    cursor: pointer;
}

.alumno {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    height: 320px;
    float: left;
    background-color: white;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .07);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.alumno-gre {
    height: auto;
}

.alumno-altura {
    height: 260px;
}

.sinmarginright {
    margin-right: 0px;
}

.contenedor-alumno {
    width: 68%;
    padding: 1%;
    float: left;
}

.sinmarginbutton {
    margin-bottom: 0px;
}

.info-alumno {
    width: 60%;
    float: left;
}

.img-alumno {
    width: 40%;
    float: left;
}

.img-alumno img {
    width: 100%;
    margin-top: -10%;
    display: block;
    border-bottom-left-radius: 100%;
    border-top-left-radius: 100%;
}

.icono-video {
    position: absolute;
    bottom: 25%;
    right: 10%;
    color: #e8032e;
    opacity: 0.8;
    font-size: 40px;
    text-shadow: 2px 2px 10px black;
    cursor: pointer;
}

.nombre-alumno {
    color: #02548e;
    padding: 8%;
    padding-bottom: 0px;
    font-family: sans-serif;
    font-size: 16px;
}

.ubicacion-alumno {
    color: gray;
    font-size: 12px;
    padding-left: 8%;
}

.comentario-alumno {
    font-size: 14px;
    padding: 8%;
    height: auto;
    padding-bottom: 4%;
}

.score-alumno {
    font-size: 14px;
    margin: auto;
    text-align: center;
    color: #02548e;
    padding: 2%;
}

.img-top {
    margin-top: 5%;
}

.contenedor-right {
    float: right;
}

.sistema {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 4%;
    padding-bottom: 4%;
}

.marco-sistema {
    width: 99%;
    float: left;
    border: 1px solid #ddd;
}

.contenido-sistema {
    width: 50%;
    float: left;
    background-color: white;
    height: auto;
    position: relative;
}

.contenido-sistema ul {
    background-color: coral;
}

.contenido-sistema li {
    list-style: none;
    float: left;
    width: 95%;
    padding: 2.5%;
    border-bottom: 1px solid #ddd;
}

.contenido-sistema li i {
    width: 8%;
    float: left;
    font-size: 3vw;
    color: #02548e;
    padding: 2%;
}

.contenido-sistema li p {
    width: 76%;
    float: left;
    font-size: 14px;
    padding: 2%;
}

.contenido-sistema img {
    width: 100%;
    height: auto;
    display: block;
}

.titulo-sistema {
    width: 50%;
    position: absolute;
    bottom: 4%;
    left: 4%;
}

.t-sistema {
    color: white;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 2px 2px 10px #666;
}


.caja-blanco {
    width: 100%;
    float: left;
    height: auto;
    background-color: white;
    padding-top: 0%;
    padding-bottom: 0%;
    position: relative;
    margin-top: 0%;
}

.contenedor-inicio {
    width: 98%;
    /*background-color: blueviolet;*/
    float: left;
    padding: 1%;
}

.caja-blanco h3 {
    padding-bottom: 4%;
    color: #02548e;
    font-family: sans-serif;
}

.cajas-inicio {
    width: 32%;
    float: left;
    height: auto;
    margin-right: 2%;
    position: relative;
}

.cajas-inicio i {
    color: #02548e;
    font-size: 40px;
    text-align: center;
    width: 100%;
}

.cajas-inicio p {
    padding: 4%;
    font-size: 14px;
    text-align: left;
}

.sinmarginright {
    margin-right: 0px;
}

.btn-centrar {
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.portada-fondo-negro {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    float: left;
    position: relative;
}

.nombre1-portada-inicio {
    text-transform: uppercase;
    font-size: 14px;
}

.nombre2-portada-inicio {
    text-transform: unset;
    font-size: 6vw;
}

.texto-largo-portada-inicio {
    font-size: 3.5vw;
    color: #02548e;
    text-shadow: none;
    text-transform: none;
}


.contenido-portada-inicio {
    font-size: 16px;
    margin-bottom: 2%;
}

.contenido-largo-portada-inicio {
    font-size: 30px;
    margin-bottom: 2%;
}

.anuncio-online {
    width: 100%;
    height: auto;
    float: left;
    background-color: #e8032e;
    position: relative;
    color: white;
    padding: .5% 0;
    margin-top: 0px;
    z-index: -2;
}

.anuncio-online p {
    color: white;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin-right: 3%;
    text-align: right;
}


.centrar-online {
    width: auto;
    display: grid;
    align-content: center;
    grid-template-columns: 50% 50%;
    margin: auto;
    margin-top: .5%;
}

.btn-online {
    color: #e8032e;
    font-weight: 600;
    padding: 3px 10px;
    text-decoration: none;
    background-color: white;
    display: block;
    width: 250px;
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 17px;
    text-align: center;
    font-family: sans-serif;
}

.btn-online i {
    width: 10px;
    height: 40px;
    float: right;
    margin-left: 2%;
    line-height: 40px;
}

.btn-online2 {
    color: #e8032e;
    font-weight: 600;
    padding: 3px 10px;
    text-decoration: none;
    background-color: white;
    display: block;
    width: 250px;
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 17px;
    text-align: center;
    font-family: sans-serif;
}

.btn-online2 i {
    width: 10px;
    height: 40px;
    float: right;
    margin-left: 2%;
    line-height: 40px;
}

.titular-online {
    float: left;
}


.anuncio-online h1 {
    width: auto;
    margin-left: 0px;
    font-size: 1.2em;
    text-transform: unset;
    color: white;
    padding: 0 4%;
}

.anuncio-online .titulo-h1 {
    width: auto;
    margin-left: 0px;
    font-size: 1.2em;
    text-transform: unset;
    color: white;
    padding: 0 4%;
    font-family: sans-serif;
    font-weight: 700;
    height: unset;
    line-height: unset;
    margin-right: unset;
    text-align: center;
}

.btn-portada {
    position: unset;
    float: left;
}

.portada-fondo {
    top: 150px;
    width: 100%;
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
}

.portada-info {
    width: 50%;
    position: absolute;
    z-index: 1;
    top: 20%;
    left: 8%;
    color: white;
    text-shadow: 2px 2px 10px #666;
    overflow: hidden;
    height: auto;
    padding-bottom: 2%;
}


.img-portada-fondo {
    width: 100%;
    height: auto;
    display: block;
}

.inicio-pregunta {
    width: 100%;
    background-color: #f2f6f9;
    float: left;
    height: auto;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
}

.caja-inicio-pregunta {
    width: 50%;
    float: left;
    overflow: hidden;
}

.caja-inicio-pregunta img {
    width: 90%;
    display: block;
    height: auto;
    margin: auto;
}

.titulo-inicio-pregunta {
    color: black;
    padding-left: 2%;
    font-size: 14px;
}

.caja-inicio-pregunta h3 {
    color: #02548e;
    padding-left: 2%;
    font-family: sans-serif;
}

.contenido-inicio-pregunta {
    padding: 2%;
    padding-top: 4%;
    font-size: 14px;
}

.inicio-cursos {
    width: 100%;
    float: left;
    background-color: white;
    height: auto;
    position: relative;
    padding-top: 4%;
    padding-bottom: 2%;
}

.inicio-cursos h2 {
    text-align: center;
    color: #02548e;
    padding-bottom: 4%;
    text-transform: uppercase;
    font-family: sans-serif;
}

.contenedor-inicio-cursos {
    width: 98%;
    height: auto;
    float: left;
    padding: 1%;
}

.caja-inicio-cursos {
    width: 32%;
    float: left;
    height: 370px;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}

.sinmarginbottom {
    margin-bottom: 0px;
}

.sinmarginright {
    margin-right: 0px;
}

.caja-inicio-cursos img {
    width: 100%;
    height: auto;
}

.nombre-inicio-curso {
    width: 90%;
    float: left;
    background-color: #02548e;
    position: absolute;
    bottom: 0px;
    padding: 5%;
    color: white;
}

.inicio-estudiar {
    width: 100%;
    float: left;
    height: auto;
    background-color: #f2f6f9;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
}

.caja-inicio-estudiar {
    width: 50%;
    float: left;
    height: auto;
}

.caja-inicio-estudiar img {
    width: 100%;
    height: auto;
    display: block;
}

.caja-inicio-estudiar h3 {
    color: #02548e;
    margin-left: 4%;
    margin-right: 4%;
    padding-top: 4%;
}

.estudiar-h3-2 h3 {
    padding-top: 0px;
}

.caja-inicio-estudiar p {
    font-size: 14px;
    padding: 4%;
}

.icono-inicio-estudiar {
    width: 100%;
    float: left;
}

.contenedor-inicio-icono {
    width: 90%;
    float: left;
    margin-bottom: 4%;
    margin-left: 5%;
    margin-right: 5%;
}

.icono-inicio-estudiar i {
    width: auto;
    font-size: 40px;
    float: left;
    padding: 2%;
    color: #02548e;
}

.icono-inicio-estudiar p {
    width: 76%;
    padding: 0px;
    float: left;
    padding: 2%;
}

.caja-inicio-a {
    width: 100%;
    text-align: center;
    height: auto;
    display: grid;
    grid-template-areas: ".a a." ".a a.";
}

.btn-inicio {
    position: unset;
    background-color: #e8032e;
    border: 1px solid #a8001f;
    grid-area: a;
    justify-self: center;
    padding: 3.5%;
    padding-left: 6%;
    padding-right: 6%;
}

.paso-img {
    width: 100%;
}

.paso-img1,
.paso-img4 {
    display: block;
}

.paso-img2,
.paso-img3,
.paso-img5,
.paso-img6,
.paso-img7 {
    display: none;
}

.caja-inicio-animar {
    width: 95%;
    position: relative;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
}

.capa-aside {
    background-color: #02548e;
    float: left;
    width: 0%;
    height: 300px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: 0.5s;
}


.fondo-extranjero {
    background-color: unset;
}

.extranjeroh1 h1 {
    padding-bottom: 0px;
    margin-top: 5%;
}

.extranjeroh1 i {
    margin-top: 9%;
    float: none;
    width: 100%;
    text-align: center;
}

#fondo-buscador {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    z-index: 7;
    display: none;
}

.caja-buscador {
    width: 70%;
    height: auto;
    margin: auto;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
}


.buscador-cursos {
    width: 96%;
    height: auto;
    float: left;
    padding: 2%;
}


.input-buscador {
    width: 92%;
    height: 35px;
    padding: 4%;
    border-radius: 40px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 18px;
    top: 0px;
    position: relative;
}

.input-buscador:hover {
    border: 2px solid #06c;
}

.input-buscador:focus {
    border: 2px solid #06c;
    box-shadow: 2px 2px 10px #666;
}

.cerrar-buscador {
    width: 10%;
    line-height: 500%;
    color: #02548e;
    font-size: 20px;
    position: absolute;
    right: 0px;
    text-align: center;
    cursor: pointer;
    top: 25%;
}

.btn-buscador {
    position: absolute;
    z-index: 3;
    visibility: hidden;
}

.buscador-nombre {
    color: white;
}

.item {
    width: 29%;
    background-color: chartreuse;
    float: left;
    display: none;
    margin: 2%;
    position: relative;
}

.item p {
    width: 92%;
    padding: 4%;
    background-color: #02548e;
    float: left;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    text-align: center;
}

.item img {
    width: 100%;
    display: block;
}

.boton-curso {
    position: unset;
    width: 20%;
    text-align: center;
    margin: auto;
    margin-top: 45%;
    transition: 0.5s;
}

.fondo-taller-img {
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0px;
    z-index: 8;
    display: none;
}

.caja-taller-img {
    width: 60%;
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: blueviolet;
    top: 10%;
}

.caja-taller-img img {
    width: 100%;
    display: block;
}

.cerrar-img {
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #02548e;
    font-size: 35px;
    padding: 2%;
    cursor: pointer;
}


.capa-taller-img {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    top: 0px;
    visibility: hidden;
    text-align: center;
}

.icono-zoom {
    color: white;
    font-size: 40px;
}

.posicion-right {
    float: right;
}

.posicion-left {
    float: left;
    font-size: 14px;
}

.otros-cursos-definicion {
    padding: 2%;
}

.com-fondo {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
}

.caja-comentarios {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
}


.comentarios-letras {
    width: 50%;
    float: left;
    position: relative;
    height: 100%;
    padding-top: 4%;
    padding-bottom: 4%;
    text-shadow: 2px 2px 10px #666;
}

.comentarios-fotos {
    width: 50%;
    float: left;
    background-color: white;
    padding-top: 4%;
    padding-bottom: 4%;
}

.com-foto {
    width: 25%;
    margin: auto;
    margin-top: 5%;
    transform: rotate(-45deg);
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 2px 2px 10px #666;
}

.com-foto img {
    width: 100%;
    display: block;
    transform: rotate(45deg) scale(1.4);
}

.com-letras {
    width: 100%;
    text-align: center;
    margin-top: 8%;
    margin-bottom: 4%;
}

.com-letras img {
    width: auto;
}

.com-circulos {
    width: 70px;
    margin: auto;
}

.com-circulo {
    width: 15px;
    height: 15px;
    background-color: #02548e;
    border-radius: 50%;
    float: left;
    margin-right: 10%;
    cursor: pointer;
}

.com-nombre {
    font-size: 16px;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: 700;
    color: #02548e;
}

.com-puntaje {
    font-size: 14px;
    color: gray;
}

.com-definicion {
    font-size: 14px;
    padding: 8%;
    padding-bottom: 0px;
    padding-top: 4%;
}


.com-ico {
    color: white;
    font-size: 8vw;
    transform: rotate(180deg);
    position: absolute;
    left: 2%;
}

.com-contenedor {
    width: 100%;
    float: left;
    color: white;
    margin-top: 14%;
}

.com-tema {
    width: 60%;
    font-size: 3vw;
    padding: 8%;
    padding-bottom: 4%;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}


.com-active {
    background-color: #e8032e;
}


.com-blanco {
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: white;
    right: 0px;
    z-index: 1;
}


.com-azul {
    position: absolute;
    width: 50%;
    height: 100%;
    /*background-color: rgba(232, 3, 46, 0.6);*/
    /*background-color: rgba(0, 0, 0, 0.4);*/
    background-color: #67d9f4;
    left: 0px;
    z-index: 1;
}

.com-azul img {
    width: 100%;
}

.btn-com {
    right: 52%;
}

.com-foto-letra {
    display: none;
    overflow: hidden;
}

.alumno0 {
    display: block;
}

.btn-programa {
    position: unset;
    float: left;
    margin-left: 5%;
    margin-bottom: 4%;
}

.btn-examen {
    color: #02548e;
    font-weight: 700;
}

.enlace-a {
    color: #02548e;
    font-weight: 700;
}

.enlace-fce {
    color: #67d9f4;
    font-weight: 700;
}

.a2 {
    color: #67d9f4;
}

.subrayado {
    text-decoration: underline;
}


.descripcion-movil {
    display: none;
}

.sinborde {
    border-bottom: unset;
}

.p-frances-movil {
    display: none;
}

.linea-toefl-preparacion {
    padding-bottom: 2%;
    float: left;
}

.diferencia-toefl-ielts {
    width: 100%;
    height: auto;
    float: left;
}

.caja-diferencia {
    width: 33.3%;
    height: auto;
    float: left;
    overflow: hidden;
}

.caja-diferencia p {
    font-size: 14px;
    padding: 4%;
    text-align: justify;
}


.caja-diferencia img {
    width: 100%;
    float: left;
}

strong {
    color: #02548e;
}


.img-icono {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    float: left;
}

.img-tomar1 {
    width: 100%;
    display: block;
}

.img-tomar-fondo {
    width: 100%;
    display: block;
}

.img-tomar2 {
    width: 100%;
    display: none;
}

.cajas-gmat {
    width: 100%;
    float: left;
}

.lista-caja-gmat {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 2%;
}

.texto-caja-gmat {
    width: 50%;
    float: left;
    height: auto;
}

.img-caja-gmat {
    width: 50%;
    float: left;
    height: auto;
    background-color: chocolate;
}

.img-caja-gmat img {
    width: 100%;
    height: auto;
    display: block;
}

.texto-caja-gmat p {
    margin: 4%;
}

.img-caja-gmat-right {
    float: right;
}

.img-normal {
    width: 100%;
    display: block;
}

.btn-numero {
    position: unset;
    margin: unset;
    padding: 1%;
}

.caja-columna-ielts {
    max-width: 1180px;
    margin: auto;
}

.columnas-ielts {
    width: 100%;
    float: left;
    height: auto;
}

.columna-ielts {
    width: 50%;
    float: left;
    padding-top: 4%;
    padding-bottom: 4%;
    background-color: aquamarine;
}

.columna-ielts p {
    padding: 4%;
    font-size: 14px;
    text-align: justify;
    color: white;
}

.columna-ielts h2 {
    padding: 2%;
    text-align: center;
    color: white;
}

.programas-movil {
    display: none;
}

.programas-escritorio {
    display: block;
}

.columna-azul {
    background-color: #02548e;
}

.columna-rojo {
    background-color: #e8032e;
}

.columna-fondo-azul {
    position: absolute;
    width: 50%;
    background-color: #02548e;
    height: 150vh;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.columna-fondo-rojo {
    position: absolute;
    width: 50%;
    background-color: #e8032e;
    height: 150vh;
    top: 0px;
    right: 0px;
    z-index: -1;
}


.columnas-fondo {
    width: 100%;
    float: left;
    background-color: chocolate;
    position: relative;
}

.texto-ielts-centro {
    width: 100%;
    text-align: center;
}

.texto-ielts-centro p {
    text-align: center;
}

.titulo-dinamicas {
    color: #02548e;
    text-align: center;
    padding-bottom: 4%;
}

.titulo-dinamicasdos {
    color: #02548e;
    text-align: center;
    padding: 4%;
}

.caracteristica-h3 {
    color: #02548e;
    text-transform: uppercase;
    font-family: sans-serif;
    margin-left: 2%;
}

.centrar-texto-linea {
    width: 100%;
    text-align: center;
}

.sintop {
    padding-top: 0px;
}

.sintop p {
    padding-top: 0px;
}

.btn-programas {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    text-align: center;
    margin: auto;
    margin-top: 3%;
}


.btndos-programa {
    position: unset;
    margin: 0%;
}

.left-btn {
    margin-left: 35%;
}


.texto-porque {
    margin-top: 2%;
}

.caja-versus {
    width: 100%;
    float: left;
    height: auto;
}

.caja-diferencias {
    width: 50%;
    float: left;
}

.caja-diferencias h2 {
    text-align: center;
    padding: 2%;
}

.descripcion-diferencia {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
}

.descripcion-diferencia p {
    width: 45%;
    float: left;
    padding: 2%;
    height: auto;
    border-right: 1px solid #ddd;
}


table,
th,
td {
    border: 2px solid #ddd;
    border-collapse: collapse;
}

table {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 2px 2px 10px #666
}


th {
    width: 50%;
    padding: 2%;
}

td {
    padding: 2%;
    background-color: white;
    color: #02548e;
    font-size: 14px;
}

.th-azul {
    background-color: #02548e;
    color: white;
    font-family: sans-serif;
    font-size: 18px;
}

.th-rojo {
    background-color: #e8032e;
    color: white;
    font-family: sans-serif;
    font-size: 18px;
}


.info-beneficios {
    width: 100%;
    float: left;
    text-align: center;
}

.centrar-btn-a {
    width: 100%;
    float: left;
    text-align: center;
}

.btn-porque-e {
    position: unset;
}

.caja-texto-centrado {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 4%;
    padding-bottom: 4%;
}

.caja-texto-centrado p {
    width: 92%;
    padding: 4%;
    padding-top: 0px;
    padding-bottom: 0px;
    float: left;
    margin-bottom: 2%;
}

.centrado-fce p {
    margin-bottom: 0%;
}


.caja-texto-centrado a {
    position: unset;
    margin: 0px;
    padding: 1%;
}

.texto-taller {
    padding: 0%;
}

.texto-taller h2 {
    width: 70%;
    padding: 15%;
    padding-top: 4%;
    padding-bottom: 4%;
}

.texto-preguntas-h2 {
    width: 70%;
    float: left;
    padding: 15%;
    padding-top: 4%;
    padding-bottom: 4%;
}

.texto-preguntas-h2 h2 {
    padding: 0%;
}


.mensaje-fce {
    top: 28%;
}

.img-portada h2 {
    margin-left: 7%;
    font-size: 30px;
    text-transform: uppercase;
}


.quitar-botom {
    margin-bottom: 0px;
}

.quitar-botom p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.texto-azul {
    color: #02548e;
}

.texto-azul p {
    color: #02548e;
}

.ancho-auto {
    width: 100%;
}

.idiomas {
    max-width: 1180px;
    width: 96%;
    float: left;
    height: auto;
    left: 0px;
    right: 0px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 5%;
    z-index: 2;
    right: 4%;
}


.contenedor-idiomas {
    width: 20%;
    float: left;
    float: right;
    cursor: pointer;
}


.idioma {
    width: 100%;
    float: left;
    height: auto;
    background-color: white;
    border-bottom: 1px solid #67d9f4;
}



.enlace-pais img {
    float: left;
    background-color: brown;
}

.enlace-pais p {
    width: auto;
    float: left;
    margin: 5%;
    color: #02548e;
}

.img-portada .img-bandera {
    width: 20%;
    margin: 5%;
    float: left;
}

.enlace-pais {
    width: 100%;
    float: left;
}

.idioma-titulo {
    width: 100%;
    background-color: #02548e;
    color: white;
    float: left;
    height: auto;
}

.img-portada .idioma-titulo-p {
    width: auto;
    margin: 5%;
    float: left;
    font-family: sans-serif;
    font-weight: 700;
}

.idioma-titulo i {
    float: right;
    margin: 2%;
    margin-right: 4%;
    font-size: 2vw;
}

.contenedor-banderas {
    width: 100%;
    float: left;

}

.linea-fce {
    width: 100%;
    text-align: center;
}

.caja-color {
    width: 100%;
    float: left;
    background-color: rgba(2, 84, 142, 0.2);
}

.examen-internacional-texto img {
    width: 92%;
    margin: 4%;
    float: left;
}

.active-btn {
    background-color: #02548e;
    color: white;
}

.active-btn a {
    color: white;
}

.deslizar-idiomas {
    width: 100%;
    float: left;
    padding-top: 4%;
    padding-bottom: 4%;
}

.temas-idiomas {
    width: 50%;
    float: left;
}

.foto-idioma {
    width: 50%;
    background-color: coral;
    float: left;
}

.foto-idioma img {
    width: 100%;
    height: auto;
    display: block;
}

.tema-idioma {
    width: 92%;
    margin: 2%;
    margin-bottom: 2%;
    margin-top: 0%;
    margin-right: 4%;
    float: left;
    background-color: rgba(2, 84, 142, 0.1);
    border-radius: 5px;
    overflow: hidden;
}

.contenedor-titulo-idioma {
    width: 100%;
    float: left;
    cursor: pointer;
}

.titulo-curso-idioma {
    padding: 4%;
    float: left;
    color: #02548e;
    font-size: 18px;
    font-weight: 700;
    font-family: sans-serif;
}

.tema-idioma-i {
    float: right;
    margin-right: 4%;
    padding: 4%;
    color: #02548e;
    font-size: 18px;
}

.descripcion-idioma {
    float: left;
    padding: 4%;
    background-color: white;
    display: none;
    text-align: justify;
}


.sinbotom {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.active-idioma {
    background-color: rgba(2, 84, 142, 1);
}

.active-idioma .titulo-curso-idioma {
    color: white;
}

.active-idioma i {
    color: white;
}

.btn-testimonios {
    position: unset;
    cursor: pointer;
    text-transform: unset;
    font-weight: unset;
    margin: 1%;
    background-color: unset;
    color: #02548e;
    border: 1px solid #e8032e;
}

.btn-testimonios:hover {
    color: white;
}

.caja-contenedor-testimonios {
    width: 100%;
    height: auto;
    margin-top: 4%;
    margin-bottom: 12%;
    float: left;
    text-align: center;
    position: absolute;
}


.testimonios-especifico {
    width: 100%;
    text-align: center;
    margin-left: 0%;
}



.elemento-alumno {
    width: 50%;
    float: left;
    background-color: cornflowerblue;
    height: 50px;
}

.video-alumno {
    width: 60%;
    float: left;
    background-color: #02548e;
    height: auto;
    position: fixed;
    z-index: 2;
    margin-top: 20%;
    margin-left: 20%;
    margin-right: 20%;
    display: none;
}

.icono-cerrar-video {
    width: 50px;
    height: 50px;
    background-color: #02548e;
    float: left;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    cursor: pointer;
}

.icono-cerrar-video i {
    color: white;
    font-size: 20px;
    line-height: 50px;
}

iframe {
    display: block;
}

.right-caja {
    float: right;
}

.botones-car {
    max-width: 1180px;
    margin: auto;
    width: 40%;
    left: 8%;
    height: auto;
    position: absolute;
    bottom: 30%;
    z-index: 3;
}

.info-curso-h3 {
    color: #02548e;
    text-align: left;
    font-family: sans-serif;
    margin: 4%;
    margin-top: 8%;
    margin-left: 8%;
    margin-bottom: 0%;
    text-transform: uppercase;
}

.btn-circulo {
    width: 20px;
    height: 20px;
    background-color: rgba(2, 84, 142, 0.5);
    border: 1px solid white;
    float: left;
    border-radius: 50%;
    margin: .5%;
    cursor: pointer;
}

.caja-fondo-texto-pequeno {
    width: 100%;
    float: left;
    background-color: white;
    height: auto;
    position: relative;
}

.caja-centrar-com {
    width: 100%;
    float: left;
    text-align: center;
}

.inicio-texto {
    top: 5%;
}


.caja-inicio-estudiar-img {
    width: 35%;
}

.caja-inicio-estudiar-texto {
    width: 65%;
}

.icono-inicio-estudiar a {
    color: #02548e;
}

.icono-inicio-estudiar p:hover {
    text-decoration: underline;
}

.img-normal-inicio {
    display: block;
}

.mensaje-contenedor-contacto {
    width: 90%;
    padding: 5%;
    float: left;
}

.mensaje-contacto {
    width: 100%;
    float: left;
}

.mensaje-contacto h1 {
    color: #02548e;
    text-align: center;
    font-size: 50px;
}

.mensaje-contacto p {
    font-size: 15px;
    text-align: center;
}

.redessociales-contacto {
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 2%;
}

.redessociales-contacto a {
    color: #02548e;
    font-size: 20px;
    padding: 1%;
    margin: 1%;
}

.contacto-gracias {
    width: 100%;
    float: left;
    height: auto;
    background-color: white;
}

.enlace-inicio {
    padding: 2%;
    text-decoration: underline;
}

.enlace-inicio a {
    color: #e8032e;
    font-size: 15px;
}

.caja-grupo2 i {
    background-color: #e8032e;
}

.caja-grupo3 i {
    background-color: #67d9f4;
}

.caja-grupo2 i:hover {
    color: #e8032e;
}

.caja-grupo3 i:hover {
    color: #67d9f4;
}

#btn_deshabilitado {
    display: block;
}

#btn_habilitado {
    display: none;
}

.colum-alumno {
    width: 50%;
    height: auto;
    float: left;
}

.colum-alumno .alumno {
    width: 95%;
    margin: 2.5%;
}


.caja-preguntas-pet {
    top: 15%;
}

.img-letras-encima-texto-pet {
    top: 5%;
}

.h2-pet {
    color: white;
    margin: 2%;
    margin-top: 0%;
    margin-bottom: 2%;
}

.parrafo-pet {
    margin: 2%;
}


.conte-new-metodologia {
    width: 78%;
    float: right;
}


.caja-metodologia-new {
    width: 29.3%;
    height: auto;
    float: left;
    margin: 1%;
    position: relative;
    overflow: hidden;
    border: 5px solid rgba(0, 0, 0, 0);
}

.caja-metodologia-new:hover {
    border: 5px solid #02548e;
}

.caja-bene-meto {
    width: 100%;
    float: left;
    height: 100px;
    position: absolute;
    top: 110px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.caja-metodologia-new p {
    padding: 4%;
    position: absolute;
    bottom: 0px;
    color: white;
    text-shadow: 20px 20px 20px #000;
    font-size: 17px;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: 700;
}

.caja-metodologia-new img {
    width: 100%;
    display: block;
}

.caja-meto {
    width: 90%;
    float: left;
    /*background-color: white;*/
    padding: 5%;
    background-image: url("../img/fondo-metodologia.jpg");
}

.titulo-meto-bene {
    color: #02548e;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 4%;
}

.fle-left,
.fle-right {
    cursor: pointer;
}


.listar-meto-a {
    width: 16%;
    float: left;
    background-color: #02548e;
    padding: 1%;
    list-style: none;
    margin: 1%;
    margin-bottom: 0px;
    text-align: center;
    color: white;
    opacity: .7;
    font-weight: 700;
}

.active-meto-a {
    opacity: 1;
}

.botones-interacion {
    width: 70%;
    margin: auto;
    background-color: cadetblue;
    text-align: center;
}

#imagen-meto {
    width: 100%;
    float: left;
}

.carrusel-meto {
    position: relative;
    width: 100%;
    float: left;
    height: auto;
    max-height: 490px;
    overflow: hidden;
    z-index: 1;
}

.flechas-meto {
    width: 100%;
    float: left;
    background-color: brown;
    position: absolute;
    top: 0px;
    z-index: 5;
}


.fle-left,
.fle-right {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    font-size: 50px;
    top: 200px;
    padding: 1%;
    color: white;
}

.fle-left {
    left: 0px;
}

.fle-right {
    right: 0px;
}

.caja-interacion {
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 4;
}

.info-meto {
    width: 30%;
    position: absolute;
    background-color: rgba(232, 3, 46, 0.9);
    left: 10%;
    top: 20%;
    display: none;
    padding: 1%;
    color: white;
}

.icono-mensaje-meto {
    max-width: 100px;
    width: 100%;
    float: left;
    margin-left: 10%;
    margin-top: 5%;
}

.icono-mensaje-meto img {
    width: 100%;

}

.contenedor-caja-meto {
    width: 100%;
    float: left;
    position: absolute;
}

.frase-meto {
    margin-left: 7%;
}

.img-portada .frase-meto {
    width: auto;
    color: #02548e;
    text-shadow: unset;
}

.portada-metodologia {
    text-shadow: unset;
}

.portada-metodologia h1 {
    text-shadow: rgb(102, 102, 102) 2px 2px 10px;
}

.listar-meto-a {
    cursor: pointer;
}


.caja-info-meto {
    width: 100%;
    float: left;
    background-color: #02548e;
}

.caja-meto-p {
    width: 70%;
    margin: auto;
    padding: 4%;
    color: white;
    padding-bottom: 0px;
    text-align: justify;
}


#fondo-blanco-meto {
    width: 100%;
    position: absolute;
    display: none;
}


/*
.img-portada-botones img{
    margin-top: 90px;
}
*/

/* estilos de la pagina cursos online */

.caja2-online {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 5%;
    padding-bottom: 5%;
    font-family: sans-serif;
}


.mensaje-online-v2 {
    top: 25%;
}


.mensaje-online-v2 h1 {
    text-shadow: none;
    color: #02548e;
    font-size: 2.5em;
}

.mensaje-online-v2 .h1-online-portada {
    font-size: 3em;
}

.caja2-online-img {
    width: 23%;
    float: left;
    position: absolute;
    margin-left: 10%;
    margin-top: 5%;
    display: block;
    margin-bottom: 5%;
}

.caja2-online-img img {
    width: 100%;
    display: block;
}

.caja2-online-datos {
    width: 52%;
    float: right;
    background-color: rgba(2, 84, 142, .1);
    padding: 8%;
    padding-left: 20%;
}

.caja2-online-datos h2 {
    text-transform: uppercase;
    margin-bottom: 5%;
    color: #02548e;
}

.caja2-online-datos p {
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.contenedor-caja-3-online {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: white;
    margin-top: 2%;
}

.caja3-online {
    width: 100%;
    height: auto;
    float: left;
    background-color: white;
}

.caja3-online-texto {
    width: 50%;
    float: left;
    margin-top: 10%;
}

.right-caja-online {
    float: right;
}


.caja3-online-texto h1 {
    font-size: 1.5em;
    padding: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    color: #02548e;
    text-transform: uppercase;
}

.caja3-online-texto h2 {
    font-size: 1.5em;
    padding: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    color: #02548e;
    text-transform: uppercase;
}


.caja3-online-texto p {
    padding: 5%;
    text-align: justify;
}

.caja3-online-img {
    width: 50%;
    float: left;
    position: relative;
    margin-top: 10%;
}

#img-03-online {
    width: 90%;
    display: block;
}

#img-04-online {
    width: 40%;
    display: block;
    position: absolute;
    z-index: 2;
    top: -30%;
    right: 0px
}

.caja4-online {
    width: 100%;
    height: auto;
    float: left;
}


.contenedor-caja4-online {
    width: 100%;
    float: left;
    height: auto;
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    grid-gap: 8%;
    grid-column-gap: 2%;
    color: white;
    padding-top: 5%;
    padding-bottom: 5%;
}

.caja4-curso {
    float: left;
    text-align: center;
}

.caja4-curso a {
    width: 90%;
    padding: 5%;
    float: left;
    color: white;
}

.caja4-curso i {
    font-size: 3em;
    margin: 4%;
}

.caja4-curso h2 {
    text-align: center;
}

.caja4-curso p {
    padding: 4%;
    text-align: center;
    line-height: 24px;
}

.curso-color1 {
    background-color: #02548e;
}

.curso-color2 {
    background-color: #e8032e;
}

.curso-color3 {
    background-color: #92c648;
}

.curso-color4 {
    background-color: #ff8000;
}

.tema-cursos-online {
    text-align: center;
    margin-top: 5%;
    color: #333;
    text-transform: uppercase;
    font-size: 2.5em;
}

.caja5-online {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 2.5%;
    padding-bottom: 5%;
}

.titulo-caja5-online {
    text-align: center;
    margin-bottom: 5%;
    color: #333;
    font-size: 2.5em;
}

.caja-columna-online {
    width: 50%;
    height: auto;
    float: left;
}

.lista-caja-columna-online {
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: white;
    margin: 4%;
    overflow: hidden;
}

.contenedor-h2-i {
    width: 100%;
    float: left;
    color: #696969;
}

.lista-caja-columna-online h2 {
    width: 70%;
    padding: 4%;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    float: left;
}

.lista-caja-columna-online i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    text-align: center;
    float: right;
    background-color: #8c89a2;
    color: white;
    border-radius: 50%;
    margin: 4%;
}

.lista-caja-columna-online p {
    width: 92%;
    float: left;
    padding: 4%;
    text-align: justify;
    line-height: 24px;
    display: none;
}

.lista-caja-online-a {
    font-weight: 600;
    text-decoration: underline;
    color: #000;
}

.lista-pregunta-duolingo {
    padding-top: 0px;
}

.caja-preparacion-col-duolingo {
    width: 100%;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
}

.caja-img-duolingo img {
    width: 90%;
    margin: auto;
    display: block;
}

.preparacion-caja-doulingo {
    width: 100%;
    float: left;
}

.preparacion-caja-doulingo p {
    font-size: 15px;
    text-align: justify;
}

.titulo-duolingo {
    color: #02548e;
    font-weight: 700;
}

.preparaciones-duolingo .preparacion {
    margin: 0;
    margin-bottom: 2%;
}

.preparaciones-duolingo .preparacion-texto {
    width: 100%;
    text-align: justify;
}

.preparaciones-duolingo .preparacion-texto p {
    padding: 0px;
    font-size: 15px;
}

#doulingo .img-portada h1 {
    width: 50%;
}

.color-doulingo i {
    background-color: #f7a501;
}

.enlance-doulingo {
    font-weight: 700;
    color: #02548e;
}

.contenedor-directores {
    width: 100%;
    float: left;
    margin-top: 268px;
}

.contenedor-directores h1 {
    text-align: center;
    padding: 1% 0px;
    padding-bottom: 0px;
    font-size: 45px;
    color: #02548e;
}

.caja-directores {
    width: 50%;
    margin: auto;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4%;
    padding: 2%;
    padding-bottom: 8%;
    text-align: center;
}

.caja-directores-uno {
    width: 82%;
    display: grid;
    grid-template-columns: 100%;
    border: 1px solid rgba(0, 0, 0, .07);
    padding: 8%;
    border-radius: 5px;
}

.caja-director img {
    display: block;
    width: 100%;
    margin: auto;
}

.caja-director .caja-d-letras {
    padding: 4%;
    padding-bottom: 0px;
}

.caja-director .caja-d-letras h2 {
    font-size: 30px;
    margin-bottom: 2.5%;
    color: #02548e;
}


footer {
    width: 100%;
    background-color: #02548e;
    float: left;
    padding-top: 4%;
    z-index: 2;
    position: relative;
}

#contenedor-footer {
    max-width: 1180px;
    width: 100%;
    margin: auto;

}

.cajas-footer {
    width: 25%;
    float: left;
    color: white;
}

.logo-footer {
    width: 100%;
    float: left;
    margin: 4%;
}

.logo-footer img {
    width: 100%;
    display: block;
}


.cajas-footer h3 {
    text-transform: uppercase;
    padding: 4%;
    font-weight: 700;
    font-family: sans-serif;
    font-size: 16px;
}

.cajas-footer ul {
    list-style: none;
    padding: 2%;
}

.cajas-footer li {
    padding: 1%;
    text-transform: uppercase;
    font-size: 14px;
}

.cajas-footer a {
    text-decoration: none;
    color: white;
}


.cajas-footer a:hover {
    text-decoration: underline;
}

.cajas-footer p {
    font-size: 14px;
    padding: 4%;
    padding-top: 2%;
}

.correo {
    text-transform: lowercase;
}

.redes {
    width: 50%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 0px;
    margin: 2% 0px;
}

.redes i {
    width: 92%;
    padding: 4%;
    float: left;
    font-size: 20px;
    text-align: center;
    color: white;
}

.redes span {
    width: 100%;
    float: left;
    text-align: center;
    color: white;
}

.caja-linear-footer {
    width: 100%;
    display: flex;
    padding-top: 4%;
    padding-bottom: 4%;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    align-items: center;
}

.nombre-footer {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 12px;
    color: white;
}


.derechos-footer {
    width: 100%;
    float: left;
    color: #ddd;
    text-align: center;
    font-size: 12px;
}


.derechos-footer a {
    text-decoration: none;
    color: #ddd;
}

.contenedor-logo-footer {
    width: 70%;
    float: left;
}


.email-footer li {
    text-transform: unset;
    font-size: 16px;

}

.caja-versus h2 {
    font-size: 20px;
}

.btn-numero-menu {
    width: auto;
    float: unset;
    display: unset;
    padding: 1%;
}

.centrar-online-numero {
    width: 100%;
    display: block;
    grid-template-columns: unset;
    text-align: center;
}

.texto-caja-gmat .subtitulo_caja_mat {
    color: #02548e;
    margin-left: 4%;
}

.caja_extra_gmat {
    width: 100%;
    height: 500px;
    float: left;
    background-color: #ff8000;
}

.preparaciones_gmat {
    background-color: rgba(2, 84, 142, 0.05);
}

.preparaciones_gmat .texto-centrar {
    text-align: center;
    margin-bottom: 2.5%;
}

.caja_adicional_gmat .examen-curso .texto-centrar {
    padding: 0px;
    text-align: center;
    width: 98%;
    padding: 0% 1%;
}

.caja_adicional_gmat .examen-curso h2 {
    padding: 2%;
}

.caja_ul_li_gmat {
    width: 100%;
    float: left;
    margin-bottom: 5%;
    font-size: 14px;
}

.caja_ul_li_gmat ul {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.caja_ul_li_gmat li {
    width: 95%;
    margin-left: 5%;
    margin-bottom: 3%;
}

.caja_ul_li_gmat li:last-child {
    margin-bottom: 0px;
}

.texto_ajuste_largo {
    text-align: center;
    font-size: 14px;
    margin: 1% 0px;
    width: 100%;
    float: left;
}

.texto_largo_gmat span {
    color: #02548e;
    font-weight: 700;
    font-size: 16px;
}

.mensaje_telefono_gmat {
    font-size: 20px;
    font-weight: 700;
}

.mensaje_telefono_gmat a {
    color: #02548e;
}

.caja_adicional_2_gmat p {
    width: 90%;
    top: 97px;
}

.caja_adicional_2_gmat .examen-curso-texto {
    width: 25%;
}


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

    .imgs_cajas_gmat_uno .img-caja-gmat {
        margin-bottom: 4%;
    }

    .imgs_cajas_gmat_uno .subtitulo_caja_mat {
        text-align: center;
    }

    .caja_adicional_2_gmat img {
        display: none;
    }

    .caja_adicional_2_gmat .caja-medio i {
        position: unset;
    }

    .caja_adicional_2_gmat .caja-medio {
        background-color: #02548e;
    }

    .caja_adicional_2_gmat .caja-medio p {
        position: relative;
        top: unset;
    }

    .texto_ajuste_largo {
        margin: 1% 4%;
        width: 92%;
    }


    .caja_ul_li_gmat {
        margin-bottom: 0px;
    }

    .caja_adicional_2_gmat .examen-curso-texto {
        width: 100%;
    }

    .curso_gmat .mensaje-portada {
        top: 20%;
    }

    .curso_gmat .img-portada h1 {
        width: 100%;
    }

    .redes {
        width: 100%;
    }

    .caja-directores {
        width: 92%;
        padding: 4%;
        grid-template-columns: 100%;
        gap: 2%;
    }

    .caja-img-duolingo img {
        width: 100%;
    }

    .preparaciones-duolingo .preparacion {
        width: 100%;
    }

    .preparaciones-duolingo {
        width: 92%;
        padding: 4%;
    }

    .lista-pregunta-duolingo h1 {
        font-size: 20px;
    }

    .columna-ielts {
        width: 100%;
    }

    .mensaje-ielts {
        left: 0%;
    }

    .anuncio-online {
        padding: 1% 0;
    }


    .titular-online {
        display: none;
    }

    .anuncio-online .titular-online2 {
        display: block;
        text-align: center;
        margin-right: 0px;
        height: unset;
        line-height: unset;
    }

    .texto-largo-portada-inicio {
        font-size: 5vw;
    }

    .mi-2 {
        top: 20%;
    }


    .mi-2 p {
        font-size: unset;
    }


    .mensaje-portada-online {
        top: 16%;
    }

    .caja2-online {
        padding-bottom: 0px;
    }

    .caja2-online-img {
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        position: unset;
        margin-bottom: 0px;
    }

    .caja2-online-datos {
        width: 92%;
        float: right;
        padding: 0px;
        padding: 4%;
    }

    .caja2-online-datos p {
        font-size: unset;
    }



    .caja2-online-datos h2 {
        text-transform: uppercase;
        margin-bottom: 2%;
        color: #02548e;
        text-align: center;
    }

    .contenedor-caja-3-online {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }


    .caja3-online {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .caja3-online-texto {
        width: 100%;
        float: left;
        margin-top: 0px;
    }

    .caja3-online-texto h1 {
        margin-top: 5%;
        text-align: center;
    }

    .caja3-online-texto h2 {
        margin-top: 5%;
        text-align: center;
    }

    .caja3-online-img {
        width: 100%;
        margin-top: 0px;
    }

    #img-03-online {
        width: 100%;
        display: block;
        float: left;
    }

    #img-04-online {
        width: 40%;
        display: none;
        position: unset;
        z-index: 2;
        top: 0px;
        right: 0px;
        float: left;
    }


    .contenedor-caja4-online {
        grid-template-columns: 100%;
        grid-column-gap: 0px;
        grid-gap: 0px;
    }

    .caja-columna-online {
        width: 100%;
        height: auto;
        float: left;
    }

    .btn-online {
        width: 50%;
        position: relative;
        background-color: white;
        border-radius: 5px;
        display: block;
        margin: 2% auto;
        color: #e8032e;
        font-family: sans-serif;
        font-weight: 700;
        text-decoration: none;
        font-size: 15;
    }

    .btn-online2 {
        width: 50%;
        position: relative;
        background-color: white;
        border-radius: 5px;
        display: block;
        margin: 2% auto;
        color: #e8032e;
        font-family: sans-serif;
        font-weight: 700;
        text-decoration: none;
        font-size: 15;
    }

    .tema-cursos-online {
        font-size: 2em;
    }

    .titulo-caja5-online {
        font-size: 2em;
    }


    .anuncio-online h1 {
        text-align: center;
        font-size: 1em;
    }

    .anuncio-online .titulo-h1 {
        text-align: center;
        font-size: 1em;
    }


    .centrar-online {
        grid-template-columns: 100%;
    }

    .anuncio-online h1 i {
        display: none;
    }

    .anuncio-online p {
        font-size: 15px;
    }

    .img-portada .anuncio-online {
        position: relative;
        padding: 1.5% 0;
    }

    .img-portada .anuncio-online h1 {
        text-align: center;
        font-size: 1.2em;
    }

    .img-portada .anuncio-online h1 i {
        display: none;
    }

    .img-portada .anuncio-online p {
        font-size: 15px;
    }

    .img-portada .btn-online {
        margin: 2% auto;
        padding: 2% 1.5%;
    }

    .img-portada .btn-online2 {
        margin: 2% auto;
        padding: 2% 1.5%;
    }


    .portada-info {
        top: 10%;
    }



    #fondo-blanco-meto {
        display: none;
    }

    .conte-new-metodologia {
        width: 100%;
    }


    .linea-boton {
        padding-top: 7%;
        padding-bottom: 7%;
    }


    .carrusel-meto {
        height: auto;
        overflow: unset;
    }

    .titulo-info-meto {
        display: block;
        margin-top: 5%;
    }

    .icono-mensaje-meto {
        width: 80px;
        position: absolute;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30%;
    }

    .caja-meto {
        background-image: unset;
        background-color: white;
    }

    .fle-left,
    .fle-right {
        top: 50px;
    }



    .caja-metodologia-new {
        width: 98%;
        margin-bottom: 4%;
        border: unset;
    }

    .caja-meto-p {
        width: 92%;
    }


    .caja-metodologia-new:hover {
        border: unset;
    }


    .mensaje-peru {
        width: 100%;
    }

    .mensaje-ielts p {
        display: none;
    }

    .caja-otro-curso {
        width: 37.3%;
        margin: 2%;
        padding: 4%;
    }


    .linea-celeste .texto-linea-boton h1 {
        padding: 4%;
    }

    .caja-inicio-estudiar h3 {
        text-align: center;
    }

    .btn-testimonios {
        float: left;
        margin: 1%;
    }

    .botones-car {
        bottom: 10%;
    }

    .letra-contacto p {
        text-align: justify;
        padding: 0%;
    }

    .img-otros-cursos img {
        height: 0px;
    }


    .flecha-icono {
        display: none;
    }

    .img-normal-inicio {
        height: 0px;
    }

    .nombre-curso {
        font-size: 15px;
    }



    .contenido-inicio-pregunta {
        text-align: justify;
        padding: 4%;
    }

    .com-tema {
        width: auto;
        font-size: 4.5vw;
    }

    .titulo-inicio-pregunta {
        text-align: center;
    }

    .caja-inicio-pregunta h3 {
        text-align: center;
    }

    .caja-inicio .boton-curso {
        width: 50%;
    }

    .ocultar-efecto {
        display: none;
    }

    .img-ocultar {
        width: 100%;
        overflow: hidden;
        float: left;
        height: 0px;
    }

    .colum-alumno {
        width: 100%;
        margin-left: 0%;
    }

    .colum-alumno .alumno {
        width: 99%;
        margin: .5%;
        margin-bottom: 2%;
    }

    .contenedor-alumno {
        width: 98%;
        padding: 1%;
        float: left;
    }

    .video-alumno {
        width: 90%;
        margin-top: 70%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .formulario-testimonios {
        width: 100%;
        margin: 0%;
        padding-top: 2%;
        padding-bottom: 8%;
    }


    .caja-contenedor-testimonios {
        position: unset;
        margin-left: 4%;
    }

    .testimonios-contenido {
        padding-bottom: 0px;
    }

    .caja-taller-img {
        width: 90%;
    }

    .sinmarginbutton {
        margin-bottom: 4%;
    }

    .comentario-alumno {
        padding: 4%;
    }

    .descripcion-movil {
        display: block;
        float: left;
        background-color: white;
        padding-top: 4%;
        padding-bottom: 4%;
    }

    .descripcion-movil h2 {
        color: #02548e;
        text-align: center;
        margin: 4%;
    }

    .descripcion-movil p {
        font-size: 14px;
        margin: 4%;
        text-align: justify;
    }

    .examen-curso p {
        padding: 4%;
        text-align: justify;
    }


    .contenido-frances h3 {
        text-align: center;
    }

    .tema-texto h3 {
        text-align: center;
    }

    .diferencia-sat-h3 {
        text-align: center;
    }

    .parrafo-arriba {
        text-align: justify;
    }


    .caja-azul-extra {
        padding-top: 2%;
        background-color: #02548e;
    }

    .parrafo-abajo {
        text-align: justify;
    }

    .preparaciones h2 {
        padding: 4%;
    }

    .preparacion {
        width: 92%;
        margin: 4%;
        height: auto;
        float: left;
    }


    .iconos-frances p {
        line-height: unset;
        font-size: 14px;
        text-align: center;
    }

    .caja-icono-frances {
        width: 100%;
    }

    .examen-curso-texto i {
        padding-top: 8%;
        padding-bottom: 4%;
    }

    .p-frances-ocultar {
        display: none;
    }

    .p-frances-movil {
        display: block;
        width: 100%;
        float: left;
    }

    .p-frances-movil p {
        padding: 4%;
        text-align: justify;
        font-size: 14px;
    }

    .texto-largo h3 {
        text-align: center;
    }

    .titular-subrayado h2 {
        margin: 2%;
    }

    .caja-frances-i {
        width: 92%;
        float: left;
        padding: 4%;
        padding-bottom: 0;
    }

    .caja-frances-p {
        width: 100%;
        float: left;
        position: relative;
    }



    .caja-diferencia {
        width: 100%;
    }


    .parrafo-abajo p {
        padding-left: 4%;
        padding-right: 4%;
    }

    .parrafo-arriba p {
        padding-left: 4%;
        padding-right: 4%;
    }


    .caja-diferencia p {
        font-size: 14px;
        text-align: justify;
    }


    .caja-letras-extras h3 {
        margin-left: 2%;
        margin-right: 2%;
    }


    .letras-extras img {
        display: none;
    }

    .letras-extras .img-extras {
        display: unset;
    }

    .img-caja-gmat {
        width: 100%;
        float: left;
        height: auto;
        background-color: chocolate;
    }

    .texto-caja-gmat {
        width: 100%;
        ;
    }

    .caja-gre h3 {
        padding: 4%;
    }


    .texto-grande-caja p {
        padding: 4%;
    }

    .btn-gre {
        margin-left: 4%;
        position: static;
        float: left;
        width: auto;
        cursor: pointer;
    }

    .subject-sat-texto {
        position: unset;
        width: 100%;
        float: left;
        text-align: justify;
        padding-bottom: 4%;
    }

    .subject-sat-texto p {
        padding: 4%;
    }

    .btn-numero {
        margin-left: 4%;
        padding: 2%;
    }

    .definicion p {
        padding: 4%;
        position: static;
        background-color: white;
        text-align: justify;
        font-size: 14px;
    }

    .margin-top {
        margin-top: 0%;
    }

    .img-tomar1 {
        width: 100%;
        display: none;
    }


    .img-tomar2 {
        display: block;
    }


    .texto-grande {
        margin-bottom: 0%;
    }


    .lista-pregunta-img h1 {
        text-align: center;
    }

    .texto-linea-boton h1 {
        text-align: center;
    }


    .lista-pregunta-img p {
        text-align: justify;
    }

    .texto-linea-boton p {
        margin: 4%;
        text-align: justify;
    }




    .contenido-pasos {
        width: 100%;
        float: left;
        background-color: rgba(2, 84, 142, 0.1);
        padding-bottom: 8%;
    }

    .texto-grande-caja h2 {
        text-align: center;
    }

    .programas-movil {
        width: 100%;
        float: left;
        height: auto;
        display: block;
        padding-bottom: 4%;
    }

    .programas-escritorio {
        display: none;
    }

    .btn-individual,
    .btn-grupal {
        position: static;
        float: left;
        margin-left: 10%;
    }


    .titulo-dinamicas {
        padding-top: 4%;
        padding-bottom: 4%;
    }


    .titulo-contenido-paso {
        font-size: 6vw;
    }

    .paso2 .titulo-contenido-paso,
    .paso3 .titulo-contenido-paso,
    .paso5 .titulo-contenido-paso {
        font-size: 6vw;
    }

    .pregunta h2 {
        padding: 4%;
    }

    .texto-grande-caja h3 {
        text-align: center;
    }


    .caracteristica-h3 {
        text-align: center;
    }

    .caja-frances-p {
        padding-bottom: 5%;
    }

    .caja-frances-p a {
        text-align: center;
    }

    .btn-programa {
        margin: auto;
        float: unset;
        left: auto;
        right: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5%;
        margin-top: 5%;
    }

    .texto-ielts-centro p {
        text-align: justify;
    }

    .left-btn {
        margin-left: 20%;
    }

    .texto-caja-gmat p {
        text-align: justify;
        font-size: 15px;
    }

    table {
        width: 95%;
        margin: auto;
    }

    td {
        font-size: 14px;
        padding: 4%;
    }


    .letra-beneficios2 {
        text-align: justify;
        padding: 4%;
    }

    .lista-pregunta-img img {
        width: 100%;
    }

    .texto-taller h2 {
        width: 92%;
        padding: 4%;
        padding-top: 4%;
        padding-bottom: 4%;
        font-size: 15px;
        text-align: justify;
        font-family: sans-serif;
    }

    .taller-letra1 {
        display: none;
    }

    .texto-preguntas-h2 h2 {
        font-size: 18px;
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .mensaje-fce {
        top: 10%;
    }


    .img-portada h2 {
        font-size: 4vw;
        width: 90%;
        float: left;
        margin-left: 4%;
    }

    .iconos-n-e {
        width: 100%;
    }

    .iconos-negocios-e h3 {
        padding-left: 4%;
    }

    .iconos-n-e i {
        font-size: 8vw;
    }

    .mensaje-top {
        top: 15%;
    }

    .caja-texto-centrado p {
        text-align: justify;
        font-size: 14px;
    }

    .preguntas-curso-especializado h2 {
        text-align: center;
    }

    .titular-subrayado h2 {
        text-align: center;
    }

    .subrayado-fce h2 {
        font-size: 18px;
        float: left;
        text-align: justify;
    }

    .tema-texto h2 {
        text-align: center;
    }

    .examen-internacional-texto p {
        text-align: justify;
        margin: 4%;
    }

    .aside-examen p {
        text-align: center;
    }

    .contenedor-idiomas {
        width: 100%;
    }

    .idiomas {
        width: 100%;
        position: unset;
        float: left;
    }

    .img-portada .img-bandera {
        width: 50%;
        margin-right: 25%;
        margin-left: 25%;
    }


    .idioma {
        width: 33.3%;
    }

    .enlace-pais p {
        text-align: center;
        float: unset;
        letter-spacing: 1pt;
    }

    .btn-color {
        padding: 1.5vw;
    }

    .btn-contacto {
        width: 90%;
        margin: 5%;
        margin-bottom: 0px;
        height: auto;
    }

    .caja-btn-contacto {
        display: unset;
        text-align: center;
    }

    .btn-movil-p {
        width: 92%;
        margin: 0;
        padding: 0;
        margin-bottom: 2%;
        padding-top: 2%;
        padding-bottom: 2%;
        margin: 4%;
        float: left;
        margin-top: 2%;
    }

    .tema-idioma {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }

    .temas-idiomas {
        width: 100%;
        float: left;
    }

    .foto-idioma {
        width: 100%;
        background-color: coral;
        float: left;
        margin-top: 2%;
    }

    .titulo-curso-idioma {
        padding: 4%;
        float: left;
        color: #02548e;
        font-size: unset;
        font-weight: unset;
        font-family: sans-serif;
    }

    .fondo-definicion {
        display: none;
    }

    .caja-preguntas {
        width: 100%;
        position: static;
        float: left;
    }

    .caja-pregunta-left {
        width: 100%;
        float: left;
        position: static;
    }

    .caja-pregunta-right {
        width: 100%;
        position: static;
    }

    .section-contenido {
        margin-top: 110px;
    } 

    .pagina-frances .section-contenido {
        margin-top: 110px;
    }

    .section-contenido-online {
        margin-top: 110px;
    }

    .caja-interacion {
        position: relative;
        display: none;
    }

    .botones-interacion {
        width: 100%;
    }

    .listar-meto-a {
        width: 100%;
        float: left;
        margin: 0px;
    }

    .caja-info-meto {
        display: block;
    }

    .tema {
        margin-bottom: 0px;
    }

    .tema-texto {
        width: 100%;
        margin-bottom: 4%;
    }

    .tema-img {
        width: 100%;
    }

    .preparacion-col1 {
        width: 100%;
    }

    .preparacion-col2 {
        width: 100%;
    }

    .diferencia-sat {
        width: 100%;
        left: 0px;
        top: 0px;
        position: static;
        background-color: rgba(2, 84, 142, 1);
        border-radius: 0;
    }

    .examen-curso-texto {
        width: 100%;
    }

    .img-portada h1 {
        width: 50%;
        font-size: 5vw;
        text-align: left;
        margin-top: 0%;
        margin-left: 4%;
        float: left;
    }

    .img-online-h1 h1 {
        font-size: 4.5vw;
    }


    .mensaje-online-v2 .h1-online-portada {
        font-size: 4.5vw;
    }


    .portada-redaccion h1 {
        width: 96%;
    }



    .logo-forma {
        display: none;
    }

    .contenedor-examen-curso {
        margin-bottom: 0px;
        box-shadow: none;
    }

    .img-letras-encima-texto {
        width: 100%;
        position: static;
        padding: 0px;
        float: left;
        text-align: center;
        background-color: white;
        padding-top: 0%;
        padding-bottom: 4%;
        color: #02548e;
    }


    .img-letras-encima-texto h2 {
        width: unset;
        padding: 4%;
        text-align: center;
    }

    .img-letras-encima-texto p {
        width: unset;
        padding: 4%;
        color: black;
    }

    .letra-encima-caja {
        width: 100%;

    }



    .medida-letras-extras {
        position: static;
        width: 100%;
        float: left;
    }

    .caja-letras-h3 {
        padding: 0px;
    }

    .medida-letras-extras p {
        width: unset;
        padding: 0px;
        padding: 4%;
        text-align: justify;

    }



    .extra-toefl h3 {
        color: white;
    }

    .extra-toefl p {
        color: white;
    }


    .img-letras-encima-medida {
        height: auto;
    }

    .circulo-mas {
        background-color: #02548e;
        width: 100px;
        height: 100px;
        position: absolute;
        bottom: -60px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .texto-largo-img {
        width: 100%;
    }

    .texto-grande-caja {
        width: 100%;
    }

    .img-texto-grande {
        width: 100%;
    }

    .texto-pequeno p {
        text-align: justify;
        padding: 4%;
    }

    .caja-beneficios-cursos {
        width: 100%;
    }

    .caja-beneficios-cursos ul {
        margin-top: 0px;
    }

    .img-vertical {
        width: 100%;
    }

    .letras-vertical {
        width: 100%;
    }

    .pasos-ingles {
        margin-bottom: 0px;
    }

    .texto-otros-cursos {
        width: 100%;
    }

    .lista-pregunta-img {
        width: 100%;
    }

    .lista-pregunta-letra {
        width: 100%;
    }

    .caja-beneficios {
        width: 98%;
    }

    .caja-inicio {
        width: 48%;
    }


    .portada-fondo {
        top: 0px;
        margin-top: 110px;
        height: auto;
        float: left;
        position: relative;
    }

    .caja-blanco {
        margin-top: 0px;
    }

    .contenido-portada-inicio {
        display: none;
    }

    .cajas-inicio {
        width: 100%;
        margin-bottom: 4%;
    }

    .caja-inicio-cursos {
        width: 100%;
        height: auto;
    }

    .sinmarginbottom {
        margin-bottom: 2%;
    }

    .caja-inicio-pregunta {
        width: 100%;
    }


    .caja-blanco h3 {
        text-align: center;
    }

    .texto-linea-boton {
        width: 100%;
    }

    .btn-linea-boton {
        width: 100%;
    }

    .btn-linea {
        position: unset;
        float: right;
        margin-right: 4%;
        padding: 1.5%;
    }

    .inicio-estudiar {
        padding-top: 0px;
    }

    .caja-inicio-estudiar {
        width: 100%;
    }

    .detalle-lista-icono {
        width: 100%;
    }

    .detalle-lista p {
        width: unset;
        padding: 4%;
    }

    .aside-examen {
        width: 90%;
        float: none;
        margin: auto;
    }

    .aside-examen a {
        padding: 4%;
    }

    .examen-internacional-texto h1 {
        padding-top: 4%;
        text-align: center;
    }

    .examen-internacional-texto {
        width: 100%;
    }

    .alumno {
        width: 100%;
        height: auto;
    }

    .li-paso {
        width: 33.1%;
    }

    .li-paso2 {
        width: 24.5%;
    }


    .texto-contenido-paso {
        padding: 4%;
    }

    .pasos-ingles {
        padding-top: 0%;
        padding-bottom: 0%;
    }

    .caja-contacto {
        width: 100%;
    }

    .letra-contacto {
        text-align: center;
    }

    .letra-contacto h1 {
        float: none;
        width: unset;
    }

    .caja-formulario-col {
        width: 90%;
        float: none;
        margin: auto;
    }

    .input1 {
        width: 92%;
        float: left;
        margin-bottom: 3%;
    }

    .input2 {
        width: 92%;
        float: left;
    }

    .textarea-contacto {
        width: 92%;
    }

    .formulario-col1 {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .preguntas-curso-especializado {
        width: 100%;
    }

    .img-curso-especializado {
        width: 100%;
    }

    .medida-preguntas-varias {
        position: unset;
    }

    .preguntas-varias-letra {
        width: 100%;
        position: unset;
    }

    .mensaje-botones {
        width: 100%;
    }

    .mensaje-botones2 {
        width: 90%;
    }

    .cerrar-buscador {
        top: 5%;
        right: 4%;
    }

    .contenido-frances {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .contenedor-frances-iconos {
        width: 100%;
    }

    .contenedor-frances-img {
        width: 100%;
    }

    .taller-letra1 {
        width: 100%;
        text-align: center;
        padding: 0px;
    }

    .taller-letra2 {
        width: 100%;
    }

    .taller-img1 {
        width: 100%;
        margin-bottom: 2%;
    }

    .taller-img2 {
        width: 100%;
    }

    .comentarios-letras {
        width: 100%;
    }

    .comentarios-fotos {
        width: 100%;
    }

    .com-blanco {
        display: none;
    }

    .com-azul {
        width: 100%;
    }

    .com-contenedor {
        margin-top: 5%;
    }

    .btn-com {
        position: unset;
        margin: auto;
        text-align: center;
    }



    .color-toefl {
        color: white;
    }

    .img-portada-brush h1 {
        width: auto;
    }

    .caja-definicion {
        height: auto;
    }

    .preguntas-varias-letra h3 {
        text-align: center;
    }

    .menu-icono li {
        width: 33.3%;
    }


    .cajas-footer a {
        width: 100%;
        height: 41px;
        line-height: 41px;
        float: left;
    }

    .cajas-footer li {
        width: 98%;
        float: left;
        text-align: center;
    }

    .cajas-footer ul {
        width: 100%;
        padding: 0px;
        float: left;
    }



}


/*------------------------ estilos general --------------------------------*/



/*------------------------ footer -------------------------------------*/



.mensaje-presencial-uno {
    width: 100%;
    display: inline-flex;
    text-align: center;
}

.mensaje-presencial-uno span {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
}

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

    .cajas-footer {
        width: 100%;
    }

    .contenedor-logo-footer {
        width: 40%;
        float: none;
        margin: auto;
    }

    .cajas-footer p {
        text-align: center;
    }

    .cajas-footer h3 {
        text-align: center;
    }

    .cajas-footer li {
        text-align: center;
    }


}




/*--------------------- footer ------------------------------------*/


#landing_entrevista .caja_landing {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 150px;
}

#landing_entrevista .portada_landing {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

#landing_entrevista .texto_landing {
    position: absolute;
    width: 50%;
    margin-left: 10%;
    margin-top: 2.5%;
    z-index: 2;
}

#landing_entrevista .texto_landing h1 {
    font-size: 3em;
    margin-bottom: 2%;
    font-family: "Rethink Sans", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #02548e;
}


#landing_entrevista .texto_landing h2 {
    font-family: "Rethink Sans", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #02548e;
}

#landing_entrevista h2 {
    font-family: "Rethink Sans", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #02548e;
}


#landing_entrevista .texto_landing p {
    margin: 2% 0px 2% 0px;
    float: left;
}

#landing_entrevista .btn_reservar {
    background-color: #e8032e;
    color: white;
    padding: 2%;
    float: left;
    border-radius: 5px;
    font-size: 18px;
}

#landing_entrevista .caja2_landing {
    width: 100%;
    height: auto;
    background-color: #28A745;
    float: left;
}

#landing_entrevista .caja2-online {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}

#landing_entrevista .caja2-online-datos h2 {
    text-transform: none;
}

#landing_entrevista .caja2-online-datos p {
    font-size: unset;
    line-height: unset;
    text-align: unset;
}

#landing_entrevista .ul_landing {
    margin: 1.5% 0px 1.5% 0px;
    margin-left: 4%;
}

#landing_entrevista .ul_landing li {
    margin-bottom: 1.5%;
}

#landing_entrevista .caja2-online-datos {
    border-radius: 5px;
}

#landing_entrevista .caja2-online-img img {
    border-radius: 5px;
}

#landing_entrevista .contenedor-caja-3-online {
    padding-top: 2.5%;
    padding-bottom: 0px;
}

#landing_entrevista .caja3-online-texto h2 {
    padding: unset;
    padding-top: unset;
    padding-bottom: unset;
    padding-left: unset;
    text-transform: unset;
}

#landing_entrevista .caja3-online-texto p {
    padding: unset;
    text-align: unset;
}

#landing_entrevista .caja3-online-texto {
    width: 46%;
    padding: 2%;
    padding-top: 0px;
    margin-top: 0%;
}

#landing_entrevista .ul_landing3 {
    list-style: none;
    margin-left: 0px;
}

#landing_entrevista .ul_landing3_v2 li{
    float: left;
    padding: 2%;
    margin-bottom: 3%;
    background-color: rgba(2, 84, 142, 0.1);
}

.taller_entrevista_p{
    padding-bottom: 0px;
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.estilo_agregado{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.estilo_desagregado{
    display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
}

.imgonlinev4 {
    margin-top: 0%;
}

.imgonlinev4 #img-03-online {
    width: auto;
    float: left;
    margin-top: 2%;
}

.ul_landing4 i {
    color: #28A745;
}

.ul_landing4 li {
    margin-bottom: 2.5%;
}

#landing_entrevista .caja4-online h2 {
    text-align: center;
    margin: 2% 0px 2% 0px;
}

#landing_entrevista .contenedor-caja4-online {
    padding-top: 0%;
    padding-bottom: 3%;
}

#landing_entrevista .caja4-curso p {
    line-height: unset;
}

#landing_entrevista .caja4-curso {
    border-radius: 5px;
}

#landing_entrevista .caja7-online {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    float: left;
}

#landing_entrevista .caja7-online .caja3-online-texto {
    margin-top: 0%;
}

#landing_entrevista .caja3-online-img {
    margin-top: 0%;
}

.enlace_entrevista_trabajo {
    color: #02548e;
    font-weight: 900;
    font-size: 18px;
}

#landing_entrevista .tema_tutoria {
    margin-top: 17%;
}

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

    #landing_entrevista .tema_tutoria {
        margin-top: 5%;
    }

    #landing_entrevista .caja_landing {
        width: 96%;
        margin: 2%;
        margin-top: 120px;
        height: auto;
    }

    #landing_entrevista .texto_landing {
        width: 100%;
        margin-left: 0px;
        position: relative;
    }

    #landing_entrevista .texto_landing h1 {
        font-size: 1.5em;
        text-align: center;
    }

    #landing_entrevista .texto_landing h2 {
        text-align: center;
    }

    #landing_entrevista .portada_landing {
        display: none;
    }

    #landing_entrevista .caja3-online-texto {
        width: 96%;
    }

    .imgonlinev4 #img-03-online {
        width: 100%;
    }

    #landing_entrevista .btn_reservar {
        width: 100%;
        padding: 0px;
        text-align: center;
        height: 45px;
        line-height: 45px;
    }

}