body {
    font-family: 'Montserrat', sans-serif;
}


h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #0f073f;

}

p {
    font-size: 14px;
    font-weight: 400;
}

li {
    font-size: 13px;
    font-weight: 400;
}



.bg-000 {
    background-color: #fff;
}

.bg-001 {
    background-color: #f1f2f6;
}

.bg-002 {
    background-color: #ffb400;
}

.bg-003 {
    background-color: #0f073f;
}

.bg-004 {
    background-color: #0d4b81;
}


.bg-006 {
    background-color: #ffedc1;
}




.bg-azul {
    background-color: #2389e2;
}

.bg-rojo {
    background-color: #ff0000;
}

.bg-nara {
    background-color: #ff9100;
}

.bg-amar {
    background-color: #ffd500;
}

.bg-cele {
    background-color: #00b9ff;
}

.bg-mora {
    background-color: #ab23ee;
}

.bg-verd {
    background-color: #22dc41;
}





.circle-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;

    vertical-align: middle;
    padding: 7px;
    color: #FFF;
}

.h-180 {
    height: 180px;
}

.h-250 {
    height: 250px;
}

.img-r {
    border-radius: 15px;
}


.bg-img-001 {
    background-image: url("../img/colegio-001.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 700px;
    background-color: #ffb400;
}





.bg-img-002 {
    background-image: url("../img/uclases-d-004.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.bg-img-003 {
    background-image: url("../img/uclases-d-005.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
}



.bg-img-004 {
    background-image: url("../img/uclases-d-011.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 400px;
}

.bg-img-005 {
    background-image: url("../img/uclases-d-012.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 400px;
}

.bg-img-006 {
    background-image: url("../img/uclases-d-013.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 400px;
}



.bg-img-007 {
    background-image: url("../img/hero-section-image-gradient.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 700px;
    background-color: #ffb400;
}



.bg-img-009 {
    background-image: url("../img/background-matematicas.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;

}

.bg-img-010 {
    background-image: url("../img/background-biologia.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;

}

.bg-img-011 {
    background-image: url("../img/background-ciencias-naturales.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;

}

.bg-img-012 {
    background-image: url("../img/background-fisica.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;

}

.bg-img-013 {
    background-image: url("../img/background-historia.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;

}

.bg-img-014 {
    background-image: url("../img/background-lenguaje.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;

}

.bg-img-015 {
    background-image: url("../img/background-quimica.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;

}

.bg-img-016 {
    background-image: url("../img/banner-profesores-gradient-desktop.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 700px;
    background-color: #ffb400;

}

.bg-img-017 {
    background-image: url("../img/banner-equipo-gradient-desktop.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 700px;
    background-color: #ffb400;

}



.bg-img-card-00 {
    background-image: url("../img/image-plan-04-desktop.jpg");

    background-repeat: no-repeat;
    background-position: top right;
    height: 400px;
    background-color: #0f073f;

}

.bg-img-card-0000 {
    background-image: url("../img/img-card-alphav2.jpg");

    background-repeat: no-repeat;
    background-position: top right;
    height: 400px;
    background-color: #0f073f;

}


.bg-img-card-01 {
    background-image: url("../img/img-card-alpha.png");

    background-repeat: no-repeat;
    background-position: top right;
    height: 400px;
    background-color: #0f073f;

}


.bg-img-card-02 {
    background-image: url("../img/img-card-alpha.png");

    background-repeat: no-repeat;
    background-position: top right;
    height: 300px;
}


.bg-img-card-08 {
    background-image: url("../img/Biologia.png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-09 {
    background-image: url("../img/Ciencias.png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-10 {
    background-image: url("../img/Fisica.png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-11 {
    background-image: url("../img/Historia(basica).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-12 {
    background-image: url("../img/Historia(media).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-13 {
    background-image: url("../img/Lenguaje(1-4basico).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-14 {
    background-image: url("../img/Lenguaje(1-4medio).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-15 {
    background-image: url("../img/Lenguaje(5-8basico).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-16 {
    background-image: url("../img/Matematicas(1-2basico).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-17 {
    background-image: url("../img/Matematicas(3-4basico).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-18 {
    background-image: url("../img/Matematicas(5-6basico).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-19 {
    background-image: url("../img/Matematicas(7-8basico).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-20 {
    background-image: url("../img/Matematicas(1-4medio).png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-21 {
    background-image: url("../img/Quimica.png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-22 {
    background-image: url("../img/MatematicasElectivo.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-23 {
    background-image: url("../img/lenguajee1.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-24 {
    background-image: url("../img/lenguajee2.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-25 {
    background-image: url("../img/lenguajee3.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-26 {
    background-image: url("../img/historiaelectivo.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-27 {
    background-image: url("../img/biologiae1.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-28 {
    background-image: url("../img/biologiae2.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-29 {
    background-image: url("../img/biologiae3.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-30 {
    background-image: url("../img/fisicae.png");
    background-repeat: no-repeat;
    background-position: top right;
    

}
.bg-img-card-31 {
    background-image: url("../img/quimicae.png");
    background-repeat: no-repeat;
    background-position: top right;
    

}








@media (max-width: 420px) {

    .bg-img-card-00 {
        background-image: url("../img/img-card-alpha-m.png");

        background-repeat: no-repeat;
        background-position: top right;
        height: 400px;
        background-color: #0f073f;
        padding: 0 15px 0 15px;

    }
    .bg-img-card-0000 {
        background-image: url("../img/img-card-alpha-m.png");

        background-repeat: no-repeat;
        background-position: top right;
        height: 400px;
        background-color: #0f073f;
        padding: 0 15px 0 15px;

    }
    
    .bg-img-card-01 {
        background-image: url("../img/img-card-alpha-m.png");

        background-repeat: no-repeat;
        background-position: top right;
        height: 400px;
        background-color: #0f073f;
        padding: 0 15px 0 15px;

    }


    .bg-img-card-02 {
        background-image: url("../img/img-card-alpha-m.png");
        background-repeat: no-repeat;
        background-position: top right;
        height: 400px;
    }



    .bg-img-card-03 {
        background-image: url("../img/img-card-alpha-m.png");

        background-repeat: no-repeat;
        background-position: top right;

        height: 400px;


    }



    .bg-img-card-04 {
        background-image: url("../img/img-card-alpha-m.png");

        background-repeat: no-repeat;
        background-position: top center;
        height: 400px;
        background-color: #0f073f;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-08 {
        background-image: url("../img/fotosmobile/biologiamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: #ffd500;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-09 {
        background-image: url("../img/fotosmobile/cienciasbasicamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: #22dc41;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-10 {
        background-image: url("../img/fotosmobile/fisicamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #00b9ff;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-11 {
        background-image: url("../img/fotosmobile/historiabasicamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ff9100;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-12 {
        background-image: url("../img/fotosmobile/historiamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ff9100;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-13 {
        background-image: url("../img/fotosmobile/lenguajebasicamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ff0000;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-14 {
        background-image: url("../img/fotosmobile/lenguajemediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ff0000;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-15 {
        background-image: url("../img/fotosmobile/lenguajebasicamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ff0000;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-16 {
        background-image: url("../img/fotosmobile/matematicasbasicamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #2389e2;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-17 {
        background-image: url("../img/fotosmobile/matematicasbasicamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #2389e2;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-18 {
        background-image: url("../img/fotosmobile/matematicasbasicamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #2389e2;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-19 {
        background-image: url("../img/fotosmobile/matematicasbasicamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #2389e2;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-20 {
        background-image: url("../img/fotosmobile/matematicasmediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #2389e2;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-21 {
        background-image: url("../img/fotosmobile/quimicamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ab23ee;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-22 {
        background-image: url("../img/fotosmobile/matematicasmediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #2389e2;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-23 {
        background-image: url("../img/fotosmobile/lenguajemediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ff0000;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-24 {
        background-image: url("../img/fotosmobile/lenguajemediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ff0000;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-25 {
        background-image: url("../img/fotosmobile/lenguajemediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ff0000;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-26 {
        background-image: url("../img/fotosmobile/historiamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ff9100;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-27 {
        background-image: url("../img/fotosmobile/biologiamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ffd500;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-28 {
        background-image: url("../img/fotosmobile/biologiamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ffd500;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-29 {
        background-image: url("../img/fotosmobile/biologiamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ffd500;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-30 {
        background-image: url("../img/fotosmobile/fisicamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #00b9ff;
        padding: 0 15px 0 15px;

    }

    .bg-img-card-31 {
        background-image: url("../img/fotosmobile/quimicamediamobile.png");

        background-repeat: no-repeat;
        background-position: bottom right;
        
        background-color: #ab23ee;
        padding: 0 15px 0 15px;

    }
    
    
    .bg-img-card-00001 {
        background-image: url("../img/nuevas/ptumobile.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        height: 550px;
        background-color: #0f073f;
    }
    .bg-img-card-00002 {
        background-image: url("../img/nuevas/micursomobile.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        height: 550px;
        background-color: #0f073f;
    }
    .bg-img-card-00003 {
        background-image: url("../img/nuevas/vivemobile.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        height: 550px;
        background-color: #0f073f;
    }
    

    .bg-img-card-05 {
        background-image: url("../img/image-plans-grantient.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        height: 550px;
        background-color: #0f073f;
    }


        .bg-img-card-06 {
        background-image: url("../img/colegio-003.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        height: 550px;

    }

        .bg-img-card-07 {
        background-image: url("../img/colegio-005.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        height: 750px;
        
    }




.bg-img-001 {
    background-image: url("../img/hero-image-grandient-mobile.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    height: 700px;
    background-color: #ffb400;
}


    h1 {
        font-size: 2rem !important;

    }


    h2 {
        font-size: 1.6rem !important;

    }




}



ul.navbar-nav.ml-auto li.nav-item a.nav-link {
    color: #000;
    padding-left: 20px;
}

ul.navbar-nav.ml-auto li.nav-item.active a.nav-link {
    font-weight: 800;
}




.btn-primary {
    color: #fff!important;
    background-color: #0F073F!important;
    border: 12px;

    padding: 15px 20px 10px 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    letter-spacing: 2px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0F073F;
    border: 12px;

    padding: 15px 20px 10px 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    letter-spacing: 2px;
}


.btn-warning {
    color: #0f073f;
    background-color: #ffb400;
    border: 12px;

    padding: 15px 20px 10px 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    letter-spacing: 2px;
}

.btn-warning:hover {
    color: #0f073f;
    background-color: #ffb400;
    border: 12px;

    padding: 15px 20px 10px 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    letter-spacing: 2px;
}






.btn-light {
    color: #212529;
    background-color: #fff;
    border: none;
    border-bottom: 5px #6c0030 solid;
    padding: 15px 20px 10px 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    letter-spacing: 2px;
}

.btn-light:hover {
    color: #fff;
    background-color: #6c0030;
    border-color: #6c0030;
    border-bottom: 5px #6c0030 solid;
    padding: 15px 20px 10px 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    letter-spacing: 2px;
}


/**Scroll Top**/
.scrollToTopBtn {
    color: #6c0030;
    border: none;
    /* place it at the bottom right corner */
    position: fixed;
    bottom: 30px;
    right: 30px;
    /* keep it at the top of everything else */
    z-index: 100;
    /* hide with opacity */
    opacity: 0;
    /* also add a translate effect */
    transform: translateY(100px);
    /* and a transition */
    transition: all .5s ease
}

.showBtn {
    opacity: 1;
    transform: translateY(0)
}

/**Fin Scroll Top**/





table.table.table-striped {
    font-size: 12px;
}








.bg-img-001-m {
    background-image: url("../img/uclases-d-014.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 300px;
}


.bg-img-004-m {
    background-image: url("../img/uclases-d-015.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 300px;
}




.bg-img-005-m {
    background-image: url("../img/uclases-d-016.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 300px;
}




.bg-img-006-m {
    background-image: url("../img/uclases-d-017.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 300px;
}


@media (max-width: 958px) {
    .bg-img-003 {
        background-image: url("../img/uclases-d-005.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left bottom;
    }

}


h4.panel-title a {
    font-size: 14px;
    font-weight: 400;
    color: #57606f;
}

.panel-body {
    font-size: 14px;
    font-weight: 400;
    color: #57606f;
}


.panel-default {
    margin-bottom: 20px;
}

.panel-heading {
    background-color: #f1f2f6;
    padding: 10px 25px;
}

.panel-collapse {
    padding: 10px 25px 25px 25px;
}



.panel-title a:after {
    font-family: Fontawesome;
    content: '\f139';
    float: right;
    font-size: 20px;
    font-weight: 300;
    padding-top: 8px;
}

.panel-title a.collapsed:after {
    font-family: Fontawesome;
    content: '\f13a';
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    background-color: #f1f2f6;
    border-color: #ccc #ccc #f1f2f6;
    font-weight: 700;
    color: #0f073f;
}


.formquiz input[type="radio"]{
    display: none;
}
.formquiz .radio label {
    color:#0074D9;
    padding: 2px 15px 2px 51px;
    display: inline-block;
    position: relative;
    font-size: 1em;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.formquiz .radio label:hover {
    background: rgba(0,116,217,.1);
}
.formquiz .radio label:before {
    content: "";
    width: 17px;
    height: 17px;
    display: inline-block;
    background: none;
    border: 2px solid #0074D9;
    border-radius: 50%;
    position: absolute;
    left: 17px;
}
.formquiz input[type="radio"]:checked + label{
    padding: 2px 15px;
    background: #0074D9;
    border-radius: 2px;
    color: #fff;
}

.formquiz input[type="radio"]:checked + label:before {
    display: none;
}