* {
    text-decoration: none !important;
    font-family: montserrat-medium;
}

@font-face {
    font-family: montserrat-medium;
    src: url(font/montserrat-medium.ttf);
}

@font-face {
    font-family: montserrat-extrabold;
    src: url(font/montserrat-extrabold.ttf);
}

@font-face {
    font-family: montserrat-semibold;
    src: url(font/montserrat-semibold.ttf);
}

@font-face {
    font-family: montserrat-bold;
    src: url(font/montserrat-bold.ttf);
}

/*Página Inicio*/
/*Navbar*/

.navbar-light {
    color: #462373 !important;
}

.bg-dark {
    background-color: #E7E1ED !important;
}

.navbar-brand img {
    width: 85px;
}

.text-bg-light {
    background-color: #a8ba8a !important;
}

.nav-link.active {
    background-color: #462373 !important;
    color: white !important;
}

.nav-link:hover {
    background-color: #462373 !important;
    color: white !important;
    font-weight: bold !important;
}

.offcanvas-body li a {
    color: rgb(31, 30, 30) !important;
}

a.nav-link {
    padding: 25px 20px !important;
}

.redes a {
    color: #462373;
    padding: 10px;
    font-size: x-large;
}

/*Inicio*/

.inicio {
    background-image: url(imagenes/inicio/background-inicio.jpg);
    background-repeat: no-repeat;
    background-size: cover;  
    background-position: center;
}

.inicio {
    color: #E7E1ED;
}

.inicio img {
    padding-top: 30px;
    padding-bottom: 30px;
}


h1 {
    color: white;
    font-family: montserrat-extrabold;
    font-size: 50px;
    margin-bottom: 30px;
}

.bienvenidos p {
    margin-bottom: 45px;
}

.bienvenidos a {
    background-color: #a8ba8a;
    color: #462373;
    border-radius: 25px;
    padding: 15px;
    font-family: montserrat-extrabold;
    margin-bottom: 10px;
}

.bienvenidos a i {
    font-size: x-large;
    padding-left: 15px;
    vertical-align: middle;
}


.bienvenidos a:hover {
    background-color: #d0e1b5;
}

/*Nuestras Clases*/

.nc {
    padding-bottom: 55px;
}

.clases h2 {
    color: #462373;
    font-family: montserrat-extrabold;
    padding: 20px;
    font-size: 40px;
}

.clases p {
    font-family: montserrat-semibold;
    font-size: larger;
}

.bordes {
    background-color: #d9d8dd;
    border-radius: 80px 80px;
    padding-bottom: 90px;
}

.bordes img {
    border-radius: 0px 80px;
}

.bordes h3 {
    color: #462373;
    padding: 10px;
    padding-top: 40px;
    font-family: montserrat-extrabold;
    font-size: 30px;
}

.bordes h5 {
    font-family: montserrat-extrabold;
    padding-bottom: 30px;
    font-size: 20px;
}

.bordes p {
    padding-left: 25px;
    padding-right: 25px;
}

.bordes a {
    background-color: #462373;
    color: white;
    border-radius: 25px;
    padding: 15px;
    font-family: montserrat-extrabold;
    font-size: large;
}

.bordes a:hover {
    background-color: #1f083c;
}

/*Comentarios*/

.comen {
    background-image: url(imagenes/inicio/comentarios.jpg);
    background-position: center;
    padding-bottom: 30px;
}

.comen h2 {
    color: white;
    font-family: montserrat-extrabold;
    font-size: 40px;
}

.owl-carousel img {
    border-radius: 20px;
    padding: 10px;
}

/*Conéctate con nosotras*/

.conectate {
    padding-top: 60px;
    padding-bottom: 60px;
}

.conectate h2 {
    color: #462373;
    font-family: montserrat-extrabold;
    font-size: 40px;
    padding-left: 80px;
}

.conectate p {
    padding-left: 80px;
    font-size: larger;
    font-family: montserrat-semibold;
}

.conectate ul {
    padding-left: 0;
    padding-right: 100px;
}

.conectate li {
    list-style: none;
    background-color: #462373;
    padding: 10px;
    border-radius: 25px;
    font-size:x-large;
    margin-bottom: 20px;
}

