/* ============================== */

/* 

	Title: Eduland Landing Page

	Autor: Coralixthemes

*/

/* ============================== */





/* ---------------------------------------------------------------------- */

/*	Import styles

 /* ---------------------------------------------------------------------- */



/*Fonts*/

@import url("https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900");



/*CSS Animations*/

/*@import url("animate-custom.css");*/



/*Videoplayer*/

/*

@import url("YTPlayer.css");

*/



/*estilos para las sugerencias del buscador*/

/*@import url("suggestlibros.css"); */



.modal-backdrop.in {

    opacity: 0.8;

}



/* .row {

	display:table-row;

}

.row > [class*='col-'] {

	display:table-cell;

    

} */



.row-flex {

	display: flex;

	flex-wrap: wrap;

  }

  

  

  /* vertical spacing between columns */

  

  [class*="col-"] {

	margin-bottom: 30px;

  }

  

.content_video {

	height: 100%;

	padding: 20px 26px 10px;

	position:relative;

}



.content_video .btnVideo {

    

    bottom: 10px;

    position: absolute;

}



.form_error {

    background-color: red;

	

}

.form_clean {

	background-color: white;

}

.error_msg {

	font-size:small !important;

	color:#F00 !important;

	padding-top:10px;

	padding-left: 20px;	

}

/* ---------------------------------------------------------------------- */

/*	Custom styles

 /* ---------------------------------------------------------------------- */

a{

	text-decoration: none;

	outline: none;

}

a:focus {

	text-decoration: none;

	outline: none;	

}

a:hover{

	text-decoration: none;

	outline: none;

}

body{

	background: #fff;

	font-family: 'Raleway', sans-serif;

	color: #8495a5;

}

footer {

	background: #93c5ea;

	color: #fff;

	text-align: center;

	padding: 15px;

}

footer h6 {

	color: #fff;

	font-weight: normal;

	text-transform: uppercase;

}

footer ul {

	list-style: none;

}

footer ul li {

	display: inline-block;

}

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

	color: #46627e;

	font-family: 'Raleway', sans-serif;

	font-weight: bold;

}

h1{

	font-size: 30px;

}

h2{

	font-size: 28px;

}

h3{

	font-size: 24px;

}

h4{

	font-size: 18px;

}

h5{

	font-size: 14px;

}

h6{

	font-size: 12px;

}

header {

	background: #FFFFFF;

    top: 40px !important;

}

header .navbar {

	margin: 0;

	padding: 0;

}

iframe {

	border: 0;

}

img {

	width: 100%;

}

p{

	color: #8495a5;

	font-size: 14px;

	font-weight: normal;

}

.btn-default{

	background: #fff;

	border: solid 3px #dedede;

	color: #8495A5;

	font-size: 18px;

	font-weight: bold;

	padding: 10px 25px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.btn-default:hover {

	background: transparent;

	border: solid 3px #4e8ecb;

	color: #4e8ecb;

}

.classes {

	background: #e9eef2;

}

.classes .item{

	text-align: center;

	margin-bottom: 30px;

}

.classes .item figure {

	position: relative;

	width: 100%;

	cursor: pointer;

	overflow: hidden;

}

.classes .item figure img {

	max-width: 100%;

	display: block;

	-webkit-transition: -webkit-transform .7s;

	-moz-transition: -moz-transform .7s;

	-ms-transition: -ms-transform .7s;

	-o-transition: -o-transform .7s;

	transition: transform .7s;

}

.classes .item:hover figure img {

	-webkit-transform: scale(1.4);

	-moz-transform: scale(1.4);

	-ms-transform: scale(1.4);

	-o-transform: scale(1.4);

	transform: scale(1.4);

}

.classes .item figcaption {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: transparent;

	z-index: 6;

	text-align: center;

	-webkit-transition: background .3s ease-in-out;

	-moz-transition: background .3s ease-in-out;

	-ms-transition: background .3s ease-in-out;

	-o-transition: background .3s ease-in-out;

	transition: background .3s ease-in-out;

}

.classes .item:hover figcaption {

	background: url("../img/overlay_6.png"); /* old browser */

	background: rgba(0,0,0,0.75);

}

.classes .item figcaption span {

	bottom:30%;

	border:2px solid #fff;

	border-radius: 4px;

	color:#fff;

	font-size:16px;

	font-weight:200;

	height:34px;

	left:50%;

	margin-left:-46px;

	opacity:0;

	padding-top:6px;

	position:absolute;

	text-align:center;

	text-transform:uppercase;

	transition: all .7s ease-in-out;

	width:90px;

	filter:alpha(opacity=0);

	-khtml-opacity:0;

	-moz-opacity:0; 

	-moz-transition:all .7s ease-out;

	-o-transition:all .7s ease-out;

	-webkit-transition:all .7s ease-out

}

.classes .item:hover figcaption span { 

	bottom:50%;

	opacity:1;

	margin-bottom:-21px;

	filter:alpha(opacity=100);

	-khtml-opacity:1;

	-moz-opacity:1 

}  

.cta {

	background: #4e8ecb;

	color: #fff;

	text-align: center;

}

.cta h2 {

	color: #fff;

	font-size: 28px;

	text-transform: none;

	font-weight: 600;

	word-spacing: 4px;

}

.cta a.btn-default {

	background: #fff;

	border: none;

	color: #0d83b7;

}

.cta a.btn-default:hover {

	background: #fff;

	color: #013371;

}

.features {

	background: #fff;

}

.features .item{

	text-align: center;

	margin-bottom: 60px;

}

.features .item h2{

	font-size: 20px;

	margin-top: 25px;

	text-transform: uppercase;

}

.features .item i{

	border-radius: 50px;

	border: solid 2px #e9eef1;

	color: #4e8ecb;

	display: inline-block;

	font-size: 36px;

	margin-bottom: 10px;

	padding: 20px;

	width: 96px;

	height: 96px;

}

.features .item:hover a i{

	background: #4e8ecb;

	color: #fff;

	border: solid 2px #4e8ecb;

}

.form-control {

	border: none;

	border-radius: 4px;

	height: 50px;

	margin-bottom: 20px;

}

.generic {

	padding: 70px 0 80px 0;

}

#loader { 

	visibility: hidden;

	width: auto;

}

