@charset "UTF-8";
/* CSS Document */

*{
    margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
*:focus
{
	outline:none;
}
a
{
	text-decoration:none;
	cursor:pointer;
}
body{
    font-family: 'PoppinsRegular';
    font-size: 15px;
    line-height: 22px;
    color:#4d4c4c;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
b,
strong
{
    font-family: 'PoppinsBold';
}
li{
    list-style: none;
}
img{
    width: 100%;
    height: auto;
}

/*TRANSITIONS**************************************************/

a,
.menu-top > li,
.sub-menu,
.menu-item-has-children::after,
.menu-top > li > .sub-menu > li > .sub-menu,
.tp-bullets.preview4 .bullet,
.mod-item,
.mod-ico,
.owl-dot,
.carousel-text > span,
.carousel-text > span > div,
.noti-leer-mas a,
.noti-img,
.noti-texto,
.noti-fecha,
.noti-fecha i,
.b-whatsapp,
.scroll-up,
input
{
    transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
}

label.boton-movil i
{
    transition:all .4s ease-in-out .3s;
	-moz-transition:all .4s ease-in-out .3s;
	-webkit-transition:all .4s ease-in-out .3s;
	-o-transition:all .4s ease-in-out .3s;
}


/*GENERALES***************************************************/

h1{
    font-size: 23px;
    line-height: 26px;
    font-family: 'PoppinsSemiBold';
    color: #012768;
    text-align: center;
    text-transform: uppercase;
    padding: 0 140px;
}
h1 a{
    color: #012768;
}
.contenedor{
    width: 100%;
    max-width: 1300px;
    margin: auto;  
}
.home h2{
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    font-family: 'PoppinsLight';
    color: #012768;
}
.home h2 span{
    display: block;
    font-family: 'PoppinsBold';
    color: #ffd73e;
}
footer{
    background: #012768;
    color: #fff;
    text-align: center;
}
footer .contenedor{
    position: relative;
    padding: 15px 63px;
}
footer a{
    color: #ffd73e;
}
.scroll-up{
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 150px;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 20px;
    background: #01183f;
    border-radius: 10px 10px 0 0;
    padding-top: 15px;
}
.scroll{
    position: fixed !important;
    margin-top: 0 !important;
    top: 0;
    left: 0;
    z-index: 101 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.90);
}

/*SECCIÓN HEADER***************************************************/

.titulo{
    padding: 20px 15px 0 15px;
    background: #ffd73e;
    position: relative;
}
.titulo::after{
    content: "";
    display: block;
    position: absolute;
    width: 90%;
    max-width: 800px;
    height: 32px;
    bottom: -30px;
    background: url(../images/bizel-top.png) no-repeat;
    background-size: 100% 100%;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);   
}
.top .contenedor{
    display: flex;
    align-items: flex-end; /*centrar Y*/
    justify-content: center; /*centar X*/
    text-align: center;
    margin-top: -30px;
}
.logo1, .logo2{
    width: 15%;
    position: relative;
    z-index: 1;
}
.logo1{
    order: 0;
}
.logo2{
    order: 3;
}
.logo1 img, .logo2 img{
    max-width: 120px;
}
.datos-top{
    order: 2;
    width: 70%;
    margin-bottom: 20px;
}
.datos-top ul{
    display: flex;
    align-items:center;
}
.datos-top ul li{
    width: 33.3%;
}
.datos-top ul li a{
    color: #3f3f3f;
    font-family: 'PoppinsLight';
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.datos-top ul li a i{
    color: #012768;
    font-size: 25px;
    margin-right: 10px;
}

/*SECCIÓN TOP MENU***************************************************/

.top-menu{
    background: #012768;
    margin-top: 15px;
    position: relative;
    z-index: 99;
    width: 100%;
}
.menu-top{
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-top a{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.menu-top > li{
    position: relative;
    background-image: url(../images/hover-top-menu.jpg);
    background-size: 0 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.menu-top> li > a{
    display: block;
    padding: 15px;
}
.menu-top > li.menu-item-has-children::after,
.sub-menu > li.menu-item-has-children::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2.5px;
    border-top: 5px solid #ffd73e;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.menu-top > li.menu-item-has-children > a{
    padding-right: 20px !important;
}
.menu-top > li > .sub-menu{
    position: absolute;
    top: 48px;
    width: 0px;
    background: #001842;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%); 
}
.menu-top > li > .sub-menu > li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.21);
    position: relative;
    overflow: hidden;
}
.menu-top > li > .sub-menu > li:last-child{
    border-bottom: 0px;
}
.menu-top > li > .sub-menu > li > a{
    display: block;
    padding: 10px;
    color: #ffd73e;
    white-space: nowrap;
    border-left: 0px solid #ffd73e;
}
.menu-top > li > .sub-menu > li.menu-item-has-children::after{
    right: 8px;
    margin-top: -4px;
    border-top: 5px solid transparent;
    border-left: 5px solid #ffd73e;
    border-right: 0px solid transparent;
    border-bottom: 5px solid transparent;
}
.menu-top > li > .sub-menu > li.menu-item-has-children > a{
    padding-right: 20px;
}
.menu-top > li > .sub-menu > li > .sub-menu{
    background: #ffd73e;
    position: absolute;
    top: 0;
    left: 230px;
    width: 0px; 
}
.menu-top > li > .sub-menu > li > .sub-menu > li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}
.menu-top > li > .sub-menu > li > .sub-menu > li:last-child{
    border-bottom: 0;
}
.menu-top > li > .sub-menu > li > .sub-menu > li > a{
    display: block;
    padding: 10px 0;
    color: #012768;
    white-space: nowrap;
    overflow: hidden;
}
.top-menu .menu-movil{
    background: #012768;
}
label.boton-movil{
    display: none;
    width: 50px;
    height: 50px;
    color: #012768;
    text-align: center;
    font-size: 30px;
    position: relative;
    top: -50px;
    margin-right: 30px;
    overflow: hidden;
}
label.boton-movil i{
    position: relative;
    background: #ffd73e;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 3;
}
label.boton-movil i.fa-bars-staggered{
    left: 0;
    top: 0;
}
label.boton-movil i.fa-xmark{
    left: -50px;
    top: -50px;
}
#b-movil{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    display: none;
}

