@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,300italic);
*
{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
*:focus
{
	outline:none;
}
a
{
	text-decoration:none;
}
li
{
	list-style:none;
}
body
{
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	line-height:21px;
	font-weight:400;
	color:#333;
	background:url(../images/back-body.jpg);
}
h2
{
	font-size:30px;
	line-height:35px;
	color:#2e5176;
	font-weight:400;
	text-align:center;
}
footer
{
	padding:12px 0;
	width:100%;
	margin:auto;
	text-align:center;
	font-size:15px;
	color:#fff;
	background:#b70229;
	position:relative;
}
footer a
{
	font-weight:600;
	color:#FFFF1F;
}

/*TRANSITIONS*/
#modulos article,
#modulos article i,
#top-menu > ul > li > a,
.social li a,
.page_navigation a,
.enviar,
.sub-menu,
.sub-menu a,
.leer-mas,
.sitios-interes li,
.edu-virtual-text a,
.pop-up-cerrar,
.pop-up > div,
#b-whatsapp,
#b-whatsapp a,
#b-whatsapp span,
.lista li a,
a
{
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}

/*****ID*****/
#banner
{
	background:#2E5176 url(../images/back-banner.png);
	height: 400px;
	position: relative;
    z-index: 2;
}
#banner-slide
{
	width:1280px;
	left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
#colegio
{
	background-size: 100%;
	text-align:right;
	width:100%;
	margin:0px auto 0 auto;
	position:relative;
}
#colegio h3
{
	text-align:center;
	background:#b70229;
	padding:15px;
	font-size:27px;
	color:#fff;
}
#colegio .contenedor
{
	position:absolute;
	top:51px;
	left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	/*height:450px;*/
}
#colegio .formulario
{
	display:inline-block;
	width:35%;
	/*height:450px;*/
	background:rgba(255,255,255,0.80);
}
#info
{
	max-width: 1100px;
    width: 95%;
    margin: 0 auto 30px auto;
}
#info article
{
	background:#fff;
	margin-bottom:20px;
	border-radius: 0 0 30px 30px;
	-moz-border-radius: 0 0 30px 30px;
	-webkit-border-radius: 0 0 30px 30px;
	box-shadow: 0 0 5px rgba(0,0,0,0.55);
}
#info h2
{
	border-bottom:1px dotted #b70229;
	padding-bottom:15px;
	margin-bottom:30px;
}
#info h2 b
{
	color: #b70229;
}
#info p
{
	color:#333;
	font-size:17px;
	font-weight:300;
	text-align:justify;
}
#modulos
{
	background:rgba(211, 211, 211, 0.48); 
	height:190px;
	width:100%;
	margin:auto;	
	font-size:0;
	text-align:center;
}
#modulos .contenedor
{
	max-width:1280px !important;
}
#modulos article
{
	display:inline-block;
	vertical-align:top;
	width:16%;
	margin-right:2%;
	font-size:17px;
	height:220px;
	position:relative;
	cursor:pointer;
}
#modulos article:after
{
	content:"";
	display:block;
	position:absolute;
	bottom:-14px;
	left:0;
	width:100%;
	height:14px;
	background:url(../images/sombra-mod.png) center top no-repeat;
}
#modulos article:last-child
{
	margin-right:0;
}
#modulos article i
{
	display: block;
    width: 90px;
    height: 90px;
    margin: 50px auto 12px auto;
    opacity: 1;
    border-radius: 90em;
}
#modulos article h3
{
	text-transform:uppercase;
	color:#fff;
	font-weight:300;
	opacity:1;
}
#modulos article h3 b
{
	font-weight:600;
}
#nombre-logo
{
	position:relative;
	position:absolute;
	top:30px;
	left:0;
	width:222px;
	background: url(../images/blanco-logo.png) repeat-x;
	min-height:421px;
	padding:50px 0 0 0;
	text-align:center;
	z-index:3;
}
#nombre-logo:before
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:-22px;
	width:0;
	border-bottom:22px solid #142231;
	border-left:0px solid transparent;
	border-right:22px solid transparent;
}
#noticias
{
	display: flex;
    max-width: 1280px;
	width:95%;
    margin: 0 auto 45px auto;
	padding-top: 186px;
}
#noticias article
{
	margin-bottom:20px;
	border-radius: 30px 0 30px 0;
	-webkit-border-radius: 30px 0 30px 0;
	-moz-border-radius: 30px 0 30px 0;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.55);
}
#noticias article.left,
#noticias article.right
{
	padding: 5px;
}
#noticias article.right
{
	text-align:right;
}
#noticias article.left .leer-mas
{
	bottom:4px;
	right:0;
	padding: 11px 15px 11px 10px;
}
#noticias article.right .leer-mas
{
	bottom: 5px;
	left:0;
	padding: 11px 10px 11px 15px;
}
#noticias article.left figure,
#noticias article.right figure
{
	width:43%;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
#noticias article.left figure
{
	margin-right:2%;
}
#noticias article.right figure
{
	margin-left:2%;
}
#noticias article.left figure img,
#noticias article.right figure img
{
	width:100%;
}
#noticias article.left figure img
{
	border-radius:25px 0 0 0;
	-webkit-border-radius:25px 0 0 0;
	-moz-border-radius:25px 0 0 0;
}
#noticias article.right figure img
{
	border-radius: 0 0 25px 0;
	-webkit-border-radius: 0 0 25px 0;
	-moz-border-radius: 0 0 25px 0;
}
#noticias.noticias-internas article.left figure, #noticias.noticias-internas article.right figure {
    width: 30%;
}
#noticias.noticias-internas .noticias-texto {
    width: 66%;
}
.blog{
	display: flex;
	gap: 30px;
}
.blog article{
	width: 33.3%;
}
.blog article figure{
	position: relative;
}
.blog article img{
	width: 100%;
	border-radius: 30px 0 0 0;
}
.blog article .noticias-texto{
	width: 100%;
	padding: 15px 15px 25px 15px;
}
.blog article .leer-mas{
	right: 0;
    bottom: 4px;
	padding: 8px;
    border-radius: 10px 0 0 0;
}
#page_container
{
	display:inline-block;
	vertical-align:top;
	width: 71%;
}
#page_container_galery .page_navigation:before
{
	content:"Más Fotos";
}
#top-menu
{
	background:#B70229;
	width:100%;
	margin:auto;
	position:relative;
}
#top-menu > ul
{
	max-width:1024px;
	width:95%;
	margin:auto;
	text-align:right;
	font-size:0;
}
#top-menu > ul > li
{
	display:inline-block;
	vertical-align:top;
	border-right:1px dotted #fff;
	position:relative;	
}
#top-menu > ul > li:last-child
{
	border-right:none;
}
#top-menu > ul > li > a
{
	display:block;
	padding: 15px;
	color:#fff;
	font-size:16px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#top-menu > ul > li > a i
{
	font-size:11px;
}

/*****CLASS*****/
 .admisiones{
        background: #2E5176;
        margin-top: 0px;
        padding: 50px 25px;
        text-align: center;
    }
    .admisiones img
    {
        width: 100%;
        max-width: 1120px;
        display: inline-block;
    }
.art-a
{
	padding: 150px 35px 35px 35px;
}
.art-b
{	padding: 30px 35px 35px 35px;
	border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
}

.banner-container
{
	max-width:1280px;
	width:100%;
	margin:auto;
	position:relative;
	overflow:hidden;
}
.contenedor
{
	max-width:1280px;
	width:95%;
	margin:auto;
	position:relative;
}
.contacto
{
	width:90%;
	margin: 60px auto;
	text-align:center;
}
.contacto input[type="text"],
.contacto input[type="email"],
.contacto input[type="number"]
{
	display:inline-block;
	vertical-align:top;
	height:40px;
	margin-bottom:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:none;
	width:85%;
	padding-left:20px;
	background:#2e5176;
	color:#fff;
	font-size:15px;
	font-weight:300;
}
.contacto input:focus,
.contacto textarea:focus
{
	background:#2e5176;
}
.contacto textarea
{
	height:155px;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border:none;
	width:100%;
	padding:20px;
	background:#2e5176;
	color:#fff;
	font-size:15px;
	font-weight:300;
	resize:none;
}
.contacto input::-webkit-input-placeholder { color:#fff; }
.contacto input::-moz-placeholder { color:#fff; }
.contacto input:-ms-input-placeholder { color:#fff; }
.contacto input:-moz-placeholder { color:#fff; }

.contacto textarea::-webkit-input-placeholder { color:#fff; }
.contacto textarea::-moz-placeholder { color:#fff; }
.contacto textarea:-ms-input-placeholder { color:#fff; }
.contacto textarea:-moz-placeholder { color:#fff; }

.contacto i
{
	display:inline-block;
	vertical-align:top;
	background:#b70229;
	color:#fff;
	height:40px;
	width:40px;
	font-size:25px;
	line-height:40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.contador-visitas
{
	position:absolute;
	right:80px;
	top:0;
	height:44px;
	background:rgba(0,0,0,0.36);
	padding: 0 15px;
	font-weight:300;
	line-height:44px;
}
.contador-visitas i
{
	color:#FFFF1F;
}
.contador-visitas a
{
	margin-left:5px;
}
.contador-visitas a img
{
	height:16px;
}
.datos-colegio
{
	padding: 40px 0;
	text-align:center;
}
.datos-colegio article
{
	display:inline-block;
	vertical-align:top;
	width:22%;
	margin: 0 1%;
}
.datos-colegio article span
{
	padding:3px;
	display:inline-block;
	border:2px solid #2e5176;
	border-radius:90em;
	-webkit-border-radius:90em;
	-moz-border-radius:90em;
	margin-bottom:10px;
}
.datos-colegio article i
{
	width:70px;
	height:70px;
	background:#2e5176;
	line-height:70px;
	font-size:35px;
	color:#fff;
	border-radius:90em;
	-webkit-border-radius:90em;
	-moz-border-radius:90em;
}
.datos-colegio article p
{
	color:#252a5b;
	font-size:15px;
}
.edu-virtual
{
    font-size: 0;
    margin: 80px 0 20px 0px;
	display: flex;
    align-items: center;
}
.edu-virtual > div{
    font-size: 17px;
    display: inline-block;
    width: 46%;
    vertical-align: top;
    margin: 0 2%;
}
.edu-virtual-text{
    color: #333;
    font-size: 17px;
    font-weight: 300;
    text-align: justify;
}
.edu-virtual-text h2{
    margin-bottom: 30px;
    text-align: left;
}
.edu-virtual-text a
{
    display: inline-block;
    margin-top: 30px;
    padding: 10px 25px;
    border: 2px solid #b70229;
    border-radius: 15px;
    color: #b70229;
    text-transform: uppercase;
    font-weight: 700;
}
.edu-virtual-img{
    width: 100%;
    max-width: 500px;
    margin: auto;
}
.escudo
{
	margin:60px auto 0 auto;
	background:rgba(42,63,87,0.70);
	border-radius:20px;
	width:70%;
	padding-bottom:20px;
}
.escudo img
{
	position:relative;
	margin-top:-30px;
	width:150px;
}
.escudo p
{
	color:#fff;
	font-weight:300;
	line-height:18px;
}
.enviar
{
	width:auto;
	background:#b70229;
	color:#fff;
	display:block;
	padding: 8px 12px;
	text-align:center;
	border:none;
	font-weight:600;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-top:10px;
}
.fa-chevron-circle-right
{
	color:#b70229;
	margin-right:10px;
}
.foto
{
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
.foto-interna
{
	background: #2E5176 url(../images/back-banner.png);
	height: 400px;
}

.foto-interna article
{
	max-width: 1280px;
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.foto-interna article figure
{
	overflow: hidden;
    position: relative;
    left: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
	height: 540px;
}
.foto-interna img
{
	display: inline-block;
    height: 100%;
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.h2-home
{
	margin: 0px 0 27px 0;
    text-align: center;
    padding-right: 0;
    font-size: 38px;
    line-height: 40px;
}
.h2-home b
{
	/*display: block;*/
	color: #b70229;
}
.ico-colweb
{
	background: rgba(0,0,0,0.15) url(../images/ico-colweb.png) center center no-repeat;
	background-size:80%;
}
.ico-gal
{
	background: rgba(0,0,0,0.15) url(../images/ico-galeria.png) center center no-repeat;
	background-size:70%;
}
.ico-serv
{
	background: rgba(0,0,0,0.15) url(../images/ico-servicios.png) center center no-repeat;
	background-size:70%;
}
.ico-per
{
	background: rgba(0,0,0,0.15) url(../images/ico-periodico.png) center center no-repeat;
	background-size:70%;
}
.ico-pagos
{
	background: rgba(0,0,0,0.15) url(../images/ico-pagos.png) center center no-repeat;
	background-size:70%;
}
.leer-mas
{
	display:block;
	position:absolute;
	width: 155px;
	text-transform:uppercase;
	background:#b70229;
	color:#fff;
	text-align: center;
}
.leer-mas i
{
	margin:0 5px;
}
.leer-mas:hover
{
	width: 165px;
	color:#fff !important;
}
.logo
{
	width:185px;
	cursor:pointer;
}
.lista{
   font-size: 0;
}
.lista li{
   font-size: 17px;
    display: inline-block;
   width: 29.3%;
    margin: 15px 2%;

}
.lista li a{
    background: #ececec;
    padding: 15px 15px 15px 75px;
    border: 1px solid #ccc;
    position: relative;
    display: block;
}
.lista li i{
    color: #fff;
    font-size: 30px;
 position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50px;
    background: #52ac82;
    text-align: center;
    padding-top: 8px;
}

.maps iframe
{
	pointer-events: none;
}
.margin-right
{
	margin-right:25px;
}
.mod-amarillo
{
	background:#ffd000;
}
.mod-verde
{
	background:#52ac82;
}
.mod-azul
{
	background:#1c794e;
}
.mod-morado
{
	background:#252a5b;
}
.bk-azul{background:#2E5176;}
.bk-verde{background:#4CA36E;}
.bk-amarillo{background:#FFFF1F;}
.bk-rojo{background:#B70229;}

.nombre-col
{
	font-size:22px;
	color:#252a5b;
	font-weight:300;
	line-height:30px;
}
.nombre-col span
{
	display:block;
	font-size:34px;
	font-weight:700;
	text-shadow: -2px -2px 1px #252a5b, 2px 2px 1px #252a5b, -2px 2px 1px #252a5b, 2px -2px 1px #252a5b;
	color:#fff;
}
.noticias-texto
{
	display:inline-block;
	vertical-align:middle;
	width:53%;
}
.noticias-texto h4
{
	color:#2e5176;
	font-size:17px;
	line-height: 18px;
	font-weight:700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
}
.noticias-internas .noticias-texto h4,
.noticias-internas .noticias-texto span.fecha
{
	text-align: left;
}
.noticias-texto span.fecha
{
	display:block;
	font-size:13px;
	font-weight: 300;
	font-style:italic;
	padding:5px 0px;
	margin: 5px 0 20px 0;
	color:#4ca36e;
	text-align: center;
}
.noticias-texto span.fecha i
{
	margin: 0 10px;
}
.noticias-texto p
{
	color:#5d5d5d;
	font-size:16px;
	font-weight:400;
	line-height:20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.noticias-texto p b
{
	font-weight:600;
	color:#333333;
}
.open-menu,
.closed-menu
{
		position:absolute;
		top:5px;
		right:4%;
		background:#fff;
		width:75px;
		height:40px;
		border-radius:8px 8px;
		color:#b70229;
		font-size:25px;
		text-align:center;
		line-height:40px;
		display:none;
}
.closed-menu
{
	top: 6px;
    right: 30px;
    background: none;
}
.page_navigation
{
	background:#e0e0e0;
	position:relative;
	padding-left: 120px;
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	margin-bottom:20px;
	text-align: right;
}
.page_navigation:before
{
	content:"Más Noticias";
	position:absolute;
	left:10px;
	color:#2e5176;
	font-size:15px;
	line-height:27px;
	font-weight:600;
}
.page_navigation a
{
	display:inline-block;
	vertical-align:top;
	color:#fff;
	padding: 2px 5px;
	background:#8d8d8d;
	margin-left:5px;
}
.page_navigation a.active_page
{
	background:#b70229;
	color:#fff;
}
.pop-up
{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.60);
    overflow-y: auto;
    padding: 80px 10px 10px 15px;
    text-align: center;
    z-index: 10000;
}
.pop-up > div
{
    width: 100%;
    max-width: 700px;
    border: 3px solid #fff;
    box-shadow: 1px 1px 5px #000000;
    margin: 40px auto 0 auto;
    line-height: 0;
    position: relative;
    opacity: 0;
}
.pop-up > div img
{
    width: 100%;
}
.pop-up-cerrar
{
    font-size: 20px;
    position: absolute;
    right: -18px;
    top: -18px;
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;border-radius: 90em;
    line-height: 30px;
    box-shadow: 1px 1px 5px #000000;
}
.servicio
{
	display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 1% 30px 1%;
}
.servicio img
{
	width:100%;
	border-radius:15px;
}
.servicio p
{
	background: #4CA36E;
    padding: 10px;
    text-align: center !important;
    color: #fff !important;
    border-radius: 5px;
}
.sitios-interes,
.modulos-horizontal
{
	display:inline-block;
	vertical-align:top;
	width:25%;
	margin-right:3%;
}
.modulos-horizontal
{
	margin-top: 20px;
}
.modulos-horizontal > div{
	padding: 15px;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	cursor: pointer;
}
.modulos-horizontal > div:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    height: 14px;
    background: url(../images/sombra-mod.png) center top no-repeat;
	background-size: 90%;
}
.modulos-horizontal > div i {
    width: 90px;
    height: 90px;
    opacity: 1;
    border-radius: 90em;
	margin-right: 20px;
}
.modulos-horizontal > div.bk-amarillo{
    color: #2E5176;
}
.sitios-interes h3
{
	background:#52ac82;
	color:#fff;
	font-weight:400;
	font-size:22px;
	text-align:center;
	padding: 15px 0;
	border-radius:10px;
	margin-bottom:10px;
}
.sitios-interes h3 b
{
	font-weight:700;
}
.sitios-interes li
{
	background:rgba(224, 224, 224, 0.80);
	border-radius:10px;
	padding:5px;
	text-align:center;
}
.sitios-interes li img
{
	width:90%;
	display:inline-block;
}
.social
{
	width:218px;
	height:65px;
	position:absolute;
	bottom:35px;
	left:-19px;
	background:url(../images/back-social-3.png) no-repeat;
	text-align:right;
	line-height:65px;
	padding-right:20px;
}
.social li
{
	display:inline-block;
	vertical-align:top;
}
.social li a
{
	display:block;
	color:#fff;
	padding: 0 5px;
	font-size:23px;
}
.social li:last-child a
{
	margin-top:-4px;
}
.sub-menu
{
	position:absolute;
	z-index:3;
	top:-300px;
	left:0;
	background:#2e5176;
	text-align:left;
	
	opacity:0.0;
}
.sub-menu a
{
	font-size:15px;
	display:block;
	color:#fff;
	padding: 8px 10px;
	border-bottom:1px dotted #fff;
	font-weight:300;
}
.scrollup 
{
    position: fixed;
    bottom: 30px;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 99999999;
    background: #b70229;
	color:#fff;
    cursor: pointer;
    display: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
	border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	font-size:20px;
	text-align:center;
	line-height:48px;
	cursor:pointer;
}


/*GALERIA*/

            .demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
				margin-bottom: 15px;
				margin-right: 1%;
				margin-left: 1%;
				width: 18%;
				height: 113px;
    			overflow: hidden;
            }
			#lightgallerydos > li {
                width: 170px !important;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
          

/*END GALERIA*/

#b-whatsapp{
    position: relative;
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 25;
    width: 50px;
    height: 50px;
    background: url(../images/whatsapp.svg) center center no-repeat;
    background-size: 100%;
    border-radius: 90em;
    border: 3px solid #fff;
    box-shadow: 0 0 5px #000;
}
#b-whatsapp span{
    display: block;
    position: relative;
    position: absolute;
    right: 0;
    top: -180px;
    background: #fff;
    width:0;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: 0 0 5px #000;
    text-align: right;
    overflow: hidden;
    border-bottom: 10px solid #25d366;
    opacity: 0;
}

#b-whatsapp span p{
    border: 1px solid #25d366;
    border-radius: 5px;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 8px;
    background: #f5f5f5;
    text-align: left;
    width: 280px;
}
#b-whatsapp span p b{
    background: #25d366;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 10px;
}
#b-whatsapp span a{
    display: inline-block;
    background: #25d366;
    color: #fff;
    border-radius: 90em;
    padding: 5px 10px; 
    width: 101px;
}
#b-whatsapp:hover span{
    opacity: 1;
      width: 300px;
     padding: 10px;
    }

/*HOVER*/
@media only screen and (min-width : 769px)
{
/*ID*/

#modulos article:hover
{
	height:230px;
}
#modulos article:hover i
{
	margin: 60px auto 12px auto;
}
#top-menu > ul > li:hover > a
{
	background:#2e5176;
}
#top-menu > ul > li:hover .sub-menu
{
	top:52px;
	opacity:1;
}
#top-menu > ul > li.active
{
	border-left:1px solid #2e5176;
	border-right:1px solid #2e5176;
}
#top-menu > ul > li.active > a
{
	background:#2e5176;
}

/*CLASS*/

.enviar:hover
{
	background:#4CA36E;
	padding: 8px 18px;
}
.page_navigation a:hover
{
	background:#b70229;
	color:#fff;
}
.sitios-interes li:hover
{
	background:rgba(191, 191, 191, 0.8);
}
.social li:hover a
{
	color:#FFFF1F;
}
.sub-menu a:hover
{
	background: #122c49;
}
.edu-virtual-text a:hover
{
    background: #b70229;
    color: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #b70229 !important;
}
    .pop-up-cerrar:hover
	{
		transform: scale(1.1);
		cursor: pointer;
	}
    
    .lista li:hover a{
    padding: 15px 15px 15px 85px;
    border: 1px solid #52ac82;
    }

}

@media only screen and (min-width : 769px) and (max-width : 999px)
{
	footer 
	{
    padding: 12px 0 12px 80px;
    text-align: left;
	}
	#colegio .formulario 
	{
    width: 45%;
	}
	#modulos article 
	{
    width: 18%;
    margin-right: 1%;
	}
	#nombre-logo 
	{
    top: 52px;
    left: 30px;
    padding: 30px 0 0 0;
	}
	#nombre-logo:before 
	{
		opacity:0;
	}
	#top-menu > ul 
	{
		text-align: center;
	}
	.demo-gallery > ul > li 
	{
    width: 23%;
	}
	.blog {
		gap: 15px;
	}
	.blog article .noticias-texto {
		padding: 15px 8px 25px 8px;
	}
	.modulos-horizontal > div i {
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}
	.modulos-horizontal > div {
		padding: 20px 15px;
	}
	.modulos-horizontal {
		width: 20%;
		margin-right: 2%;
	}
	#page_container {
		width: 80%;
	}
	
	
}
@media only screen and (min-width : 401px) and (max-width : 768px)
{
	footer 
	{
    padding: 12px 12px 50px 12px;
	}
	#colegio .contenedor 
	{
    position: relative;
    top: 0;
    left: 0;
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    height: auto;
	}
	#colegio .formulario 
	{
    width: 100%;
    height: auto;
	}
	#modulos
	{
	height: auto;
	}
	#modulos article 
	{
    width: 45%;
    margin: 0 2% 25px 2%;
	}
	#nombre-logo 
	{
    top: 28px;
    left: 30px;
    padding: 50px 0 0 0;
	}
	#nombre-logo:before 
	{
		opacity:1;
	}
	#page_container 
	{
    display: inline-block;
    vertical-align: top;
    width: 100%;
	}
	#top-menu
	{
		padding-top:50px;
	}
	#top-menu > ul
	{
	position: fixed;
    top: 0;
    left: 0;
    background: rgba(253, 253, 253, 0.93);
    z-index: 99999;
    width: 100%;
    height: 100%;
    padding-top: 70px;
    overflow-y: auto;
	display:none;
	padding-bottom:20px;
	}
	#top-menu > ul > li 
	{
    display: block;
    border-right: 0px;
    border-bottom: 1px solid #b70229;
	}
	#top-menu > ul > li > a 
	{
	text-align: center;
    font-size: 17px;
    color: #2E5176;
	}
	#top-menu > ul > li:hover .sub-menu
	{
		height:auto;
	}
	.sub-menu 
	{
    position: relative;
    top: 0;
    left: 0;
    background: #b70229;
    text-align: center;
    opacity: 1;
	overflow:hidden;
	height:0;
	}
	.sub-menu a 
	{
    font-size: 17px;
    color: #fff;
    padding: 15px 10px;
	}
	.contacto 
	{
    width: 95%;
    margin: 30px auto;
    text-align: center;
	}
	.contacto > div
	{
		position:relative;
	}
	.contacto input[type="text"], 
	.contacto input[type="email"] 
	{
   		width: 100%;
	    padding-right: 50px;
	}
	.contacto i 
	{
		position:absolute;
		top:0;
		right:0;
	}
	.contacto input[type="number"] {
		width: 100%;
	}
	.contador-visitas 
	{
    right: 0px;
    top: auto;
    bottom: 0;
	width:100%;
	}
	.demo-gallery > ul > li 
	{
    width: 31%;
	}
	.h2-home 
	{
    margin: 30px 0 27px 0;
    text-align: center;
    padding-right: 0px;
	}
	.maps iframe
	{
		height:300px !important;
	}
	.open-menu
	{
		display:block;
	}
	.servicio 
	{
    width: 46%;
	}
	.sitios-interes 
	{
    display: none;
	}
    .edu-virtual {
    margin: 50px 0 60px 0px;
	flex-direction: column;
    }    
    .edu-virtual > div{
    display: block;
    width: 100%;
    margin: 0 auto;
    }
    .edu-virtual-text{
        text-align: center;
    }
    .edu-virtual-text p
    {
        text-align: justify;
        padding: 0 30px;
    }
    .edu-virtual-text h2{
    text-align: center;
    }
    .admisiones{
        margin-top: 50px;
        padding: 30px 10px;
    }
    .lista li{
    width: 46%;
    margin: 15px 2%;
    padding: 15px 15px 15px 60px;
    }
	#noticias {
		flex-direction: column;
	}
	.modulos-horizontal {
		margin-top: 0px;
		width: 100%;
    	margin-right: 0%;
		display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
	}
	.blog {
		flex-direction: column;
	}
	.blog article {
		width: 100%;
	}
	
}

@media only screen and (max-width : 600px)
{
	#noticias article.left, 
	#noticias article.right 
	{
    padding: 10px;
	}
	#noticias article.left figure, 
	#noticias article.right figure 
	{
    width: 100%;
	}
	#noticias article.left figure 
	{
    margin-right: 0%;
	}
	#noticias article.right figure 
	{
    margin-left: 0%;
	}
	#noticias.noticias-internas article.left figure, #noticias.noticias-internas article.right figure {
		width: 100%;
	}
	.datos-colegio article 
	{
    width: 45%;
    margin: 0 1% 20px 1%;
	}
	.demo-gallery > ul > li 
	{
    width: 48%;
	}
	.noticias-texto 
	{
    width: 100%;
	    margin: 15px 0;
	}
	#noticias.noticias-internas .noticias-texto {
		width: 100%;
	}
	.servicio 
	{
    width: 100%;
    margin: 0 0 30px 0;
	}
	
}
	
@media only screen and (max-width : 400px)
{
	footer 
	{
    padding: 12px 12px 50px 12px;
	}
	#banner 
	{
    height: 475px;
	}
	#colegio .contenedor 
	{
    position: relative;
    top: 0;
    left: 0;
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    height: auto;
	}
	#colegio .formulario 
	{
    width: 100%;
    height: auto;
	}
	#info p 
	{
    text-align: left;
	}
	#modulos
	{
	height: auto;
	}
	#modulos article 
	{
    width: 95%;
    margin: 0 2% 25px 2%;
	  height: 270px;
	}
	#modulos article h3 
	{
    font-size: 23px;
    line-height: 28px;
	}
	#modulos article i 
	{
    width: 120px;
    height: 120px;
	}
	#nombre-logo 
	{
     top: 50px;
    left: 50%;
    padding: 20px 8px 0 8px;
    width: 90%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
	}
	#nombre-logo:before 
	{
		opacity:0;
	}
	#page_container 
	{
    display: inline-block;
    vertical-align: top;
    width: 100%;
	}
	#top-menu
	{
		padding-top:50px;
	}
	#top-menu > ul
	{
	position: fixed;
    top: 0;
    left: 0;
    background: rgba(253, 253, 253, 0.98);
    z-index: 99999;
    width: 100%;
    height: 100%;
    padding-top: 70px;
    overflow-y: auto;
	display:none;
	padding-bottom:20px;
	}
	#top-menu > ul > li 
	{
    display: block;
    border-right: 0px;
    border-bottom: 1px solid #b70229;
	}
	#top-menu > ul > li > a 
	{
	text-align: center;
    font-size: 17px;
    color: #2E5176;
	}
	#top-menu > ul > li:hover .sub-menu
	{
		height:auto;
	}
	.sub-menu 
	{
    position: relative;
    top: 0;
    left: 0;
    background: #b70229;
    text-align: center;
    opacity: 1;
	overflow:hidden;
	height:0;
	}
	.sub-menu a 
	{
    font-size: 17px;
    color: #fff;
    padding: 15px 10px;
	}
	.contacto 
	{
    width: 95%;
    margin: 30px auto;
    text-align: center;
	}
	.contacto > div
	{
		position:relative;
	}
	.contacto input[type="text"], 
	.contacto input[type="email"] 
	{
   		width: 100%;
	    padding-right: 50px;
	}
	.contacto i 
	{
		position:absolute;
		top:0;
		right:0;
	}
	.contador-visitas 
	{
    right: 0px;
    top: auto;
    bottom: 0;
	width:100%;
	}
	.datos-colegio article 
	{
    width: 100% !important;
    margin: 0 0 20px 0 !important;
	}
	.h2-home 
	{
    margin: 30px 0 27px 0;
    text-align: center;
    padding-right: 0px;
	font-size: 32px;
    line-height: 34px;
	}
	.logo 
	{
	width:100%;
    max-width: 185px;
	}
	.maps iframe
	{
		height:300px !important;
	}
	.open-menu
	{
	display: block;
    right: auto;
    left: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
	}
	.page_navigation 
	{
    padding-left: 0;
    text-align: center;
	}
	.page_navigation:before 
	{
		display:none;
	}
	.sitios-interes 
	{
    display: none;
	}
    .edu-virtual {
    margin: 50px 0 60px 0px;
	flex-direction: column;
    }    
    .edu-virtual > div{
    display: block;
    width: 100%;
    margin: 0 auto;
    }
    .edu-virtual-text{
        text-align: center;
    }
    .edu-virtual-text p
    {
        text-align: justify;
        padding: 0 30px;
    }
        .edu-virtual-text h2{
    text-align: center;
    }
     .admisiones{
        margin-top: 50px;
        padding: 30px 10px;
    }
        .lista li{
    width: 100%;
    margin: 0 0 15px 0;
    }
	#noticias {
		flex-direction: column;
		padding-top: 106px;
		margin-bottom: 15px;
	}
	.modulos-horizontal {
		margin-top: 0px;
		width: 100%;
    	margin-right: 0%;
		display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
	}
	.modulos-horizontal > div{
		width: 100%;
	}
	.blog {
		flex-direction: column;
		gap: 10px;
	}
	.blog article {
		width: 100%;
	}
	.contacto input[type="number"] {
    	width: 100%;
	}
	input[type="submit"] {
		margin: 10PX auto 0 auto;
	}
	.closed-menu {
		right: 0px;
	}
	.foto-interna article figure {
		height: 450px;
	}
	.art-a {
		padding: 50px 15px 15px 15px;
	}
	
}
.boton{
	text-align: right;
}
.boton a{
	display: inline-block;
    padding: 10px 25px;
    border: 2px solid #2e5176;
    border-radius: 15px;
    color: #2e5176;
    text-transform: uppercase;
    font-weight: 700;
}
.boton a:hover{
	background: #2e5176;
    padding: 10px 30px;
    color: #fff;
}