html, body{padding:0;margin:0;width: 100%;height: 100%;font-family: 'DM Sans', sans-serif;}
*{box-sizing:border-box;}
a{color: inherit;transition: ease-out 0.3s;}
.wp{width: calc(100% - 40px);max-width: 1200px;margin: auto;position: relative;}
.anima {
    transition: opacity 1s, transform 1.2s cubic-bezier(.165,.84,.44,1);
    -webkit-transition: opacity 1s, transform 1.2s cubic-bezier(.165,.84,.44,1);
    -ms-transition: opacity 1s, transform 1.2s cubic-bezier(.165,.84,.44,1);
    will-change: transform, opacity;
}
.curtain{
    transition: transform .6s cubic-bezier(.165,.84,.44,1);
    -webkit-transition: transform .6s cubic-bezier(.165,.84,.44,1);
    -ms-transition: transform .6s cubic-bezier(.165,.84,.44,1);
    will-change: transform;
    position: fixed;
    z-index: 9999;background-color: #1944fb;
    height: 100%;width: 100%;
    transform-origin: left center;    

}
.curtain.hide{transform: scaleX(0);transform-origin: right center;}
.hideme{opacity: 0;transform: translateY(40px);}
.blind {
  display: block;
  overflow: hidden;
}
.blind div.hideme{transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);}
.delay01{transition-delay: 0.1s;-webkit-transition-delay: 0.1s;-ms-transition-delay: 0.1s;}
.delay02{transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-ms-transition-delay: 0.2s;}
.delay03{transition-delay: 0.3s;-webkit-transition-delay: 0.3s;-ms-transition-delay: 0.3s;}
.delay04{transition-delay: 0.4s;-webkit-transition-delay: 0.4s;-ms-transition-delay: 0.4s;}
.delay05{transition-delay: 0.5s;-webkit-transition-delay: 0.5s;-ms-transition-delay: 0.5s;}
.delay06{transition-delay: 0.6s;-webkit-transition-delay: 0.6s;-ms-transition-delay: 0.6s;}
.delay07{transition-delay: 0.7s;-webkit-transition-delay: 0.7s;-ms-transition-delay: 0.7s;}
.delay08{transition-delay: 0.8s;-webkit-transition-delay: 0.8s;-ms-transition-delay: 0.8s;}
.delay09{transition-delay: 0.9s;-webkit-transition-delay: 0.9s;-ms-transition-delay: 0.9s;}
.delay10{transition-delay: 1.0s;-webkit-transition-delay: 1.0s;-ms-transition-delay: 1.0s;}
.delay11{transition-delay: 1.1s;-webkit-transition-delay: 1.1s;-ms-transition-delay: 1.1s;}
.delay12{transition-delay: 1.2s;-webkit-transition-delay: 1.2s;-ms-transition-delay: 1.2s;}
.delay13{transition-delay: 1.3s;-webkit-transition-delay: 1.3s;-ms-transition-delay: 1.3s;}
.delay14{transition-delay: 1.4s;-webkit-transition-delay: 1.4s;-ms-transition-delay: 1.4s;}
.delay15{transition-delay: 1.5s;-webkit-transition-delay: 1.5s;-ms-transition-delay: 1.5s;}
.delay16{transition-delay: 1.6s;-webkit-transition-delay: 1.6s;-ms-transition-delay: 1.6s;}
header{background-color: #fff;z-index: 9;position: fixed;width: 100%;top: 0;}
header .wp{
	height: 100px;
	display: flex;
	align-items: center;	
}
header #burger{position: absolute;right: 20px;cursor: pointer;}
header #burger i{transition: ease-out 0.3s;display: block;height: 2px;background-color: #1b43f8;width: 32px;margin: 4px 0;}
header #burger.open i{transform: rotate(45deg);margin-top: 5px}
header #burger.open i:last-child{opacity: 0;}
header #burger.open i:nth-child(2){transform: rotate(-45deg);margin-top: -6px}
header .logo{margin-right: 100px;}
header .navigation{display: flex;}
header .navigation li{color: #80878d;cursor: pointer;font-weight: 700;}
header .navigation li i.fa{color: #1b43f8;margin: 0 30px 0 8px}
header .navigation li ul{transition: ease-out 0.3s;position: absolute;padding-top: 70px;opacity: 0;pointer-events: none;}
header .navigation li ul li{font-weight: 400;margin: 26px 0;}
header .navigation li ul li a{display: flex;align-items: center;}
header .navigation li ul li a span{width: 0px;height: 2px;background-color: #1b43f8;transition: ease-out 0.3s;}
header .navigation > li:after{
	content: '';
	position: absolute;
	top:100%;width: 100vw;
	background-color: #f8faff;
	height: 0px;
	left: 50%;transform: translateX(-50%);
	z-index: -1;
	transition: ease-out 0.3s;
}
nav{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;left: 0;
	z-index: 8;
	padding-top: 60px;
	display: none;
}
nav .wp{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
nav .bt{color: #121624;font-size: 28px;margin: 18px 0;cursor: pointer;}
nav .sbmenu ul{font-size: 20px;color: #80878d;margin-top: 18px;display: none;white-space: nowrap;}
nav .sbmenu ul li{margin-right: 26px;white-space: nowrap;font-weight: 400;display: inline-block;}
footer{border-top: solid 1px #e2e3e4;padding-top: 120px}
footer .wp{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
footer .qua h5{
	font-size: 16px;
	font-weight: 700;
	color: #121624;
	margin-bottom: 20px;
}
footer .qua a{display: block;margin: 12px 0;font-size: 14px;color: #80878d;}
footer img.logo{display: block;margin-bottom: 30px;}
footer p{font-size: 14px;color: #80878d;line-height: 2.14;margin-bottom: 40px;}
footer a.fa{font-size: 30px;color: #121624;}
footer .final{margin-top:40px;border-top: solid 1px #e2e3e4;height: 114px;padding-bottom: 20px;align-items: center;}
footer .final a{font-size: 14px;color: #80878d;text-decoration: underline;}

header .navigation > li:hover{color: #121624;}
header .navigation > li:not(.nosb):hover:after{height: 350px;}
header .navigation li:hover ul{transition-delay:.4s;padding-top: 95px;opacity: 1;pointer-events: initial;z-index: 1}
header .navigation li ul li a.active,
header .navigation li ul li a:hover,
nav .bt:hover{color: #1b43f8;font-weight: 700;}
footer .qua a:hover{color: #1b43f8;}
header .navigation li ul li a.active span,
header .navigation li ul li a:hover span{width: 10px;margin-right: 6px;}
nav .sbmenu ul li:hover{color: #121624;font-weight: 700;}


.btnBlue{
	color: #fff;
	width: 204px;
	line-height: 50px;
	text-align: center;
	background-color: #1b43f8;
	border-radius: 25px; 
	display: inline-block;
}
.btnOutline{
	color: #121624;
	width: 204px;
	line-height: 50px;
	text-align: center;
	border:2px solid #121624;
	border-radius: 25px; 
	display: inline-block;
	font-weight: 700;
}
.btnBlue:hover{
	color: #121624;
	background-color: #38fcd2;
}
.btnOutline:hover{
	background-color: #121624;
	color: #fff;
}
/*hero*/
#hero{
	height: 100vh;
	background-size: cover;
	background-position: center;
	/*background-image: url(../img/hero.jpg);*/
	position: relative;
	overflow: hidden;
}
#hero video{
	position: absolute;
	z-index: -1;
	min-width: 100%;
	min-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#hero:after{content: '';background:#000;position: absolute;width: 100%;height: 100%;opacity: .4;top: 0;}
#hero h1{
	position: absolute;
	left: 50%;top: 50%;
	transform: translate(-50%,-50%);
	font-size: 62px;
	letter-spacing: -1.6px;
	text-align: center;
	color: #fff;
	width: 100%;
	font-weight: 500;
	z-index: 1;
}
#hero h1 a.arrow{
	position: absolute;
	bottom: -90px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
}
#hero h1 a.arrow img{
	-webkit-animation: arrow 1.5s linear infinite alternate;
  -moz-animation: arrow 1.5s linear infinite alternate;
  -ms-animation: arrow 1.5s linear infinite alternate;
  -o-animation: arrow 1.5s linear infinite alternate;
  animation: arrow 1.5s linear infinite alternate;
}
#about{
	height: 650px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
#about i{position: absolute;width: 1px;height: 230px;background-color: #38fcd2;position: absolute;bottom:60%;left: 50%;transform: translate(-50%,-50%);}
#about p{
	width: 990px;
	font-size: 32px;
	color: #80878d;
	text-align: center;
	line-height: 1.5;
	letter-spacing: -.64px;
	margin-bottom: 80px;
}
#about p strong{
	color: #1b43f8;
}
#services{background-color: #f8faff;position: relative;height: 700px;}
#services .slides{height: 100%;}
#services .slides li, #services .slides li .wp{height: 100%;display: flex;align-items: center;}
#services .slides li .mid{width: 50%;max-width: 500px;}
#services .slides li .imageSlider{
	width: 45%;
	height: 100%;
	position: absolute;
	top: 0;right: 0;
	background-size: cover;
}
#services .slides li h4{color: #121624;text-transform: uppercase;font-weight: 700;}
#services .slides li h2{
	font-size: 52px;
	font-weight: 700;
	letter-spacing: -1.04px;
	color: #1944fb;
	max-width: 390px;
	margin: 12px 0 22px;
}
#services .slides li p{
	font-size: 18px;
	color: #80878d;
	line-height: 1.64;
	margin-bottom: 40px;
}
#services .slides li p strong{color: #121624;}

#services .slides li:not(.flex-active-slide) h4,
#services .slides li:not(.flex-active-slide) h2,
#services .slides li:not(.flex-active-slide) p{transform: translateY(40px);opacity: 0;transition-delay: 1s}
#services .slides li:not(.flex-active-slide) .imageSlider{transform: translateX(-40px);opacity: 0}

#services .flex-direction-nav{display: none;}
#services .flex-control-nav{
	position: absolute;
	width: calc(100% - 40px);max-width: 1200px;
	padding: 0 5px;
	left: 50%;bottom: 10%;
	transform: translateX(-50%);
	display: flex;
	z-index: 2;
}
#services .flex-control-nav li a{
	width: 9px;
	height: 9px;
	border-radius: 9px;
	background-color: #80878d;
	display: block;
	margin-right: 20px;
	font-size: 0;
	transition: ease-out 0.3s;
	cursor: pointer;
}
#services .flex-control-nav li a.flex-active{background-color: #1944fb;width: 30px;}
#consultoria{
	height: 650px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #38fcd2;
}
#consultoria p{
	width: 990px;
	font-size: 32px;
	color: #000000;
	text-align: center;
	line-height: 1.5;
	letter-spacing: -.64px;
	margin-bottom: 80px;
}
#news{padding: 160px 0;background-color: #f8faff;}
#news .wp{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
#news article{
	width: calc(50% - 15px);
	border-radius: 12px;
	background-position: center;
	background-size: cover;
	padding: 50px 90px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	margin: 15px 0;
	height: 360px;
	transition: ease-out .3s;
}
#news article h4{
	font-size: 14px;
  	font-weight: 700;
  	color: #38fcd2;
  	text-transform: uppercase;
  	letter-spacing: 1.64px;
	transition: ease-out .3s;
}
#news article h3{
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.64px;
	line-height: 1.31;
	color: #ffffff;
	margin: 20px 0 15px;
	transition: ease-out .3s;
}
#news article p{color: #80878d;font-size: 18px;line-height: 1.67;height: 0;transition: ease-out .3s;overflow: hidden;}
#news article a{font-size: 14px;font-weight: 700;color: #ffffff;margin-top: 15px;transition: ease-out .3s;}
#news article a i{color: #38fcd2;margin-left: 14px;transition: ease-out .3s;}
#news article:hover{background-color: #fff;background-image: none !important}
#news article:hover p{height: 90px;}
#news article:hover h3, #news article:hover h4, #news article:hover a, #news article:hover a i{color: #121624;}
#news .content{width: 100%;text-align: center;margin-top: 100px;}

#news.detalle .wp.min{max-width: 800px;padding: 0 20px;}
#news.detalle .wp.min h3{font-weight: 400;color: #121624;line-height: 1.6;margin-bottom: 50px;font-size: 24px;}
#news.detalle .wp.min p{font-weight: 400;color: #80878d;line-height: 1.6;margin-bottom: 20px;font-size: 18px;}
#news.detalle .wp.min p strong{color: #121624;}
#slideDetail{margin-bottom: 100px;}
#slideDetail .slides{width: 100%;}
#slideDetail .slides li{height: 100%;display: flex;align-items: center;padding-top: 30%;background-size: cover;background-position: center;}
#slideDetail .slides li .mid{width: 50%;max-width: 500px;}
#slideDetail .slides li .imageSlider{
	width: 45%;
	height: 100%;
	position: absolute;
	top: 0;right: 0;
	background-size: cover;
}
#slideDetail .flex-direction-nav{display: none;}
#slideDetail .flex-control-nav{
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0 5px;
	left:0%;bottom: -40px;
	z-index: 2;
}
#slideDetail .flex-control-nav li a{
	width: 9px;
	height: 9px;
	border-radius: 9px;
	background-color: #FFF;
	display: block;
	margin-right: 20px;
	font-size: 0;
	transition: ease-out 0.3s;
	cursor: pointer;
}
#slideDetail .flex-control-nav li a.flex-active{background-color: #FFF;width: 30px;}
#news.detalle .wp.related{margin-top: 80px}
#news.detalle .wp.related h5{font-size: 26px;font-weight: 400;color: #121624;margin-bottom: 30px;}
#news.detalle .wp.related article{width: 100%;}
#news.detalle .wp.related .owl-nav{display: none;}
#news.detalle .wp.related .owl-dots{
	position: absolute;
	width:100%;
	padding: 0 5px;
	left: 0%;bottom: -20px;
	display: flex;
	justify-content: center;
	z-index: 2;
}
#news.detalle .wp.related .owl-dots button{
	width: 9px;
	height: 9px;
	border-radius: 9px;
	background-color: #80878d;
	display: block;
	margin-right: 20px;
	font-size: 0;
	transition: ease-out 0.3s;
	cursor: pointer;
}
#news.detalle .wp.related .owl-dots button.active{background-color: #1944fb;width: 30px;}
/*Interna*/
#heroInterna{
	background-color: #1b43f8;
	background-size: cover;
	background-position: center top;
	background-blend-mode: multiply;
	height: 100vh;
	color: #fff;
	display: flex;
	align-items: center;
	padding-top: 100px;
}
#heroInterna:after{
	content: '';
	background: rgb(25,68,251);
	background: linear-gradient(90deg, rgba(25,68,251,1) 0%, rgba(25,68,251,0) 53%);
	position: absolute;
	z-index: 0;
	left: 0;top:0;
	height: 100%;width: 100%;
}
#heroInterna .wp{z-index: 2}
#heroInterna .wp .mid{max-width: 580px;}
#heroInterna h4{
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
}
#heroInterna h1{
	font-size: 52px;
	font-weight: 700;
	line-height: 1.19;
	letter-spacing: -1.04px;
	margin: 26px 0 40px;
}
#heroInterna p{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.67;
}
#main .subtitulos{
	height: 650px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#main .subtitulos h2{
	font-size: 32px;
	color: #000000;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -.64px;
	margin-top: 80px;
}
#main .subtitulos h2 strong{
	color: #1b43f8;
}
#main .benefit{margin-bottom: 120px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#main .benefit h3{
	font-size: 26px;
	font-weight: 400;
	color: #121624;
	width: 100%;
	margin-bottom: 80px;
}
#main .benefit h3 strong{color: #1944fb;}
#main .benefit .mid{width: calc(50% - 40px);}
#main .benefit ul li{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.33;
	color: #4c5257;
	margin: 30px 0;
	position: relative;
	padding-left: 30px;
}
#main .benefit ul li span{position: absolute;font-size: 30px;color: #1944fb;left: 0;top: 0;line-height: .9}
#gestion{background-color: #f8faff;padding: 130px 0;}
#gestion h2{
	font-size: 32px;
	color: #1b43f8;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -.64px;
	text-align: center;
	margin-bottom: 80px;
}
#graph .icons{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
#graph .bar{
	height: 60px;
	border-radius: 30px;
	background-image: linear-gradient(to left, #38fcd2, #1944fb);
	display: flex;
	align-items: center;
	justify-content: space-around;
	color:#FFF;
	font-size: 18px;
}
#graph .icons .ico,
#graph .bar span,
#graph .text span,
#graph .titles span{width: 20%;text-align: center;}
#graph .text{
	color: #121624;
	display: flex;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	margin: 30px 0 10px;
}
#graph .titles{
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0.47px;
	color: #2e2e2e;
	display: flex;
	align-items: center;
	justify-content: space-around;
	text-align: center;
}
#graph .titles .max{width: 60%;border:1px solid #80878d;border-top: none;}
#graph .titles span{padding-top: 20px;position: relative;}
#graph .titles strong{padding:0 14px;display: inline-block;background-color: #f8faff;transform: translateY(50%);}
#graph .titles span:after{
	content: '';
	position: absolute;
	top:0;left: 50%;
	transform: translateX(-50%);
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #80878d;
}
#graph .titles span:not(.max):before{
	content: '';
	height: 20px;
	position: absolute;
	width: 1px;
	background-color: #80878d;
	top:0;left: 50%;
	transform: translateX(-50%);
}
#graph .titles .max:after{
	left: -3px;
	transform: translateX(0%);
}
#graph .titles .max:before{
	content: '';
	position: absolute;
	top: 0;
	right: -3px;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #80878d;
}
#graph .foo{
	margin-top: 40px;
	font-size: 26px;
	font-weight: 400;
	line-height: .8;
	letter-spacing: -0.52px;
	text-align: center;
	color: #121624;
	border:1px solid #1944fb;border-top: none;
	position: relative;
}
#graph .foo span{padding:0 20px;display: inline-block;background-color: #f8faff;transform: translateY(50%);}
#graph .foo:after,
#graph .foo:before{
	content: '';
	position: absolute;
	top: 0;
	right: -3px;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #1944fb;
}
#graph .foo:after{left:-3px;}
.blockDbl{
	height: 700px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
	display: flex;align-items: center;
}
.blockDbl.invert{background-position: left center;}
.blockDbl.invert .wp{display: flex;justify-content: flex-end;}
.blockDbl .mid{width: 42%}
.blockDbl h4{
	font-size: 26px;
  	font-weight:700;
  	text-transform: uppercase;
}
.blockDbl h2{
	font-size: 52px;
  	font-weight: 700;
  	margin: 24px 0 36px;
}
.blockDbl p{font-size: 18px;line-height: 1.67;}
#sicame .blockDbl{background-color: #38fcd2}
#sicame .blockDbl h4,#sicame .blockDbl h2,#sicame .blockDbl p{color: #202536;}
#siprep .blockDbl{background-color: #121624}
#siprep .blockDbl h4,#siprep .blockDbl h2{color: #38fcd2;}
#siprep .blockDbl p{color: #FFFFFF;}
#sijai .blockDbl{background-color: #1944fb}
#sijai .blockDbl h4,#sijai .blockDbl h2,#sijai .blockDbl p{color: #FFFFFF;}
#sicame .cards,
#siprep .cards,
#sijai .cards{padding: 200px 0;background-color: #f8faff;}
#sicame .cards .svg .cls-1{fill:#38fcd2}
#siprep .cards .svg .cls-1{fill:#121624}
#sijai .cards .svg .cls-1{fill:#1944fb}
#sicame .cards h3,
#siprep .cards h3,
#sijai .cards h3{font-size: 32px;font-weight: 400;color: #121624;letter-spacing: -.64px;width: 100%;margin-bottom: 70px;}
.cards .wp{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cards article{
	width: calc(50% - 15px);
	display: flex;
	align-items: center;
	/*justify-content: space-between;*/
	padding: 20px 40px;
	height: 150px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.33;
	color: #80878d;
	background-color: #fff;
	margin: 15px 0;
	border-radius: 12px;
	transition: ease-out 0.3s;
}
.cards article:hover{
	box-shadow: 0 0 30px rgba(0,0,0,0.05)
}
.cards article .svg{margin-right: 30px;}
#model .wp{display: flex;padding-bottom: 140px;}
#model .mid{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#model .wpCircle{padding: 20px;background-color: #f8faff;border-radius: 0 0 196px 196px;position: relative;}
#model .wpCircle .circle{
	position: relative;
	background-color: #fff;
	border-radius: 100%;
	padding: 18px;
	margin-top: 250px;
}
#model .wpCircle .circle h3{
	position: absolute;
	top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	font-size: 26px;
	color: #202536;
	text-transform: uppercase;
}
#model .wpCircle span{line-height:1.1;z-index:1;white-space:nowrap;position: absolute;color: #80878d;font-size: 20px;text-align: center;}
#model .wpCircle span.n1{left: 50%;top:36%;transform: translate(-50%,-50%);}
#model .wpCircle span.n3{left: 50%;top:105%;transform: translate(-50%,-50%);}
#model .wpCircle span.n2{left: 112%;top:66%;transform: translate(-50%,-50%);text-align: left;}
#model .wpCircle span.n4{left: -15%;top:66%;transform: translate(-50%,-50%);text-align: left;}
#model .mid.text{flex-direction: column;}
#model .mid.text h2{
	font-size: 52px;
	font-weight: 700;
	letter-spacing: -1.04px;
	color: #1944fb;
	max-width: 405px;
	margin-top: 42px;
}
#model .mid.text p{
	width: 100%;
	max-width: 405px;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.91;
	color: #80878d;
}
#model .mid.text strong{color: #121624;}

