/*font-family: 'Patua One', cursive;*/
/*font-family: 'Mitr', sans-serif;*/

html{
	width: 100%;
	height: 100%;
	margin: 0px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; 
}

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow-x: hidden;
}

.site_content{ 
	width: 100%;
	height: 100%;
}

.site_header_menu{
	width: 100%;
	min-height: 80px;
	position: fixed;
	margin-top: 0px;    
	background-color: rgba(40, 40, 40, 0.90);
	z-index: 50;
	border-style: solid;
	border-width: 2px;
	border-left: 0px;
	border-right: 0px;
	border-image: linear-gradient(to right, #d65b48 20%,#4fa866 50%, #3e5fd6 80%)0 0 1 0;
	font-size: 100%;
}

.site_body{
	width: 100%;
}

.downloadContainer{
	position: fixed;
	z-index: 51;  
	max-height: 100px;
	cursor: pointer;
}

.downloadArea{
	display: inline-block;
	width: 130px;
	height: 100px;
	background-image: url("../../imgs/btnFacebook.png");
	background-size: 130px 100px;
	background-repeat: no-repeat;
	background-position: center; 
}

.downloadArrow{
	display: inline-block;
	width: 40px;
	height: 100px;
	text-align: center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #c8c8c8;
}

.downBack{
	width: 40px;
	height: 100px;
	background: rgba(40, 40, 40, 0.7);
	background-image: url("../../imgs/flechaDer.svg");
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: center; 
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.downForth{
	width: 40px;
	height: 100px;
	background: rgba(40, 40, 40, 0.4);
	background-image: url("../../imgs/flechaIzq.svg");
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: center; 
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.menu_item{
	display: inline-block;
	margin: 10px;
	color: white;
	cursor: pointer;
	font-family: 'Mitr', sans-serif;
}

.site_name{
	width: 60px;
	height: 60px;
	background-image: url("../../imgs/eduHeadLogo.png");
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: center; 
	margin-left: 45px;
}

.links_container{
	float: right;
	margin-right: 10%;
	margin-top: 15px;
}

.block_first{
	min-height: 640px;
	color: white;
}

.block{
	padding: 15px;
	padding-top: 80px;
	min-height: 800px;
}

/**************************************************************************************/

.block_preescolar{
	background: #d65b48;
}

.title_destacados{
	margin: 0 auto;
	width: 200px;
	height: 200px;
}

.block_primaria{
	background: -moz-linear-gradient(top, #afafaf 0%, #ffffff 10%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #afafaf 0%,#ffffff 10%,#ffffff 100%);
	background: linear-gradient(to bottom, #afafaf 0%,#ffffff 10%,#ffffff 100%);
}

.block_secundaria{
	background: #4fa866;
}

.block_bachillerato{
	background: #fff;
	background: -moz-linear-gradient(top, #afafaf 0%, #ffffff 10%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #afafaf 0%,#ffffff 10%,#ffffff 100%);
	background: linear-gradient(to bottom, #afafaf 0%,#ffffff 10%,#ffffff 100%);
}

.block_ingles{
	background: #3e5fd6;
}

.block_tec{
	background: #fff;
	background: -moz-linear-gradient(top, #afafaf 0%, #ffffff 10%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #afafaf 0%,#ffffff 10%,#ffffff 100%);
	background: linear-gradient(to bottom, #afafaf 0%,#ffffff 10%,#ffffff 100%);
}

.block_contacto{
	background: #d65b48;
	font-family: 'Mitr', sans-serif;
}

.contact{
	background: rgba(212, 212, 212, 1);
	max-width: 900px;
	min-height: 480px;
	margin: 0 auto;
	padding: 15px;
	border-radius: 15px;
}

.gifImage{
	width: 350px;
	height: 164px;
}

.gifImageSapiens{
	width: 350px;
}

.sapiens_gif_container{
	text-align: center;
}

.btn-submit-wrap{
	text-align: right;
}

.btn-submit{
	color: #666666;
	font-size: 14px !important;
	font-weight: 700 !important;
}

/*Sub-bloques*/
.subBlocks{
	display: inline-block;
	width: 33.33%;
	text-align: left;
	padding: 20px;
	vertical-align: top;
	height: 640px;
	font-family: 'Mitr', sans-serif;
	font-size: 105%;
}

.img_blocks{
	width: 70%;
	max-width: 200px;
}

@media only screen and (max-device-width: 1142px){
	.subBlocks{
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		padding: 20px;
	}

	.block_first{
		
	}

	.img_blocks{
		width: 70%;
		max-width: 300px;
	}
	
}

.firstBlock{
	background: #d65b48;
}

.secondBlock{
	background: #4fa866;
}

.thirdBlock{
	background: #3e5fd6;
}

.subBlockTitle{
	font-size: 20px;
	font-family: 'Patua One', cursive;
	text-align: center;
	font-size: 30px;
}

.blockText{
	text-align: left;
}

/*Fin de sub-bloques*/

.block_second{
	padding: 15px;
	padding-top: 80px;
	height: 800px;
	background: -moz-linear-gradient(top, #afafaf 0%, #ffffff 10%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #afafaf 0%,#ffffff 10%,#ffffff 100%);
	background: linear-gradient(to bottom, #afafaf 0%,#ffffff 10%,#ffffff 100%);
}

.site_footer{
	height: 40px;
	background: #394247;
	color: white;
	padding: 10px;
	text-align: center;
}

.site_footer a{
	color: #d9d9d9;
}

.site_footer a:hover{
	color: #c3c3c3;
}

.edu_btnAtras{
	width: 40px;
	height: 40px;
	background-image: url("../../imgs/flechaDer.svg");
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: center; 
}

.owl-next{
	background: #f68930 !important;
}

.owl-prev{
	background: #f68930 !important;
}

.disabled{
	background: #e7934f !important;
}

.edu_btnAdelante{
	width: 40px;
	height: 40px;
	background-image: url("../../imgs/flechaIzq.svg");
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: center; 
}

.itemContainer{
	width: 100%;
	height: 342px;
}

.carouselContainer{
	width: 80%;
	height: 500px;
	margin: 0 auto;
}

.block_secondTitle{
	font-size: 200%;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: #ff8928;
	padding-top: 56px;
	margin: 0 auto;
	font-family: 'Patua One', cursive;
}

.itemWrap{
	max-width: 300px;
	height: 100%; 
	margin: 0 auto;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	border-color: #afafaf;
}

.item_Body{
	height: 300px;
}

.itemTitle{
	width: 100%;
	height: 40px;
	background: #666666;
	color: white;
	font-size: 150%;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
	text-align: center;
	font-family: 'Patua One', cursive;
}

.itemImg{
	width: 100px;
	height: 300px;
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;
}

.lbContent{
	position:absolute;
	margin-top: 6%;
	margin-left: 10%;
    width: 80%;
    height: 80%;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}

/*************************************************/
/*             Lightbox							 */
/*************************************************/
.lightbox{
	z-index: 99;
	width: 100%;
	height: 100%;
	position: fixed;
	margin-top: 0px;    
	top: 0px;
	background: rgba(0, 0, 0, 0.85);
	opacity: 0;

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; 
}

/*************************************/
/* Contents                          */
/*************************************/
.buttons_area{
	/*max-width: 50%;*/
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0px;
	background: rgba(0, 0, 0, 0.1);
	padding: 15px;
	border-radius: 15px;
}

.button1{
	width: 160px;
	height: 60px;
	background-color: rgba(255, 255, 255, 0.5);
	color: #666;
	display: inline-block;
	margin: 5px;
	padding-top: 15px;
	border-radius: 20px;
	text-align: center;
	font-family: 'Mitr', sans-serif;
	font-size: 115%;
}

.button1:hover{
	background-color: rgba(255, 255, 255, 0.3);
}

.phone{
	margin: 0 auto;
	text-align: center;
	color: #666;
}

.numTel{
	-webkit-touch-callout: all; /* iOS Safari */
	-webkit-user-select: all; /* Safari */
	-khtml-user-select: all; /* Konqueror HTML */
	-moz-user-select: all; /* Firefox */
	-ms-user-select: all; /* Internet Explorer/Edge */
	user-select: all; 
	color: #394247;
}

.subBlocksImageContainer{
	text-align: center;
	height: 50%;
	padding: 5%;
}

.subBlocksImageContainer2{
	text-align: center;
}

.img_blocks2{
	width: 130px;
}


.indice_container{
	padding-top: 40px; 
	object-fit: scale-down;
}

.indice_image{
	max-width:100%;
	object-fit: scale-down;
}

.video_container{
	padding-top: 20px; 
	object-fit: scale-down;
}

.subVideo_container{
	padding-top: 20px; 
	object-fit: scale-down;
	text-align: center;
}

.videoIframe{
	width: 100%;
	height: 100%;
}

.videoArea{
    margin: 0 auto;
    width: 70%;
    height: 70%;
    top: 50%;
    transform: translateY(20%);
}

.costume{
	z-index: -1;
}

.lbContent2{
	width: 100%;
	height: 100%;
	max-width: 200%;
	max-height: 200%;
}

.carouselContainer2{
	width: 80%;
	height: 90%;
	max-width: 80%;
	max-height: 80%;
	margin: 0 auto;

}

.close_lightbox{
	background-image: url("../../imgs/close.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 1%;
	right: 1%;
	cursor: pointer;
}

.owl-stage{
	margin: 0 auto !important;
}

.site_carousel{
	margin: 0 auto !important;
}

.fullscreen_img_cont{
	text-align: center;
}

.full_top{
	width: 50%;
	height: auto;
	max-height: 90%;
	margin: 0 auto;
	margin-top: 5%;
	padding: 10px;
	border-radius: 10px;
	color: white;
	font-family: 'Mitr', sans-serif;
	font-size: 95%;
}


@media only screen and (max-device-height: 630px){
	.full_top{
		font-size: 95%;
	}
	.subBlockTitle{
		font-size: 22px;
	}
}
@media only screen and (max-device-height: 617px){
	.full_top{
		font-size: 61%;
	}
}
@media only screen and (max-device-height: 568px){
	.full_top{
		font-size: 61%;
	}
}
@media only screen and (max-device-height: 430px){
	.full_top{
		font-size: 60%;
	}
}


/*Catalog Modal*/

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

body {
    position: relative;
}

.modal-bk {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #2e2e2e71;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.modal-bk .catalog-modal {
    position: relative;
    text-align: center;
    width: 50%;
    height: auto;
    background: white;
    border-radius: 25px;
}

.catalog-modal h3 {
    padding: 15px 0px;
}

.catalog-modal img {
    width: 85%;
}

.catalog-modal #close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 2rem;
    transform: rotate(40deg);
    cursor: pointer;
}

.catalog-modal a {
    text-decoration: none;
    color: white;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    background: #4FA866;
    padding: 15px;
    border-radius: 0px 0px 25px 25px;
}

.catalog-modal a:hover {
    text-decoration: none;
    font-weight: bold;
    color: white;
    font-size: 1.1rem;
}