/****estilos generales****/
<style>
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100&family=Roboto:wght@100&display=swap');
</style> 
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
</style> 
*/
@import url("https://fonts.googleapis.com/css?family=Dancing+Script|Fjalla+One|Arial Rounded MT Bold:400,600,800&subset=latin-ext");
/* BODY */
* { outline: none !important; }

body { margin: 0; padding: 0; font-family: 'Arial Rounded MT Bold', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-size: 16px; color: #888; }


.font-weight{
    font-weight: 100 !important;
	font-family: 'Arial Rounded MT Bold', sans-serif;
}


.fondo-1 h1, h5 {
    -webkit-text-stroke-width: 2px;/*
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-text-stroke-color: #fff;
    color: transparent;
    font-size: 4.5vw;
/*    line-height: 20px;*/
}
.fondo-1 h2 {
    width: 100%;
    font-weight: 800;
    color: #18cdea;
    font-size: 4.5vw;
    line-height: 1;
}
.fondo-1 span {
    width: 100%;
    font-weight: 800;
    color: #18cdea;
    font-size: 4.5vw;
    line-height: 1;
	margin-top: -22px;
	-webkit-text-stroke-color: #fff0;
}


.container h2{
	text-align: center;
    -webkit-text-stroke-width: 0px;
    color:#0071bc;
    /*font-size: 1.5em;*/
	font-family: 'Roboto', sans-serif;

}

.container h3{
	text-align: center;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #ffffff;
    color: transparent;
    font-size: 3.5vw;
}

h1,h2,h3,h5{
	color: #0071bc;
}

h4{
	color: #18cdea;
	 font-size: 1.2rem;
	font-family: 'Roboto', sans-serif;
}
h6{
	font-family: 'Roboto', sans-serif;
	font-size: 1.3rem;
}



p,a,strong{
}

h8{
	font-size: 14px;
	color: #CBC9C9;
	line-height: 5px;
}
h6{
margin-bottom: 1rem;
	
}
h7{
	font-size: 14px;
	color: #666;
	font-family: 'Roboto', sans-serif;
}
h9{
	color: white;
	font-size: 1.2rem;
	
}



/*separador entre secciones*/
.Proceso-1 {
	padding-top: 5em;
	display:block !important;
}

.nosotros{
	padding:  5em;
	background-color: #f7f7f7;
}
.preguntas-1{
	padding: 5em;
}
.contacto{
	padding-top: 1em;
	display:block !important;
	background-color: rgba(0,0,0,.03);
}

/****fin de estilos generales****/


/****estilos para nav****/
.nav_1{
	background: rgba(39, 39, 39, 0.71);
	
}

#nav_uri .navbar-nav .nav-item a.hov-1:hover{
	color: #64ddf9 !important;
	transition: 0.2s;
}

/*botón nav rasponsive*/
.nav_1 .rasponsive_boton{
	font-size: 2.4rem;
	color: #0071BC;
}
/****fin de estilos para nav****/


