:root{

	--colorAzul: #031f42;

	--colorCeleste: #0071dc;

	--colorCelesteFade: #def0fc;

	--colorRojo: #DC324A;

	--colorDorado: #E5AF38;



	--colorBox: #eaedf3;

	--colorBorder: #d9dee5;

	--colorDetails: #677EA5;









	--colorTitle: #031f42;

	--colorText: #363e59;

	--plyr-color-main: var(--colorCeleste);

}



body{

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

	font-size: 16px;

	color: var(--colorTitle);

	line-height: 1.8;

}

h1{font-size: 46px;}

h2{font-size: 36px;}

h3{font-size: 30px;}

h4{font-size: 22px;}

h5{font-size: 18px;}

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

	line-height: 1.4;

	font-family: 'Patrick Hand', cursive;

}



.pt-80{

	padding-top: 80px;

}

.pt-100{

	padding-top: 100px;

}

.pt-120{

	padding-top: 120px;

}

.pb-80{

	padding-bottom: 80px;

}

.pb-100{

	padding-bottom: 100px;

}

.pb-120{

	padding-bottom: 120px;

}





.s-title{

	position: relative;

	margin-bottom: 60px;

}

.s-title span{

	font-size: 16px;

	color: var(--colorDetails);

}

.s-title h2{

	padding-bottom: 15px;

	margin: 0 0 15px;

	position: relative;

}

.s-title h2:before{

	content: "";

	width: 50px;

	height: 5px;

	background: var(--colorDorado);

	position: absolute;

	bottom: 0;

	left: 0;

}

.s-title.st-center{

	text-align: center;

}

.s-title.st-center h2:before{

	left: 50%;

	transform: translateX(-50%);

}







.loader{

	position: fixed;

	top: 0;

	left: 0;

	z-index: 999;

    padding:0;

    margin:0;

    width:100%;

    height:100vh;

    background: #fff;

}

.wrapper{

    width:200px;

    height:60px;

    position: absolute;

    left:50%;

    top:50%;

    transform: translate(-50%, -50%);

}

.circle{

    width:20px;

    height:20px;

    position: absolute;

    border-radius: 50%;

    background-color: var(--colorCeleste);

    left:15%;

    transform-origin: 50%;

    animation: circle .5s alternate infinite ease;

}



@keyframes circle{

    0%{

        top:60px;

        height:5px;

        border-radius: 50px 50px 25px 25px;

        transform: scaleX(1.7);

    }

    40%{

        height:20px;

        border-radius: 50%;

        transform: scaleX(1);

    }

    100%{

        top:0%;

    }

}

.circle:nth-child(2){

    left:45%;

    animation-delay: .2s;

}

.circle:nth-child(3){

    left:auto;

    right:15%;

    animation-delay: .3s;

}

.shadow{

    width:20px;

    height:4px;

    border-radius: 50%;

    background-color: rgba(0,0,0,.1);

    position: absolute;

    top:62px;

    transform-origin: 50%;

    z-index: -1;

    left:15%;

    filter: blur(1px);

    animation: shadow .5s alternate infinite ease;

}



@keyframes shadow{

    0%{

        transform: scaleX(1.5);

    }

    40%{

        transform: scaleX(1);

        opacity: .7;

    }

    100%{

        transform: scaleX(.2);

        opacity: .4;

    }

}

.shadow:nth-child(4){

    left: 45%;

    animation-delay: .2s

}

.shadow:nth-child(5){

    left:auto;

    right:15%;

    animation-delay: .3s;

}

.wrapper span{

    position: absolute;

    top:75px;

    font-family: 'Lato';

    font-size: 20px;

    letter-spacing: 12px;

    color: #fff;

    left:15%;

}















.youtubeBtn{

    position: fixed;

    left: 50%;

  transform:translatex(-50%);

    bottom: 45px;

    cursor: pointer;

    transition: all .3s;

    vertical-align: middle;

    text-align: center;

    display: inline-block;

}

.youtubeBtn i{

   font-size:20px;

  float:left;

}

