.active_home:before{right: 0;}
a.active_home{color: #f0ab18}

.tit_c {height: 53px;    overflow: hidden;}
.contain_cursos{max-width: 1560px; margin: 0 auto; padding-left: 15px; padding-right: 15px}
.contain_cursos a{
	display: block;
	background: #f0ab18;
}
.item_curso{display: inline-block; vertical-align:  top; /*! max-width: 380px; */position:relative; height: 430px;}
.item_curso img{max-width: 100%; display: block}
.caption_c{max-width: 325px; background: #fff; position: absolute; bottom: 0; left: 50%; padding: 10px 25px;margin-left: -162.5px;width: 100%;}
.caption_c h2{color: #4f6460; font-size: 15px; margin: 5px 0 15px; text-transform: uppercase;font-family: 'Circular Std', sans-serif;}
.caption_c span{width: 18px;height: 20px;position: absolute;top: 0;right: 0;}
.intro_c{color: #75757a; margin-bottom: 15px;height: 60px;overflow: hidden; text-align: justify}
.inicio{color: #75757a; display: inline-block;}
.ver_more{display: inline-block; color: #75757a; border:1px solid #dbdedf; padding: 2px 25px; margin-left: 35px;  text-transform:uppercase}
/*----escroll----*/
.scrolld {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	bottom: 8rem;
  }
  
  .chevron {
	position: absolute;
	width: 28px;
	height: 3px;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
  }
  
  .chevron:first-child {
	animation: move 3s ease-out 1s infinite;
  }
  
  .chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
  }
  
  .chevron:before,
  .chevron:after {
	content: ' ';
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #fff;
  }
  
  .chevron:before {
	left: 0;
	transform: skew(0deg, 30deg);
  }
  
  .chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg);
  }
  
  @keyframes move {
	25% {
	  opacity: 1;
  
	}
	33% {
	  opacity: 1;
	  transform: translateY(30px);
	}
	67% {
	  opacity: 1;
	  transform: translateY(40px);
	}
	100% {
	  opacity: 0;
	  transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
	}
  }
  
  .text {
	display: block;
	margin-top: 65px;
	margin-left: -4px;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size: 12px;
	color: #fff;

	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite;
  }
  
  @keyframes pulse {
	to {
	  opacity: 1;
	}
  }
  /*----end scroll--*/
.item_curso img a{opacity: 1}
.item_curso:hover img{opacity: 0.5}
.item_curso:hover .ver_more{background: #909090; color: #fff}
.ver_cursos{background: #0d57d6; color: #fff; display: inline-block; padding: 10px 35px; font-size: 15px; margin: 30px 0; border-radius: 10px}
.ver_cursos:focus,.ver_cursos:hover{background: #db0008; text-decoration: none; color: #fff}
.contain_skf{max-width: 1372px; margin: 0 auto; padding-left: 15px; padding-right: 15px; color: #fff;}
.franja{ background: #0d57d6; padding: 80px 0}
.skf_t img{ max-width: 100%; display: block; margin-bottom: 4rem;}
.skf_t p{margin: 20px 0;}
.counter-valor{background: #dcedf1; width: 148px; height: 148px; border-radius: 50%; padding: 4.5rem 2px; font-size:50px;   color: #0d57d6;text-align: center;margin: 0 auto;}
.item_ind{display: inline-block; vertical-align: top; width: 165px; text-align: center;margin: 0 2rem;}
.item_ind h3{font-size: 19px; position: relative;padding: 0 2rem;}
.item_ind h3:after{content: "\f105"; position: absolute; left: 0; top: 0; font-family: 'FontAwesome', sans-serif}
.indicadores{text-align: center}
.cont_video{background-size: cover !important; height: 526px; position:relative}
.cont_video h2{color: #fff; font-size: 25px; text-transform: uppercase; position: absolute; bottom: 12rem; text-align: center; width: 100%}
.watch-video{position: absolute;left: 50%;margin-left: -60px;top: 50%;margin-top: -70px;}
.video{display: none;height:526px; ;width: 100%;}
#cerrar{display: none; position: absolute; right: 10px; top: 10px; z-index: 50; color: #fff; font-size: 25px}
.caption{color: #fff; position: absolute; bottom: 2rem; padding: 10px 25px;height: 206px;overflow: hidden;}
.caption h2{font-size: 15px; text-transform:uppercase}
.intro_test{font-size: 21px; position: relative; padding-left: 15px}
.intro_test:before{content: "\f105"; font-family: 'FontAwesome', sans-serif; margin-right:5px}
.carousel_test .item{position: relative;max-height: 474px;overflow: hidden;}
.owl-next {position: absolute;right: 0;top: 40%;background: transparent !important;font-size:5rem !important; color:#0d57d6 !important}
.owl-prev {position: absolute;left: 0;top: 40%;background: transparent !important; font-size:5rem !important; color:#0d57d6 !important}
.caption img{max-width:50px; margin: 0 auto 2rem }
.slide_h{width: 100%; position: relative; overflow: hidden; height: 100%}
.caption_slide{position: absolute; bottom: 20%; left: 10%;width: 80rem; text-align: left;}
.caption_slide h2{font-weight: 600; color: #fff; font-size: 34px; font-family: 'Circular Std', sans-serif; margin:5px 0; text-shadow: -1px 2px 2px rgb(160, 160, 160);}
.caption_slide h3{ color:#fff; margin: 5px 0; font-size:50px; text-transform: uppercase;}
.caption_slide h3 span{color: #f0ab18;}
.caption_slide a{ display: inline-block; padding: 8px; background: #0d57d6; color: #fff; padding: 10px; border-radius: 8px; width: 223px; font-size: 20px; text-align: center; margin: 4rem 0}
.caption_slide a:hover{background: #ff0003; text-decoration: none;}
.slider{padding-bottom: 3rem}
.carousel-inner .item img{
	height: 100vh;
	width: 100%;
	-webkit-animation: thing 20s;
	-o-animation: thing 20s;
	animation: thing 20s;
}
@keyframes thing{
	from{
		transform: scale(1,1)
	}
	to{
		transform: scale(1.1,1.1)
	}
}
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
  }
  .carousel-fade .carousel-inner .item,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
	opacity: 0;
  }
  .carousel-fade .carousel-inner .active,
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
  }
  .carousel-fade .carousel-inner .next,
  .carousel-fade .carousel-inner .prev,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
  }
.owl-theme .owl-dots .owl-dot span{border:2px solid #fff; background: transparent !important}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fff !important}
.owl-dots {position: absolute;width: 100%; bottom: 2rem;}
.count_participantes{font-size: 28px;padding-top: 6rem;}
.servicios{
	padding-top: 6rem;
	padding-bottom: 6rem;
}
@media (max-width: 1200px){
	.caption_slide{    top: 48%;
    margin-top: -20px;}
}
@media (max-width: 991px){
	.contain_cursos{text-align: center;}
	.cont_video{height: 323px}
	.cont_video h2{bottom: 1rem}
	
}
@media (max-width: 818px){
	.caption_slide {
		right: 5%;
		width: 41rem; top: 50%
	}
	.carousel-inner .item img{height:50vh;}
	.caption_slide h2{font-size: 18px}
	.caption_slide h3{font-size: 16px}
	.caption_slide a{width: 130px; font-size: 14px; margin: 2rem 0}
}
@media (max-width: 767px){
	.intro_test{font-size: 15px}
	.skf_t img{max-width: 250px; margin: 0 auto 4rem}
}
@media (max-width: 545px){
	.caption_slide{width: 28rem}
	.caption_slide a{margin: 5px 0}
	.watch-video img{max-width: 90px}
	.cont_video h2{margin-bottom: 3rem}
}
@media (max-width: 450px){
	.caption_slide h2{font-size: 12px}
	.caption_slide h3{font-size: 12px}

	.caption_slide a{width: 100px;
    font-size: 13px; padding: 6px}
}