#footer{display: flex;background-color: #202536;}
#footer .mid{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.64px;
	color: #ffffff;
	height: 420px;
	overflow: hidden;
	position: relative;
}
#footer .mid span{display: flex;align-items: center;position: relative;z-index: 1}
#footer .mid .arrPrev{margin-right: 40px;transition: ease-out .3s;}
#footer .mid .arrNext{margin-left: 40px;transition: ease-out .3s;}
#footer .mid .imgBg{
	position: absolute;
	top:50%;left: 50%;
	transform: translate(-50%,-50%) scale(1.3);
	opacity: 0;
	transition: ease-out .3s;
	max-width: 1500px;
}
#footer .mid:hover .imgBg{transform: translate(-50%,-50%) scale(1);opacity: .2}
#footer .mid:hover .arrNext{transform: translateX(14px);}
#footer .mid:hover .arrPrev{transform: translateX(-14px);}

#charts{padding: 150px 0; background-color: #f8faff;}
#charts h3{font-size: 32px;letter-spacing: -0.64px;text-transform:uppercase;color: #121624;font-weight: normal;text-align: center;font-weight: 300;}
#charts .block{position:relative;padding: 55px 24px 41px 48px;border-radius: 12px;box-shadow: 10px 30px 60px 0 rgba(0, 0, 0, 0.04);background-color: #ffffff;margin: 0 20px;color: #121624;font-size: 18px;}
#charts .block:before{
	content: '•';
	position: absolute;
	top:-30px;left: 50%;
	transform: translateX(-50%);
	font-size: 24px;color: #1944fb;
}
#charts .blocks-two .block:not(.b-one):after{
	content: '•';
	position: absolute;
	bottom:-30px;left: 50%;
	transform: translateX(-50%);
	font-size: 24px;color: #1944fb;
}
#charts .block strong{display: block;margin-bottom: 20px;}
#charts .block ul li{color: #4c5257;line-height: 1.2;margin: 5px 0}
#charts .block ul li span{font-size: 24px;color: #1944fb;padding-right: 10px;}
#charts .blocks-four, #charts .blocks-two{display: flex;justify-content: center;}
#charts .blocks-four .block{width: calc(25% - 40px);}
#charts .blocks-four .block:nth-child(2):after, #charts .blocks-four .block:nth-child(3):after{
	content: '';
	width: 1px;
	height: 20px;
	background-color: #1944fb;
	position: absolute;
	top:-40px;left: 50%;
}
#charts .blocks-two .block{width: calc(50% - 40px);max-width: 460px}
#charts .line{width: 75%;display: block;border:solid;border-color: #1944fb;margin:60px auto 20px;position: relative;height: 20px;border-width: 1px 1px 0 1px;}
#charts .line:after{
	content: '';
	width: 1px;height: 40px;
	background-color: #1944fb;
	position: absolute;
	left: 50%;bottom: 20px;
}
#charts .blocks-four{margin-bottom: 60px;}
#charts .line-1{width: 50%;max-width:500px;height: 20px;display: block;border:solid;border-color: #1944fb;border-width: 1px 1px 0 1px;margin:60px auto 20px;position: relative;}
#charts .line-1.l2{margin:20px auto 60px;border-width: 0px 1px 1px 1px;}
#charts .line-1:after{
	content: '';
	width: 1px;height: 40px;
	background-color: #1944fb;
	position: absolute;
	left: 50%;bottom: 20px;
}
#charts .line-1.l2:after{
	content: '';
	width: 1px;height: 40px;
	background-color: #1944fb;
	position: absolute;
	left: 50%;top: 20px;
}