.youtubeBtn a{

    color:#ff0000;

    animation: youtubeAnim 1000ms linear infinite;

  float:right;

}

.youtubeBtn a:hover{

  color:#c9110f;

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

  text-shadow: none;

}

.youtubeBtn i:active{

  transform:scale(.9);

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

}

.youtubeBtn span{

    font-family: 'Lato';

    font-weight: bold;

    color: #fff;

    display: block;

    font-size: 12px;

    float: right;

    line-height: 20px;

    padding-left: 5px;

  

}



@keyframes youtubeAnim{

  0%,100%{

    color:#c9110f;

  }

  50%{

    color:#ff0000;

  }

}

/* footer  */





.btn{

	border: none;

	font-size: 14px;

	font-weight: 600;

	border-radius: 6px;

	min-height: 44px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 0 20px;

}

.btn-primary{

	background: var(--colorRojo);

	color: #fff;

	text-decoration: none;

}

.btn-primary:hover{

	background: var(--colorAzul);

}

.btn-secondary{

	background: var(--colorCelesteFade);

	color: var(--colorCeleste);

	text-decoration: none;

}

.btn-secondary:hover{

	background: var(--colorCeleste);

	color: #fff;

}

a.nav-link{

	font-weight: 500;

	color: var(--colorText);

}



.btn-secondary i{

	margin-right: 10px;

}













/**/

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

.mydrop{position: relative;}

.mydrop > a.mdrop_ac{

	position: relative;

	padding-right: 20px !important;

}

/*.mydrop > a.mdrop_ac:after{

	content: "";

	background: url(../images/icons/down.svg);

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center;

	width: 10px;

    height: 10px;

    position: absolute;

    top: 50%;

    right: 6px;

    transform: translateY(-50%);

    border-radius: 3px;

}*/



.mydrop .mdrop_cont{

	position: absolute;

    padding-top: 40px;

    width: max-content;

    min-width: 240px;

    right: 0;

    opacity: 0;

    visibility: hidden;

    transform: translateY(-10px);

    z-index: 999;

    transition: all 300ms;

}

.mydrop .mdrop_cont ul{

	width: 100%;

	height: auto;

	padding: 15px 30px;

	background-color: #fff;

	box-shadow: 3px 3px 12px rgba(0,0,0,0.12);

	list-style: none;

	position: relative;

	border-radius: 6px;

}

.mydrop .mdrop_cont ul:before{

	content: "";

	width: 20px;

	height: 20px;

	background-color: #fff;

	transform: rotate(-45deg);

	position: absolute;

	top: -8px;

	right: 50px;

}

.mydrop .mdrop_cont > ul.mdrop_list > li > a{

	color: #5C5C5C;

    display: block;

    padding: 4px !important;

    transition: all 300ms;

    text-decoration: none;

}

.mydrop .mdrop_cont ul a:hover{

	transform: translateX(4px);

	color: var(--black);

}

.mydrop:hover .mdrop_cont{

	opacity: 1;

	visibility: visible;

	transform: translateY(0px);

}















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

.header{

	/*box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.08);*/

	z-index: 999;

	position: absolute;

    width: 100%;

}

.topbar{

	position: relative;

	background: var(--colorAzul);

	padding-top: 8px;

	padding-bottom: 8px;

	font-size: 14px;

}

.topbar a{

	color: #dfdfdf;

	text-decoration: none;

}



.topbar-row{

	position: relative;

	display: flex;

	width: 100%;

}

.tb-data{

	position: relative;

}

.tb-data ul{

	display: flex;

	align-items: center;

	list-style: none;

	padding: 0;

	margin: 0;

}

.tb-data ul li{

	margin-right: 20px;

}

.tb-data ul li:last-child{

	margin-right: 0px;

}

.tb-data ul li a{

	display: flex;

	align-items: center;

}

.tb-data ul li a i{

	margin-right: 10px;

	margin-top: 4px;

}



.tb-social{

	position: relative;

	margin-left: auto;

}

.tb-social ul{

	display: flex;

	align-items: center;

	list-style: none;

	padding: 0;

	margin: 0;

}