.modal .modal-body figure {

	border: 1px solid rgba(0, 0, 0, 0.1);

	margin: 10px 0 0 0;

	padding: 5px;

}

.panel-body figure {

	border: 1px solid rgba(0, 0, 0, 0.1);

	margin: 10px 0 0 0;

	padding: 4px;

}

.navbar {

	background: #fff;

	border: solid 1px #F1F2F6;

	margin-bottom: 0;

}

.navbar-brand {

	margin-top: 5px;

	margin-bottom: 5px;

	padding-top:10px;

	padding-bottom:10px;

}

.navbar-brand img 

{

	max-width: 130px

}

.navbar-default .navbar-nav>li>a {

	color: #46627e;

	font-weight: bold;

	margin-right: 10px;

	margin-left: 10px;

	padding-right:5px;

	padding-left: 5px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;	

}

.navbar-default .navbar-nav>li>a:hover{

	color: #4e8ecb;

}

.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus{

	color: #46627e;

	background-color: #fff;

	border-bottom: 2px solid #E9E9E9;

}

.navbar-default .navbar-nav>.active>a:hover{

	color: #4e8ecb;

	background-color: #fff;

}

.panel-default>.panel-heading {

	background: #fff;

	border-color: #e9eef2;

	color: #4e8ecb;

	cursor: pointer;

	text-transform: uppercase;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;	

}

.panel-default>.panel-heading:hover {

	background: #4e8ecb;

	color: #fff;

}

.panel-default>.panel-heading+.panel-collapse .panel-body {

	color: #8495a5;

}

#siteLoader {

	position: fixed;

	left: 50%;

	top: 45%;

	width: 50px;

	height: 50px;

}

.slider{

	background: url("../img/fondo_biblioteca.jpg");

	padding: 30px 0 180px 0; 

}

body.page-template-index-uniteca .slider {

	background: url("../img/fondo_uniteca.jpg");

	background-size: cover;

}





.slider h2, .slider h3,.slider h4 {

	color: #fff;

}

.slider h2{

	font-size: 40px;

	font-weight: 800;

}

.slider h3 {

	font-size: 26px;

	font-weight: 300;

}

.slider h4 {

	font-size: 18px;

	font-weight: 300;

	line-height: 22px;

}

.slider hr {

	border-top: 1px dotted #363636;

}

.slider .btn-default {

	background: #fff;

}

.slider .suscribe {

	margin-top:45px;

}





.table {

	background: #fff;

}

.table .table-list {

	border: solid 1px #dedede;

	list-style: none;

	padding: 0;

	text-align: center;

}

.table .table-list:hover {

	background: #0058ad;

}

.table .table-list:hover .table-price{

	background: #fff;

	color: #4e8ecb;

}

