* {
    padding: 0px;
    margin: 0px;
}

.menu {
    width: 100%;
    height: 154px;
    float: left;
    font-family: 'Roboto', sans-serif;
}

.caja-portada {
    width: 100%;
    height: auto;
    float: left;
    background-color: #ededed;
    position: relative;
}

.secciones {
    width: 100%;
    height: auto;
    /*margin-top: -5%;*/
    float: left;
    display: block;
    position: relative;
    z-index: 5;
    background-color: white;
}

.btn-cita {
    background: #56820D;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    height: 60px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    width: 220px;
    display: block;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
}

.btn-boton {
    display: inline-flex;
    background: #88c007;
    color: white;
    padding: 0px 5%;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
}

.enlace-free {
    color: #242952;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    display: block;
    width: 100px;
    float: rght;
    text-align: right;
    padding: 2% 0px;
    position: absolute;
    right: 0px;
    top: 500px;
}



.medida {
    width: 98%;
    padding: 0px 1%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    margin: auto;
    position: relative;
}

.portada-titulo {
    font-size: 65px;
    font-weight: 900;
    position: relative;
    font-family: 'Raleway', sans-serif;
}

.portada-parrafo {
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    margin-bottom: 3%;
    float: left;
}

.portada-parrafo span {
    font-weight: 300;
    /* background-color: #56820D; */
}

.portada-parrafo h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    font-weight: 300;
    display: unset;
}

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

p {
    font-family: 'Roboto', sans-serif;
}

.estilo-in {
    color: #56820D;
    position: relative;
    z-index: 2;
}

.linea-verde {
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 5px;
    left: 0px;
    z-index: 5;
    background-color: #56820D;
}


.caja-menu-uno {
    width: 100%;
    display: grid;
    grid-template-columns: 55% 15% 15% 15%;
    height: 84px;
    color: #242952;
}

.caja-menu-uno .caja-menu-uno div {
    float: left;
    line-height: 84px;
    height: 84px;
}

.menu-redes {
    display: flex;
    justify-content: flex-end;
}

.menu-redes div {
    height: 84px;
    margin-left: 4%;
}

.menu-redes div a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
    color: #88c007;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 50%;
    margin-top: 22px;
}

.menu-redes-a-icono {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
    color: #88c007;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 50%;
    margin-top: 22px;
}

.menu-telefono {
    display: flex;
    justify-content: flex-end;
    text-align: center;
}

.menu-telefono i {
    font-size: 40px;
    margin-right: 5%;
    line-height: 84px;
    float: left;
}

.menu-telefono span {
    height: 84px;
    line-height: 84px;
    float: left;
}

.menu-what {
    display: flex;
    justify-content: flex-end;
    text-align: center;
}

.menu-what i {
    font-size: 40px;
    margin-right: 5%;
    line-height: 84px;
    float: left;
}

.menu-what span {
    height: 84px;
    line-height: 84px;
    float: left;
}

.caja-menu-dos {
    width: 100%;
    display: grid;
    grid-template-columns: 55% 45%;
    height: 70px;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 5px;
    overflow: hidden;
}

.menu-ul {
    display: grid;
    width: 100%;
    list-style: none;
    grid-template-columns: repeat(7, 1fr);
    font-weight: 700;
}

.menu-ul a {
    width: 100%;
    float: left;
    text-decoration: none;
    color: #242952;
}

.caja-asesoria {
    display: grid;
    width: 100%;
    height: 70px;
    justify-content: end;
}


.contenedor-asesoria {
    background: rgba(255, 255, 255, 0.3);
    background: #88c007;
    color: #fff;
    border-radius: 0;
    position: relative;
    display: inline-block;
    width: 250px;
    z-index: 0;
    text-align: center;
    border: 1px solid transparent;
}


.contenedor-asesoria::before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -20px;
    width: 100px;
    background: #88c007;
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    z-index: -1;
    content: '';
}


.caja-asesoria a {
    width: 100%;
    height: 70px;
    float: left;
    line-height: 70px;
    background-color: #88c007;
    text-align: center;
    text-decoration: none;
    color: white;
    font-size: 18px;
}


.menu-ul li {
    font-size: 15px;
    line-height: 70px;
    height: 70px;
    text-align: center;
    color: #242952;
}

.img-logo {
    width: 275px;
}

.contenedor-flecha {
    width: 100%;
    float: left;
}

.flecha-indicar {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: white;
    font-size: 25px;
    border-radius: 50%;
    background-color: #88c007;
    position: relative;
    top: 50%;
    margin: auto;
    margin-top: -5%;
    cursor: pointer;
}

.contenedor-medida {
    width: 100%;
    height: auto;
    float: left;
}

footer {
    width: 100%;
    height: auto;
    float: left;
    background-color: #56820D;
}

.contenedor-icono-menu {
    display: none;
}