.conectate li a {
    color: white;
    font-family: montserrat-extrabold;
}

.conectate li:hover {
    background-color: #1f083c;
}

/*Footer*/
.footer {
    background-color: #462373;
    text-align: center !important;
    padding-bottom: 10px !important;
}

.footer h4 {
    color: #E7E1ED;
    font-size: large;
    padding-top: 20px !important;
    font-family: montserrat-semibold;
}

.sociales a {
    color: #E7E1ED;
    padding: 10px;
    font-size: xx-large;
    vertical-align: middle;
    padding-bottom: 30px !important;
}

/*Página Clases en línea*/

/*Clases en línea programas*/

.programas {
    background-image: url(imagenes/clases/Fondo_programas.jpg);
    background-repeat: no-repeat;
    background-size: cover;  
    background-position: center;
}

.programas h3 {
    color: white;
    font-family: montserrat-bold;
}

.clasesl img {
    border-radius: 0 80px;
    width: 350px;
    margin-bottom: 25px;
}

.clasesl h3 {
    background-color: #462373;
    padding: 5px;
    margin-left: 145px;
    margin-right: 145px;
}

.clasesl p {
    color: white;
    font-family: montserrat-semibold;
    margin-top: 25px;
    margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 55px;
}


/*Clases en línea nuestras clases*/
.metodo h2 {
    color: #462373;
    font-family: montserrat-extrabold;
    padding: 20px;
    font-size: 40px;
}

.metodo p {
    padding-left: 45px;
    padding-right: 45px;
    font-family: montserrat-semibold;
}

/*lectoescritura*/
.cl-lecto img {
    border-radius: 0 100px;
    width: 590px;
    padding-left: 30px;
}

.cl-escritura {
    padding-left: 30px;
}

.cl-escritura h4 {
    color: #462373;
    font-family: montserrat-extrabold;
    margin-bottom: 20px;
}

.cl-escritura p {
    font-size: medium;
    padding-bottom: 17px;
}

.cl-escritura a {
    background-color: #a8ba8a;
    color: #462373;
    font-family: montserrat-extrabold;
    padding: 8px;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 30px;
}

.cl-escritura a i {
    font-size: x-large;
    vertical-align: middle;
}

.cl-escritura a:hover {
    background-color: #d0e1b5;
}

/*Modal Lectoescritura*/
.m-lecto button {
    background-color: #a8ba8a;
    border-color: #a8ba8a;
    color: #462373;
    font-family: montserrat-extrabold;
    border-radius: 30px;
}

.m-lecto button:hover {
    background-color: #d0e1b5;
    border-color: #d0e1b5;
    color: #462373;
    font-family: montserrat-extrabold;
    border-radius: 30px;
}

.modal-header {
    background-color: #462373;
}

.modal-body {
    background-color: #D9D9DC;
}

.modal-body h5 {
    font-family: montserrat-extrabold;
    padding-left: 30px;
}

.modal-body li {
    list-style: none;
    padding-left: 30px;
}

.modal-body li p {
    padding-bottom: 5px;
    margin-bottom: 0;
}

.modal-footer {
    background-color: #462373;
    text-align: center;
}

.modal-footer a {
    background-color: #a8ba8a;
    border-color: #a8ba8a;
    color: #462373;
    font-family: montserrat-extrabold;
    border-radius: 30px;
    padding: 8px 20px;
}

.modal-body-ing {
    background-color: #D9D9DC;
}

.modal-body-ing h5 {
    font-family: montserrat-bold;
    padding-left: 30px;
    padding-bottom: 13px;
    padding-right: 13px;
}

.modal-body-ing li {
    list-style: none;
    padding-left: 30px;
    padding-right: 10px;
}


.modal-body-ing li p {
    padding-bottom: 5px;
    margin-bottom: 0;
}


/*matemáticas*/

.mate a {
    background-color: #a8ba8a;
    color: #462373;
    font-family: montserrat-extrabold;
    padding: 8px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 30px;
    margin-left: 10px;
}

.mate a i {
    font-size: larger;
    vertical-align: middle;
}

/*Página quienes somos*/