.tb-social ul li{

	margin-right: 20px;

}

.tb-social ul li:last-child{

	margin-right: 0px;

}





.main-navbar{

	position: relative;

	/*background: var(--colorBox);*/

	background: transparent;

}



.mn-btns{

	position: relative;

}

.mn-btns a{

	width: auto;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	height: 44px;

	padding: 0 20px;

	margin-right: 10px;

}

.mn-btns a:last-child{

	margin-right: 0px;

}

.mn-btns a i{margin-right: 10px;}

















.bar_section{

	position: relative;

	padding-top: 180px;

	padding-bottom: 40px;

	background-color: var(--colorBox);

	/*background: transparent;*/

}

.bsc_site ul{

	list-style: none;

	padding: 0;

	margin: 0;

	display: flex;

	align-items: center;

}

.bsc_site ul li{margin-right: 20px;}

.bsc_site ul a{

	color: var(--colorCeleste);

	text-decoration: none;

}

.bsc_site ul li span{

	color: #406081;

}







/*slider*/



.slider{
	position: relative;
	width: 100%;
	background: var(--colorBox);
	padding-top: 240px;
	padding-bottom: 200px;
	z-index: 1;
	overflow: hidden;
}

/*.slider:before{

	content: "";

	width: 100%;

	height: 40px;

	background: #fff;

	clip-path: polygon(0 0, 0% 100%, 100% 100%);

	position: absolute;

	bottom: 0px;

	left: 0px;

}*/

.slider .row{

	align-items: center;

}

.ss-data{

	margin-bottom: 20px;

	padding-right: 30px;

}

.ss-text{

	position: relative;

}

/*.ss-text *{

	color: #fff;

}*/

.ss-text h5{
	color: var(--colorCeleste);
}

.ss-text h1{

	font-weight: 700;

}









.ss-video{

	position: relative;

	border-radius: 8px;

	z-index: 1;

}

.ss-video > div{

	border-radius: 8px;

	/*overflow: hidden;*/

}

.ss-video-content{

	border-radius: 8px;

	overflow: hidden;

}

.ss-video .ss-video-content:before{

	content: "";

	width: 100%;

	height: 100%;

	/*background: rgba(255, 255, 255, 0.2);*/

	/*background: var(--colorCeleste);*/

	position: absolute;

	top: 15px;

	left: 15px;

	border-radius: 8px;

}

.ss-bg{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

}

/*.ss-bg img{

	transform: scale(0.8);

}*/

.ss-item1{
	position: absolute;
	bottom: -70px;
	left: -80px;
}

.ss-item2{
	position: absolute;
	top: -60px;
	left: 80px;

}

.ss-item3{
	position: absolute;
	top: -80px;
	left: 140px;
}



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

.ue-section{position: relative;}



.ue-slider{

	padding-right: 30px;

}





.ue-item{

	position: relative;

	padding-right: 20px;

	margin-bottom: 30px;

	margin-top: 10px;

}

.ue-item .uei-icon{

	width: 54px;

	height: 54px;

	background: var(--colorCelesteFade);

	border-radius: 12px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: var(--colorCeleste);

	font-size: 24px;

	line-height: 0;

	margin-bottom: 10px;

}













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

.institucion-section{

	position: relative;

}

.ins-bg{

	position: relative;

	padding-top: 40px;

	padding-bottom: 80px;

}

.ins-objetos{

	position: relative;

	z-index: 1;

}

.ins-bigimg{

	position: relative;

	border-radius: 12px;

	overflow: hidden;

	width: 80%;

	height: 460px;

	margin-left: 10%;

}

.ins-bigimg img{

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all 1200ms ease-out;

}

.ins-bigimg:hover img{

	transform: scale(1.06);

}

.ins-tumb{

	position: absolute;

	bottom: 40px;

	right: -20px;

	width: 240px;

	overflow: hidden;

	border-radius: 8px;

	box-shadow: 0px 10px 28px rgba(0, 0, 0, 0.3);

	transition: all 1200ms ease-out;

}

.ins-tumb img{

	width: 100%;

	transition: all 1200ms ease-out;

}

