.section-header{position:relative; padding:0; background:#99B4B8; background-size:cover; min-height:85vh;  -webkit-transition: 0.4s; transition: 0.4s; overflow:hidden;}
.section-header .caption{
	position:absolute;
	width:50%;
	top:200px;
	left:10%;
	color:#141A28;	
	opacity:0;
	z-index:2;
}
.section-header .caption:after{
	content:'';
	width:15%; 
	bottom:-30px;
	left:0;
	position:absolute;
	height:5px;
	background:#141A28;
}
.section-header .head{width:50%; color:#141A28; font-weight:100; margin-bottom:40px; position: relative;}
.section-header .head img{position:absolute; right:0; bottom:1px; height:20px;}
.section-header .head2{margin-left:-10%; }
.section-header h2{padding:0 40% 0 0%; font-size:20px; font-weight:100; position:relative;}
.section-header h2:after{
	content:'';
	position:absolute;
	left:0%;
	bottom:-8px;
	width:100%;
	height:1px;
	background:#141A28;
}
.section-header h2:before{
	content:'';
	position:absolute;
	bottom:-12px;
	right:0;
	width:15px;
	height:4px;
	background:#141A28;
}
.section-header .caption h1{font-size:2.2vw; font-weight:300; line-height:1.2; display: flex; flex-direction: column;}
.section-header .caption2{
	position:absolute;	
	bottom:10%;
	right:20%;
	color:#fff;	
	z-index:2;
}
.section-header .caption2 h2{
	font-size:1.5vw;
}
.img-header-after{
	background:url(../img/mod_bg_curves.png) no-repeat right center;
	background-size:contain;
	width:35vw;
	height:80vh;
	position:absolute;
	top:65vh;
	right:0;
	z-index:1;
}

.btn{
	position: absolute;
	right: 25%;
	bottom: 50%;
	margin-bottom: 18px;
	background: #ef9552;
	padding: 4px 50px 4px 20px;
	font-size: 14px;
	border-radius: 20px;
	cursor:pointer;
	color:#fff !important;
	border:0;
}
.btn:after{
	content:'';
	background:url(../img/btn_after.png) no-repeat right center;
	width:20px;
	height:27px;
	background-size:contain;
	position:absolute;
	top:0px;
	right:10px;
}

.section-header .redes{
	position:absolute;
	bottom:22%;
	left:2%;
	display: flex;
	flex-direction: column;
	z-index:2;
	margin-left:10px;
	display:none;
}
.redes img{
	width:20px;
	height:20px;
	margin:3px 0;
	-webkit-transition: 0.5s; transition: 0.5s;
}
.redes img:hover{
	-webkit-transition: 0.5s; transition: 0.5s;
	width:30px;
	height:30px;
	margin-left:-5px;
}
#myvid{
	position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
	z-index:0;
	filter:grayscale(100%);	
}
.great-place{position:absolute; top:0; right:5%; z-index:2;}

#vidbutton{
	z-index: 9;
	position: absolute;
	top: 50%;
	left: 50%;
	width:50px;
	height:50px;
	background:url(../img/play_btn.svg) no-repeat center center rgba(0,0,0,0.2);
	border-radius:50%;
	background-size:contain;
	margin-left:-25px;
	margin-top:-25px;
}
.grilla, .grilla2{
	padding:100px 1% 50px 1%;
	background-image:url(../img/grilla.png);
	background-color:#141A28;
	background-position: center center;
	color:#fff;		
}
.grilla2{
	padding:1px 1% 80px 1% !important;
}