/*SECCIÓN SLIDER***************************************************/

.slider-home{
    background: #00235e;
}
.tp-caption{
    background: rgba(0, 0, 0, 0.50);
    height: 100%;
    min-width: 350px;
    margin-right: 80px;
    text-align: center;
    color: #fff;
    top: 0 !important;
}
.tp-caption p{
    margin-bottom: 0;
}
.tp-caption > div{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
}
.tp-caption .st-1{
    font-size: 40px;
    line-height: 40px;
    font-family: 'PoppinsLight';
}
.tp-caption .st-2{
    font-size: 50px;
    line-height: 50px;
    font-family: 'PoppinsBold';
}
.tp-caption .st-3{
    font-size: 70px;
    line-height: 70px;
    font-family: 'PoppinsBold';
    color: #ffd73e;
}
.tp-caption .st-b a{
    font-size: 20px;
    line-height: 20px;
    font-family: 'PoppinsLight';
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    padding: 15px 10px;
}
.tp-bullets.preview4 .bullet
{
    background: rgba(255, 255, 255, 0.50 ) !important;
    margin-right: 5px !important;
}
.tp-bullets.preview4 .bullet.selected {
    background: rgba(255,255,255,1)!important;
    width: 12px!important;
    border: 5px solid rgba(0,0,0,0)!important
}
.tparrows.preview4 .tp-arr-titleholder
{
    background: #012768;
}
.tparrows.preview4:after 
{
    background: rgba(255, 255, 255, 0.25);
}

/*SECCIÓN MODULOS***************************************************/

.modulos-home{
    position: relative;
    z-index: 99;
    padding: 50px 0 20px 0;
}
.modulos-home::before{
    content: "";
    display: block;
    position: absolute;
    top: -28px;
    width: 100%;
    max-width: 500px;
    height: 30px;
    background: url(../images/bizel-modulos.png) no-repeat;
    background-size: 100% 100%;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);  
}
.modulos-home .contenedor{
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
    justify-content: center;
}
.modulos-home article{
    width: 33.3%;
    padding: 0 15px;
    margin: 0 0 30px 0;
}
.modulos-home article:nth-child(odd) .mod-item{
    border: 1px solid #ffd73e;
}
.modulos-home article:nth-child(even) .mod-item{
    border: 1px solid #012768;
}
.mod-item{
   display: flex;
   align-items: center;
    padding: 8px 15px 8px 8px;
    border-radius: 0 20px;
}
.mod-ico{
    width: 100%;
    max-width: 107px;
    height: 107px;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -20px;
    margin-right: 15px;
    border-radius: 0 20px;
    -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 100%, 0% 20%);
    clip-path: polygon(20% 0%, 100% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 100%, 0% 20%);
}
.modulos-home article:nth-child(odd) .mod-item .mod-ico{
    background-color: #012768;
}
.modulos-home article:nth-child(even) .mod-item .mod-ico{
    background-color: #ffd73e;
}
.mod-name{
    color: #012768;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 21px;
}

/*SECCIÓN BANNER PROMO***************************************************/