.ins-tumb:hover img{

	transform: scale(1.06);

}



.ins-details{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}



.insd-c1{

	position: absolute;

	width: auto;

	height: auto;

	top: 0;

	right: 0;

}

.insd-c2{

	width: auto;

	bottom: 20px;

	left: 10px;

	position: absolute;

}

.insd-c3{

	width: 64px;

	bottom: -10px;

	left: -10px;

	position: absolute;

}



.insd-c1 img, .insd-c2 img, .insd-c3 img{

	width: auto;

}





.ins-info{

	position: relative;

	padding-top: 30px;

}



.insi-list{

	position: relative;

	margin-bottom: 20px;

}

.insi-list h5{

	margin: 0 0 10px;

}

.insi-list ul{

	list-style: none;

	padding: 0;

	margin: 0;

	padding-left: 10px;

}

.insi-list ul li{

	margin-bottom: 2px;

}

.insi-list ul a{

	color: var(--colorText);

	text-decoration: none;

}

.insi-list ul a i{

	color: var(--colorRojo);

	margin-right: 10px;

}

.insi-list ul a:hover span{

	color: var(--colorCeleste);

}























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





.section-title{

	position: relative;

	width: 100%;

	margin-bottom: 40px;

}

.section-title h2{

	font-weight: 800;

}







/*-*/

.oferta-educativa{

	position: relative;

}

.oe-item{

	position: relative;

	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);

	margin-bottom: 20px;

	overflow: hidden;

	border-radius: 8px;

	transition: all 300ms;

}

.oe-img{

	position: relative;

	width: 100%;

	height: 180px;

}

.oe-img img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.oe-img:before{

	content: "";

	width: 100%;

	height: 30px;

	background: #fff;

	position: absolute;

	bottom: -1px;

	left: 0;

	clip-path: polygon(100% 0, 0% 100%, 100% 100%);

}

.oe-data{

	position: relative;

	background: #fff;

	padding-top: 15px;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

}

.oe-text{

	position: relative;

	/*margin-bottom: 10px;*/

}

.oe-title{

	height: 50px;

}

.oe-title h5{

	font-weight: 700;

	margin: 0;

}

.oe-footer{

	position: relative;

}

.oe-footer a{

	width: 38px;

	height: 38px;

	background: transparent;

	border: 1px solid #eee;

	border-radius: 19px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	text-decoration: none;

	font-size: 18px;

	color: var(--colorCeleste);

	transition: all 300ms;

}

.oef-hide{

	width: 0px;

	max-width: 0px;

	margin-right: 0px;

	overflow: hidden;

	text-overflow: ellipsis;

	transition: all 300ms;

}

.oef-hide span{

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: pre;

	font-size: 12px;

	padding-top: 8px;

	color: var(--colorCeleste);

	transition: all 300ms;

	font-weight: 600;

	display: inline-block;

}

.oe-footer a i{margin-top: 4px;margin-left: 2px;}

.oe-footer a:hover{

	background: var(--colorCeleste);

	color: #fff;

}

.oe-footer a:hover span{color: #fff;}



.oe-item:hover{

	box-shadow: 0px 18px 38px rgba(0, 0, 0, 0.06);

	transform: translateY(-6px);

}

.oe-item:hover .oef-hide{

	max-width: 200px;

	margin-right: 10px;

	width: auto;

}

.oe-item:hover .oe-footer a{

	width: auto;

	padding: 0 20px;

}



.oe-item-big{

	display: flex;

	height: 200px;

}

.oe-item-big .oe-img{

	width: 400px;

	height: 100%;

}

.oe-item-big .oe-img:before{

	display: none;

}

.oe-item-big .oe-data{

}

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











.info-section{

	background: var(--colorAzul);

	color: #fff;

}

.is-title *{

	margin: 0;

}

.is-item{

	margin-bottom: 10px;

	padding: 10px 20px;

	background-color: rgba(255, 255, 255, 0.1);

	border-radius: 12px;

	transition: all 300ms;

}

.is-item i{

	font-size: 48px;

}

.is-item h3{

	font-size: 38px;

	font-weight: 700;

}

.is-item:hover{

	transform: scale(1.08);

	background-color: var(--colorCeleste);



}









































.runachay-section{

	background: var(--colorAzul);

	position: relative;

	color: #fff;

}

.runachay-section p{

	color: #fff;

}

.ru-box{

	/*background: var(--colorCeleste);

	border-radius: 12px;

	padding: 40px;*/

}



.ru-item{

	position: relative;

	margin-bottom: 20px;

}

.ru-icon{

	position: relative;

	width: 64px;

	height: 64px;

	background: rgba(255, 255, 255, 0.1);

	color: var(--colorCeleste);

	border-radius: 12px;

	margin-bottom: 10px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 24px;

	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);

}