/***estilos para fondo principal***/
.fondo-1{
	/*padding-top: calc(7rem + 30px);*/
   /* padding-bottom: 7rem;*/
    /*background: url(../img/2.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    width: 100%;
    background-position-y: 83%; 
    height: 100%;
}
 
/*.fondo-1 h1,h5{
	color: #ffffff;
	margin: 0;
}*/

.fondo-1 h3{
	color: #666666 !important;
}

/*Estilos para el formulario*/
.contactanos-vtp .modal-content{
	border-radius: initial;
	background: #24527a;
}
.contactanos-vtp .modal-header{
	border: none;
}
.contactanos-vtp .close{
	background: #24527A;
    color: white;
}
.contactanos-vtp input{
	    border-radius: 5px;
    border: 1px solid #46688a;
        border-right-color: rgb(70, 104, 138);
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-color: rgb(70, 104, 138);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: 2.4px solid #838ea775;
    border-right: 2.4px solid #b8bbbe40;
}

.contactanos-vtp .form-group{
	margin: 1.8rem 0;
}

.contactanos-vtp select{
	border-radius: 4px;
    border: 1px solid #8395a7;
    border-bottom: 2.4px solid #8395a7;
    border-right: 2.4px solid #8395a7;
}
.contactanos-vtp label{
	color: #ffffff;
    font-weight: 400;
}
.contactanos-vtp .enviar{
	width: 100%;
	border-radius:4px;
	background: #18CDEA;
	border: none;
	padding: 3%;
	color: white;
font-size: 15px;
}

.enviar:hover{
	background: #0071BC;
    color: #ffffff !important;
    transition: 0.3s;
}

.contactanos-vtp span{
	font-weight: bold;
}

.contactanos-vtp textarea{
	border-radius: 4px;
	margin-top: 0px;
    margin-bottom: 0px;
    height: 160px;
    resize: none;
    border: 1px solid #8395a7;
    border-bottom: 2.4px solid #8395a7;
    border-right: 2.4px solid #8395a7;
}




/*boton solicitar ofertas*/
.btn-solicitar{
	background: #0071BC;
   /* border-bottom: solid #005889;*/
    font-weight: 600;
}

.btn-solicitar:hover{
	background: #18CDEA;
	color: #4a4a4a !important;
	transition: 0.3s;
}


/*.solicitar-form{
	background: rgba(255,255,255,0.5);
	padding: 5%;
}*/

/*icono PIN*/
.solicitar-form i{	
	position: absolute;
    float: right;
    left: 68%;
    top: 10%;
    color: #18CDEA;
    font-size: 28px;
    z-index: 999;
}

.solicitar-form .form-control-lg{
	background: rgba(255,255,255,0.6);
    border: 0;
}

.border-form input::placeholder{
	color: #4a4a4a;
}
/***fin de fondo principal***/


/***Estilos preguntas frecuentes***/
.card-p{
	background: #0071BC;
	border-bottom: 4px solid #fff;
}

.card-p a:hover{
	text-decoration: underline;
	color: #fff;
	transition: .3s;
}

.card .show{
	background: #ffffff;
}

/***estilos para footer***/
.orna{
	background: url(../img/footer-o.png);

}
footer {
    background: #A8EFE9;
    background: rgb(203, 233, 208);
    background: -moz-linear-gradient(top, rgb(203, 233, 208) 0%, rgb(162, 235, 235) 52%, rgb(162, 235, 235) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,233,208,1)), color-stop(52%, rgba(162,235,235,1)), color-stop(100%, rgba(162,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(203,233,208,1) 0%, rgba(162,235,235,1) 52%, rgba(162,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(203,233,208,1) 0%, rgba(162,235,235,1) 52%, rgba(162,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(203,233,208,1) 0%, rgba(162,235,235,1) 52%, rgba(162,235,235,1) 100%);
    background: linear-gradient(to bottom, rgb(21, 73, 128) 0%, rgb(35, 76, 128) 52%, rgb(29, 38, 46) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe9d0', endColorstr='#a2ebeb', GradientType=0 );
}

footer ul li{
	list-style: none;
}

footer .lista-direccion i{
	color: #18cdea; !important;
}

footer .social-r i{
	/*width: 50px;
	height: 50px;*/
	border-radius: 50%;
	font-size: 18px;
	padding: 11px;
	cursor: pointer;
	color: #18cdea;
	margin-top: -8px;
}

/*footer .social-r i.fa-facebook-f{
	background: #3b5998;
}

footer .social-r i.fa-instagram{
  	background: #f09433; 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); 
}*/

/*boton to top*/
.back-to-top-1 {
    position: fixed;
    bottom: 25px;
    left: 25px;
    display: none;
    background: rgba(0, 113, 188, 0.7);
    border: none;
}

.back-to-top-1 i{
	color: #ffffff;
}

.back-to-top-1:active{
	background: #0071BC;
}

.back-to-top-1:hover{
	background: #0071BC;
}



/***Media queries***/

/*DESKTOP*/
@media (min-width: 1366px) and (max-width: 1990px){
	.font-weight {
    font-weight: 100 !important;
	font-family: 'Montserrat', sans-serif;
}
	
	.fondo-1{
		/*padding-top: calc(8rem + 64px);*/
    /*	padding-bottom: 8rem;*/
    	background-position-y: 81%;
    	/*height: 90vh;*/
	}
	.Proceso-1, .nosotros{
	/*padding-top: 20rem;*/
}
	
	
}

/*MOVILE*/
@media (min-width: 320px) and (max-width: 720px){
	/*estilos generales*/
	.d-md-block {
    display: block !important;
}
.fondo-1 span {
    font-size: 29px;
	margin-top: -22px;
}	
	
	h1{
		font-size: 28px;
	}

	h5,h4{
		font-size: 1.3rem;
	}

	p, li{
		font-size: 14px;
		line-height: 1.55rem;
	}
	
	.col-xl-9 mx-auto mb-3{
		margin-top: -280px;
		z-index: 999;
		
	}

	/*separador entre secciones*/
	.Proceso-1{
		padding-top: 4rem;
	}

	.preguntas-1{
		padding: 3rem 0;
	}
	.nosotros{
		padding: 3rem 0;
	}

	/*fin de estilos generales*/
	
	/*estilos de fondo principal*/
	.fondo-2{
	    /*background: url(../img/3.png);*/
	    background-position: center;
	    background-repeat: no-repeat;
	    background-attachment: scroll;
	    background-size: cover;
	  /*  padding-top: calc(7rem + 10px);*/
	    width: 100%;
	/*    height: 630px;*/
    	background-position-y: 78%;	
    }

    .fondo-2 h5{
    	font-size: initial;
    	margin-top: 0.5rem;
    	line-height: 1.4rem;
    }
	
	

	.solicitar-form i{
		left: 86%;
   		top: 13%;
    	font-size: 1.23rem;
	}

	.border-form input::placeholder{
		font-size: 0.9rem;
	}
	.border-form input::-webkit-input-placeholder { /* Edge */
  		font-size: 0.9rem;
	}
	.border-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  		font-size: 0.9rem;
	}
	.border-form input::placeholder {
  		font-size: 0.9rem;
  	}

  	.btn-solicitar{
  		font-size: 0.9rem;
  	}
  	/*fin de estilos de fondo*/
	
	/*Nuestro proceso*/
	
  	/*Fin Nuestro proceso*/

  	/*Porque elegirnos*/
    .nosotros{
    	padding-bottom: 0 !important;
    } 
	.nosotros img{
  		margin-bottom: 1.5rem;
  	}
	.nosotros ul{
		padding-left: 1rem !important;
	}

  	/*Fin Porque elegirnos*/

	/*contacto*/
	.contacto{
    	padding-bottom: 0 !important;
    } 
	.contacto img{
  		margin-bottom: 1.5rem;
  	}
	.contacto ul{
		padding-left: 1rem !important;
	}

	
	
	.service-head img {
    margin-bottom: 0rem;
}
	
  	/*preguntas frecuentes*/
  	.preguntas-1{
  		padding-bottom: 0 !important;
  	}

	.preguntas-1 h5{
		font-size: 0.9rem;
	}
	/*fin preguntas frecuentes*/

	/*footer*/

	footer *{
		text-align: center !important;
	}

	footer p{
		margin: 2rem 0;
	}
	
	
	

	footer .lista-direccion{
		margin-bottom: 2rem;
	}

	footer .social-r{
		text-align: center !important;
	}
	
	footer .copyright{
		text-align: center !important;
		margin-top: 2rem !important;
		font-size: 0.7rem;
	}

	footer img{
		margin: 0 auto;
		margin-bottom: 2rem;
	}

	.orn-fot .desktop-f{
		display: none;
	}

	.orn-fot .movile-f{
		display: block !important;
		width: 100%;
	}

	/*fin footer*/

	
	/*inicio de estilos para el boton to top*/
	.back-to-top-1{
		padding: 0.2rem 0.6rem;
   		font-size: 1.19rem;
	}

	
	.w-100 {
    width: 380% !important;
}		

 
	
 .col-xl-9{
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}	
	
	.container h2 {
    font-size: 28px;
}
	.container h3 {
    font-size: 28px;
}	
.fondo-1 h2 {
    font-size: 29px;
	margin-top: -22px;
}	




.fondo-1 h1 {
    line-height: 29px;
    letter-spacing: 0.046em;
    font-size: 32px;
    font-weight: 500;
}
}		

/*fin MOVILE*/

/*sitio new*/
.service-head{
  overflow: hidden;
  /*margin-top: 50px;*/
  padding-top:0;
  z-index: 1;
  background:url("../img/banner_back.jpg"); 
  background-attachment: fixed;
  min-height: 550px;
  background-size: 100% 100%;
 }	

.btn-group-lg > .btn, .btn-lg {
    padding: 0.5rem 0.1rem;
    font-size: 0.9rem;
    line-height: 1.5;
    border-radius: .3rem;
}
.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.1rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 90%;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #fff;
    text-align: center;
}

.service h2  {
	font-size: 26px;
    color: #ffffff;
}
.service{
    display: block;
     z-index: 2;
   /* background: #fffffff2;*/
/*    padding: 40px;*/
    max-width: none;
   /* width: 42%;*/
    margin-top: 7%;
    
  }
.mb-5, .my-5 {
    margin-bottom: 0rem !important;
}
.h1, h1 {
    font-size: 2.3rem;
}



@media (min-width: 320px) and (max-width: 720px) {
  .service-head{
  overflow: hidden;
  /*margin-top: 50px;*/
  padding-top:0;
  z-index: 1;
  background:url("../img/banner_back_mobile.jpg");
  background-attachment: fixed;
  min-height: 350px;
  background-size: 130% 100%;
 
}
.carousel-caption  em{
		display:none;
}

}


.slide-btn .lines {
    width: 42px;
    height: 1px;
    float: left;
    overflow: hidden;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

hr {
	width: 30%;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #dddddd;
	
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color:#f7f7f7;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0);
    border-radius: .25rem;
	
}

.btn {
    color: #7d7d7d;
    text-decoration: none;
}

.btn:hover {
    color: #0071bc;
    text-decoration: none;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 8px;
	margin-left: 45px;
	margin-right: 10px;
	margin-top: 4px;
}
.text-muted {
    color: #fff !important;
}
.pb-5, .py-5 {
    padding-bottom: 1rem !important;
}




/*--solicitar  oferta--*/

.agile_services_img_wthree {
	/*background: url(../img/banner.jpg) no-repeat 0px 0px;*/
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 700px;
	margin-top: 23px;
	
}

.agile_services {
	background: #ffffff;
	margin-top: 45px;
}


.agile_services_img_wthree_02 {
	background: url(../img/banner_02.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 700px;
	margin-top: 23px;
	
}
.agile_services_img_wthree_02_dpto {
	background: url("../img/banner_02_dpto.jpg") no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 700px;
	margin-top: 23px;
}
.agile_services_img_wthree_03 {
	background: url(../img/banner_03.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 700px;
	margin-top: 23px;
}
.agile_services_img_wthree_04 {
	background: url(../img/banner_04.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 700px;
	margin-top: 23px;
}

.agile_services_img_wthree_contac {
	background: url("../img/img_contacto.jpg") no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 304px;
	
}
.agile_services_img_wthree_error {
	background: url(../img/banner_error.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 700px;
	margin-top: 23px;
}
/*.icon-left {
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
	padding: 1.2em 0 0 0;
	margin-right: 1em;
	border: 1px solid #fff;
}

.icon-right {
	float: left;
	width: 70%;
}

.icon-left i.fa {
	color: #fff;
	font-size: 1.4em;
	line-height: 19px;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}

.icon-right h5 {
	color: #05d561;
	font-size: 1.4em;
	margin: 0;
	font-weight: 600;
	letter-spacing: 1px;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}

.icon-right p {
	margin: 0.5em 0 1em 0;
}*/

.w3ls-markets-grid:hover .icon-left {
	webkit-animation: fa-spin 3s infinite linear;
	animation: fa-spin 3s infinite linear;
	background: #ff3c41;
	border: 1px solid #ff3c41;
}

.agileits-icon-grid a:focus {
	outline: none;
}

.agileits-icon-grid:hover .icon-left i {
	color: #fff;
}

.agileits-icon-grid:hover .icon-right h5 {
	color: #ff3c41;
}

.agile_inner_grids {
	padding: 3em 2em 3em 2em;
}

.w3ls-markets-grid {
	margin: 0 0 3em 0;
}

.w3ls-markets-grid_top {
	margin-top: 4em;
}


/*--//Services--*/


/*-- //featured_services --*/

.featured_services {
	text-align: center;
}

.w3_agile_services_grid {
	text-align: left;
}

.w3_service_grid_left_grid {
	width: 120px;
	height: 120px;
	border: 1px solid #212121;
	margin: 0 auto;
	padding-top: 1em;
	position: relative;
	overflow: hidden;
}

.w3_service_grid_left_grid img {
	margin: 0 auto;
}

.w3l_service_grid_left h4 {
	font-size: 1.1em;
	color: #fff;
	font-weight: 600;
	margin: 1em 0;
	letter-spacing: 3px;
	line-height: 1.5em;
	text-transform: uppercase;
}

.w3l_service_grid_left p {
	color: #fff;
	line-height: 2em;
	margin-bottom: 1.5em;
}

.w3_agile_service_more a {
	font-size: 1.2em;
	color: #212121;
	letter-spacing: 2px;
	text-decoration: none;
}

.w3_agile_service_more a i {
	padding-left: 1em;
	color: #48b7ec;
}

.w3_agile_service_more a:hover {
	color: #48b7ec;
}

.w3_agile_service_more a:hover i {
	color: #212121;
}

.w3_service_grid_left_grid img {
	transition: transform 0.5s;
	transform: scale(1.10);
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10);
}

.w3l_service_grid_left:hover .w3_service_grid_left_grid img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

.w3l_service_grid_left:hover .w3_service_grid_left_grid {
	border: 1px solid #48b7ec;
}

.agile_services_grid_pos {
	position: absolute;
	bottom: -13%;
	left: 5%;
	width: 55px;
	height: 55px;
	background: #ff3c41;
	border-radius: 50px;
	border: 2px solid #fff;
	text-align: center;
}

.agile_services_grid_pos i {
	font-size: 1.3em;
	color: #fff;
	line-height: 2.5em;
}

.agile_services_grid figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
h2.agile_heading,
	h3.agile_heading {
		color: #0071bc !important;
		font-size: 1.5em;
		margin-top: 25px;
		font-family: 'Roboto', sans-serif;
	}	

/* fin solicitar oferta online */

/*--responsive solicitar oferta online--*/

@media(max-width:1440px) {

	
.agile_services_img_wthree{
	min-height: 600px;
}	
	.agile_services_img_wthree_02 {
	min-height: 600px;
}
	.agile_services_img_wthree_02_dpto{
	min-height: 600px;
}
	.agile_services_img_wthree_03 {
	min-height: 600px;
}
.agile_services_img_wthree_04 {
	min-height: 540px;
}
.agile_services_img_wthree_error {
	min-height: 600px;
}
}

@media(max-width:1366px) {
	.w3-button {
		margin: 2em auto 0;
		text-align: center;
		width: 57%;
	}
	.agile_inner_grids {
		padding: 1em 2em 0em 2em;
	}
	
}

@media(max-width:1280px) {
	
	
	.w3-button {
		margin: 2em auto 0;
		text-align: center;
		width: 64%;
	}
	.icon-right h5 {
		font-size: 1.2em;
	}
	
	h2.agile_heading,
	h3.agile_heading {
		color: #0071bc !important;
		font-size: 1.3em;
		margin-top: 0px;
		font-family: 'Roboto', sans-serif;
	}
	.w3agile_blog_left_grid1_left ul li {
		font-size: 13px;
	}
	.w3agile_blog_left_grid1_left ul li span {
		padding-right: 0.5em;
	}
	.agileits_recent_posts_gridr h4 a {
		font-size: 0.9em;
	}

}

@media(max-width:1080px) {
	
	.w3-button {
		margin: 2em auto 0;
		text-align: center;
		width: 74%;
	}
	.agile_inner_grids {
		padding: 1em 0em 0em 1em;
	}
	.icon-right h5 {
		font-size: 1.1em;
	}
	.icon-left {
		float: left;
		width: 50px;
		height: 50px;
		padding: 1em 0 0 0;
	}
	
	.w3agile_blog_left_grid_r h3 {
		font-size: 1.3em;
	}
	.w3agile_blog_left_grid_r ul li span {
		padding-right: 0.5em;
	}
	.w3agile_blog_left_grid_r ul li i {
		padding: 0 1em;
	}
	
}

@media(max-width:1050px) {
	
	.w3-button {
		margin: 2em auto 0;
		text-align: center;
		width: 67%;
	}
	
}

@media(max-width:1024px) {
	.agile_services_img_wthree {
		min-height: 400px;
		width: 100%;
	}
	.agile_inner_grids {
		padding: 2em 0em 1em 3em;
		width: 100%;
	}
	.w3_agile_services_grid h4 {
		font-size: 1.2em;
		letter-spacing: 2px;
		margin: 2.5em 0 0.5em;
	}
	.w3agile_blog_left_grid1_left.w3layouts_recent_grid {
		float: none;
		width: 100%;
	}
	.w3agile_blog_left_grid1_right {
		width: 100%;
		margin-top: 1em;
	}
	.w3agile_blog_left_grid1_left {
		width: 100%;
		margin-top: 2em;
	}
	.agile_author h3,
	.wthree_faq h3,
	.agileits_comment h3,
	.w3agile_similar_posts h3,
	.w3ls_recent_posts h3,
	.w3l_categories h3,
	.agileinfo_calender h3 {
		font-size: 1.3em;
	}
	
	.inner_agile_pages {
		min-height: 209px;
	}
	.agile_inner_info {
		margin-top: 2em;
	}
	
	.w3agile_blog_left_grid_sub1 {
		position: relative;
		margin: 2em 0 1em 0;
	}
}

@media(max-width:991px) {
	
	.w3-button {
		margin: 2em auto 0;
		text-align: center;
		width: 72%;
	}
	
	.agile_info_mail_img {
		min-height: 400px;
		margin-left: 0%;
		width: 100%;
	}
	.agile_info_mail_img_info {
		padding: 2em 2em 7em 2em;
		margin-bottom: 2em;
		float: none;
		width: 100%;
	}
	
	.w3agile_blog_left {
		margin-top: 2em;
	}
	
	.agileits_comment_grid_left {
		padding-left: 0;
		padding: 0;
		margin-bottom: 2em;
	}
	.agile_author,
	.w3ls_recent_posts {
		margin: 2em 0;
	}
	.w3agile_similar_post_left_grid_pos {
		position: absolute;
		bottom: -15%;
		right: 66%;
	}
	.w3agile_similar_post_left:nth-child(2) {
		margin-top: 2em;
	}
	.w3agile_similar_post_left h4 a {
		font-size: 1em;
		margin: 3em 0 .5em;
	}
	.agile_port_w3ls_info {
		margin: 0 6.6em;
	}
	
	.w3layouts_stats_left {
		text-align: center;
		float: left;
		width: 25%;
	}
	.w3_agile_services_grid {
		text-align: left;
		float: left;
		width: 50%;
	}
	.w3_agile_services_grid:nth-child(3) {
		margin-top: 2em;
	}
	
	.agileits-button.two {
		text-align: center;
		margin-top: 2em;
	}
	.agile_testimonials {
		min-height: 622px;
		padding-bottom: 3em;
	}
	.agile_tesimonials_content {
		text-align: center;
		padding: 4em 2em;
		width: 66%;
		margin: 0em auto 1em;
	}
	.agileits-button.two.single {
		text-align: left;
	}
}

@media(max-width:900px) {
	
	.agile_port_w3ls_info {
		margin: 0 3.6em;
	}
	
}

@media(max-width:800px) {
	
	.agile_port_w3ls_info {
		margin: 0 0.6em;
	}
	.agile_services_img_wthree {
		min-height: 344px;
		width: 100%;
	}
}

@media(max-width:768px) {
	
	.agile_tesimonials_content {
		text-align: center;
		padding: 2em 2em;
		width: 80%;
		margin: 0em auto 1em;
	}
	
	.w3ls-markets-grid {
		margin: 0px 0 1em 0;
	}
	.w3ls-markets-grid_top {
		margin-top: 2em;
	}
	.agile_inner_grids {
		padding: 2em 0em 1em 2em;
	}
	.agileits_w3layouts_nav_left ul li {
		margin-right: 2em;
	}
	
	.w3-button {
		margin: 1.2em auto 0;
		width: 72%;
	}
}

@media(max-width:767px) {
	
	.agile_wthree_nav {
		padding: 0em 1em;
	}
	
	.agile_search {
		margin-top: 0em;
	}
	
	.agile_inner_info_stats {
		margin-top: 0.5em;
	}
}

@media(max-width:736px) {
	
	.inner_agile_pages {
		min-height: 160px;
	}
	
}

@media(max-width:667px) {
	
	.agile_services_img_wthree {
		min-height: 295px;
	}
	.w3_agile_services_grid h4 {
		font-size: 1.1em;
		letter-spacing: 1px;
		margin: 2.5em 0 0.5em;
	}
	
	.w3ls-button a,
	.w3l-button a,
	.w3ls-about-left a {
		padding: .6em 1.5em;
		font-size: 0.8em;
	}
	
	.w3agile_similar_post_left_grid_pos {
		position: absolute;
		bottom: -15%;
		right: 60%;
	}
	
	.agileits_w3layouts_nav {
		margin: 2em 0;
	}
}

@media(max-width:640px) {
	
	.agile_info_mail_img {
		min-height: 331px;
		margin-left: 0%;
		width: 100%;
	}
	.agile_map iframe {
		width: 100%;
		min-height: 200px;
	}
		.agile_services_img_wthree{
	min-height: 300px;
}	
	.agile_services_img_wthree_02 {
	min-height: 300px;
}
	.agile_services_img_wthree_02_dpto{
	min-height: 300px;
}
	.agile_services_img_wthree_03 {
	min-height: 300px;
}
	.agile_services_img_wthree_04 {
	min-height: 300px;
}
	.agile_services_img_wthree_contac {
	min-height: 200px;
}
	.agile_services_img_wthree_error {
	min-height: 250px;
}
	
}

@media(max-width:600px) {
	
	.agileits_w3layouts_nav_left {
		float: none;
		text-align: center;
		margin-bottom: 1em;
	}
	.agileits_w3layouts_nav_right {
		float: none;
		text-align: center;
	}
}

@media(max-width:568px) {
	
	.w3agile_blog_left_grid_l {
		float: left;
		width: 70px;
		height: 100px;
	}
	.inner_agile_pages {
		min-height: 137px;
	}
}

@media(max-width:480px) {
	
	.agile_services_img_wthree {
		min-height: 234px;
	}
	
	.w3layouts_stats_left {
		text-align: center;
		float: left;
		width: 50%;
		margin-bottom: 1em;
		padding: 0;
	}
	
	.w3-button {
		margin: 1.2em auto 0;
		width: 85%;
	}
	
	.w3_agile_services_grid {
		text-align: left;
		float: left;
		width: 100%;
	}
	.w3_agile_services_grid:nth-child(3) {
		margin-top: 0em;
	}
	.w3_agile_services_grid:nth-child(2) {
		margin: 2em 0;
	}
	.agile_inner_grids {
		padding: 2em 2em 2em 2em;
	}
	
	.w3agile_similar_post_left_grid_pos {
		position: absolute;
		bottom: -15%;
		right: 41%;
	}
	
}

@media(max-width:440px) {
	.w3-button {
		margin: 1.2em auto 0;
		width: 92%;
	}
	
	.agile_services_img_wthree {
		min-height: 350px;
	}
	
	.w3agile_blog_left_grid_r {
		float: right;
		width: 100%;
		text-align: left;
		margin-top: 1em;
	}
	.w3agile_blog_left_grid_l {
		float: left;
		width: 100px;
		height: 100px;
	}
	.w3agile_blog_left {
		margin-top: 1em;
		padding: 0;
	}
	
}

@media(max-width:414px) {
	.w3ls-button a,
	.w3l-button a,
	.w3ls-about-left a {
		padding: .5em 1em;
		font-size: 0.8em;
	}
	
	.icon-right h5 {
		font-size: 1em;
	}
}

@media(max-width:384px) {
	
	.agileits_search input[type="email"] {
		width: 70%;
	}
	.agileits_search input[type="submit"] {
		width: 30%;
	}
	.w3agile_similar_post_left_grid_pos {
		position: absolute;
		bottom: -15%;
		right: 38%;
	}
	.w3agile_blog_left_grid_r h3 {
		font-size: 1.2em;
	}
}

@media(max-width:375px) {
	
	.w3-button {
		margin: 0.7em auto 0;
		width: 92%;
	}
	
}

@media(max-width:320px) {
	
	.w3ls-button a,
	.w3l-button a,
	.w3ls-about-left a {
		padding: .5em 1em;
		font-size: 0.75em;
	}
	
	.w3-button {
		margin: 0.7em auto 0;
		width: 100%;
	}
	
	.agileits_w3layouts_nav_left ul li {
		margin-right: 1em;
	}
	.w3agile_similar_post_left_grid_pos {
		position: absolute;
		bottom: -15%;
		right: 36%;
	}
	
}


/*--//fin responsive solicitar oferta online--*/

/*.col-md-6 {
	float: left;
}*/
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057c9;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.mapa{
	display: block;
    max-width: 100% !important;
	max-height: 100%;
	margin-top: 48px;
}


.form-group {
    margin-bottom: 0.1rem;
}
.form-control::placeholder {

    color: #8c9297;
    opacity: 1;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;

}

.mr-sm-2, .mx-sm-2 {
    /*margin-right: .5rem !important;*/
    color: #8c9297;
    opacity: 1;
    font-size: 14px;
    font-weight: 400;
	padding-left: 5px;
	font-family: 'Roboto', sans-serif;
}


label {
    display: inline-block;
    margin-bottom: .1rem;
    font-size: 14px;
}


.btn {
    font-family: 'Roboto', sans-serif;
}


.navbar-expand-lg .navbar-collapse {
    font-family: 'Roboto', sans-serif;
}
.mt-1, .my-1 {
    margin-top: .25rem !important;
    font-family: 'Roboto', sans-serif;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Roboto', sans-serif;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    font-family: 'Roboto', sans-serif;
}
.form-check a {
	color: #969696;
}
.form-check a:hover {
	color: #278acc;
}
textarea.form-control {
    height: auto;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.small, small {
    font-size: 90%;
    font-weight: 400;
}


/* css codigo whatsapp chat*/		
			
 #float-cta {
	position: fixed;
	bottom: 26px;
	right: 35px;
	z-index: 9999999999;
}
#float-cta a {
	display: inline-block;
	background-color: #18cdea;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	width: 55px;
	height: 55px;
	color: #fff;
/*	-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.3);*/
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	transition: 0.3s;
}
#float-cta a:hover,
#float-cta a:focus {
	text-decoration: none;
	background-color:#0071bc;
}
#float-cta a .fa-times,
#float-cta a .fa-whatsapp {
	transition: 0.3s;
}
#float-cta a .fa-times {
	visibility: hidden;
	opacity: 0;
	display: none;
}
#float-cta a.open .fa-times {
	visibility: visible;
	opacity: 1;
	display: block;
	font-size: 22px;
}
#float-cta a.open .fa-whatsapp {
	visibility: hidden;
	opacity: 0;
	display: none;
}
#float-cta span {
	position: absolute;
	left: -150px;
	width: 250px;
	top: 16px;
	background-color: #fff;
    color: #0071bc;
	padding: 5px 3px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 6px;
	text-align: center;
	letter-spacing: 0.5px;
	opacity: 0;
	transition: 0.3s;
	visibility: hidden;
	box-shadow: 1px 1px 2px #999;
	font-size: 13px;
}
#float-cta .whatsapp-msg-container {
	visibility: hidden;
	position: absolute;
	right: 0;
	bottom: -20px;
	opacity: 0;
	transform: translateY(-70px);
	width: 250px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	transition: 0.3s
}
#float-cta .whatsapp-msg-container.open {
	visibility: visible;
	bottom: 0;
	opacity: 1
}
#float-cta .whatsapp-msg-header {
	text-align: center;
	background-color: #fff;
	color: #fff;
	padding: 10px;
	border-bottom: 1px solid #d0d2d4;
}
#float-cta .whatsapp-msg-header h6 {
	background-image:url("../img/logo_whatsapp.png");
	width: 230px;
	height: 50px;
	font-weight: 400;
	font-size: 16px;
	font-size: 1rem;
	margin: 0
}
#float-cta .whatsapp-msg-body {
	padding: 5px
}
#float-cta .whatsapp-msg-body textarea {
	width: 100%;
	height: 200px;
	border: none;
	padding: 15px;
	font-size: 14px;
}
#float-cta .whatsapp-msg-body textarea.placeholder,
#float-cta .whatsapp-msg-body textarea::placeholder {
	color: #787777;
	font-size: 14px;
}
#float-cta .whatsapp-msg-footer {
	text-align: center;
	background-color: #fff;
	border-top: 1px solid lightgray;
	padding: 5px
}
#float-cta .btn-whatsapp-send {
	display: block;
	width: 100%;
	border: 1px solid #017f85;
	font-weight: 400;
	color: #fff;
	background-color: #0071bc;
	padding: 7px 15px;
	transition: 0.3s;
	font-size: 14px;
}
#float-cta .btn-whatsapp-send:hover {
	background-color: #fff;
	color: #18cdea;
}
#float-cta:hover span {
	opacity: 1;
	left: -260px;
	visibility: visible
}
#float-cta.open span {
	display: none
}			
			
/*fin css codigo whatsapp chat*/			


.form-direction{
  position: relative;
}
.form-direction-result{
  position: absolute;
  width: 100%;
  min-height: 38px;
  margin-top: 3px;
  background-color: white;
  z-index: 100;
  display: none;
  box-shadow: 0px 3px 11px rgba(0,0,0,.4);
}
.form-direction-input:focus + .form-direction-result{
  display: block;
}
.form-direction-result > div{
  padding: 1px 12px;
}
.form-direction-result > div:hover{
  background-color: #ccc;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    background-color: #0000;
    border: 0;
    font-size: 14px;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #444;
    background-clip: padding-box;
    border-radius: .25rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #18cdea;
    text-decoration: none;
    background-color: #9e9d9d3d;
}