.banner-prom{
    background: #012768 url(../images/back-banner-prom.png) no-repeat center top;
    position: relative;
    padding: 70px 15px 100px 15px;
}
.banner-prom::after{
    content: "";
    display: block;
    position: absolute;
    bottom: -28px;
    width: 100%;
    max-width: 500px;
    height: 30px;
    background: url(../images/bizel-banner.png) no-repeat;
    background-size: 100% 100%;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);  
}
.banner-prom .contenedor{
    position: relative;
}
.banner-prom article{
    color: #fff;
}
.banner-prom article:nth-child(1){
    border: 1px solid #ffd73e;
    padding: 40px 180px 40px 40px;
    margin-right: 30%;
    margin-left: 20px;
}
.banner-prom article:nth-child(2){
    position: absolute;
    top: -40px;
    right: 0;
    width: 48%;
    z-index: 2;
}
.banner-prom-year{
    font-family: 'Amarillo'; 
    color: #ffd73e;
    font-size: 40px;
    line-height: 40px;
    background: #012768;
    display: inline-block;
    position: relative;
    top: -42px;
    margin-left: 60px;
    padding: 0 30px;
    height: 3px;
}
.banner-prom-year::before,
.banner-prom-year::after{
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #ffd73e;
    background: #012768;
    border-radius: 90em;
    z-index: 1;
}
.banner-prom-year::after{
    right: 0;
    left: auto;
}
.banner-prom-text-a{
    font-size: 18px;
    font-family: 'PoppinsLight';
    line-height: 21px;
    margin-top: 30px;
}
.banner-prom-text-b
{
    font-size: 25px;
    font-family: 'PoppinsBold';
    line-height: 28px;
    margin-top: 20px;
    color: #ffd73e;
}
.banner-prom-text-c{
    font-size: 18px;
    font-family: 'PoppinsSemiBold';
    line-height: 21px;
    margin-top: 20px;
}
@media only screen and (min-width : 900px) and (max-width : 1145px){
    .banner-prom {
        padding: 70px 15px 70px 15px;
    }
    .banner-prom article:nth-child(2) {
        top: 0px;
    }
}

/*SECCIÓN NUESTRO COLEGIO***************************************************/

.nuestro-colegio-home
{
    padding: 90px 0 50px 0; 
}
.nuestro-colegio-home .contenedor
{
    padding: 0 15px;
}
.nuestro-colegio-home .carousel{
    margin-top: 50px;
}
.nuestro-colegio article a{
    color: #fff;
}
.nuestro-colegio article > span{
    display: block;
    position: relative;
}
.nuestro-colegio-video-content{
    max-width: 800px;
    margin: 50px auto;
    border: 1px solid #042966;
    padding: 5px; 
    border-radius: 20px;
}
.nuestro-colegio-video{ 
	position: relative;
    padding-bottom: 67%;
    height: 0;
    overflow: hidden;
    border-radius: 20px;
}
.nuestro-colegio-video > iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.carousel-text{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    text-align: center;
}
.carousel-text p{
    margin-bottom: 0;
}
.carousel-text > span
{
    display: block;
    background: rgba(0, 0, 0, 0.0);
    width: 100%;
    height: 100%;
    border:2px solid #ffd73e;
    border-radius: 20px;
    position: relative; 
    overflow: hidden;
}
.carousel-text > span > div{
    position: relative;
    top: -50%;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%); 
    font-size: 19px;
    line-height: 23px;
    font-family: 'PoppinsMedium';
    padding: 15px;
    opacity: 0;
}
.owl-dots {
    text-align: center;
    margin-top: 30px;
}
.owl-dot {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border: 1px solid #012768 !important;
    border-radius: 90em;
    margin-bottom: 5px;
}
.owl-dot:last-child {
    margin-right: 0px;
}
.owl-dot.active {
    width: 30px;
    background: #012768 !important;
}

/*SECCIÓN NOTICIAS***************************************************/