.ru-icon i{

	line-height: 0;

}

.ru-item p{

	font-weight: 600;

}



















/****/







.review-section{

	background-color: #f8f8f8;

}

.rs-item{

	position: relative;

	padding: 20px 30px;

	border-radius: 12px;

	background: #fff;

	box-shadow: 0px 12px 28px rgba(0, 0, 0, 0.08);

}

.rs-icon{

	font-size: 48px;

	color: var(--colorCeleste);

	margin-bottom: 0px;

}

.rs-icon i{

	line-height: 0;

}

.rs-text{

	position: relative;

	margin-bottom: 40px;

}



.rs-person{

	position: relative;

	display: flex;

	align-items: center;

}

.rsp-img{

	position: relative;

	height: 64px;

	width: 64px;

	border-radius: 50%;

	margin-right: 10px;

	overflow: hidden;

}

.rsp-img img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.rsp-name h5{

	color: var(--colorTitle);

	margin: 0 0 2px;

}

.rsp-name p{

	margin: 0;

}









/*Noticias Section*/

.noticias-section{

	position: relative;

}

.ns-item{
	position: relative;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	overflow: hidden;
	transition: all 300ms ease-out;
}

.ns-head{

	position: relative;

	width: 100%;

	height: 260px;

	overflow: hidden;

}

.ns-head img{

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all 300ms ease-out;

}

.ns-item:hover .ns-head img{

	transform: scale(1.05);

}

.ns-body{
	padding: 10px 20px;
	background: #fff;
}

.ns-body a{

	color: var(--colorTitle);

	text-decoration: none;

}

.ns-body span{

	color: var(--colorCeleste);

	font-size: 12px;

}

.ns-item:hover{

	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.07);

}



.nsi-date{
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: var(--colorRojo);
	color: #fff;
	width: 48px;
	border-radius: 8px;
}
.nsid-dia{
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	padding-top: 8px;
	line-height: 1em;
}
.nsid-dia span{line-height: 1em}
.nsid-mes{
	font-size: 16px;
	padding-bottom: 8px;
	text-align: center;
	line-height: 1.2em;
}

















/*  footer   */

footer{

    background-color: var(--colorAzul);

    color: #fff;

    font-size: 16px;

    padding-top: 100px;

}

footer hr{

	opacity: 0.1;

}

.ft-section{

	position: relative;

	margin-bottom: 20px;

	color: #fff;

}

.ft-section h4{

	color: #fff;

	margin: 0 0 10px;

}



.ft-img{

	position: relative;

	margin-bottom: 20px;

}

.ft-img img{

	width: 256px;

}

.ft-text{

	position: relative;

	color: #fff;

	margin-bottom: 20px;

}

.ft-text p{

	color: #fff;

}

.ft-list{

	position: relative;

	margin-bottom: 20px;

}

.ft-list ul{

	list-style: none;

	margin: 0;

	padding: 0;

	padding-left: 15px;

}

.ft-list a{

	color: #abc4dd;

	text-decoration: none;

}





.ft-social{

	position: relative;

	display: flex;

	align-items: center;

}

.ft-social li{

	margin-right: 20px;

}



.ft-copy{

	padding-top: 10px;

	padding-bottom: 15px;

}

.ft-copy p{

	margin: 0;

	color: #406081;

}