.contenedor-cotenido-footer {
    width: 100%;
    display: grid;
    /*grid-template-columns: repeat(4, 1fr);*/
    grid-template-columns: 30% 20% 20% 30%;
    height: auto;
    padding: 5% 0px;
}

.cotenido-footer {
    width: 92%;
    height: auto;
    color: white;
    padding: 4%;
}

.img-footer {
    width: 250px;
    margin-bottom: 5%;
}

.cotenido-footer h3 {
    margin-bottom: 5%;
}

.cotenido-footer li {
    list-style: none;
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
}

.cotenido-footer li a {
    color: white;
    text-decoration: none;
}

.letras-footer {
    width: 100%;
    text-align: left;
    height: auto;
    color: white;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding: 2% 0px;
    float: left;
    font-family: 'Roboto', sans-serif;
}

.letras-footer1 {
    width: 50%;
    float: left;
}

.letras-footer2 {
    width: 50%;
    float: right;
}

.letras-footer2 ul {
    width: 100%;
    list-style: none;
    display: inline-flex;
    justify-content: flex-end;
    text-align: center;
}

.letras-footer2 ul li {
    width: auto;
    display: inline-flex;
    padding: 0px 2%;
}

.letras-footer2 a {
    width: 100%;
    text-decoration: none;
    color: white;
    font-size: 14px;
    float: left;
}

.letras-footer2-li {
    width: 100%;
    text-decoration: none;
    color: white;
    font-size: 14px;
    float: left;
}