/*Nuestra Historia*/
.historia {
    background-image: url(imagenes/quienes/background-historia.jpg);
    background-repeat: no-repeat;
    background-size: cover;  
    background-position: center;
}

.historia img {
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 0 200px;
}

h1 {
    color: white;
    font-family: montserrat-extrabold;
    font-size: 50px;
    margin-bottom: 30px;
}

.nuestrah p {
    margin-bottom: 45px;
    color: white;
    font-family: montserrat-semibold;
}

.nuestrah a {
    background-color: #462373;
    color: white;
    border-radius: 25px;
    padding: 15px;
    font-family: montserrat-extrabold;
    margin-bottom: 10px;
}

.nuestrah a i {
    font-size: x-large;
    padding-left: 15px;
    vertical-align: middle;
}

.nuestrah a:hover {
    background-color: #1f083c;
}

/*Misión y Visión*/

.misión {
    padding-top: 100px;
    padding-bottom: 100px;
}

.mv {
    background-color: #d9d8dd;
    padding: 60px;
    margin-left: 30px;
    margin-right: 30px;
    border-radius: 30px;
}

.mv h2 {
    color: #462373;
    font-family: montserrat-extrabold;
    padding: 20px;
    font-size: 40px;
}

.mv p {
    font-size: large;
}

/*Valores*/
.val {
    background-image: url(imagenes/quienes/valores.jpg);
    background-repeat: no-repeat;
    background-size: cover;  
    background-position: center;
}

.val h2 {
    color: white;
    font-family: montserrat-extrabold;
    padding: 20px;
    font-size: 40px;
}

.val p {
    background-color: #E7E1ED;
    color: #462373;
    font-family: montserrat-bold;
    padding: 12px;
    border-radius: 15px;
    display: inline-block;
    font-size: larger;
    margin-left: 15px;
    margin-right: 15px;
}

/*Nuestras maestras*/
.nm h2 {
    color: #462373;
    font-family: montserrat-extrabold;
    padding: 20px;
    font-size: 40px;
}

.directora img {
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 0 130px;
}

.directora h3 {
    color: #462373;
    font-family: montserrat-extrabold;
    font-size: 30px;
    padding-bottom: 10px;
}

.directora h4 {
    background-color: #462373;
    color: white;
    font-family: montserrat-extrabold;
    font-size: 20px;
    padding: 15px;
    display: block;
    margin-right: 90px;
}
.directora h5 {
    font-family: montserrat-bold;
    font-size: large;
    padding-top: 5px;
    padding-bottom: 20px;
}

.maestra {
    padding-bottom: 70px;
    padding-top: 50px;
}

.maestra p {
    display: inline-block;
    background-color: #a29e9d;
    color: white;
    font-family: montserrat-bold;
    padding: 15px;
    border-radius: 10px;
    font-size: larger;
    margin-left: 10px;
    margin-right: 10px;
}

.maestra h3 {
    color: #462373;
    font-family: montserrat-extrabold;
    font-size: 30px;
    padding-bottom: 30px;
}

/*Página contacto*/

/*contáctanos*/

.contacto {
    background-image: url(imagenes/contacto/background-contacto.jpg);
    background-repeat: no-repeat;
    background-size: cover;  
    background-position: center;
}

.contactanos img {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    border-radius: 0 190px;
}

.contactanos h1 {
    color: white;
    font-family: montserrat-extrabold;
    font-size: 50px;
    margin-bottom: 30px;
}

.contactanos p {
    margin-bottom: 45px;
    font-size: larger;
    font-family: montserrat-semibold;
    color: white;
}

.contactanos a {
    background-color: #a8ba8a;
    color: #462373;
    border-radius: 25px;
    padding: 15px;
    font-family: montserrat-extrabold;
    margin-bottom: 10px;
}

.contactanos a i {
    font-size: x-large;
    padding-left: 15px;
    vertical-align: middle;
}


.contactanos a:hover {
    background-color: #d0e1b5;
}

/*Agenda entrevista*/


.section-heading .section-title {
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 50px;
    color: #462373;
    font-family: montserrat-extrabold;
    font-size: 40px;
    padding-top: 60px;
  }