.table .table-list:hover li{

	color: #fff;

	border-bottom: solid 1px #216cb4;

}

.table .table-list:hover .btn-default{

	border: solid 3px #669bce;

	background: #0058ad;

	color: #fff;

}

.table .table-list li{

	border-bottom: solid  1px #dedede;

	color: #8495A5;

	font-size: 14px;

	font-weight: 400;

	padding: 10px;

}

.table .table-list .table-button{

	padding: 20px;

}

.table .table-list .table-header{

	background: #4e8ecb;

	color: #fff;

	font-size: 18px;

	font-weight: 600;

	padding: 15px 25px;

	text-transform: uppercase;

}

.table .table-list .table-price{

	background: #f5f5f5;

	padding-bottom: 25px;

	color: #46627E;

	font-size: 36px;

	font-weight: 300;

}

.teachers {

	background: #E9EEF2;

}

.teachers .item{

	margin: 50px 0;

	text-align: center;

}

.teachers .item a{

	text-decoration: none;

}

.teachers .item figure {

	background: #000;

	position: relative;

	width: 100%;

	cursor: pointer;

	overflow: hidden;

}

.teachers .item figure img {

	max-width: 100%;

	display: block;

	-webkit-transition: -webkit-transform .7s;

	-moz-transition: -moz-transform .7s;

	-ms-transition: -ms-transform .7s;

	-o-transition: -o-transform .7s;

	transition: transform .7s;

}

.teachers .item:hover figure img {

	-webkit-transform: scale(1.4);

	-moz-transform: scale(1.4);

	-ms-transform: scale(1.4);

	-o-transform: scale(1.4);

	transform: scale(1.4);

	opacity: .5;

}

.teachers .item figcaption {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: transparent;

	z-index: 6;

	text-align: center;

	-webkit-transition: background .3s ease-in-out;

	-moz-transition: background .3s ease-in-out;

	-ms-transition: background .3s ease-in-out;

	-o-transition: background .3s ease-in-out;

	transition: background .3s ease-in-out;

}

.teachers .item:hover figcaption {

	background: url("../img/overlay_6.png"); /* old browser */

	background: rgba(0,0,0,0.75);

}

.teachers .item figcaption i {

	bottom:30%;

	color:#fff;

	font-size:33px;

	font-weight:200;

	height:34px;

	left:50%;

	margin-left:-46px;

	opacity:0;

	padding-top:6px;

	position:absolute;

	text-align:center;

	text-transform:uppercase;

	transition: all .7s ease-in-out;

	width:90px;

	filter:alpha(opacity=0);

	-khtml-opacity:0;

	-moz-opacity:0; 

	-moz-transition:all .7s ease-out;

	-o-transition:all .7s ease-out;

	-webkit-transition:all .7s ease-out

}

.teachers .item:hover figcaption i { 

	bottom:55%;

	opacity:1;

	margin-bottom:-21px;

	filter:alpha(opacity=100);

	-khtml-opacity:1;

	-moz-opacity:1 

} 

.teachers .item .class_title{

	background: #1d1d1c;

	margin: 0;

	padding: 5px;

	position: relative;

	width: 100%;

	height: 60px;

}

.teachers .item .class_title h2{

	color: #fff;

	font-size: 14px;

	margin: 0;

	position: inherit;

	text-transform: none;

	z-index: 5;

}

.teachers .item .class_title:after{

	background: #1d1d1c;

	content: "";

	position: absolute;

	top: -20px;

	right: 0;

	height: 100%;

	width: 100%;

	/*-webkit-transform: skew(0deg, -3deg);

  -moz-transform: skew(0deg, -3deg);

  -ms-transform: skew(0deg, -3deg);

  -o-transform: skew(0deg, -3deg);

  transform: skew(0deg, -3deg);*/

}

.teachers .item .description {

	background: #fff;

	padding:0 5px;

	min-height: 120px;

}

.teachers .item .description h3{

	color: #46627e;

	font-size: 14px;

	margin: 0;

	padding: 15px 6px;

	text-transform: uppercase;

}

.teachers .item .description p{

	padding: 0 0 20px 0;

}



.testimonials {

	background: url("../img/map-bg.jpg") no-repeat center center;

	background-size: cover;

}

.testimonials .date {

	background: #fff;

	border: 1px solid #949bb0;

	border-radius: 100px;

	height: 144px;

	margin: 0 auto 10px auto;

	position: relative;

	text-align: center;

	width: 144px;

}

.testimonials .date h5 {

	color: #46627e;

	font-size: 24px;	

	font-weight: 300;

	margin: 43px 0 0 0;

}