.li-support {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.letras-horario {
    margin-bottom: 5%;
}

.icono-horario {
    margin-right: 2%;
    color: #242952;
    font-size: 19px;
}


.footer-redes {
    width: 100%;
    text-align: left;
    padding: 8% 0px;
    padding-bottom: 0px;
}

.footer-redes a {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0px 2%;
    color: white;
    background-color: rgba(0, 0, 0, .09);
    border-radius: 50%;
    text-align: center;
}

.footer-redes a i {
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}

.footer-redes-a-icono {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0px 2%;
    color: white;
    background-color: rgba(0, 0, 0, .09);
    border-radius: 50%;
    text-align: center;
}

.footer-redes-a-icono i {
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}

.contenedor-secciones {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    height: auto;
    margin: 4% 0px;
    margin-top: 0px;
}

.seccion1 {
    width: 100%;
    height: auto;
}

.seccion1-img {
    background-color: rgba(136, 192, 7, .7);
    border-radius: 5px;
}

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

.seccion2 {
    width: 90%;
    padding: 5%;
    padding-top: 0px;

}

.contenedor-seccion2 {
    width: 100%;
    display: grid;
    row-gap: 10px;
    grid-template-columns: repeat(1, 1fr);
}


.contenedor-portada-texto-img {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.portada-texto {
    width: 100%;
    margin-top: 40%;
    padding: 2%;
    color: #242952;
}

.portada-img {
    width: 100%;
}

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

.seccion2 h2 {
    font-size: 40px;
    color: #242952;
}

.seccion2-p {
    color: #56820D;
    font-weight: 700;
    font-size: 16px;
}

.caja-icono-texto {
    width: 96%;
    display: grid;
    grid-template-columns: 15% 85%;
    background-color: rgba(0, 0, 0, .03);
    border-radius: 5px;
    padding: 2%;
}

.caja-icono-texto div {
    width: 100%;
}

.seccion2-texto {
    padding: 4% 0%;
}

.seccion2-texto h3 {
    color: #242952;
    margin-bottom: 2%;
}

.seccion2-img img {
    display: block;
    margin: auto;
    width: 60px;
    height: auto;
}

#inicio .menu {
    background-color: #ededed;
}

.caja-toefl {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 180px;
    /*background-color: rgba(0, 76, 142, .4);*/
    background-color: #f6f7f9;
}

.paginas-cursos .menu {
    padding-bottom: 2%;
    background-color: white;
    position: fixed;
    z-index: 7;
}

.contenedor-cajas-paginas {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


.contenedor-cajas-paginas img {
    max-width: 394px;
    width: 100%;
    height: auto;
    float: right;
}

.caja-texto-paginas {
    width: 100%;
    margin-top: 2%;
}

.btn-contacto {
    background-color: #044b8c;
    margin-top: 0px;
}

.btn-ielts {
    background-color: #d3042e;
}

.btn-gmat {
    background-color: #0085ad;
}

.btn-gre {
    background-color: #620f53;
}

.btn-sat {
    background-color: #ff7f00;
}

.btn-duolingo {
    background-color: #ec8303;
}

.h2-texto-duolingo {
    margin-top: 5%;
    color: #669B0D;
}

.parrafo-texto-pagina {
    margin: 4% 0px;
}

.caja-texto-paginas h1 {
    font-size: 65px;
    color: #242952;
}

.seccion-curso {
    width: 100%;
    padding: 4% 0px;
    height: auto;
    background-color: white;
    float: left;
}

.seccion-curso h1 {
    color: #242952;
    text-align: center;
}

.seccion-curso .texto-h2 {
    color: #242952;
    text-align: center;
    font-size: 32px;
}

.cajas-seccion-uno {
    width: 100%;
    margin: 4% 0px;
    margin-bottom: 0px;
    height: auto;
    display: grid;
    gap: 4%;
    grid-template-columns: repeat(4, 1fr);
}

.cajas-seccion-gmat {
    width: 72%;
    margin: auto;
    margin-top: 4%;
    grid-template-columns: repeat(3, 1fr);
}

.cajas-seccion-toeic2 {
    width: 72%;
    margin: auto;
    margin-top: 4%;
    grid-template-columns: repeat(2, 1fr);
}

.cajas-seccion-toeic {
    grid-template-columns: repeat(3, 1fr);
}

.cajas-seccion-sat {
    grid-template-columns: repeat(5, 1fr);
    gap: 1%;

}

.caja-seccion-uno {
    padding: 10%;
    height: auto;
    background-color: rgba(0, 0, 0, .03);
    border-radius: 5px;
}

.caja-seccion-uno h2 {
    width: 100%;
    float: left;
    color: #242952;
    margin-bottom: 7%;
    margin-top: 7%;
    text-align: center;
}

.caja-seccion-uno p {
    text-align: center;
}

.caja-contenedor-check-gmat {
    margin-top: 5%;
}

.caja-check-gmat {
    width: 100%;
    float: left;
    margin: 1% 0px;
}

.caja-check-gmat i {
    float: left;
    margin-right: 2%;
    font-size: 20px;
    color: #56820D;
}

.caja-datos-dos .caja-check-gmat p {
    width: 90%;
    float: left;
    margin: 0px;
}

.caja-check-gmat span {
    width: 90%;
    float: left;
    font-family: 'Roboto', sans-serif;
}

.contenedor-icono-seccion {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.icono-seccion-curso {
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 50%;
    background-color: #669B0D;
}

.icono-seccion-curso img {
    display: block;
    width: 80%;
    height: auto;
    margin: 10%;
}

#pagina-ielts .icono-seccion-curso {
    background-color: #d3042e;
}

.letra-toefl {
    color: #044b8c;
}

.letra-ielts {
    color: #d3042e;
}

.letra-toeic {
    color: #88c007;
}

.letra-gmat {
    color: #0085ad;
}

.letra-gre {
    color: #620f53;
}

.letra-sat {
    color: #ff7f00;
}

.datos-toefl {
    width: 100%;
    float: left;
    padding: 4% 0px;
    background-color: #f6f7f9;
}

.caja-datos-toefl {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: dense;
}


.caja-datos-dos {
    padding: 0px 4%;
}

.caja-datos-dos h2 {
    color: #242952;
    font-size: 40px;
    text-align: center;
}

.caja-datos-dos p {
    margin: 4% 0px;
    line-height: 25px;
}

.caja-datos-uno img {
    width: 90%;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 5%;
}

.caja-form-asesoria {
    width: 100%;
    height: auto;
    float: left;
    padding: 4% 0px;
    margin-top: 180px;
}

.contenedor-form-asesoria {
    width: 100%;
    display: grid;
    grid-template-columns: 60% 40%;
}

.caja-form {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    overflow: hidden;
}

.contenedor-caja-form {
    width: 80%;
    padding: 10%;
    float: left;
}

.caja-p-form {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.caja-letras-formulario {
    width: 80%;
    float: left;
    padding: 5% 10%;
    color: white;
    text-align: center;
}

.caja-letras-formulario::before {
    height: 820px;
    content: "";
    border-radius: 50%;
    bottom: 0px;
    right: auto;
    width: 820px;
    z-index: -1;
    position: absolute;
    left: calc(50% - 410px);
    left: -webkit-calc(50% - 410px);
    background-color: #242952;
}

.caja-letra-form {
    width: 90%;
}

.caja-letra-form h1 {
    font-size: 40px;
    color: #242952;
}

.caja-letra-form h2 {
    padding: 2% 0px;
    color: #88c007;
}

.caja-letra-form p {
    font-size: 18px;
}

.formulario-asesoria div {
    margin-bottom: 3%;
}

.formulario-asesoria div span {
    font-size: 16px;
    margin-left: 0px;
    color: red;
    visibility: hidden;
    margin-top: 2%;
    width: 100%;
    display: block;
    font-weight: 900;
}

#mensaje-hora {
    font-size: 16px;
    margin-left: 0px;
    color: red;
    margin-top: 2%;
    width: 100%;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    visibility: hidden;
}

.formulario-asesoria span {
    font-family: 'Roboto', sans-serif;
}

.input-asesoria {
    width: 92%;
    height: 50px;
    padding: 0% 4%;
    font-family: 'Roboto', sans-serif;
    border: 1px solid rgba(0, 0, 0, .2);
    font-size: 15px;
    border-radius: 5px;
}

.caja-form .btn-cita {
    width: 100%;
    height: 45px;
}

#asesoria .btn-cita {
    line-height: unset;
}

.caja-select-asesoria .input-asesoria {
    width: 100%;
}

#div-especificar {
    display: none;
}