.noticias{ 
    background: #e1e1e1;
}
.noticias .contenedor{
    padding: 50px 15px 100px 15px;
    background: url(../images/back-noticias-top.jpg) center top, url(../images/back-noticias-bottom.jpg) center bottom;
    background-repeat: no-repeat;
}
.noticias .contenedor h2 span{
    color: #e2c33a;
}
.noticias-content{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.noticias-content > div{
    width: 50%;
}
.noti-img{
    line-height: 0;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}
.noti-img::before{
    content: "";
    display: block;
    position: absolute;
    width: 95%;
    height: 95%;
    border: 1px solid #fff;
    border-radius: 20px;
    top: 2%;
    left: 2.5%;
}
.noticia-secundaria{
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
    justify-content: center;
}
.noticia-secundaria article{
    width: 50%;
    padding-left: 20px;
    text-align: center;
}
.noticia-secundaria article:nth-child(1),
.noticia-secundaria article:nth-child(2){
    margin-bottom: 30px;
}
.noti-texto{
    margin-top: 8px;
    background: rgba(255, 255, 255, 0.50);
    padding: 30px;
    border-radius: 20px;
}
.noti-titulo{
    font-size: 20px;
    line-height: 23px;
    color: #012768;
    font-family: 'PoppinsBold';
    margin-bottom: 10px;
}
.noti-titulo a{
    color: #012768;
}
.noticia-secundaria .noti-titulo{
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 20px;
    min-height: 40px;
}
.noticia-secundaria .noti-texto{
    padding: 30px 15px;
}
.noti-fecha{
    font-size: 14px;
    line-height: 17px;
    color: #595959;
    font-family: 'PoppinsLight';
    margin-bottom: 20px;
    display: block;
}
.noti-fecha i{
    color: #9a9a9a;
    margin-right: 5px;
}
.noticia-secundaria .noti-fecha{
    margin-bottom: 0;
}
.noti-leer-mas{
    text-align: right;
    margin-top: 30px;
}
.noti-leer-mas a{
    display: inline-block;
    padding: 15px 25px;
    background: #ffd73e;
    color: #012768;
    border-radius: 0 20px;
    font-family: 'PoppinsBold';
    text-transform: uppercase;
}
.noticia-secundaria .noti-texto p,
.noticia-secundaria .noti-texto .noti-leer-mas{
    display: none;
}
.noti-boton{
    text-align: center;
    margin-top: 70px;
}
.noti-boton a{
    display: inline-block;
    padding: 20px 30px;
    border: 1px solid #012768;
    border-radius: 90em;
    text-transform: uppercase;
    color: #012768;
    font-size: 24px;
    line-height: 24px;
    font-family: 'PoppinsBold';
    background-image: url(../images/hover-b-noticias.jpg);
    background-size: 0 100%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

/*SECCIÓN BOTTOM***************************************************/

.bottom{
    background: #ffd73e;
    position: relative;
    padding: 50px 0;
}
.bottom::after {
    content: "";
    display: block;
    position: absolute;
    top: -28px;
    width: 100%;
    max-width: 500px;
    height: 30px;
    background: url(../images/bizel-bottom.png) no-repeat;
    background-size: 100% 100%;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.bottom .contenedor{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 15px;
}
.bottom article{
    width: 33.3%;
    padding: 0 50px;
}

.bottom h4{
    font-size: 20px;
    line-height: 23px;
    font-family: 'PoppinsBold';
    text-transform: uppercase;
    color: #012768;
    margin-bottom: 50px;
}
.widget .menu li{
    margin-bottom: 15px;
    position: relative;
}
.widget .menu li::before{
    content: ">";
    display: block;
    position: absolute;
    top:0;
    left: 0;
    width: 8px;
    height: 8px;
    font-family: 'PoppinsBold';
    color: #012768;
}
.widget .menu li  a{
    display: block;
    color: #4d4c4c;
    padding-left: 20px;
}
.social{
    margin-top: 50px;
}
.social ul{
    display: flex;
    align-items: flex-start;
}
.social li{
    margin-right: 20px;
}
.social li:last-child{
    margin-right: 0;
}
.social a{
    display: block;
    font-size: 35px;
    color: #012768;
}
.social a:hover{
    transform: scale(1.1);
}
.scroll-up:hover{
    color: #ffd73e;
    height: 55px;
}

/*BOTON WHATSAPP***************************************************/

.b-whatsapp
{
    position: fixed;
    top: 50%;
    right: 15px;
    z-index: 99;
    background: #4acb55;
    width: 60px;
    height: 60px;
    border-radius: 90em;
    color: #fff;
    border: 4px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.50);
    font-size: 35px;
    line-height: 52px;
    text-align: center;
    padding-top:7px;
}

/*BANNER INTERNO***************************************************/

.banner-interno{
    background: #e1e1e1 url(../images/back-noticias-top.jpg) center top no-repeat;
}
.banner-interno > .contenedor{
    height: 250px;
    position: relative;
    padding: 50px 15px;
}
.banner-interno h2{
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 40px;
    line-height: 40px;
    font-family: 'PoppinsLight';
    color: #012768;
    text-transform: uppercase;
}
.banner-interno h2 span{
    display: block;
    font-family: 'PoppinsBold';
    color: #e2c33a;
}
.breadcrumbs{
    background: rgba(255, 255, 255, 0.45);
    font-size: 13px;
    line-height: 16px;
}
.breadcrumbs a{
    color: #012768;
        font-family: 'PoppinsSemiBold';
}
.breadcrumbs .contenedor{
    padding: 15px;
}

/*MAIN***************************************************/

.main{
    padding: 50px 0 80px 0; 
}
.main .contenedor{
    padding: 0 15px;
}
.main h4{
    font-family: 'PoppinsBold';
    font-size: 20px;
    line-height: 23px;
    color: #012768;
    margin-bottom: 30px; 
}
.cols2
{
    display: flex;
    flex-wrap: wrap; 
}
.cols2 > article,
.cols2 > div{
    width: 48%;
    margin: 0 1%;
}

/*BLOG***************************************************/

.blog-page .contenedor #pageItemsContainerBlog{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
.blog-page .contenedor #pageItemsContainerBlog article{
    width: 33.3%;
    padding: 0 20px;
    margin-bottom: 30px;
}
.blog-page .noti-texto {
    background: #f2f2f2;
}
/*Video Responsive youtube*/
.blog-page .video-thumbnal{
	position: relative;
    padding-bottom: 67%;
    height: 0;
    overflow: hidden;
    border-radius: 20px;
}
.blog-page .video-thumbnal > iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blog-page .holder{
    text-align: center;
}
.blog-page .holder a,
.blog-page .holder span{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e1e1e1;
    color: #666;
    font-family: 'PoppinsRegular';
    background: #fff;
    font-size: 13px;
}
.blog-page .holder a:first-child,
.blog-page .holder a:last-child{
    width: auto;
    padding: 0 10px;
}
.blog-page .holder a.jp-current{
    border: 1px solid #012768;
    color: #fff;
    background: #012768;
    font-family: 'PoppinsBold';
}
/*paginas no found*************************************************/
.no-found{
  display: block !important;
    text-align: center !important;
    padding: 30px 10px !important;
    width: 100% !important;
    margin:0 !important;
    min-height: auto !important;
}
.no-found h3{
  color: #012768 !important;
    margin-bottom: 20px !important;
    padding-right: 0 !important;
}
/*wordpress*************************************************/

.page .main article p,
.single .main article p{
    margin-bottom: 15px;
}
.page .main article p:last-child,
.single .main article p:last-child{
    margin-bottom: 0;
}
.page .main article figure.wp-block-media-text__media,
.single .main article figure.wp-block-media-text__media,
.page .main article figure.wp-block-image,
.single .main article figure.wp-block-image{
    position: relative;
}
.page .main article figure.wp-block-media-text__media::before,
.single .main article figure.wp-block-media-text__media::before,
.page .main article figure.wp-block-image::before,
.single .main article figure.wp-block-image::before{
    content: "";
    display: block;
    position: absolute;
    width: 95%;
    height: 95%;
    border: 1px solid #fff;
    border-radius: 20px;
    top: 2%;
    left: 2.5%;
}
.page .main article .wp-block-media-text .wp-block-media-text__content,
.sigle .main article .wp-block-media-text .wp-block-media-text__content{
   padding-right: 0; 
   
}
.page .main article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
.sigle .main article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
   padding-left: 0; 
   padding-right: 8%; 
   
}
.page .main article img,
.single .main article img{
    border-radius: 20px;
}
.page .main .contenedor,
.single .main .contenedor{
    padding: 0 50px;
}
/*bullet p*/
.page .main .bullet-bg,
.page .main .bullet-bg-doble,
.page .main .bullet{
	background:#f2f7ff;
	padding:15px 15px 15px 20px;
	border-radius:15px;
	border: 1px solid #ffd73e;
	position:relative;
}
.page .main .bullet-bg::before,
.page .main .bullet-bg-doble::before,
.page .main .bullet::before{
	content:"";
	display:block;
	position:absolute;
	left:-6px;
	width:12px;
	height:12px;
	background:#ffd73e;
	border-radius:90em;
	top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.page .main .bullet{
	background:none;
	padding: 0 0 0 20px;
	border-radius:0;
	border: none;
	position:relative;
}
.page .main .bullet-bg-doble{
	padding:15px 20px 15px 20px;
}
.page .main .bullet-bg-doble::after{
	content:"";
	display:block;
	position:absolute;
	right:-6px;
	width:12px;
	height:12px;
	background:#ffd73e;
	border-radius:90em;
	top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.lista li{
	margin-bottom:8px;
	position:relative;
	padding-left: 20px;
}
.lista li:last-child{
	margin-bottom:0px;
}
.lista li:before{
	content:"";
	display:block;
	position:absolute;
	left:0px;
	width:8px;
	height:8px;
	background:#ffd73e;
	border-radius:90em;
	top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
/*Video Responsive youtube*/
.wp-block-embed-youtube > .wp-block-embed__wrapper{
	position: relative;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
}
.wp-block-embed-youtube > .wp-block-embed__wrapper > iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*iframes*/
.content-iframe{
	position: relative;
    padding-bottom: 72%;
    height: 0;
    overflow: hidden;
}
.content-iframe > iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*contenedores*/

.contenedor-600{
    max-width: 600px;
    margin: auto;
}
.contenedor-700{
    max-width: 700px;
    margin: auto;
}
.contenedor-800{
    max-width: 800px;
    margin: auto;
}
.contenedor-900{
    max-width: 900px;
    margin: auto;
}
.contenedor-1000{
    max-width: 1000px;
    margin: auto;
}
/*formularios*/

input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=file],
textarea,
select{
    height: 40px;
    border-radius: 10px;
    border: 1px solid #042966;
    width: 100%;
    padding: 0 15px;
    font-size: 15px;
    line-height: 20px;
    font-family: 'PoppinsRegular';
}
textarea{
    height: 150px;
    padding: 15px;
}
input[type=file]{
    padding: 8px 15px;
}
input[type=submit]{
    padding: 15px 20px;
    font-size: 15px;
    background: #042966;
    color: #fff;
    border-radius: 10px;
    border: none;
    font-family: 'PoppinsBold';
}
input[type=text]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
textarea:focus,
select:focus{
    background: #f4f4f4;
}


/*Hover*************************************************/
@media only screen and (min-width : 901px){
    
    .datos-top ul li a:hover{
        color: #012768;
    }
    .menu-top > li:hover{
        background-size: 100% 100%;
    }
    .menu-top > li:hover > a{
        color: #012768;
    }
    .menu-top > li.menu-item-has-children:hover::after{
        border-top: 5px solid #012768;
    }
    .menu-top > li:hover > .sub-menu{
         width: 230px;
    }
    .menu-top > li > .sub-menu > li:hover > a{
         background: #012768;
         border-left: 5px solid #ffd73e;
    }
    .menu-top > li > .sub-menu > li:hover{
    overflow: visible;
    }
    .menu-top > li > .sub-menu > li:hover > .sub-menu{
        width: 200px;
    }
    .menu-top > li > .sub-menu > li:hover > .sub-menu > li > a{
        padding: 10px;
    }
    .menu-top > li > .sub-menu > li > .sub-menu > li:hover > a{
        background: #ffe47e;
        padding: 10px 10px 10px 15px;
    }
    .tp-bullets.preview4 .bullet:hover{
        background: rgba(255,255,255,1)!important;
        width: 12px!important;
        border: 5px solid rgba(0,0,0,0)!important
    }
    .tp-caption .st-b a:hover{
        background: rgba(255, 255, 255, 0.70);
        color: #012768;
    }
    .modulos-home article:nth-child(odd) .mod-item:hover{
        background: #f2f7ff;
    }
    .modulos-home article:nth-child(even) .mod-item:hover{
        background: #fff8e0;
    }
    .mod-item:hover{
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.40);
        border-radius: 20px 0;     
    }
    .mod-item:hover .mod-ico{
    margin-right: 20px;
    border-radius: 20px 0 ;
    -webkit-clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 100%, 100% 100%, 20% 100%, 0% 80%, 0 0);
    clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 100%, 100% 100%, 20% 100%, 0% 80%, 0 0);
    }
    .owl-dot:hover {
    width: 30px;
    background: #012768 !important;
    }
    .nuestro-colegio article:hover .carousel-text > span{
        background: rgba(0, 0, 0, 0.50);
    }
    .nuestro-colegio article:hover .carousel-text > span > div{
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        opacity: 1;
    }
    .noti-leer-mas a:hover{
        padding: 15px 30px;
        background: #012768;
        color: #ffd73e;
    }
    .noti-boton a:hover{
        background-size: 100% 100%;
        color: #fff;
    }
    .noticia-secundaria article:hover .noti-img{
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.70);
    }
    .noticia-secundaria article:hover .noti-texto{
        background: #012768;
    }
    .noticia-secundaria article:hover .noti-titulo,
    .noticia-secundaria article:hover .noti-titulo a{
        color: #fff;
    }
    .noticia-secundaria article:hover .noti-fecha,
    .noticia-secundaria article:hover .noti-fecha i{
        color: #ffd73e;
    }
    .widget .menu li  a:hover{
        padding-left: 25px;
        color: #012768;
        font-family: 'PoppinsSemiBold';
    }
    .b-whatsapp:hover
    {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.90);
        transform: scale(1.1);
    }
    .blog-page .holder a:hover, 
    .blog-page .holder a.jp-current:hover {
        border: 1px solid #012768;
        color: #012768;
        transform: scale(1.1);
        box-shadow: 0 0 3px rgb(0 0 0 / 30%);
    }
    .blog-page .holder a.jp-current:hover {
        color: #fff;
        font-family: 'PoppinsBold';
    }
    input[type=submit]:hover{
        padding: 15px 20px 15px 25px;
        color: #ffd73e;
    }
}

