.section-header{position:relative; padding:0; background: linear-gradient(135deg, rgba(21,60,104,1) 0%,rgba(127,243,222,1) 100%); min-height:70vh; height:70vh !important;  -webkit-transition: 0.4s; transition: 0.4s; overflow:hidden; border-radius: 40px; border: 5px solid #f2f2f2;}

.section-header .caption{

	position:absolute;

	width:60%;

	bottom:5%;

	left:10%;

	color:#fff;	

	opacity:0;

	z-index:2;

}

.section-header .caption .logo{width:25%; margin-bottom:20px;}

.section-header .caption h1{font-size:4vw; font-weight:300; line-height:1; 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;

}

.btn{

	position: relative;

	color:#153c68;

	background: #fff;;

	border:1px solid #fff;

	border-radius:30px;

	padding:3px 25px;

	font-weight: 100;

	font-size:16px;

	margin-top:20px;

	-webkit-transition: 0.5s; transition: 0.5s;

}

.btn:after{

	content:'';

	position:absolute;

	right:-35px;

	top:0;

	width:30px;

	height:30px;

	border-radius:50%;

	border:1px solid #153c68;

	background:url(../img/bt_after.svg) no-repeat center center #7ff3de;

	background-size:40% auto;

}

.btn:hover{	

	background-color:#7ff3de;

	border:1px solid #7ff3de;

	-webkit-transition: 0.5s; transition: 0.5s;

	color:#153c68;

}



.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;

}

.great-place{position:absolute; top:0; right:10%; 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;

}

.number{display: flex; line-height: 1.2; flex-direction: column; text-align:center; padding:90px 5%; position: relative;}