.caja-creditos {
    height: auto;
}

.caja-credito {
    width: 100%;
    text-align: center;
    padding: 10% 0%;
}

.caja-credito h1 {
    font-size: 70px;
    color: #242952;
}

.caja-credito p {
    width: 100%;
    float: left;
    padding: 1% 0px;
}

.caja-credito p span {
    font-size: 35px;
    margin: 1% 0px;
    display: block;
    color: #242952;
}

.caja-creditos-uno {
    width: 100%;
    padding: 2% 0px;
    float: left;
    margin-top: 180px;
}

.caja-creditos-uno h3 {
    margin-bottom: 2%;
    color: #242952;
}

.caja-creditos-uno div {
    margin-bottom: 1%;
    font-family: 'Roboto', sans-serif;
}

.caja-creditos-uno div a {
    text-decoration: none;
    color: black;
}

.caja-about {
    width: 100%;
    height: auto;
    float: left;
    background-color: #ededed;
    text-align: center;
    padding: 4% 0px;
    margin-top: 180px;
}

.contenedor-cajas-about {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
}

.div-caja-about {
    width: auto;
    background-color: white;
    padding: 10%;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .1);
}

.titulo-seccion-about {
    margin-bottom: 2.5%;
    color: #242952;
}


.caja-about-icono {
    width: 120px;
    height: 120px;
    background-color: #88c007;
    margin: auto;
    border-radius: 50%;
    display: grid;
    justify-content: center;
    align-items: center;
}


.div-caja-about h2 {
    margin: 8% 0px;
    color: #242952;
}

.caja-datos-asesoria {
    width: 100%;
    height: auto;
    padding: 5% 0px
}

.caja-elemento-asesoria {
    display: grid;
    grid-template-columns: 15% 75%;
    margin-bottom: 5%;
    padding: 1% 0px;
    margin-left: 2%;
}

.caja-elemento-asesoria:last-child {
    margin-bottom: 0%;
}

.caja-elemento-asesoria i {
    width: 70px;
    height: 70px;
    font-size: 30px;
    text-align: center;
    line-height: 70px;
    border: 2px solid #88c007;
    border-radius: 50%;
    color: #88c007;
}

.caja-elemento-asesoria h2 {
    color: #242952;
}

.lista-creditos {
    margin-left: 2%;
}

.lista-creditos li {
    margin-bottom: 1%;
}

.titulo-creditos {
    text-align: center;
    font-size: 40px;
    margin-bottom: 2%;
}


#curso-toefl .contenedor-cajas-paginas {
    grid-template-columns: 60% 40%;
}

#curso-toefl .contenedor-cajas-paginas img {
    width: 394px;
    height: 358px;
}

#curso-toefl .parrafo-texto-pagina {
    margin: 3% 0px;
}

.preparacion-toefl {
    display: flex;
}

.caja2-curso-toefl {
    background-color: #f6f7f9;
}

.caja2-medida-img-texto {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 8% 0px;
    padding-bottom: 0px;
}

.caja3-medida-img-texto {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.caja3-curso-texto {
    background-color: white;
    padding: 8%;
    border-radius: 5px;
}

.caja3-curso-texto h2 {
    margin-bottom: 5%;
    font-size: 35px;
    color: #669B0D;
}

.caja2-curso-toefl h2 {
    font-size: 35px;
    color: #669B0D;
    margin-bottom: 5%;
}

.caja2-curso-toefl img {
    width: auto;
    display: block;
}

.caja3-curso-toefl {
    width: 100%;
    float: left;
    background-color: #88c007;
    padding: 4% 0px;
}

.caja2-curso-img img {
    display: block;
    margin: auto;
    height: auto;
}

.caja3-curso-img img {
    display: block;
    margin: auto;
    height: auto;
}

.caja-curso-toefl {
    width: 100%;
    float: left;
    background-color: white;
}

.caja1-medida-img-texto {
    display: grid;
    padding: 8% 0px;
    padding-bottom: 0px;
    grid-template-columns: repeat(2, 1fr);
}

.caja1-medida-img-texto h2 {
    font-size: 35px;
    margin-bottom: 5%;
    color: #242952;
}

.caja1-curso-img img {
    width: 80%;
    height: auto;
    display: block;
    float: right;
}

.color-in {
    color: #56820D;
}

.letras-section-inicio {
    width: 100%;
    float: left;
    padding: 4% 0px;
    text-align: center;
}

.letras-section-inicio h2 {
    font-size: 40px;
    color: #242952;
}

.contenedor-secciones-uno {
    margin-bottom: 4%;
}

#pagina-ielts .caja3-curso-toefl {
    background-color: #d3042e;
}