.ft-copy a{

	color: var(--colorCeleste);

	text-decoration: none;

}



.ft-data ul{

	padding-left: 0;

}

.ft-data ul li i{

	color: var(--colorCeleste);

	width: 30px;

	display: inline-block;

}













.requisitos-page{

	position: relative;

}

.rq-item{

	position: relative;

	border-radius: 12px;

	background: #f2f9ff;

	padding: 30px 30px;

	margin-bottom: 30px;

	min-height: 480px;

}

.rq-intro{

	background: var(--colorCeleste);

	padding-top: 20px;

	padding-bottom: 20px;

}

.rq-intro img{

	width: 40%;

	position: absolute;

	bottom: 0;

	right: 10px;

}



.rqi-text{

	position: relative;

	width: 64%;

	color: #fff;

	font-size: 18px;

	padding-top: 40px;

}

.rq-list{

	position: relative;

}

.rq-list ul{

	list-style: none;

	padding: 0;

	margin: 0;

	padding-left: 0px;

}

.rq-list ul li{

	padding-left: 32px;

	position: relative;

	margin-bottom: 8px;

}

.rq-list ul i{

	color: var(--colorCeleste);

	margin-right: 10px;

	position: absolute;

	left: 0;

	top: 2px;

}

.rq-list ul li a{

	color: var(--colorCeleste);

	text-decoration: none;

}



.rq-accordion{

	padding-left: 10px;

}

.rq-accordion .accordion-item{

	border: none;

}

.rq-accordion .accordion-item:first-of-type .accordion-button{

	border-radius: 4px;

	border: none;

}

.rq-accordion .accordion-button:not(.collapsed){

	box-shadow: none;

	background: #f2f9ff;

}

.accordion-button{

	font-size: 18px;

	font-weight: 600;

	transition: all 300ms;

}

.accordion-button:hover{

	color: var(--colorCeleste);

}











.op-barra{

	margin-bottom: 80px;

}

/*Oferta educativa Page*/

.op-barra .opb-box{

	position: relative;

	width: 100%;

	background-color: var(--colorAzul);

	padding: 30px 40px;

	color: #fff;

	border-radius: 12px;

}







.oe_page{

	position: relative;

}

.oep_head{

	position: relative;

}

.opb-box{

	text-align: center;

}





.ap_details{

	position: relative;

}



.apd_gallery img{

	width: 240px;

	height: auto;

	display: inline-block;

	margin-right: 20px;

	margin-bottom: 20px;

}


/***********MULTIMEDIA PAGE***/
.multimedia_page{
	padding: 80px 0;
}
.multimedia_page .mpa_images .mpai_img{
	width: 100%;
	height: 240px;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
.multimedia_page .mpa_images .mpai_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 300ms;
}
.multimedia_page .mpa_images .mpai_img img:hover{
	transform: scale(1.1);
}
.mpai_item > a{
	font-size: 16px;
	font-weight: 700;
	color: #5C5C5C;
	text-decoration: none;
}


.mp_images,
.mp_videos{
	margin-bottom: 45px;
}
.mp_images h3,
.mp_videos h3{
	color: #0B004A;
	margin: 0 0 30px 0;
}


.mp_videos .mpv_item{
	width: 100%;
	height: 240px;
	position: relative;
	margin-bottom: 30px;
}
.mp_videos .mpv_item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.mpv_item{

	position: relative;

}

.mpvi_play{

	position: absolute;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0;

    left: 0;

}

.mpvi_play img{

	width: 80px;

}