.number .icon{z-index:2; line-height:25px; align-self: center; background:#7ff3de; color:#153c68; font-weight:300; border-radius:50%; width:25px; height:25px; text-align:center;}

.number h2{font-weight: bold; color:#153c68; font-size:4vw; margin-top:-20px; margin-bottom:5px;}

.number span{background: #7ff3de;}

.about{padding:80px 10%; color:#153c68;}

.about h3{color: #153c68; margin-top:50px;}

.about .grafico{

	width:100%;

	height:50vh;

	background:url(../img/about1.svg) no-repeat center center;

	background-size:contain;

}

.about .grafico[data-id="1"]{

	background-image: url(../img/about2.svg);

}

.about .grafico[data-id="2"]{

	background-image: url(../img/about3.svg);

}

.about .grafico[data-id="3"]{

	background-image: url(../img/about4.svg);

}



.about .slick-prev::before, .about .slick-next::before{color:#153c68}

.about .desc{margin-top:60px;}



.portfolio{margin-top:60px; color:#153c68;}

.list-portfolio{margin-bottom:30px; justify-content: center; margin-bottom: 10vh; margin-top: 10vh;}

.list-portfolio:nth-child(odd){flex-direction: row-reverse; text-align:right;}



.list-portfolio .card{color:#153c68; height:45vh; justify-content: center;}

.list-portfolio .card img{width:120%; margin-left:-10%;}



.list-portfolio label{color:#7ff3de; font-size:28px; font-weight:bold;}

.soluciones .list-portfolio h5{padding-right:20% !important; font-size:32px; font-weight:300; margin-bottom:0px;}

.soluciones .list-portfolio h5 b{font-weight:bolder; display:block;}

.soluciones .list-portfolio:nth-child(odd) h5{padding-right:0 !important; padding-left:20% !important;}

.list-portfolio .desc{font-size:14px;}

.list-portfolio .desc strong{font-size:20px; font-weight:300;}

.list-portfolio .btn{width: fit-content; }

.list-portfolio:nth-child(odd) .btn{margin-left: auto;}





.partners .portfolio{margin-top:0;}

.partners .list-portfolio{margin-bottom:30px; cursor:pointer;}

.partners .list-portfolio h5{padding-right:20% !important; font-weight:bold; margin-bottom:20px;}

.partners .list-portfolio .card{color:#153c68;}

.partners .list-portfolio .card:before{

	content:'+';

	position:absolute;

	width:30px;

	height:30px;

	border-radius: 50%;

	background: #7ff3de;

	top:20px;

	right:20px;

	line-height:30px;

	text-align: center;

}



.carrusel-about .label{

	color:#153c68;

	position: relative;

	padding-left:20px;

}

.carrusel-about .label:before{

	content:'';

	width:10px;

	height:10px;

	border-radius:50%;

	background:#4eadeb;

	position: absolute;

	top: 7px;

	left: 0px;

}

.carrusel-about h3{

	font-weight:300;

	color:#153c68;

}

.carrusel-about h3 span{

	background:#4eadeb;

}

.list-about{

	padding:0 30px;

}



.list-about[data-id="1"]  h3 span{

	background:#b2cd54;

}

.list-about[data-id="1"] .label:before{

	background:#b2cd54;

}



.list-about[data-id="2"]  h3 span{

	background:#f6db4a;

}

.list-about[data-id="2"] .label:before{

	background:#f6db4a;

}



.list-about[data-id="3"]  h3 span{

	background:#153c68;

	color:#fff;

}

.list-about[data-id="3"] .label:before{

	background:#153c68;

}



.soluciones{

	padding:0px 10%;

	margin-top:-40px;

}

.soluciones h2{font-weight:300; color:#153c68;}

.soluciones h2 span{background:#7ff3de;}

.soluciones .servicios{margin-top:-30px;}

.soluciones .servicios .card{padding:0;margin: 15px 0; color:#153c68; -webkit-transition: 0.4s; transition: 0.4s;}

.soluciones .servicios .card:after{

	content:'';

	position:absolute;

	top:20px;

	right:20px;

	width:30px;

	height:30px;

	border-radius:50%;

	border:1px solid #153c68;

	background:url(../img/bt_after.svg) no-repeat center center #7ff3de;

	background-size:40% auto;

	-webkit-transition: 0.4s; transition: 0.4s;

}

.soluciones .servicios .card:hover:after{top:15px; right:15px;}

.soluciones .servicios .card:hover{background:#f5f5f5; -webkit-transition: 0.4s; transition: 0.4s;}

.soluciones .servicios .card h3{padding:0 30px; font-weight:bold; margin-top:-20px;}

.soluciones .servicios .card .desc{padding:0 30px;}

.soluciones .servicios a{text-decoration:none !important;}



.partners a{text-decoration:none !important;}

.partners .list-portfolio:hover .card{background:#f5f5f5; -webkit-transition: 0.4s; transition: 0.4s;}

.partners .list-portfolio:hover .card::before{top:15px; right:15px; -webkit-transition: 0.4s; transition: 0.4s;}

.partners, .marcas{

	padding:0px 10% 160px 10%;

	margin-top:80px;

}

.marcas{padding:0px; }

.partners h2, .marcas h2{font-weight:300;}

.marcas h2{padding:0 10%;}

.partners h2 span, .marcas h2 span{background:#7ff3de;}

.carrusel-content{padding:40px 0; width:90%; margin-left:5%;}

.marcas .carrusel-content{padding:40px 0; width:100%; margin-left:0;}

.marcas .carrusel-content img{width:100%;}

.carrusel-content .card{padding:30px; text-align:center; height:40vh; justify-content: center;}

.marcas .carrusel-content .card{margin:0 10px; height:30vh;}



.casos{

	padding:120px 25%;

	margin-top:-40px;

	background: url(../img/casos_bg.jpg) no-repeat center center #153c68;

	background-size: cover;

	color:#fff;

	border-radius:50px;

	border:5px solid #f2f2f2;

	font-size:32px;

	line-height: 1.1;

	text-align: center;

	font-weight: 200;

}

.casos .btn{margin-top:40px;}

.casos h2{font-weight:300; padding-right:20%;}

.casos h2 span{background:#7ff3de; color:#153c68;}

.list-categoria-caso{margin-bottom:20px; position: relative;}

.list-categoria-caso:after{

	content:'';

	position:absolute;

	right:0px;

	bottom:0;

	width:30px;

	height:30px;

	border-radius:50%;

	border:1px solid #fff;

	background:url(../img/bt_after_light.svg) no-repeat center center;

	background-size:40% auto;

}

.list-categoria-caso label{

	position: relative;

	padding-left:15px;

	font-size:12px;

}

.list-categoria-caso label:before{

	content:'';

	width:8px;

	height:8px;

	border-radius:50%;

	background:#7ff3de;

	position: absolute;

	top: 4px;

	left: 0px;

}



.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:40%;

		text-align:center;

	}

	.section-header .caption h1 {

		font-size: 8vw;

		line-height: 8vw;

	}

	

	.section-header .caption2 h2 {

		font-size: 4.5vw;

		text-align:center

	}

	.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%;}

	.list-about{padding: 0 15px;}

	.soluciones, .partners{transform:none !important;}

	.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%;

	  }

	  .soluciones{margin-top:50px;}

	  .casos {

		padding: 120px 5%;

		font-size: 20px;

	  }

	.list-portfolio:nth-child(odd){flex-direction: row; text-align:left;}

	.list-portfolio:nth-child(odd) .btn{margin-left: 0;}

	.list-portfolio .px-5{padding:0 !important;}

	.list-portfolio .card{height:auto !important; margin-bottom:10px;}

	.list-portfolio .card img {

		width: 90%;

		margin-left: 5%;

	  }

	  .soluciones .list-portfolio:nth-child(2n+1) h5 {

		padding-right: 0 !important;

		padding-left: 0% !important;

	  }

}	

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

	

}