#pagina-ielts .caja3-curso-texto h2 {
    color: #d3042e;
}

#pagina-ielts .caja2-curso-toefl h2 {
    color: #d3042e;
}

#pagina-ielts .btn-cita {
    background-color: #d3042e;
}

.caja-ielts-tema {
    width: 100%;
    float: left;
    background-color: white;
    padding: 4% 0px;
    text-align: center;
}

.caja-ielts-tema h2 {
    margin-bottom: 2.5%;
    color: #242952;
    font-size: 35px;
}

#pagina-ielts .caja2-curso-img img {
    margin-top: 5%;
}


.seccion-curso-duolingo .cajas-seccion-uno {
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
}

.seccion-curso-duolingo-2 .cajas-seccion-uno {
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
}

.caja-colo-blanco {
    background-color: white;
}

.caja-duolingo-1 {
    width: 100%;
    float: left;
}

.caja-duolingo-1 .caja2-medida-img-texto {
    padding-top: 0px;
}

.caja-2-duolingo .caja2-medida-img-texto {
    padding-top: 8%;
    padding-bottom: 8%;
}

.caja-color-fondo {
    background-color: rgba(0, 0, 0, .03);
}

#pagina-duolingo .icono-seccion-curso {
    background-color: #ec8303;
}

.caja-h1-duolingo {
    width: 80%;
    margin: auto;
}

.caja-h1-duolingo-p {
    font-family: 'Raleway', sans-serif;
}

.duolingo-preguntas-extras {
    width: 100%;
    height: auto;
    float: left;
    background-color: white;
}

.contenedor-preguntas-extras {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 6%;
    margin-bottom: 6%;
}

.caja-c-preguntas-extras {
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.enlace-texto {
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    color: black;
}

#pagina-duolingo .caja-datos-dos h2 {
    font-size: 35px;
    text-align: left;
    margin-top: 5%;
}

.color-duolingo {
    background-color: #ec8303;
}

.caja3-curso-texto .texto-naranja {
    color: #ec8303;
}

.quitar-m-top {
    margin-top: 0px;
    margin-bottom: 2%;
}

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