.testimonials .date:hover {

	background: #4e8ecb;

	border: 1px solid #4e8ecb;

}

.testimonials .date:hover h5 {

	color: #fff;

}

.testimonials .item-testimonial {

	background: #fff;

	border: 1px solid #e9eef2;

	margin-bottom: 25px;

	padding: 10px 20px;

	position: relative;

}

.testimonials .item-testimonial h3 {

	color: #4e8ecb;

	font-size: 18px;

	font-weight: 300;

}

.testimonials .item-testimonial h4 {

	color: #46627e;

	font-size: 14px;

	letter-spacing: 2px;

	text-transform: uppercase;

}

.testimonials .container_item {

	margin-left: 0px;

	padding-left: 30px;

}

.title {

	text-align: center;

	padding-bottom: 30px;

}

.title h2 {

	text-transform: none;

}

.top-bar {

	background: #f1f2f6;

	line-height: 1;

	padding: 20px 0;

}

.top-bar a{

	color: #9199ae;

	font-size: 20px;

	vertical-align: middle;

}

.top-bar a:hover{

	color: #4e8ecb;

}

.top-bar p {

	margin: 12px 0;

}

.top-bar .social-media{

	text-align: center;

}

.top-bar .data-info{

	text-align: center;

}

.upcoming {

	background: #fff;

}

.scrollup {

	display: none;

}

.video {

	width: 100%;

	padding: 0;

	margin-bottom: 20px;

}

.video_fullscreen {

	display: none;

}

.video iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none;

}







/* otras personalizaciones */

.dropdown-menu { right: 15px; left: 15px; margin-top:-20px; }



.modalwin {

    display: inherit; /* Hidden by default */

    position: absolute; /* Stay in place */

    z-index: 50; /* Sit on top */

    left: 0;

    top: 0;  

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    margin: auto;

    background-color: rgba(192,192,192, 0.8);

   	cursor: pointer;

    color: white;

    text-align: center;

    align-content: center;





}

.modal-content {

     

  

    font-family: "Raleway", Helvetica, Arial, sans-serif;

    background-color: #dfe5d0;

	width: 85%;

    margin: 15% auto;   

    /*width: 55%;*/



}

.formulario {

    padding: 4% 8% 4% 8%;

}

.titulo {

    color: cornflowerblue;

    text-align: left;

}

.subtitulo {

    text-align: left;

}

.campos {

    font-size: 18px;

    color: cornflowerblue;

    text-align: left;

    font-weight: bold;

    border: hidden;



}

.entrada {

    border: hidden;



}

.entrada input {

    width: 100%;

    height: 100%;

	color: #000;

}



.btn-enviar {

	cursor: pointer;

    margin-top: 22px;

    font-size: 15px;

    background-color: cornflowerblue;

    width: 18%;

    height: 35px;

    padding: 5px;

    text-align: center;

    color: white;

    font-weight: bold;

}

.btn-enviar:hover {

    background-color:darkcyan;

}

.btn-enviar:active {

    background-color:white;

    color: black;

}



.visible {

    visibility:visible;   

}



.novisible {

    visibility: hidden;

    display: none;

}



    .aviso {

       

        display: block;

        position: absolute; /* Stay in place */

        z-index: 10; /* Sit on top */

        left: 0;

        top: 0;  

        width: 100%; /* Full width */

        height: 100%; /* Full height */

        overflow: auto; /* Enable scroll if needed */

        margin-top: 10px;

        opacity: 0.9;

        color: white;

        text-align: center;

        align-content: center;

    }



    .aviso-content {

		display:inherit;

		visibility:inherit;

        margin: 10px 5px 10px 5px;

        background-color: cornflowerblue;

        margin: 15% auto;

        padding: 2% 5% 0 5%;

        width: 100%;

        height: 100%;



    }

	.mensaje {

        margin-top: 10px;

        width: auto;

        color: white;

        height: auto;

        font-family: "Raleway", Helvetica, Arial, sans-serif;

        font-size: 3em;

        text-align: left;

    }

	.close {

        color: black;

        float: right;

        font-size: 28px;

        font-weight: bold;

    }

    .close:hover,

    .close:focus {

        color: #666;

        text-decoration: none;

        cursor: pointer;

    }

	

@media (max-width: 1199px) {

	.teachers .item .class_title h2{

		font-size: 12px;

		top: -7px;

	}

}

	

@media only screen and (max-width: 568px) {

.modal-content {

        background-color: #dfe5d0;

        width: 100%;

        height: 100%;

    }



}