#benefitActivos{padding: 150px 0;overflow: hidden;}
#benefitActivos h3{
	width: 124px;
	height: 34px;
	font-size: 26px !important;
	font-weight: normal;
	line-height: 0.92;
	color: #121624;
	margin-bottom: 40px;
}
#benefitActivos h3:after{
	content: '';
	display: block;
	width: 120px;
	margin: 5px 487px 0 1px;
	border: solid 2px #38fcd2;
}
#benefitActivos ul{float: left;max-width: 50%; font-size: 18px;line-height: 1.33;color: #4c5257;padding: 0 20px}
#benefitActivos ul li{position: relative;margin: 18px 0;}
#benefitActivos ul li span{color: #121624;position: absolute;left:-20px;font-size: 30px;top:4px;line-height: .6;}

/*MOVILIDAD*/
.blockDbl.movilidad p{
	font-size: 26px;
	font-weight: normal;
	line-height: 1.38;
	color: #121624;
	margin-bottom: 40px;
}
.blockDbl.movilidad p strong{color: #1944fb}
.blockDbl.movilidad ul li{color: #4c5257;line-height: 1.2;margin: 5px 0}
.blockDbl.movilidad ul li span{font-size: 24px;color: #1944fb;padding-right: 10px;}
.titleFull{
	font-size: 28px;
	line-height: 1.63;
	letter-spacing: -0.64px;
	color: #000000;
	margin-bottom: 100px;
}
.titleFull p{margin-bottom: 40px;}
.titleFull p strong{color: #1944fb}
#piramide{padding: 150px 0;}
#piramide h3{
	font-size: 26px;
	font-weight: normal;
	line-height: 1.38;
	color: #121624;
	margin-bottom: 80px;
	text-align: center;
}
#piramide h3 strong{color: #1944fb}
#piramide img{display: block;margin: auto;max-width: 880px;}

/*FLUJO*/
#bannerflujo{padding-top: 46%;background-size: cover;background-position: center;}
#main.flujo .wp{
	padding: 100px 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#main.flujo .wp .mid{width: 50%;}
#main.flujo .wp h2{
	font-size: 26px;
	font-weight: 400;
	line-height: 1.38;
	color: #121624;
	max-width: 360px;
}
#main.flujo .wp h2 strong{color: #1944fb}
#main.flujo .wp h3{
  font-size: 22px;
  margin-bottom: 16px;
  font-weight: 500;
  line-height: 1.55;
  color: #1944fb;
}
#main.flujo .wp p{
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 1.67;
  color: #202536;
  max-width: 500px;
}
#main.urbano{padding: 100px 0}
#main.urbano p, 
#main.urbano .titleFull{margin-bottom: 0;}