/*Media QR*************************************************/

@media only screen and (min-width : 850px) and (max-width : 1000px){
    .datos-top ul li:nth-child(1),
    .datos-top ul li:nth-child(2){
        width: 37.5%;
    }
    .datos-top ul li:nth-child(3){
        width: 25%;
    }
}

/*Media top menu y slider*/
@media only screen and (max-width : 900px){
    
    .top{
        background: #fff;
        position: relative;
        z-index: 100;
    }
    .top-menu .contenedor{
        position: relative;
    }
    .top-menu .menu-movil{
        text-align: right;
        padding-top: 50px;
    }
    label.boton-movil{
        display: inline-block;
    }
    #b-movil{
        display: block;
    }
    .menu-top{
        flex-direction: column;
        margin-top: -700px;
        position: relative;
        z-index: 1;
        transition:all .8s ease-in-out;
        -moz-transition:all .8s ease-in-out;
        -webkit-transition:all .8s ease-in-out;
        -o-transition:all .8s ease-in-out;
    }
    .menu-top > li{
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.21);
    }
    .menu-top > li:last-child{
        border-bottom: 0;
    }
    .menu-top > li > a {
        text-align: center;
    }
    .menu-top > li.menu-item-has-children::after{
        right: 15px;
        margin-top: 0;
        top: 24px;
    }
    .menu-top > li.menu-item-has-children > a {
        padding-right: 35px !important;
    }
    .menu-top > li > .sub-menu {
        position: relative;
        top: 0;
        width: 100%;
        left: 0;
        transform: translateX(0%);
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        display: none;
    }
    .menu-top > li > .sub-menu > li > a{
        text-align: center;
    }
    .menu-top > li > .sub-menu > li.menu-item-has-children::after {
        right: 15px;
        margin-top: -4px;
        border-top: 5px solid #ffd73e;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 0 solid transparent;
    }
    .menu-top > li > .sub-menu > li > .sub-menu {
        position: relative;
        left: 0;
        width: 100%;
        display: none;
    }
    .menu-top > li > .sub-menu > li > .sub-menu > li > a {
        padding: 10px 15px;
        text-align: center;
    }
    .menu-top > li:hover > .sub-menu,
    .menu-top > li > .sub-menu > li:hover > .sub-menu
    {
         display: block;
    }
    #b-movil:checked ~ .menu-top{
       margin-top: -50px; 
    }
    #b-movil:checked ~ label.boton-movil i.fa-bars-staggered{
        left: 50px;
    }
    #b-movil:checked ~ label.boton-movil i.fa-xmark{
        left: 0;
    }
    .tp-caption{
        height: 100%;
        min-width: 100% !important;
        width: 100% !important;
        margin-right: 0px;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }
    .tp-caption .st-1{
    font-size: 30px !important;
    line-height: 30px !important;
    }
    .tp-caption .st-2{
        font-size: 35px !important;
        line-height: 35px !important;
    }
    .tp-caption .st-3{
        font-size: 50px !important;
        line-height: 50px !important;

    }
    .tp-caption .st-b a{
        font-size: 17px !important;
        line-height: 17px !important;
    }
    .banner-prom {
        padding: 70px 15px 250px 15px;
    }
    .banner-prom article:nth-child(1){
        padding: 40px 40px 140px 40px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .banner-prom article:nth-child(2){
        top: auto;
        bottom: -230px;
        right: auto;
        width: 100%;
        max-width: 500px;
        margin: auto;
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .banner-prom article {
        color: #fff;
        text-align: center;
    }
    .banner-prom-year {
        margin-left: 0;
    }
    .home h2,
    .banner-interno h2{
        font-size: 30px;
        line-height: 30px;
    }
    .carousel-text > span {
        background: rgb(2,0,36);
        background: -webkit-linear-gradient(rgba(2,0,36,0.5) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(rgba(2,0,36,0.5) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 100%);
        background: linear-gradient(rgba(2,0,36,0.5) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 100%);
    
    }
    .carousel-text > span > div {
        top: auto;
        font-size: 20px;
        line-height: 23px;
        opacity: 2;
    }
    .bottom .contenedor {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .bottom article {
        width: 100%;
        padding: 0 30px;
        text-align: center;
        margin-bottom: 30px;
    }
    .bottom article:nth-child(2){
        background: #f2c52e;
        padding: 20px 30px;
        border-radius: 20px;
    }
    .bottom article:last-child{
        margin-bottom: 0;
    }
    .bottom h4 {
        margin-bottom: 30px;
    }
    .social ul {
        justify-content: center;
    }
    .widget .menu{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .social {
        margin-top: 30px;
    }
    .banner-interno > .contenedor {
        height: auto; 
        padding: 50px 15px;
    }
    .banner-interno h2 {
        top: auto;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
    }
    .page .main article .wp-block-media-text.is-stacked-on-mobile,
    .single .main article .wp-block-media-text.is-stacked-on-mobile{
        grid-template-columns: 100%!important;
    }
    .page .main article .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media,
    .single .main article .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 30px;
    }
    .page .main article .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content,
    .single .main article .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{
        grid-column: 1;
        grid-row: 2;
        padding: 0;
    }
    .page .main article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
    .sigle .main article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
       padding-left: 0; 
       padding-right: 0; 

    }

}
@media only screen and (min-width : 650px) and (max-width : 900px){
    .modulos-home article{
        width: 50%;
    }
    .noticia-principal{
        width: 65% !important;
    }
    .noticia-secundaria{
        width: 35% !important;
    }
    .noticia-secundaria article:nth-child(2) {
        margin-bottom: 0px;
    }
    .noticia-secundaria article:nth-child(3),
    .noticia-secundaria article:nth-child(4),
    .noticia-secundaria .noti-fecha{
        display: none;
    }
    .noticia-secundaria article {
        width: 100%;
        padding-left: 20px;
    }
    .noticia-secundaria .noti-titulo{
        margin-bottom: 0;
    }
    .blog-page .contenedor #pageItemsContainerBlog article{
        width: 50%;
        padding: 0 15px;
    }
    .page .main .contenedor,
    .single .main .contenedor{
        padding: 0 25px;
    }
    
}
@media only screen and (min-width : 100px) and (max-width : 450px){
    .banner-prom-year {
        font-size: 35px;
        line-height: 35px;
    }
    .banner-prom article:nth-child(1) {
        padding: 40px 10px 50px 10px;
        margin-right: 10px;
        margin-left: 10px;
    }
}
@media only screen and (min-width : 351px) and (max-width : 849px){

    h1 {
        padding: 0;
    }
    .titulo {
        padding: 20px 15px 25px 15px;
    }
    .top .contenedor{
        margin-top: 0;
    }
    .logo1, .logo2 {
        width: 50%;
    }
    .logo1{
        text-align: right;
    }
    .logo2{
        text-align: left;
    }
    .datos-top{
        display: none;
    }
    
}
@media only screen and (min-width : 351px) and (max-width : 649px){
    .modulos-home article{
        width: 100%;
    }
}
@media only screen and (max-width : 649px){

    .noticias-content {
        align-items: flex-start;
        flex-direction: column;
    }
    .noticias-content > div {
        width: 100%;
    }
    .noticia-principal{
        margin-bottom: 30px;
    }
    .noticia-secundaria article:nth-child(2) {
        margin-bottom: 0px;
    }
    .noticia-secundaria article:nth-child(3),
    .noticia-secundaria article:nth-child(4){
        display: none;
    }
    .noticia-secundaria article {
        width: 100%;
        padding-left: 0;
    }
    .noticia-secundaria .noti-texto p,
    .noticia-secundaria .noti-texto .noti-leer-mas{
        display: block;
    }
    .noticia-secundaria .noti-titulo {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 23px;
        min-height: auto;
    }
    .noticia-secundaria .noti-fecha {
        margin-bottom: 20px;
    }
    .noticia-principal{
        text-align: center;
    }
    .noti-leer-mas {
        text-align: center;
    }
    .noti-texto {
        padding: 30px 15px;
    }
    .blog-page .contenedor #pageItemsContainerBlog article{
        width: 100%;
        padding: 0;
    }
    .page .main .contenedor,
    .single .main .contenedor{
        padding: 0 15px;
    }
    .mod-name p br {
        display: none;
    }
}
@media only screen and (max-width : 350px){

    h1 {
        padding: 0;
        font-size: 20px;
        line-height: 23px;
    }
    .titulo {
        padding: 20px 15px 25px 15px;
    }
    .top .contenedor{
        margin-top: 0;
    }
    .logo1, .logo2 {
        width: 50%;
    }
    .logo1{
        text-align: right;
    }
    .logo2{
        text-align: left;
    }
    .logo1 img, .logo2 img {
        max-width: 100px;
    }
    .datos-top{
        display: none;
    }
    label.boton-movil {
        margin-right: 15px;
    }
    .modulos-home article{
        width: 100%;
    }
    .bottom article {
        padding: 0;
    }
    
}