.mp_videos .mpv_item{
	width: 100%;
	height: 240px;
	position: relative;
	margin-bottom: 30px;
}
.mp_videos .mpv_item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mpvi_fade{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #004278;
    opacity: 0;
    transition: all 300ms;
    transform: scale(0);
    cursor: pointer;
}
.mpvi_play{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mp_videos .mpvi_play img{
	width: 80px;
	height: auto;
	transform: scale(0.8);
	transition: all 300ms;
}

.mpv_item:hover .mpvi_play img{
	transform: scale(1);
}
.mpv_item:hover .mpvi_fade{
	transform: scale(1);
	opacity: 0.6;
}






/**********CONTACTOS PAGE***/

.cp_form input[type="text"],

.cp_form textarea{

	width: 100%;

	padding: 15px;

	color: #979797;

	border: none;

	background-color: #f5f5f5;

	box-shadow: none;

	height: auto;

	border-radius: 0;

	/*box-shadow: 3px 3px 10px rgba(0,0,0,0.05);*/

}

.cp_form .theme_button{

	width: 200px;

	padding: 15px;

	color: #fff;

	background-color: #1B4167;

	border: none;

	float: right;

}

/*.cp_form input[type="submit"]:before{

	content: "";

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background-color: #1B4167;

}*/

.contactos_page h3{

	margin: 0 0 45px 0;

	color: #1B4167;

}

.cpi_list{

	list-style: none;

	padding: 0;

}

.cpi_list li{

	margin-bottom: 5px;

	color: #7F7F7F;

	font-size: 16px;

}

.cpi_list i{

	width: 25px;

	font-size: 16px;

	color: #E32C23;

}

.form-group{

	margin-bottom: 10px;

}





.singlenoticia_page{
	position: relative;
}
.snp_content{
	position: relative;
	/*box-shadow: 0px 2px 16px rgba(0,0,0,0.06);*/
	background-color: #fff;
	border-radius: 12px;
}
.snp_content .snp_image{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	/*border-radius: 12px 12px 0px 0px;*/
}
.snp_content .snp_image img{
	width: 100%;
	height: auto;
}
.snp_content .snp_image iframe{
	width: 100%;
	height: 420px;
}


.snp_title{
	position: relative;
	margin-bottom: 20px;
}
.snp_title h2{
	/*font-size: 34px;*/
	margin: 0;
	font-weight: 700;
	color: var(--colorTitle);
}

.snp_box{
	position: relative;
	background-color: #fff;
	/*padding: 0 30px;*/
	margin-bottom: 40px;
}
.snp_head{
	/*padding: 0 30px;*/
	margin-bottom: 20px;
	background-color: #fff;
}

.snp_text{
	font-size: 16px;
	font-weight: 400;
	color: var(--colorText);
	line-height: 1.6;
	/*padding-bottom: 40px;*/
}
.snp_text h1 ,.snp_text h2,.snp_text h3,.snp_text h4,.snp_text h5{
	color: var(--colorSubtitle);
}
.snp_text ul li{
	padding-left: 15px;
	margin-bottom: 5px;
}
.snp_text blockquote{
	padding-left: 30px;
	position: relative;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 40px;
	color: var(--colorDetails);
}
.snp_text blockquote:before{
	content: "";
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--colorPrimary);
}
.snp_text strong{font-weight: 600;color: var(--colorSubtitle)}



.snp_videos{
	position: relative;
}
.snpv_item{
	position: relative;
	margin-bottom: 20px;
}
.snpv_item h5{
	font-size: 18px;
	font-weight: 700;
	color: var(--colorTitle);
	margin: 0 0 10px 0;
}
.snpv_item iframe{
	width: 100%;
	height: 600px;
}
.snpv_title{
	padding: 0 30px;
}

.snp_gallery .snpg_item{
	position: relative;
	width: 100%;
	height: 200px;
	cursor: pointer;
	margin-bottom: 30px;
	overflow: hidden;
}

.snp_gallery .snpg_item img{
	width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 300ms;
    /*top: 50%;
    transform: translateY(-10%);*/
}
.snp_gallery .snpg_item:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
.snp_gallery .snpg_item:hover img{
	transform: scale(1.04);
}




.snp_docs{
	position: relative;
	width: 100%;
}
.snp_docs h5{
	font-size: 18px;
	font-weight: 700;
	color: var(--colorTitle);
	margin: 0 0 10px 0;
}
.snp_docs ul{
	padding: 0 0 0 30px;
	margin: 0;
	list-style: none;
}
.snp_docs ul li{margin-bottom: 10px;}
.snp_docs ul a{
	font-size: 16px;
	color: var(--colorDetails);
	text-decoration: none;
}
.snp_docs ul a i{
	color: var(--colorAmarillo);
	font-size: 18px;
	margin-right: 6px;
}