@media (max-width: 991px) and (min-width: 300px) {

	#request button {

		font-size: 15px !important;

	}

}



@media only screen and (min-width:768px) and (max-width: 1024px) {

.modal-content {

        background-color: #dfe5d0;

        width: 90%;

        height: 100%;

    }

	



}



@media only screen and (min-width:569px) and (max-width: 768px) {



    .aviso {

        visibility: visible;

        display: block;

        position: absolute; /* Stay in place */

        z-index: 48; /* Sit on top */

        left: 0;

        top: 0;  

        width: 100%; /* Full width */

        height: 100%; /* Full height */

        overflow: auto; /* Enable scroll if needed */

        margin-top: 10px;

        opacity: 0.9;

        color: white;

        text-align: center;

        align-content: center;

    }



    .aviso-content {

        margin: 10px 5px 10px 5px;

        background-color: cornflowerblue;

        margin: 15% auto;

        padding: 2% 5% 0 5%;

        width: 100%;

        height: 100%;



    }



    .mensaje {

        margin-top: 10px;

        width: auto;

        color: white;

        height: auto;

        font-family: "Raleway", Helvetica, Arial, sans-serif;

        font-size: 3em;

        text-align: left;

    }



    .body {

        overflow: visible;

    }

    .modalwin {

        margin-top: 18px;

        width: 100%;

        height: 100%;

		cursor: pointer;



    }

    .modal-content {

        background-color: #dfe5d0;

        width: 80%;

        height: 60%;

    }

    .btn-enviar {

		cursor: pointer;

        width: 33%;



    }

    .btn-tienda {

        background-color: black;

        color: white;



    }

    .close {

        color: white;

        float: right;

        font-size: 28px;

        font-weight: bold;

    }

    .close:hover,

    .close:focus {

        color: black;

        text-decoration: none;

        cursor: pointer;

    }

div#encuestaModal .modal-body{

	padding:0;

}

div#encuestaModal{

	z-index: 99999999;

}

.modal-backdrop.in{

opacity: 0.9;

}

.visible {

    visibility:visible;   

}



.novisible {

    visibility: hidden;

    display: none;

}



}



/**  footer publicidad **/

.cnt_footer_publi{

	position: fixed;

	bottom: 0;

	height: 70px;

	width: 100%;

		transition: all 1s;

		z-index: 3;

}

.cnt_footer_publi_izq{

	background: #009ac6;

}

.cnt_footer_publi_der{

	background: #ff0002;

}

.cnt_footer_publi_mostrarocultar{

	height: 20px;

	text-align: center;

	 

    color: white;

}

.cnt_footer_publi_der,.cnt_footer_publi_izq

{

	cursor: pointer;

	    text-align: center;

}

.cnt_footer_publi_mostrarocultar_cnt_triangulo{

    width: 125px;

    height: 0px;

    border-right: 30px solid transparent;

    border-left: 30px solid transparent;

    border-bottom: 50px solid #428bca;

    margin:auto;

}

.cnt_footer_publi_mostrarocultar_cnt_triangulo .icon-up-open:before{

	     -webkit-transform: rotate(180deg);

     -moz-transform: rotate(180deg);

     -ms-transform: rotate(180deg);

     -o-transform: rotate(180deg);

     transform: rotate(180deg);

}

.cnt_footer_publi.ocultar_footer .cnt_footer_publi_mostrarocultar_cnt_triangulo .icon-up-open:before{

	     -webkit-transform: rotate(0deg);

     -moz-transform: rotate(0deg);

     -ms-transform: rotate(0deg);

     -o-transform: rotate(0deg);

     transform: rotate(0deg);

}

.cnt_footer_publi_izq img,.cnt_footer_publi_der img{

	height: 50px;

	width: auto;

}



.cnt_footer_publi.ocultar_footer{

	height: 20px;

	transition: all 1s;

}



/* fin publicidad footer **/

#encuestaModal .modal-body{

	padding: 0;



}

#encuestaModal .modal-header{

	min-height:0px;

	padding: 0;

	border: none;

}

#encuestaModal  .close{

	font-size: 3.2em;

    position: absolute;

    z-index: 99999;

    right: 0;

    top: 0;

        margin-top: -12px;

}



#ucipopupdinamic .uci-modal-center{

	margin:auto;

	margin-top: 50px;

}

#ucipopupdinamic .close{

	    margin-bottom: -30px;

    margin-right: -10px;

        font-size: 3em;

}

.imgplay:before{

	background-image: url('../img/button-play.png');

}