@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* CSS Document */


html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
		font-size:10px;
		font-family: 'Poppins', sans-serif;
		text-decoration: none;
		font-weight: 300;
}
.animation {
		-webkit-transition: all .25s ease-out;
  	-moz-transition: all .25s ease-out;
  	-o-transition: all .25s ease-out;
  	transition: all .25s ease-out;
}

.align {
	display: table-cell; 
	vertical-align: middle;
}
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }


/*HEADER*/

header {
width: calc(100% - 15rem);
padding: 0 7.5rem;
height: 20rem;
display: table;
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
.header_small {
background-color: #FFF;
height: 9rem;
	box-shadow: 0 5px 25px -10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 5px 25px -10px rgba(0,0,0,0.5);
-moz-box-shadow: 0 5px 25px -10px rgba(0,0,0,0.5);
}
.logo {
width: 24rem;
height: 8rem;
float: left;
color: transparent;
background-image: url(images/logo-white.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: auto 100%;
}
.logo_small {
background-image: url(images/logo-black.svg);
height: 6rem;
}
/*
.whatsapp {
height: 4rem;
color: #FFF;
display: table;
float: right;
padding: 0 0 0 8rem;
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
background-image: url(images/icon-whatsapp.svg);
}
*/
.whatsapp {
height: 4rem;
color: #FFF;
display: inline-table;
float: right;
padding: 0 0 0 8rem;
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
background-image: url(images/icon-whatsapp.svg);
}
.whatsapp:hover {
transform: scale(1.10);
}
.whatsapp_small {
color: #000;
}
/*FOOTER*/

footer {
width: calc(100% - 10rem);
border-radius: 5rem;
background-color: #121F30;
padding: 5rem;
}

.footer_left {
width: 70%; 
float: left;
}
.footer_right {
width: 30%; 
float: right; 
text-align: right;
}
.footer_row {
float: left; 
margin-right: 4rem; 
padding-left: 4rem;
background-position: top left;
background-repeat: no-repeat;
background-size: 2.5rem auto;
}
.broke {
margin: 0 3rem; 
display: inline-block; 
vertical-align: middle;
}
/*MAIN BANNER*/
.main_banner {
width: 100%; 
height: 100vh;
position: relative;
background-color: rgba(18,31,48,.65);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(images/bg-main.jpg);
background-blend-mode: multiply;
background-attachment: fixed;
z-index: 1;
}

.main_banner_txt {
width: 50%;
bottom: 0;
left: 0;
position: absolute;
z-index: 2;
padding: 0 7.5rem;
text-align: left;
background-image: url(images/circle_blue_quarter.svg);
background-position: left bottom;
background-repeat: no-repeat;
background-size: auto 100%;
display: table;
height: 30rem;
}
.main_banner_scroll {
width: 7.5rem;
height: auto;
position: absolute;
bottom: 17.5rem;
right: 7.5rem;
z-index: 6;
}


/*SLIDES */

.slide_about {
width: 100%;
background-color: #FFF;
position: relative;
z-index: 2;
}
.slide_about .txt {
width: 40%;
padding: 7.5rem;
float: left;
}
.slide_about .img {
width: 45%;
float: right;
margin-top: -5rem;
margin-right: -1rem;
}
.slide_steps {
width: calc(100% - 15rem);
background-color: #FFF;
padding: 7.5rem;
padding-top: 0;
}
.slide_industries {
background-color: #33C2D4;
background-image: url(images/texture-outline.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: auto 100%;
padding: 7.5rem;
width: calc(100vw - 15rem);
}
/*
.slide_services {
background-color: #121F30;
padding: 7.5rem;
padding-bottom: 30rem;
width: calc(100vw - 15rem);
}
*/
.slide_services {
background-color: #121F30;
padding: 7.5rem;
width: calc(100vw - 15rem);
}
/*
.slide_plans {
position: relative;
margin-top: -20rem;
width: calc(100% - 15rem);
padding: 0 7.5rem;
text-align: center;
margin-bottom: 10rem;
}
*/
.slide_plans {
position: relative;
width: calc(100% - 15rem);
padding: 7.5rem;
text-align: center;
}
.slide_stats {
background-color: rgba(18,31,48,.8);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(images/bg-stats.jpg);
background-blend-mode: multiply;
background-attachment: fixed;
width: calc(100% - 15rem);
padding: 10rem 7.5rem;
text-align: center;
}
.slide_testimonials {
width: 100%;
padding: 10rem 0;
background-color: #FFF;
}
.slide_problems {
width: 100%;
padding: 0 0 10rem 0;
background-color: #FFF;
}
.slide_contact {
background-color: #3EBC00;
background-position: left top;
background-size: 27.5% auto;
background-repeat: no-repeat;
background-image: url(images/bg-contact.png);
background-blend-mode: multiply;
width: calc(100% - 15rem);
padding: 7.5rem;
position: relative;
text-align: left;
}

.serv_intro {
max-width: 70%; 
padding-left: 7.5rem;
}

.contact_info {
width: 30rem;
padding: 0 5rem 0 10rem;
vertical-align: bottom;
display: inline-block;
}
.form {
width: calc(100% - 46rem);
vertical-align: bottom;
display: inline-block;
}
.step {
width: calc(25% - 3rem);
float: left;
margin-right: 4rem;
}
.industries_txt {
width: 30rem;
padding: 0 5rem 0 0;
vertical-align: top;
display: inline-block;
} 
.industries_items {
width: calc(100% - 36rem);
vertical-align: top;
display: inline-block;
}
.industry {
margin: 0 2rem 2rem 0;
display: inline-table;
vertical-align: top;
width: calc(33.3333% - 8.5rem);
padding-left: 6rem;
background-image: url(images/icon-plus-white.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 4rem auto;
font-weight: 500;
height: 6rem;
}
.stat {
width: calc(25% - 7rem);
display: inline-block;
vertical-align: top;
text-align: left;
background-image: url(images/circle-blue-half.svg);
background-position: left top;
background-repeat: no-repeat;
background-size: auto 10rem;
padding-left: 3.5rem;
margin-right: 4rem;
padding-top: 2.5rem;
}
.stat-txt {
padding-left: 4rem; 
padding-top: 2rem;
}
.step-plus {
vertical-align: middle; 
display: inline-block; 
margin-right: 2rem; 
width: 5rem; 
height: auto;
}
.icon-pro {
width: 10rem; 
height: auto; 
vertical-align: middle; 
display: inline-block; 
margin-right: 4rem;
}

.testimonio {
margin: 0 20rem 0 20rem;
padding: 0 0 2.5rem 7.5rem;
background-image: url(images/comillas-green.svg), url(images/comillas-blue.svg);
background-position: top left, bottom right;
background-repeat: no-repeat;
background-size: 10rem auto;
}
.testi_img {
width: 20rem; 
height: 20rem; 
border-radius: 10rem; 
background-color: #ccc; 
display: inline-block; 
vertical-align: middle; 
margin-right: 8rem;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
filter: grayscale(1);
}
.testi_txt {
display: inline-block; 
vertical-align: middle; 
width: calc(100% - 30rem);
}
.prob {
margin: 0 30rem 0 30rem;
padding: 2.5rem 20rem;
background-image: url(images/comillas-grey_down.svg), url(images/comillas-grey_up.svg);
background-position: center left, center right;
background-repeat: no-repeat;
background-size: 10rem auto;
text-align: center;
}
.prob .testi_txt {
display: inline-block; 
vertical-align: middle; 
width: 100%;
}

.guide {
display: inline-block;
vertical-align: top;
margin: 2.5rem;
padding-left: 5rem;
width: calc(25% - 10rem - 5px);
position: relative;
}
.num {
position: absolute;
top: 0;
left: 0;
display: block;
color: transparent;
font-size: 20rem;
    -webkit-text-stroke-width: .1rem;
    -webkit-text-stroke-color: #BFD936;
opacity: .5;
}

.pack {
position: relative;
display: inline-block;
vertical-align: top;
margin: 2rem;
width: calc(33.3333% - 12.4rem - 5px);
border: solid .2rem #BFD936;
background-color: #FFF;
border-radius: 4rem;
text-align: center;
padding: 4rem;
height: 12rem;
}
.pack:hover {
transform: scale(1.05);
}
.bt_pack {
position: absolute;
bottom: -2rem;
width: 18rem;
left: 50%;
margin-left: -11rem;
background-color: #BFD936;
padding: 1rem 2rem 0 2rem;
height: 3rem;
border-radius: 2rem;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: .1rem;
}

.destacado {
position: absolute;
border-radius: 50%;
background-color: #FFF;
border: solid 1px #2BBA26;
width: 6rem;
height: 6rem;
top: -3rem;
margin-left: -3rem;
left: 50%;
background-image: url(images/icon-star.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 50% auto;
}
/* FONTS */


.t0 {
	font-size: 6rem;
	line-height: 5rem;
}
.t1 {
	font-size: 4rem;
	line-height: 4.6rem;
}
.t2 {
	font-size:3rem;
	line-height: 3.6rem;
}
.t3 {
	font-size:2rem;
	line-height: 2.6rem;
}
.t4 {
	font-size:1.6rem;
	line-height: 2.4rem;
}
.t5 {
	font-size:1.3rem;
	line-height: 1.6rem;
}
.t6 {
	font-size:1rem;
	line-height: 1rem;
}


.yellow {
color: #BFD936;
}
.white {
	color:#FFF;
}
.black {
color: #121F30;
}
.green {
color: #2BBA26;
}

.credito {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" ;
	font-size:1rem;
	color:#FFF;
	text-decoration:none;
	opacity:.75;
	letter-spacing:2px;
	text-transform:uppercase;
}



/* REDES */


.redes {
	width: 6rem;
	height: 6rem;
	vertical-align: middle;
	display: inline-block;
	color: transparent;
	border: solid .2rem #FFF;
	text-decoration: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	margin: 0 0 0 3rem;
	border-radius: 50%;
}
.redes:hover {
	transform: scale(1.2);
	background-color: #FFF;
}
.instagram {
	background-image: url(images/icon-instagram.svg);
}
.facebook {
	background-image: url(images/icon-facebook.svg);
}
.tiktok {
	background-image: url(images/icon-tiktok.svg);
}
.instagram:hover {
	background-image: url(images/icon-instagram-color.svg);
}
.facebook:hover{
	background-image: url(images/icon-facebook-color.svg);
}
.tiktok:hover {
	background-image: url(images/icon-tiktok-color.svg);
}

/* FORM*/
.form_side {
width: calc(50% - 2rem);
margin: 1rem;
float: left;
}
.field_box, .area_box {
border: solid .1rem #ccc;
width: calc(100% - 3.2rem);
margin: 0 0 2rem 0;
padding: 1rem;
background-color: #fff;
display: block;
text-align: left;
	border-radius: 2rem;
}
.field, .area, .drop {
	border: none;
	color:#666;
	width:100%;
	height: 3rem;
	text-decoration:none;
	font-family: 'Nunito', sans-serif;
	font-size:1.6rem;
	font-weight:400;
	display: block;
	outline:none;
	-webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
	resize:none;
}
.drop {
background-image: url(images/icon-down.svg);
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%;
}
.area {
height: 29.5rem;
resize: none;
}
.send {
	color:#FFF;
	background-color: #121F30;
	text-decoration:none;
	border: none;
	text-align:center;
	display:block;
	cursor:pointer;
	border-radius: 2rem;
	height: 5rem;
	width: 100%;
	-webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
}
.send:hover {
transform: scale(1.05);
}

.result_box {
width: 100%; 
min-height: 300px; 
text-align: center;
display: table;
}



	label.error  {
		color: red;
		font-style: italic; 
		display:inline-block;
	}
	  
	form  label.error  {
		display:none !important;
	}
	  
	form  input.error,
	form  textarea.error,
	form  select.error{
		background-color:#FFC6C6 !important;
	}








.panelBaner{
	position: relative;
}

 .bx-wrapper .bx-controls-direction a { 
	 top: inherit;
	 margin-top: 0px; 
	 bottom: 20px;
}
/*
 .slide_sectores .bx-wrapper .bx-controls-direction a { 
	 bottom: initial;
		top: 0;
}
*/

.slide_problems .bx-wrapper .bx-prev, .slide_problems .bx-wrapper .bx-next {
display: none !important;
}


.slide_testimonials .bx-wrapper .bx-prev {
	right: 5rem;
	left: initial;
	background-image: url('images/icon-prev.svg'); 
	z-index: 5;
top: 7rem;
}
.slide_testimonials .bx-wrapper .bx-next {
	right: 5rem;
	background-image: url('images/icon-next.svg'); 
	z-index: 5;
}


.bx-wrapper .bx-controls-direction a {
	width: 50px !important;
	height: 50px !important;
	background-size: contain;
}

/* PAGER */
.slide_problems .bx-wrapper .bx-pager { 
	display: block;
}
.slide_problems .bx-wrapper .bx-pager.bx-default-pager a {
display: block;
}

.slide_testimonials .bx-wrapper .bx-pager { 
	display: none;
}
.slide_testimonials .bx-wrapper .bx-pager.bx-default-pager a {
display: none;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}

.panelBaner .bx-wrapper, .panelBaner .bx-viewport, .panelBaner .boxSlider, .panelBaner .slide {
	position:absolute !important;
	left:0px;
	top:0px;
	width:100% !important;
	height:100% !important;
}
.panelBaner .bx-wrapper {
	z-index:0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ccc !important;
}


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

.panelBaner .bx-controls .bx-controls-direction {
	display:none !important
}
.slide_testimonials .bx-wrapper .bx-prev {
	left: 2.5rem;
top: 10rem;
}
.slide_testimonials .bx-wrapper .bx-next {
	right: 2.5rem;
	top: 10rem;
}


/*HEADER*/

header {
width: calc(100% - 5rem);
padding: 0 2.5rem;
height: 12rem;
}
.header_small {
height: 7.5rem;
}
.logo {
width: 18rem;
height: 6rem;
}
.logo_small {
height: 4.5rem;
margin-top: .5rem;
}
.whatsapp {
font-size: .1rem;
letter-spacing: 0;
height: 6rem;
width: 6rem;
color: transparent;
padding: 0;
background-position: center center;
display: initial;
}

/*FOOTER*/

footer {
width: calc(100% - 5rem);
padding: 5rem 2.5rem;
}

.footer_left, .footer_right {
width: 100%; 
float: none;
text-align: left;
}

.footer_row {
float: none; 
margin-right: 0; 
display: block;
margin-bottom: 3rem;
}

/*MAIN BANNER*/
.main_banner {
background-attachment: scroll;
background-position: right center;
}

.main_banner_txt {
width: calc(100% - 5rem);
padding: 0 2.5rem 10rem 2.5rem;
height: 30rem;
}
.main_banner_scroll {
bottom: 5rem;
right: initial;
left: 2.5rem;
}




/*SLIDES */

.slide_about .txt {
width: calc(100% - 5rem);
padding: 5rem 2.5rem;
float: none;
}
.slide_about .img {
width: calc(100% - 5rem);
float: none;
margin-top: 0;
margin-right: 0;
padding: 0 2.5rem;
}
.slide_steps {
width: calc(100% - 5rem);
padding: 5rem 2.5rem;
text-align: center;
}
.slide_industries {
padding: 5rem 2.5rem;
width: calc(100vw - 5rem);
}
.slide_stats {
background-attachment: scroll;
width: calc(100% - 5rem);
padding: 5rem 2.5rem;
}

.slide_contact {
background-size: 50% auto;
width: calc(100% - 5rem);
padding: 15rem 2.5rem 5rem 2.5rem;
text-align: center;
}
.slide_services {
width: calc(100% - 5rem);
padding: 5rem 2.5rem;
padding-bottom:20rem;
}
.slide_plans {
width: calc(100% - 5rem);
padding: 5rem 2.5rem;
}


.contact_info {
width: 100%;
padding: 0;
margin-bottom: 5rem;
vertical-align: initial;
}
.form {
width: 100%;
}
.step {
width: 100%;
float: none;
margin-right: 0;
text-align: center;
margin-bottom: 5rem;
}
.industries_txt, .industries_items {
width: 100%;
padding: 0;
margin-bottom: 5rem;
} 

.industry {
margin: 0 0 2rem 0;
width: calc(100% - 6rem);
}
.stat {
width: calc(50% - 2.5rem);
background-size: auto 6rem;
padding-left: 2rem;
padding-top: 1rem;
margin-right: 0;
}
.stat-txt {
padding-left: 3rem; 
padding-top: 1rem;
}



.testimonio {
margin: 0 5rem;
padding: 2.5rem 0;
padding-bottom: 10rem;
background-image: url(images/comillas-green.svg), url(images/comillas-blue.svg);
background-position: top left, bottom right;
background-repeat: no-repeat;
background-size: 10rem auto;
}

.testi_img { 
display: block; 
margin-right: 0;
margin: auto;
margin-bottom: 5rem;
}

.testi_txt {
display: block;
text-align: center;
width: 100%;
}


.form_side {
width: calc(100% - 2rem);
margin: 1rem;
float: none;
}


.step-plus, .icon-pro {
margin-right: 0; 
}


.slide_testimonials {
padding: 5rem 0;
}

.slide_plans {
margin-bottom: 0;
}
.serv_intro {
max-width: 100%; 
padding-left: 0;
}

.pack {
margin: 3rem 0;
width: calc(100% - 8.4rem);
}


.guide {
margin: 2.5rem 0;
padding-left: 5rem;
width: calc(100% - 5rem);
margin-bottom: 10rem;
}


.prob {
padding: 10rem 2.5rem;
margin: 5rem 0;
background-position: center top, center bottom;
}

/* FONTS */

.t0 {
	font-size: 4rem;
}
.t1 {
	font-size: 3.6rem;
	line-height: 4rem;
}
.t2 {
	font-size:2.6rem;
	line-height: 3rem;
}

.slide_stats .t3 {
font-size: 1.4rem;
}
.broke {
margin: 3rem 0; 
display: block; 
}

}