.snp_docs ul a:hover{
	color: var(--colorTitle);
}

/*Galeria page*/
/*************************************/
.galeria_page{position: relative;}
.galeria_page .gp_item{
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}
.galeria_page .gp_item .gp_img{
	width: 100%;
	height: 280px;
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	margin-bottom: 10px;
}
.galeria_page .gp_item .gp_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.galeria_page .gp_item > a{
	font-size: 16px;
	font-weight: 600;
	color: var(--colorTitle);
	text-decoration: none;
}


.floating-wpp {
    position: fixed;
    bottom: 15px;
    left: 15px;
    font-size: 14px;
    transition: bottom 0.2s;
}

.floating-wpp .floating-wpp-button {
    position: relative;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.4);
    transition: box-shadow 0.2s;
    cursor: pointer;
    overflow: hidden;
}

.floating-wpp .floating-wpp-button img,
.floating-wpp .floating-wpp-button svg {
    position: absolute;
    width: 100%;
    height: auto;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 50%;
}

.floating-wpp:hover {
    bottom: 17px;
}

.floating-wpp:hover .floating-wpp-button {
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.4);
}

.floating-wpp .floating-wpp-popup {
    /*border: 2px solid white;*/
    border-radius: 6px;
    background-color: #E5DDD5;
    position: absolute;
    overflow: hidden;
    padding: 0;
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    width: 0px;
    height: 0px;
    bottom: 0;
    opacity: 0;
    transition: bottom 0.1s ease-out, opacity 0.2s ease-out;
    transform-origin: bottom;
}

.floating-wpp .floating-wpp-popup.active {
    padding: 0 12px 12px 12px;
    width: 260px;
    height: auto;
    bottom: 82px;
    opacity: 1;
}

.floating-wpp .floating-wpp-popup .floating-wpp-message {
    background-color: white;
    padding: 8px;
    border-radius: 0px 5px 5px 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity 0.2s;
}

.floating-wpp .floating-wpp-popup.active .floating-wpp-message {
    opacity: 1;
    transition-delay: 0.2s;
}

.floating-wpp .floating-wpp-popup .floating-wpp-head {
    text-align: right;
    color: white;
    margin: 0 -15px 10px -15px;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.floating-wpp .floating-wpp-input-message {
    background-color: white;
    margin: 10px -15px -15px -15px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.floating-wpp .floating-wpp-input-message textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    padding: 8px;
    margin: 10px 0;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    resize: none;
}

.floating-wpp .floating-wpp-btn-send {
    margin-left: 12px;
    font-size: 0;
    cursor: pointer;
}

.apt_social ul{
	list-style: none;
	padding: 0;
	display: flex;
	float: left;
}

.apt_social ul li{
	margin-right: 15px;
	color: #5C5C5C;
}
.apt_social ul li a{
	padding: 10px 30px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	background-color: #eee;
}
.apt_social ul li a.fb{
	background-color: #3B5998;
}

.apt_social ul li a.tw{
	background-color: #00acee;
}



#sb-wrapper{
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}
#sb-title{
	background: #fff;
	height: auto !important;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
#sb-title-inner{
	font-size: 18px;
	padding: 10px 40px;
	font-weight: 700 !important;
	color: var(--colorTitle) !important;
	height: auto !important;

}
#sb-wrapper-inner{
	border: none !important;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	overflow: hidden;
}


#sb-player .example{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#sb-player .example img{
	width: 100% !important;
	height: auto !important;
/*	object-fit: cover !important;*/
	position: absolute;
	bottom: 0;
	left: 0;
}

#sb-info{
	position: absolute !important;
    top: 10px;
    right: 10px;
    z-index: 999;
    height: 28px;
    width: 28px;
}
#sb-nav a{
	width: 18px;
	height: 18px;
	background-size: contain;
}

#sb-body, #sb-loading{
	background: #fff !important;
}