#textoconect{padding: 100px 0;}
#textoconect p{
  font-size: 24px;
  line-height: 1.83;
  color: #272727;
  margin: 40px 0
}
#textoconect p strong{color: #1944fb}

/*PAVIMENTOS*/
#main.pavimentos .titleFull{margin: 200px 0;}
#main.pavimentos .wpThird{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 200px;}
#main.pavimentos .wpThird .col{width: 31%;}
#main.pavimentos .wpThird .col h4{
	font-size: 22px;
	font-weight: 500;
	line-height: 1.55;
	color: #121624;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #38fcd2;
}
#main.pavimentos .wpThird .col ul li{
	font-size: 18px;
	line-height: 2.11;
	color: #121624;
}
/*Novedades*/
.titleNovedades{
	margin: 40px 0 100px;
	font-weight: 500;
	color: #121624;
}
.titleNovedades h2{
	font-size: 52px;
	font-weight: 500;
}
.titleNovedades h3{font-size: 26px;margin-bottom: 30px;text-transform: uppercase;}
/*PESADOS*/
.graficoPesados{padding-top: 70px;position: relative;}
.bgColor{background-color: #f8faff;}
.graficoPesados .contentList{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom:180px;
	width: 1000px;
	padding-top: 0 20px;
}
.graficoPesados .contentList h3{
	font-size: 28px;
	color: #1944fb;
	margin-bottom: 20px;
}
.graficoPesados .contentList ul{font-size: 20px;margin: 10px 0;}
.graficoPesados .contentList ul li{line-height: 2;}
.graficoPesados .pulse{position: absolute;width: 48px;height: 48px;background-color: #1944fb;border-radius: 50px;z-index: 1;color: #fff;cursor: pointer;}
.graficoPesados .pulse:after{
	content: '';
	border-radius: 80px;
	width: 98px;height: 98px;
	opacity: .3;background-color: #1944fb;
	-webkit-animation: pulse 5s ease-out infinite;
	-moz-animation: pulse 5s ease-out infinite;
	animation: pulse 5s ease-out infinite;
	position: absolute;
	left: -25px;top: -25px;
	z-index: -1;
}
.graficoPesados .pulse .fa-plus{font-size: 20px;position: absolute;left: 50%;top:51%;transform: translate(-50%, -50%);transition: ease-out .3s;}
.graficoPesados .pulse.closer .fa-plus{transform: translate(-50%, -50%) rotate(45deg);}
.graficoPesados .pulse span{position: absolute;left: 0;bottom:0;padding:26px 30px 40px;border-radius: 20px;background-color: #1944fb;width: 200px;display: none;}
.graficoPesados .pulse span .fa{position: absolute;bottom: 16px;cursor: pointer;left: 28px;}
.graficoPesados .pulse.p1{top:18%;left: 35%;}
.graficoPesados .pulse.p2{top:38%;left: 30%;}
.graficoPesados .pulse.p3{top:56%;left: 66%;}
.graficoPesados .pulse.p4{top:78%;left: 75%;}
.graficoPesados .pulse.p2:after{animation-delay: .3s}
.graficoPesados .pulse.p3:after{animation-delay: .6s}
.graficoPesados .pulse.p4:after{animation-delay: .9s}
.esquema .block{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
  width: 174px;
  height: 174px;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 10px 30px 60px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 1.3;
  position: relative;
}
.esquema{padding: 200px 0;}
.esquema h2{
	font-size: 32px;
	font-weight: 400;
	line-height: 1.63;
	letter-spacing: -0.64px;
	text-align: center;
	color: #1944fb;
}
.esquema .block img{margin-bottom: 16px;}
.esquema .blockBlue{
	margin: 30px 0;
	width: 378px;
	height: 378px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	box-shadow: 10px 30px 60px 0 rgba(0, 0, 0, 0.04);
	background-color: #1944fb;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin-right: 130px;
	position: relative;
}
.esquema .blockBlue img{margin-bottom: 30px;position: relative;z-index: 1;}
.esquema .cuadros{display: flex;max-width: 1000px;padding: 20px;margin: auto;margin-top: 100px;}
.esquema .cuadros .col{position: relative;}
.esquema .cuadros .col.xl{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.esquema .cuadros .row{display: flex;align-items: center;}
.esquema .cuadros .row .block{margin-left: 30px;margin-top: 0;}
.esquema .cuadros .row i{
	width: 0px;
    font-size: 24px;
    text-indent: 10px;
    color: #1944fb;
    margin-bottom: -100px;
    position: relative;
	top: -25%;
}

#charts .block:before{
	content: '•';
	position: absolute;
	top:-30px;left: 50%;
	transform: translateX(-50%);
	font-size: 24px;color: #1944fb;
}
.esquema .cuadros .col:not(.xl) .block:before{
	content: '•';
	position: absolute;
	right: -30px;top: 50%;
	transform: translateY(-50%);
	font-size: 24px;color: #1944fb;
}
.esquema .cuadros .col.rg .block:before{left: -30px;right: auto;}
.esquema .cuadros .col:not(.xl) .block:after{
	content: '';
	width: 24px;height: 1px;
	position: absolute;
	bottom:50%;right: -62px;
	transform: translateX(-50%);
	background-color: #1944fb;
}
.esquema .cuadros .col.rg .block:after{left: -38px;right: auto;}

.esquema .cuadros .row .block:first-child:before{
	content: '•';
	position: absolute;
	left: -30px;top: 50%;
	transform: translateY(-50%);
	font-size: 24px;color: #1944fb;
}
.esquema .cuadros .row .block:first-child:after{
	content: '';
	width: 24px;height: 1px;
	position: absolute;
	bottom:50%;left: -38px;
	transform: translateX(-50%);
	background-color: #1944fb;
}

.esquema .blockBlue:after{
	content: '';
	height: 1px;width: calc(100% + 136px);
	position: absolute;
	bottom:50%;left: calc(50% + 13px);
	transform: translateX(-50%);
	background-color: #1944fb;
}
.esquema .blockBlue:before{
	content: '';
	height: 116px;width: 1px;
	position: absolute;
	top:100%;left: 50px;
	background-color: #1944fb;
}
.esquema .cuadros .col:not(.xl):after{
	content: '';
	height: 64%;width: 1px;
	position: absolute;
	top:50%;right: -50px;
	transform: translateY(-50%);
	background-color: #1944fb;
}
.esquema .cuadros .col.rg:after{left: -50px;height: 47%;}

/*NOSOTROS*/
.blockDbl.nosotros .mid{width: 48%;}
.blockDbl.nosotros .mid p{color: #80878d;}
.blockTextNos .wp{display: flex;align-items: center;justify-content: flex-start;height: 640px;font-size: 32px;line-height: 1.63;color: #121624;}
.tabsNos .wp{display: flex;padding: 150px 0;}
.tabsNos .tabNav{
  width: 25%;margin-right: 5%;
  font-size: 20px;
  line-height: 2.5;
  color: #abb9c4;
}
.tabsNos .contentTab{
  width: 70%;position: relative;
  font-size: 26px;
  line-height: 1.63;
  letter-spacing: -0.64px;
  color: #121624;
}
.tabsNos .contentTab .tab{opacity: 0;transition: ease-out 0.3s;margin-bottom: 50px;min-height: 350px}
.tabsNos .contentTab .tab h5{display: none;}
.tabsNos .contentTab .tab.active{opacity: 1}
.tabsNos .tabNav a.active{position: relative;color: #121624;font-weight: 800}
.tabsNos .tabNav a.active:after{content: '';width: 100%;height: 4px;background-color: #38fcd2;position: absolute;left: 0;bottom: -5px;}
#timeline{background-color: #f8faff;padding: 300px 0 0;}
#timeline .checkpoint{position:relative;display: flex;}
#timeline .checkpoint .num{position: absolute;color: #ebe8e8;font-size: 400px;font-weight: 500;letter-spacing: -24.12px;top:-150px;z-index: 0;right: 60px;opacity: .2}
#timeline .checkpoint:nth-child(even) .num{left: 100px;}
#timeline .checkpoint .year, #timeline .checkpoint .text{min-height: 480px;position: relative;z-index: 1;padding-bottom: 70px;}
#timeline .checkpoint .year{margin-right: 230px;max-width: 72px;}
#timeline .checkpoint .year i{position: absolute;left: calc(50% - 1px);top:0;height: 100%;background-color: #1944fb;width: 2px;transition: ease-out 1.4s;transition-delay: 1.6s}
#timeline .checkpoint .year svg{
	stroke-dasharray: 1000;
    stroke-dashoffset: 768;
    transition: ease-out 0.3s;
    position: relative;
    z-index: 1;
}
#timeline .checkpoint .year span{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.32px;
	text-align: left;
	color: #121624;
	position: absolute;
	z-index: 2;
	width: 100%;
	text-align: center;
	top:26px;left: 0
}
#timeline .checkpoint:last-child .year i{display: none;}
#timeline .checkpoint .text h4{
	font-size: 26px;
	letter-spacing: -0.52px;
	color: #1944fb;
  	margin: 20px 0;
}
#timeline .checkpoint .text p{font-size: 32px;color: #121624;line-height: 1.63;letter-spacing: -0.64px;margin-bottom: 40px;}


#timeline .checkpoint .num.hideme{opacity: 0;transform: translateX(40px);}
#timeline .checkpoint:nth-child(even) .num.hideme{opacity: 0;transform: translateX(-40px);}
#timeline .checkpoint .year i.hide{height: 0;}
#timeline .checkpoint .year svg.hide{stroke-dashoffset: 1000;}

/*CONSULTORIA*/
#heroConsultoria .wp{height: 710px; color: #121624;display: flex;flex-direction: column;justify-content: center;}
#heroConsultoria .wp p{
	font-size: 52px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.19;
	letter-spacing: -1.04px;
}
#heroConsultoria .wp p span{color:#1944fb;}
#heroConsultoria .wp h4{  font-size: 26px;margin-bottom: 30px;}
.titleFull.consultoria{margin: 200px auto;}
.titleFull.consultoria span{
	display: block;
	font-size: 22px;
	margin-top: 50px;
	line-height: 1.83;
	color: #80878d;
}
.titleFull.consultoria img.imgTit{position: absolute;top:-20%;left: -13%;z-index: -1;}
.blockTextNos.consultorias .wp p{font-size: 24px;}
.desarrolloConsultoria{
	display: flex;
	align-items: center;
}
.desarrolloConsultoria .mid{width: 50%;}
.desarrolloConsultoria h4{ 
	font-size: 30px;
	font-weight: 400;
	line-height: 1.2;
	color: #121624;
}
.desarrolloConsultoria p{
	position: relative;
	font-size: 18px;
	line-height: 1.33;
	padding-left: 50px;
	padding-top: 40px;
	color: #4c5257;
}
.desarrolloConsultoria p span{	
	font-size: 26px;
	line-height: 0.92;
	font-weight: 800;
	position: absolute;
	left:0px;top:24px;
	color: #1944fb;
}
#benefitActivos.consultoria h3{margin-bottom: 40px}
#benefitActivos.consultoria h3:after{border-color: #1a44f9}
#benefitActivos.consultoria ul li span{color: #1a44f9}

/*CONTACTO*/
#heroContacto .wp{height: 450px; color: #121624;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 60px;max-width: 800px}
#heroContacto .wp p{
	font-size: 52px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.19;
	letter-spacing: -1.04px;
}
#heroContacto .wp p span{color:#1944fb;}
#heroContacto .wp h4{  font-size: 26px;margin-bottom: 30px;}
.wp.contacto{max-width: 800px}
.contacto > p{
	font-size: 24px;
	color: #121624;
}
.contacto form{
	margin: 30px 0 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 18px;
}
.contacto form .mid{width: calc(50% - 30px);margin: 16px 0;}
.contacto form .full{width: 100%;margin: 16px 0;}
.contacto form input, .contacto form select, .contacto form textarea, .contacto form button{padding: 0;font-family: inherit;margin: 0;border:none;outline: none;font-size: inherit;-webkit-appearance:none;-moz-appearance:none;}
.contacto form input,
.contacto form select,
.contacto form textarea{
	height: 60px;resize: none;
	border-bottom: 1px solid #d6e0e5;
	display: block;width: 100%;
}
.contacto form select{background: url(../img/arrow-down.svg) right center no-repeat;}
.contacto form button{margin-top: 70px;cursor: pointer;}
/*ANIMATIONS*/

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotateCircle {
  -webkit-animation: rotating 4s linear infinite;
  -moz-animation: rotating 4s linear infinite;
  -ms-animation: rotating 4s linear infinite;
  -o-animation: rotating 4s linear infinite;
  animation: rotating 4s linear infinite;
}
@-moz-keyframes pulse {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes pulse {
 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
 }
}


@-webkit-keyframes arrow {
  from {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@keyframes arrow {
  from {
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -ms-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@media (max-width: 1200px){.blockDbl{background-position: 50vw center;}}
@media (max-width: 1000px){
	header .navigation{display: none !important;visibility: hidden;}
	header .wp{height: 60px;}
	#hero h1{font-size: 36px;}
	#about p{width: 100%;font-size: 22px;}
	#services{height: auto;}
	#services .slides{overflow: hidden;padding-bottom: 50px;}
	#services .slides li{padding-top: 80%;}
	#services .slides li, #services .slides li .wp{align-items: flex-start;}
	#services .slides li .mid{width: 100%;}
	#services .slides li .imageSlider{width: 100%;padding-top: 75%;height: 0}
	#services .slides li h4{font-size: 14px;}
	#services .slides li h2{font-size: 36px;}
	#services .flex-control-nav{bottom: 24px}
	#consultoria p{width: 100%;padding: 0 20px;font-size: 22px;}
	#news article{width: 100%;padding: 30px 40px;}
	#news article h3{font-size: 22px;}
	footer .wp .qua:not(:first-child){margin-top: 40px;}
	footer .wp:not(.final){flex-direction: column;}

	nav .bt{font-size: 22px;margin: 20px 0;}
	nav .sbmenu ul{white-space: initial;}
	nav .sbmenu ul li{font-size: 18px;margin-bottom: 20px;}
	#heroInterna h4 {font-size: 18px;}
	#heroInterna h1{font-size: 36px;}
	#heroInterna p{font-size: 14px;}

	#main .subtitulos h2{font-size: 22px;}
	#main .benefit h3{margin-bottom: 30px;}
	#main .benefit .mid{width: 100%;}

	.blockDbl{height: auto;padding-top: 125%;background-position: top center;background-size: 100% auto;padding-bottom: 40px;}
	.blockDbl .mid{width: 100%;}
	.blockDbl h4{font-size: 18px;}
	.blockDbl h2{font-size: 36px;}
	.blockDbl p{font-size: 14px;}
	#sicame .cards h3, #siprep .cards h3, #sijai .cards h3{font-size: 22px;}
	.cards .wp{flex-direction: column;}
	.cards article{width: 100%;height: auto;font-size: 14px;padding: 16px 20px;}
	.cards article .svg{margin-right: 20px;}
	#model .wp{flex-direction: column-reverse;}
	#model .mid{width: 100%;}
	#model .mid.text{padding: 30px 0}
	#model .mid:not(.text){transform: scale(.6);}
	#model .mid.text h2{font-size: 36px;width: 100%;}
	#footer .mid{height: 200px;font-size: 16px;}
	#footer .mid .arrPrev{width: 20px;margin-right: 14px;}
	#footer .mid .arrNext{width: 20px;margin-left: 14px;}
	.titleFull{font-size: 22px;}
	#sicame .cards h3, #siprep .cards h3, #sijai .cards h3{margin-bottom: 20px;}
	#benefitActivos ul{max-width: 100%;}
	#piramide img{width: 100%;}
	#piramide h3{font-size: 18px;margin-bottom: 30px;}
	#main.flujo .wp{flex-direction: column;}
	#main.flujo .wp .mid{width: 100%;}
	#main.flujo .wp h2{font-size: 20px;margin-bottom: 40px;}
	#textoconect p{font-size: 16px;}
	#main.pavimentos .wpThird{flex-direction: column;}
	#main.pavimentos .wpThird .col{width: 100%;}
	#main.pavimentos .wpThird .col h4{font-size: 16px;margin-top: 30px;}
	#main.pavimentos .wpThird .col ul li{font-size: 14px;}
	#heroConsultoria .wp p, #heroContacto .wp p{font-size: 36px;}
	.titleFull.consultoria img.imgTit{max-width: 120%;}
	.titleFull.consultoria span, .blockTextNos.consultorias .wp p{font-size: 18px;}
	.desarrolloConsultoria h4{font-size: 20px;}
	.desarrolloConsultoria .mid{width: 100%;}
	.desarrolloConsultoria p{font-size: 16px;}
	.blockDbl.nosotros .mid{width: 100%;}
	.blockTextNos .wp{font-size: 22px;}
	.tabsNos .wp{flex-direction: column;}
	.tabsNos .tabNav{display: none;}
	.tabsNos .tabNav li{margin:0 6px;}
	.tabsNos .contentTab{width: 100%;min-height: 240px;}
	.tabsNos .contentTab .tab{opacity: 1}
	.tabsNos .contentTab .tab h5{display: block;color: #121624;font-weight: 800;margin-bottom: 20px;border-bottom: 3px solid #38fcd2;display: inline-block;}
	.tabsNos .contentTab .spaceTabs{display: none}
	.tabsNos .contentTab{font-size: 22px;}
	#timeline {overflow: hidden;}
	#timeline .checkpoint .year{margin-right: 10px;}
	#timeline .checkpoint .text h4{font-size: 18px;}
	#timeline .checkpoint .text p{font-size: 22px;}
	.titleNovedades, #slideDetail{margin-bottom: 50px;}
	.titleNovedades h3, #news.detalle .wp.min h3{font-size: 18px;margin-bottom: 20px;}
	.titleNovedades h2{font-size: 36px;}
	#news.detalle .wp.min{padding: 0;}
	#news.detalle .wp.min p{font-size: 16px;}

	.contacto form .mid,.contacto form .full{width: calc(100%);margin: 10px 0;}

	#gestion{padding: 0 20px;}
	#gestion .wp{min-width: 900px;transform: scale(.37);transform-origin:left;}
	.esquema{max-height: 800px;}
	.esquema .cuadros{
		transform: scale(.37) translateY(-50%);
	    transform-origin: left;
	    min-width: 1000px;
	    margin: 0;
	}
}