.caja-contenedor-seguir {
    width: 100%;
    height: auto;
    margin-top: 10%;
    margin-bottom: 5%;
    float: left;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.caja-paso-2 {
    height: auto;
    padding: 5%;
    border-left: 4px solid #56820D;
    padding-top: 0px;
    position: relative;
}

.circulo-pasos {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    position: absolute;
    left: -17px;
    top: -1%;
    background-color: #56820D;
    border: 5px solid white;
    outline: 3px solid #56820D;
}



.ultimo-caja-paso-2 {
    border-left: 4px solid white;
}

.caja-general-paso .ultimo-p-paso {
    margin-bottom: unset;
}

.caja-paso-1 {
    height: auto;
    /*border: 4px solid #669B0D;*/
    padding: 5%;
    text-align: right;
    padding-top: 0px;
}


.titulo-paso-seguir {
    margin-bottom: 5%;
    font-size: 35px;
    color: #242952;
}


.caja-paso-1 img {
    max-width: 350px;
    width: 100%;
    display: block;
    float: right;
}

.caja-paso-2 img {
    max-width: 350px;
    width: 100%;
    display: block;
    float: left;
}

.caja-general-paso img {
    margin-top: -15%;
}

.caja-general-paso p {
    margin-bottom: 30%;
}

.caja-general-paso .titulo-paso-seguir {
    margin-top: -5%;
}

.caja-contenedor-asesoria-2 {
    width: 100%;
    height: auto;
    float: left;
    background-color: #56820D;
}

.caja-contenido-asesoria-2 {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.caja-contenido-a-1 {
    height: auto;
}

.caja-contenido-a-2 {
    height: auto;
    padding: 5%;
    color: white;
}

.caja-contenido-a-2 h3 {
    font-size: 35px;
    margin-bottom: 5%;
}

.asesoria-img-5 {
    max-width: 500px;
    width: 100%;
    display: block;
}

.caja-form-asesoria-2 {
    width: 100%;
    float: left;
    margin-bottom: 5%;
}

.caja-form-asesoria-2 .caja-form {
    width: 90%;
    margin: auto;
    margin-top: 0px;
}

.h3-asesoria-2 {
    font-size: 35px;
    color: #242952;
    text-align: center;
    margin-bottom: 5%;
    font-family: 'Raleway', sans-serif;
}

.pagina-asesoria-2 .caja-form-asesoria {
    padding: 0px;
}

.caja-asesoria-img-6 img {
    width: 85%;
    display: block;
}

.caja-general-paso .espacio-texto-paso {
    margin-bottom: 40%;
}

.caja-horario {
    width: 100%;
    height: auto;
}

.contenedor-calendario-asesoria {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.datapicker-estilos .table-condensed {
    width: 100%;
}

.datapicker-estilos {
    margin-bottom: 5%;
}

.datapicker-estilos .datepicker-inline {
    width: 98%;
    border: 1px solid rgba(0, 0, 0, .2);
}

.caja-horario {
    font-family: 'Roboto', sans-serif;
}

.caja-horario th {
    font-family: "Helvetica Neue", sans-serif;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: none;
}

.datepicker th {
    height: 40px;
}

.datapicker-estilos tbody tr {
    height: 45px;
}

.contenedor-caja-horarios {
    width: 100%;
    float: left;
    margin-top: 4%;
}

.contenedor-caja-horarios .option-horas {
    height: 40px;
}

.option-horas-libre {
    cursor: pointer;
}

.contenedor-caja-horarios .cajas-hora {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1em;
}

.pagina-asesoria-2 .btn-cita {
    height: 50px;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn.disabled,
.btn:disabled {
    opacity: .65;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, .5);
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-pagina-asesoria {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 900;
    font-family: 'Raleway', sans-serif;
}

.span-texto-portada {
    font-weight: 900;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    width: 100%;
    float: left;
}

.texto-ventajas-sat {
    width: 90%;
    margin: auto;
    display: block;
    text-align: center;
    margin-top: 5%;
}

.caja-h2-sat {
    width: 90%;
    color: #242952;
    margin: auto;
    margin-top: 5%;
    text-align: center;
}

.caja-sat-botom {
    padding-bottom: 5%;
}

.caja2-curso-toefl .h2-letra-sat {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 5%;
}

.texto-cajas-gmat {
    width: 90%;
    margin: auto;
    margin-top: 2.5%;
    text-align: center;
}

.cajas-seccion-tres-gmat {
    grid-template-columns: repeat(3, 1fr);
}

.color-gmat {
    background-color: #0085ad;
}

.caja3-curso-texto .texto-color-gmat {
    color: #0085ad;
}

.pagina-gmat .icono-seccion-curso {
    background-color: #0085ad;
}

.color-gre {
    background-color: #620f53;
}

.caja3-curso-texto .texto-color-gre {
    color: #620f53;
}

.pagina-gre .icono-seccion-curso {
    background-color: #620f53;
}

.caja-escribenos-whatsapp {
    width: auto;
    height: auto;
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 7;
    display: block;
}

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

.telefono {
    background-color: #28A745;
    float: right;
    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);
}

.p-titulo-footer {
    font-weight: 900;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 5%;
    font-size: 1.17em;
}

.menu_what_telefono {
    color: #242952;
    text-decoration: none;
}

#curso-toefl .texto_resaltar_banner {
    font-size: 22px;
    font-weight: 700;
}

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

    .img-portada {
        width: 70%;
        float: right;
        display: block;
    }

    .portada-texto {
        margin-top: 5%;
    }

    .flecha-indicar {
        margin-top: -11%;
    }

}


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

    #pagina-ielts .caja3-curso-toefl {
        background-color: unset;
    }

    .cajas-seccion-uno {
        grid-template-columns: repeat(2, 1fr);
    }

    .btn-contacto {
        display: none;
    }
}


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

    .portada-parrafo h1{
        font-size: 19px;
    }

    .caja-escribenos-whatsapp {
        display: block;
    }


    .h3-asesoria-2 {
        font-size: 25px;
    }

    .cajas-seccion-gmat {
        width: 100%;
    }


    .contenedor-calendario-asesoria {
        grid-template-columns: repeat(1, 1fr);
    }

    .contenedor-caja-horarios .cajas-hora {
        grid-template-columns: repeat(2, 1fr);
    }

    .contenedor-caja-horarios {
        margin-bottom: 5%;
    }

    .caja-general-paso .espacio-texto-paso {
        margin-bottom: 0px;
    }

    .caja-general-paso p {
        margin-bottom: 0px;
        text-align: justify;
        color: black;
    }

    .caja-general-paso .titulo-paso-seguir {
        margin-top: 0px;
    }

    .caja-asesoria-img-6 img {
        width: 100%;
    }

    .caja-contenido-asesoria-2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .caja-contenedor-seguir {
        grid-template-columns: repeat(1, 1fr);
    }

    .caja-general-paso img {
        margin-top: 0px;
    }

    .caja-paso-2 {
        border-left: none;
    }

    .caja-paso-1 {
        text-align: left;
    }

    .circulo-pasos {
        display: none;
    }

    .caja-contenido-a-2 h3 {
        text-align: center;
    }

    .caja-contenido-a-2 p {
        text-align: justify;
        font-size: 18px;
    }

    .caja-contenido-asesoria-2 .caja-contenido-a-1:nth-of-type(1) {
        order: 2;
    }

    .caja-contenedor-seguir .caja-general-paso:nth-of-type(1) {
        order: 2;
    }

    .caja-contenedor-seguir .caja-general-paso:nth-of-type(2) {
        order: 1;
    }

    .caja-contenedor-seguir .caja-general-paso:nth-of-type(3) {
        order: 3;
    }

    .caja-contenedor-seguir .caja-general-paso:nth-of-type(4) {
        order: 4;
    }

    .caja-contenedor-seguir .caja-general-paso:nth-of-type(5) {
        order: 6;
    }

    .caja-contenedor-seguir .caja-general-paso:nth-of-type(6) {
        order: 5;
    }

    .caja-contenedor-seguir .caja-general-paso:nth-of-type(7) {
        order: 7;
    }

    .caja-contenedor-seguir .caja-general-paso:nth-of-type(8) {
        order: 8;
    }

    .caja-general-paso .titulo-paso-seguir {
        text-align: center;
    }

    .pagina-asesoria-2 .caja-form-asesoria-2 {
        padding: 2.5%;
        width: 95%;
    }

    .pagina-asesoria-2 .caja-form-asesoria-2 .caja-form {
        width: 100%;
    }

    .caja-contenido-a-1 img {
        width: 90%;
    }

    .pagina-asesoria-2 .caja-letra-form p {
        text-align: justify;
    }

    .seccion-curso-duolingo .cajas-seccion-uno {
        grid-template-columns: repeat(1, 1fr);
        gap: 1em;
    }

    #pagina-duolingo .caja-datos-dos h2 {
        text-align: center;
    }

    .seccion-curso-duolingo-2 .cajas-seccion-uno {
        grid-template-columns: repeat(1, 1fr);
        gap: 1em;
    }

    .caja-creditos-uno {
        width: 96%;
        padding: 2%;
        margin-top: 68px;
    }

    .lista-creditos {
        width: auto;
        float: left;
    }

    .lista-creditos li {
        margin-left: 5%;
    }

    .caja-letra-form h1 {
        text-align: center;
    }

    .caja-letra-form h2 {
        text-align: center;
    }

    .caja-letra-form p {
        text-align: left;
    }

    .caja-letra-form {
        margin: auto;
    }

    .caja-elemento-asesoria {
        grid-template-columns: 100%;
        justify-content: center;
        align-items: center;
        align-content: center;
        justify-items: center;
        gap: 5%;
    }

    .caja-form {
        width: 90%;
        margin: auto;
    }

    .contenedor-secciones .seccion1:nth-of-type(1) {
        order: 2;
    }

    .contenedor-portada-texto-img {
        grid-template-columns: 100%;
    }

    .img-logo {
        height: auto;
    }

    .img-footer {
        height: auto;
    }

    .caja-datos-uno img {
        height: auto;
    }

    .icono-seccion-curso img {
        width: 80%;
        height: auto;
    }

    .caja-tema-letras {
        width: 92%;
        padding: 4%;
        text-align: justify;
    }

    .caja-ielts-tema h2 {
        text-align: center;
    }

    .caja-ielts-tema p {
        text-align: justify;
    }

    .caja-datos-dos p {
        text-align: justify;
    }

    .caja1-medida-img-texto {
        width: 92%;
        padding: 4%;
        padding-bottom: 0px;
    }

    .caja1-medida-img-texto h2 {
        text-align: center;
    }

    .caja1-curso-img p {
        text-align: justify;
    }

    .caja2-curso-img p {
        text-align: justify;
    }

    .caja3-curso-texto p {
        text-align: justify;
    }

    .caja1-curso-img img {
        width: 100%;
        height: auto;
        margin-top: 5%;
    }

    .caja1-medida-img-texto {
        grid-template-columns: 100%;
    }

    .caja2-medida-img-texto {
        grid-template-columns: 100%;
        width: 92%;
        padding: 4%;
        padding-bottom: 0px;
    }

    .letra-en {
        display: flex;
        justify-content: center;
    }

    .caja2-medida-img-texto div:nth-of-type(1) {
        order: 2;
    }

    .caja3-medida-img-texto {
        grid-template-columns: 100%;
        width: 92%;
        padding: 4%;
    }

    .caja3-curso-texto {
        padding: 0px;
    }

    .caja2-curso-toefl img {
        width: 100%;
        height: auto;
    }

    .caja2-curso-toefl h2 {
        text-align: center;
    }

    .caja3-curso-img img {
        width: 90%;
        height: auto;
        margin: auto;
        margin-top: 5%;
    }

    .caja3-curso-texto h2 {
        text-align: center;
    }

    .caja3-curso-toefl {
        background-color: unset;
        padding: 0px;
    }

    #curso-toefl .preparacion-toefl {
        display: unset;
    }

    #curso-toefl .contenedor-cajas-paginas {
        grid-template-columns: 100%;
    }


    .caja-form-asesoria {
        margin-top: 123px;
    }

    .caja-letra-form h1 {
        font-size: 30px;
    }

    .contenedor-secciones {
        grid-template-columns: repeat(1, 1fr);
    }

    .seccion1 img {
        width: 100%;
    }

    #inicio .portada-titulo {
        display: none;
    }

    .contenedor-form-asesoria {
        grid-template-columns: 100%;
    }

    .contenedor-cotenido-footer {
        grid-template-columns: repeat(1, 1fr);
    }

    .portada-titulo {
        font-size: 30px;
    }

    .caja-icono-texto {
        width: 90%;
        padding: 5%;
        grid-template-columns: repeat(1, 1fr);
    }

    .contenedor-cajas-paginas {
        /*grid-template-columns: repeat(2, 1fr);*/
        grid-template-columns: 100%;
    }

    .caja-texto-paginas h1 {
        width: 90%;
        font-size: 40px;
        margin: 0px 5%;
        text-align: center;
    }

    .h2-texto-duolingo {
        text-align: center;
    }

    .caja-texto-paginas .btn-cita {
        display: none;
    }

    #curso-toefl .contenedor-cajas-paginas img {
        width: 100%;
        height: auto;
        float: unset;
        display: block;
        margin: auto;
    }


    .contenedor-cajas-paginas img {
        width: 100%;
        height: auto;
        float: unset;
        display: block;
        margin: auto;
    }

    .parrafo-texto-pagina {
        margin: 4%;
        text-align: center;
    }

    .seccion2-texto h3 {
        text-align: center;
    }

    .seccion2-texto p {
        width: 100%;
        float: left;
        text-align: justify;
    }

    footer {
        text-align: center;
    }

    .footer-redes {
        text-align: center;
    }

    .letras-footer1 {
        width: 100%;
        text-align: center;
    }

    .letras-footer2 {
        width: 100%;
    }

    .letras-footer2 ul {
        justify-content: center;
    }

    .cajas-seccion-uno {
        grid-template-columns: repeat(1, 1fr);
        gap: unset;
    }

    .caja-seccion-uno {
        padding: unset;
        padding: 5%;
        margin: 5%;
    }

    .caja-datos-toefl {
        grid-template-columns: repeat(1, 1fr);
    }

    .caja-datos-toefl .caja-datos-uno:nth-of-type(1) {
        order: 2;
    }

    .menu {
        position: relative;
    }

    .portada-parrafo {
        font-size: 19px;
    }

    .flecha-indicar {
        display: none;
    }

    .caja-menu-dos {
        display: none;
    }

    .menu-telefono {
        display: none;
    }

    .menu-what {
        display: block;
        width: 100%;
        float: left;
        text-align: center;
        border-top: 1px solid rgba(0, 0, 0, .1);
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 2% 0px;
    }

    .menu-what i {
        line-height: unset;
        font-size: 20px;
        float: unset;
        margin-right: 2%;
    }

    .menu-what span {
        height: auto;
        line-height: unset;
        float: unset;
        font-size: 20px;
    }

    .caja-menu-uno {
        grid-template-columns: 100% 0%;
    }

    .menu-redes {
        display: none;
    }

    .img-logo {
        width: 200px;
        margin-left: 4%;
        float: left;
    }

    .contenedor-icono-menu {
        width: 50px;
        height: auto;
        float: right;
    }

    .contenedor-icono-menu {
        display: block;
    }

    .caja-menu-uno .icono-menu {
        display: block;
        font-size: 30px;
        text-align: center;
        line-height: 68px;
    }

    .caja-menu-uno .icono-cerrar {
        display: none;
        font-size: 30px;
        text-align: center;
        line-height: 68px;
    }

    .caja-menu-logo-btn a {
        width: 75%;
        height: 68px;
        float: left;
    }

    .menu {
        height: auto;
        position: fixed;
        z-index: 7;
        background-color: white;
    }

    .paginas-cursos .menu {
        padding-bottom: 0px;
    }

    #inicio .menu {
        background-color: white;
    }

    .caja-toefl {
        margin-top: 123px;
    }

    .caja-menu-dos {
        display: none;
        grid-template-columns: 100%;
        height: auto;
        border-radius: 0px;
    }


    .caja-portada {
        margin-top: 123px;
    }

    .menu-ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .caja-asesoria {
        justify-content: unset;
    }

    .contenedor-asesoria {
        width: 100%;
    }

    .menu-ul li {
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }

    .portada-texto {
        text-align: center;
        width: 96%;
        margin-top: 0px;
        position: relative;
    }

    .btn-cita {
        width: 100%;
    }

    .btn-boton {
        width: 100%;
    }

    .caja-menu-uno {
        height: auto;
        display: unset;
    }

    .caja-menu-uno .caja-menu-logo-btn {
        height: auto;
        line-height: unset;
    }


    .img-portada {
        margin: auto;
        float: unset;
    }

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

    .letras-sat-botom {
        margin-bottom: 5%;
    }

}