/*Fortaleciendo*/
.fortaleciendo {
    background-image: url(imagenes/contacto/background-fortaleciendo.jpg);
    background-repeat: no-repeat;
    background-size: cover;  
    background-position: center;
}

.fortaleciendo img {
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 0 150px;
    width: 500px;
    margin-left: 70px;
}

.fortaleciendo h2 {
    color: white;
    font-size: 45px;
    font-family: montserrat-extrabold;
    margin-right: 70px;
}

/*Sección Horarios*/
.horario h2 {
    color: #462373;
    font-family: montserrat-extrabold;
    padding: 20px;
    font-size: 40px;
}

.horario p {
    font-size: large;
    padding-bottom: 10px;
    color: rgb(42, 40, 40);
}

.horario h4 {
    font-family: montserrat-extrabold;
}

.hora-cl h3 {
    background-color: #d9d8dd;
    font-family: montserrat-extrabold;
    text-align: center;
    font-size: x-large;
    padding: 10px;
    margin-bottom: 30px;
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 20px;
}

.hora-d {
    text-align: center;
    padding-left: 40px;
    margin-bottom: 40px;
}

.hora-d p {
    display: inline-block;
    width: 35%;
    text-align: left;
    font-family: montserrat-semibold;
    font-size: large;
}

.whats {
    padding-top: 110px;
}

.whats ul {
    padding-left: 10px;
    padding-right: 50px;
    
}

.whats li {
    list-style: none;
    background-color: #462373;
    padding: 10px;
    border-radius: 25px;
    font-size:x-large;
    margin-bottom: 20px;
}

.whats li a {
    color: white;
    font-family: montserrat-extrabold;
}

.whats li:hover {
    background-color: #1f083c;
}








/*Media queries*/
/*de 1 a 768px*/

@media (max-width:992px) {
    .bienvenidos {
        text-align: center;
    }

    .bienvenidos img {
        width: 500px;
        padding-bottom: 10px;
    }
}

@media (max-width:576px) {
    .bienvenidos {
        padding: 0;
    }

    h1 {
        font-size: xx-large;
    }

    .bienvenidos a {
        font-size: smaller;
    }
}

@media (max-width:1200px) {
    .nuestras {
        padding-left: 50px !important;
    }

    .bordes p {
        font-size: large;
        padding-left: 30px;
        padding-right: 30px;
    }
}