.grilla .head{width:50%; color:#E2ECD0; font-weight:100; margin-bottom:40px; position: relative;}
.grilla .head img{position:absolute; right:0; bottom:1px; height:20px;}
.grilla .head2{margin-left:-10%; }
.grilla h2, .grilla2 h2{padding:0 40% 0 10%; font-size:20px; font-weight:100; position:relative;}
.grilla h2:after, .grilla2 h2:after{
	content:'';
	position:absolute;
	left:10%;
	bottom:-8px;
	width:90%;
	height:1px;
	background:#99B4B8;
}
.grilla h2:before{
	content:'';
	position:absolute;
	bottom:-12px;
	right:0;
	width:15px;
	height:4px;
	background:#99B4B8;
}
.grilla .desc{padding:30px 0% 30px 50%; }
.grilla .head2 .desc2{text-align:right; font-size:34px; line-height:1.1; padding:50px 0% 0px 10%;}
.grilla .soluciones{position: relative; margin-bottom:40px; width:100%; margin-top:-18%;}
.grilla .soluciones:before{
	content:'';
	position: absolute;
	width:76%;
	height:80%;
	left:15%;
	top:50px;
	background:url(../img/mod_bg_curves.png) no-repeat 110% center #000; border-radius:20px;
	background-size:contain;
}
.servHead h2{font-size:32px; padding:0 10%;}
.servHead h2:before, .servHead h2:after{display:none;}
.list-solucion{padding:30px 20%; margin:30px 0;}
.list-solucion .head {
	width: 100%;
}
.list-solucion .imagen{height:60vh; border-radius:20px; background-size:cover; background-position:center center; background-color:#7ff3de;}
.list-solucion:nth-child(even){flex-direction: row-reverse;}
.list-solucion .texto-d{background:#131A29; width:120%; margin-left:-20%; padding:10% 20% 20% 10%; font-weight:200; font-size:16px; border-radius:20px; border:1px solid rgba(255, 255, 255, .4); position:relative;}
.list-solucion:nth-child(even) .texto-d{margin-left:0; margin-right:-20%; padding:10% 10% 20% 20%;}
.list-solucion h2{padding:0 10%;}

.soluciones{
	padding:0px 10% 160px 10%;
	margin-top:-40px;
}
.soluciones h2{font-weight:300;}
.soluciones h2 span{background:#7ff3de;}
.soluciones .cta{
	position: absolute;
	right: 25%;
	bottom: 50%;
	margin-bottom: 18px;
	background: #ef9552;
	padding: 4px 50px 4px 20px;
	font-size: 14px;
	border-radius: 20px;
	cursor:pointer;
}
.soluciones .cta:after{
	content:'';
	background:url(../img/btn_after.png) no-repeat right center;
	width:20px;
	height:27px;
	background-size:contain;
	position:absolute;
	top:0px;
	right:10px;
}

.filters{padding:50px 10% 0 10%;}
.list-filter{border:1px solid rgba(255, 255, 255, .4); cursor:pointer; border-radius:20px; margin:0 10px; padding:2px 10px 2px 10px; font-size:13px; background-color:#141A28; align-items:center; display:flex; background-repeat: no-repeat; background-position: 10px center; background-size:auto 70%;}
.list-filter.active{background-color:#E2ECD0; color:#131A29; background-blend-mode:difference;}
.list-filter img{margin-right:10px; height: 14px;}
.list-filter.active img{mix-blend-mode: difference;}
.servicios-content{padding:50px 10%; position: relative;}
.servicios-detail{width:100%; padding:0; height:0vh; background:#E2ECD0; overflow: hidden; position:fixed; z-index:9; top:80px; left:0; color:#131A29; -webkit-transition: 0.4s; transition: 0.4s;}
.servicios-detail .close{position:absolute; right:15px; top:8px; font-size:30px; font-weight: 100; z-index:99; cursor:pointer;}
.servicios-detail .close img{height:30px;}
.servicios-detail .tags{padding:30px 15px 0 15px; font-size:14px;}
.tag-label{color:rgba(0,0,0,0.5); font-size:13px; margin-right:15px;}
.servicios-detail .img-rev{margin:0 15px; background:#E2ECD0; align-items: center;}
.servicios-detail .img-rev img{mix-blend-mode: difference; margin-right:8px;  height: 14px;}
.servicios-detail.active{height:80vh; -webkit-transition: 0.8s; transition: 0.8s;}

.servicios-detail .list-servicio-detail{background:#E2ECD0; height:calc(80vh - 50px);}
.servicios-detail .title{
	background: url(../img/pattern_lines_dark.png) #E2ECD0;
  	background-blend-mode: color-dodge;
	padding:0px 40px 0px 10%;
	margin:20px 0;
}
.servicios-detail .title img{height:120px; border-radius:10px;}
.servicios-detail .title h1{position:relative; width:60%;}
.servicios-detail .title h1:before{
	content:'';
	position:absolute;
	top:-10px;
	left:0;
	width:30px;
	height:6px;
	background:#99B4B8;
}
.servicios-detail .descripcion{
	padding:0px 10% 0px 10%;
	margin:20px 0;
	font-size:15px;
	width:70%;
	position: relative;
}
.servicios-detail .descripcion:before{
	content:'';
	width:50px;
	height:80%;
	bottom:-30px;
	left:10px;
	background: url(../img/servicio_detail_logo.png) no-repeat bottom center;
	background-size:contain;
	position: absolute;
	z-index:9;
}
.servicios-detail .slick-prev {
	left: 50%;
	top: 100%;
	margin-top:11px;
	margin-left:-50px;
	z-index: 9;
}
.servicios-detail .slick-next {
	right: 50%;
	top: 100%;
	margin-top:11px;
	margin-right:-50px;
	z-index: 9;
}

.servicios-detail .slick-prev:before, .servicios-detail .slick-next:before {
	content:'>';
	color:#666;
	width:40px;
	height:40px;
	line-height:30px;
	border:1px dashed #666;
	border-top:0;
	position: absolute;
}
.servicios-detail .slick-prev:before {
	content:'<';
}
.servicios-detail:before{
	content:'';
	width:100%;
	height:1px;
	border-top:1px dashed #666;
	position:absolute;
	bottom:38px;	
	left:0;
	z-index:9;
	opacity:1;
}
.servicios-detail::after {
	content: '';
	position: absolute;
	bottom: -40px;
	right: 0px;
	width: 140px;
	height: 190px;
	background: url(../img/servicios_after.png) no-repeat left center;
	  background-size: auto;
	background-size: 140%;
	z-index: 2;
  }

.servicios-content .col-md-3{width:20% !important; display: flex; flex-direction: column;}
.servicios-content .row{display:flex; flex-wrap: wrap;}
.list-servicio{border:1px solid rgba(255, 255, 255, .4); cursor:pointer; border-radius:10px; margin:10px 0; background-color:#141A28; -webkit-transition: 0.4s; transition: 0.4s;}
.list-filter.all{
	background-image: url(../img/filter_icon_all.png);
}
.list-filter.ciberseguridad{
	background-image: url(../img/filter_icon_ciberseg.png);
}
.list-filter.clouddefense{
	background-image: url(../img/filter_icon_clouddefense.png);
}
.list-filter.identity{
	background-image: url(../img/filter_icon_identity.png);
}
.list-filter.addons{
	background-image: url(../img/filter_icon_addons.png);
}
.list-servicio:hover{transform:scale(1.05); -webkit-transition: 0.4s; transition: 0.4s;}
.list-servicio .title{font-size:18px; line-height:1.1; display:flex; align-items:center; min-height:100px; padding:10px;}
.list-servicio .bajada{font-weight:200; font-size:14px; line-height:1.1; border-radius:10px; border-top:1px solid rgba(255, 255, 255, .4); padding:10px; min-height:200px; -webkit-transition: 0.4s; transition: 0.4s;}
.list-servicio:hover .bajada{background:#E2ECD0; -webkit-transition: 0.4s; transition: 0.4s; color:#141A28;}
.logo-card{padding:8px 5%; margin-top:10px; background:#153c68; color:#fff; text-align:right; border-radius: 0 0 0.375rem 0.375rem; position:relative;}
.logo-card:after {
	content: '';
	position: absolute;
	left: 5%;
	bottom: 18px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #fff;
	background: url(../img/bt_after_light.svg) no-repeat center center;
	  background-size: auto;
	background-size: 40% auto;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.logo-card img{height:50px;}
.logo-card.pi{background:#fbda06;}
.logo-card.wemox{background:#abca3d;}

.partners h2, .clientes h2{font-weight:300;}
.partners h2:before, .clientes h2:before, .partners h2:after, .clientes h2:after{display:none;}
.partners h2 img, .clientes h2 img{margin:0 40px; height:24px;}

.carrusel-content{padding:40px 5%; border-radius:80px; margin-top:40px;}
.carrusel-content img{height:60px; margin:20px; border-radius:10px;}

.partners, .clientes{
	padding:3% 5%;
}
.partners h2{text-align: right; padding:0 10% 0 0;}
.partners .carrusel-content{
	background:url(../img/pattern_lines_dark.png) #64799E;
}

.clientes .carrusel-content{
	background:url(../img/pattern_lines_dark.png) #E2ECD0;
	background-blend-mode: color-dodge;
}

.servicios{
	background:url(../img/servicios-bg.png)no-repeat 110% center #99B4B8;
	background-size:auto 80%;
	border-radius:40px;
	min-height:80vh;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top:-40px;
	padding:5% 10%;
	position: relative;
	
}
.servicios:after{
	content:'';
	position: absolute;
	bottom:-40px;
	right:0px;
	width:140px;
	height:190px;
	background:url(../img/servicios_after.png) no-repeat left center;
	background-size:140%;
	z-index:2;
}
.servicios .head{width:50%; color:#141A28; font-weight:100; margin-bottom:40px; position: relative;}
.servicios .head img{position:absolute; right:0; bottom:1px; height:20px;}
.servicios .head2{margin-left:-10%; }
.servicios h2{padding:0 40% 0 10%; font-size:20px; font-weight:100; position:relative;}
.servicios h2:after{
	content:'';
	position:absolute;
	left:10%;
	bottom:-8px;
	width:90%;
	height:1px;
	background:#141A28;
}
.servicios h2:before{
	content:'';
	position:absolute;
	bottom:-12px;
	right:0;
	width:15px;
	height:4px;
	background:#141A28;
}
.servicios h3{
	width:50%;
	font-size:3vw;
	margin-top:-60px;
}
.vulps-iso-dark{width:18%; margin-left:-15%; }
.servicios .cta{
	position: absolute;
	right: 25%;
	bottom: 20%;
	margin-bottom: 18px;
	background: #ef9552;
	padding: 4px 50px 4px 20px;
	font-size: 14px;
	border-radius: 20px;
	cursor:pointer;
}
.servicios .cta:after{
	content:'';
	background:url(../img/btn_after.png) no-repeat right center;
	width:20px;
	height:27px;
	background-size:contain;
	position:absolute;
	top:0px;
	right:10px;
}
.mt--5{margin-top:-80px; padding-top:200px;}

.blog{margin:10% 0; padding:5% 8% 0% 12%; position: relative; z-index:1;}
.blog h2{width:60%; margin-left:30%; margin-right:10%; text-align:right; padding-right:0;}
.blog h2 img{margin-left:4%;}
.blog .text{text-align:right; font-size:2.6rem; line-height:1.2; padding-right:8%;}
.blog .cta {	
	background: #ef9552;
	padding: 4px 50px 4px 20px;
	font-size: 14px;
	border-radius: 20px;
	cursor: pointer;
	position: relative;
	width: fit-content;
}
.blog .cta::after {
	content: '';
	background: url(../img/btn_after.png) no-repeat right center;
	  background-size: auto;
	width: 20px;
	height: 27px;
	background-size: contain;
	position: absolute;
	top: 23px;
	right: 0px;
}
.blog .cta2::after {
	content: '';
	background: url(../img/btn_after.png) no-repeat right center;
	  background-size: auto;
	width: 20px;
	height: 27px;
	background-size: contain;
	position: absolute;
	top: 0;
  	right: 10px;
}


.list-noticia{
	background:#99B4B8;
	border-radius:10px;
	overflow:hidden;
	-webkit-transition: 0.2s; transition: 0.2s;
}
.list-noticia a{
	color:inherit !important;
	text-decoration: none !important;
}
.list-noticia .imagen{
	height:200px;
	background-size: cover;
	background-position:center center;
	background-color:#000;
	margin-bottom:30px;
	-webkit-transition: 0.2s; transition: 0.2s;
}
.list-noticia:hover .imagen{
	filter:grayscale(100%);
	-webkit-transition: 1s; transition: 1s;
}
.list-noticia:hover{transform: scale(1.05); -webkit-transition: .6s; transition: .6s;}
.list-noticia h4{color:#131A29; font-weight:400; font-size:1.3rem;}
.list-noticia .resumen{font-size:0.8rem; margin-bottom:10px; margin-top:10px;}
.list-noticia .cta{
	font-weight:200; 
	color:#131A29; 
	font-size:1rem; 
	padding-right:30px !important;
	width:95%;
	background:transparent;
	background-size:auto 30%;
	cursor:pointer;
}

.formulario-content{
	padding:0 5% 90px 5%; 
	position: relative;
	
}

.after{
	position:absolute;
	right:0;
	bottom:-30%;
	width:30%;
	height:100vh;
	background:url(../img/form-content-bg.svg) no-repeat;
	background-position: right center;
	background-size:contain;
	z-index:0;
}

.formulario-content h3{font-size:2.2rem;}

.formulario-content input, .formulario-content textarea{
	resize:none;
	width:100%;
	padding:2px 10px;
	border-radius:0;
	border:0;
	border-bottom:1px solid rgba(255, 255, 255, .4);
	background:transparent;
	color:#fff;
	font-size:1vw;
	margin-bottom:10px;
	box-shadow: none !important;
}
.formulario-content input[type="submit"]{
	background: url(../img/btn_after.png)#ef9552;
	padding: 4px 20px 4px 0px;
	font-size: 14px;
	border-radius: 8px;
	border:0;
	position:relative;
	width:30%;
	margin-left:70%;
	background-repeat: no-repeat;
	background-position:90% center;
	background-size:contain;
	margin-top:20px;
}

.formulario-content textarea{height:130px; margin-bottom:0;}

.slick-dots li.slick-active button::before {
	color: #fff;
}
.slick-dots li button::before {
	font-size: 12px;
}

@media screen and (min-width: 1440px) {
	
}
@media screen and (max-width:768px) {
	
	.section-header .caption {
		width: 90%;
		left: 5%;
		bottom:auto;
		text-align:left;
	}
	.section-header .caption h1 {
		font-size: 8vw;
		line-height: 8vw;
	}
	
	.section-header .caption2 h2 {
		font-size: 4.5vw;
		text-align:center
	}
	.grilla, .grilla2 {
		padding: 50px 1%;
	}
	.grilla .head {
		width: 90%;
	}
	.grilla .desc {
		padding: 30px 0% 30px 10%;
	}
	.grilla .soluciones::before {
		width: 100%;
		left: 0;
		top: 50px;		
	}
	.grilla .head2 .desc2 {
		text-align: left;
	}
	.grilla .soluciones{margin-bottom:0; padding: 0px 10% 60px 10%;}
	.soluciones .cta {
		position: relative;
		right: 0;
		bottom: 0;
		margin-bottom: 18px;
		background: #ef9552;
		padding: 4px 50px 4px 20px;
		font-size: 14px;
		border-radius: 20px;
		cursor: pointer;
		width: fit-content;
	}
	.list-solucion {
		padding: 30px 4%;
	}
	.list-solucion .imagen {
		height: 40vh;
		margin-bottom:30px;
		display:none;
	}
	.list-solucion .texto-d{width:100%; margin-left:0; margin-right:0; padding:5% !important;}
	.img-header-after{top:10vh;}
	.number{padding:20px 5%;}
	.number h2{font-size:14vw; margin-top: -15px;}
	.about .grafico {width: 100%; height: 20vh;}
	.carrusel-about {
		margin-top: 20px;
	}
	.about{padding: 80px 10% 0 10%; height:auto; margin-top:0; padding-top:0;}
	.about-more{width: 126%; margin-left: -13%;}
	.list-about{padding: 0 15px;}
	.soluciones{transform:none !important; margin-top:60px;}
	.soluciones h2{margin-bottom:50px;}
	.carrusel-content{width:100%; margin-left:0;}
	.great-place {
		position: absolute;
		top: 0;
		right: 20%;
		z-index: 2;
		width: 15%;
	}
	.servicios {background-size: auto 30%;}
	.servicios .head {width: 100%;}
	.servicios h2 {padding: 0 10%;}
	.servicios h3 {
		width: 100%;
		font-size: 8vw;
		margin-top: 0;
    	margin-bottom: 80%;
	}
	.partners h2 {margin-top: 20%;}
	.clientes h2 {
		text-align: right;
		padding: 0 10% 0 0;
		margin-top: 20%;
		display: flex;
    	flex-direction: row-reverse;
	}
	.vulps-iso-dark{display:none;}
	.grilla2 h2::after {
		content: '';
		position: absolute;
		left: 0%;
		bottom: -8px;
		width: 100%;
		height: 1px;
		background: #99B4B8;
	}
	.blog h2 {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		text-align: right;
		padding-right: 0;
		margin-top:50px;
	}
	.blog .cta{display:none;}
	.blog .text {
		text-align: left;
		font-size: 2.6rem;
		line-height: 1.2;
		padding-right: 0%;
	}
	.blog .p-5{padding:3rem 0 !important;}
	.list-noticia {margin-bottom: 30px;}
	.after{display:none;}
	.formulario-content input, .formulario-content textarea {font-size: 4vw;}
	.footer .marker{margin-left:0;}
	.footer::after {display:none;}
	.after-footer{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align:center;
	}
	.servicios-content .col-md-3 {
		width: 50% !important;
	}
	.filters {
		padding: 50px 2% 0 2%;
		flex-wrap: wrap;
		justify-content: start !important;
	}
	.list-filter {
		margin: 3px;
		padding: 2px 10px 2px 10px;
		font-size: 12px;
		background-color: #141A28;
		align-items: center;
		display: flex;
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: auto 70%;
	  }
	  .servicios-detail .descripcion {width:100%;}
	  .servicios-detail .list-servicio-detail {
		background: #E2ECD0;
		height: calc(100vh - 50px);
	  }
	  .servicios-detail.active {
		height: 100vh;
		-webkit-transition: 0.8s;
		transition: 0.8s;
	  }
	  .servicios-detail .descripcion::before {display:none;}
}	
@media screen and (max-width:600px) {
	
}