/*Media nuestras clases*/
@media (max-width:992px) {
    .nuestras {
        padding-left: 25px !important;
    }

    .ingle p {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width:576px) {
    .nuestras {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/*Media comentarios*/
@media (max-width:992px) {
    .conectate h2 {
        padding-left: 0;
        text-align: center;
    }
    
    .conectate p {
        text-align: center;
        font-size: large;
        padding-left: 0;
        font-family: montserrat-semibold;
        margin-bottom: 50px;
    }

    .conectate ul {
        padding-left: 70px;
        padding-right: 70px;
        text-align: center;
    }
}

@media (max-width:576px) {

    .conectate ul {
        padding-left: 10px;
        padding-right: 10px;
    }

    .conectate h2 {
        font-size: 35px;
    }

    .conectate li {
        font-size: larger;
    }

}

@media (max-width:576px) {

    .footer h4 {
        font-size: medium;
    }
}



/*Media Clases en línea*/
/*Media programas*/

@media (max-width:576px) {

    .clasesl h3 {      
        margin-left: 45px;
        margin-right: 45px;
    }

    .clasesl p {
        margin-left: 25px;
        margin-right: 25px;
    }

}

/*Media clases en linea nuestras clases*/
@media (max-width:992px) {
    .metodo p {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width:992px) {

    .cl-lecto {
        text-align: center;
        padding-bottom: 10px !important;
    }

    .cl-lecto img {
        width: 570px;
        padding-left: 0;
        padding-bottom: 10px !important;

    }
    
    .cl-escritura {
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
        padding-top: 0 !important;
        padding-bottom: 10px !important;

    }
    
    .cl-escritura h4 {
        margin-top: 30px;
    }

    .mate {
        order: 2;
    }

    .o-mate {
        order: 1;
    }

    .o-esp {
        order: 3;
    }

    .esp {
        order: 4;
    }

    .ing {
        order: 6;
    }
    
    .o-ing {
        order: 5;
    }

}

@media (max-width:768px) {
    .mate a {
        padding-right: 10px;
        padding-left: 10px;
        border-radius: 30px;
        margin-left: 7px;
    }

}

@media (max-width:435px) { 
    .mate a {
    margin: 20px;
    display: block;    
    }
}

@media (max-width:992px) { 
    .m-lecto button {
        text-align: center;
    }

    .modal-body {
        text-align: left;
    }

    .modal-body h5 {
        padding-left: 5px;
    }
    
    .modal-body ul {
        padding: 0;
    }
    .modal-body li {
        padding-left: 0;
    }

    .modal-body li p {
        padding-left: 15px;
    }

    .modal-body-ing {
        text-align: left;
    }
    .modal-body-ing li {
        padding-left: 0;
        padding-right: 0;
    }
}

/*Media página quienes somos*/
/*Nuestra historia*/

@media (max-width:992px) {
    .nuestrah {
        text-align: center;
    }

    .nuestrah img {
        width: 500px;
        padding-bottom: 10px;
    }
}

@media (max-width:768px) {
    h1 {
        font-size: xx-large;
    }
}

@media (max-width:576px) {
    .nuestrah {
        padding: 0;
    }

    .historia img {
        padding-top: 30px;
        padding-bottom: 10px;
        border-radius: 0 150px;
    }

    h1 {
        font-size: x-large;
    }

    .nuestrah a {
        font-size: smaller;
    }
}

/*Misión y Visión*/

@media (max-width:992px) {
    .misión {
    padding-left: 20px;
    padding-right: 20px;
    }

    .mv {
        margin-bottom: 40px;
        padding: 30px;
    } 
}

/*Nuestras Maestras*/

@media (max-width:992px) {
    .directora {
        text-align: center;
    }

    .directora img {
        width: 500px;
        padding-bottom: 10px;
    }

    .directora h4 {
        padding: 15px;
        display: block;
        margin-right: 70px;
        margin-left: 70px;
    }
}

@media (max-width:576px) {
    .directora h4 {
        margin-right: 0;
        margin-left: 0;
    }

    .maestra {
        padding-left: 45px;
        padding-right: 45px;
    }
}

/*Media contacto*/
/*Contáctanos*/

@media (max-width:992px) {
    .contactanos {
        text-align: center;
    }

    .contactanos img {
        width: 500px;
        padding-bottom: 10px;
        padding-left: 0;
    }
}


@media (max-width:576px) {
    .contactanos {
        padding: 0;
    }

    .contactanos img {
        padding-top: 30px;
        padding-bottom: 10px;
        border-radius: 0 150px;
    }

    .contactanos h1 {
        font-size: xx-large;
    }

    .contactanos a {
        font-size: medium;
    }
}


/*Fortaleciendo*/
@media (max-width:1200px) {
    .fortaleciendo img {
        margin-left: 20px;
    }
    
    .fortaleciendo h2 {      
        font-size: 40px;
        margin-right: 20px;
    }
 }

 @media (max-width:992px) {

    .fortaleciendo {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .fortaleciendo img {
        margin-left: 0;
    }
    
    .fortaleciendo h2 {      
        font-size: 40px;
        margin-right: 0;
    }
 }

 @media (max-width:576px) {
    .fortaleciendo img {
       width: 400px;
       border-radius: 0 100px;
       padding-left: 10px;
       padding-right: 10px;
    }
    
    .fortaleciendo h2 {      
        font-size: xx-large;
    }
 }

 /*horarios*/
@media (max-width:768px) {
     .horario {
        padding-left: 20px !important;
        padding-right: 20px !important;
     }
 }

@media (max-width:992px) {
    .hora-d {
        padding-left: 90px;
        margin-bottom: 20px;
    }

    .whats {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .whats ul {
        padding-left: 20px;
        padding-right: 20px;
    }
    
}

@media (max-width:768px) {
    .hora-d {
        padding-left: 50px;
    }
    
}

@media (max-width:576px) {
    .hora-d {
        padding-left: 15px;
    }

    .whats li {

        font-size:larger;
        margin-bottom: 20px;
    }
    
}