@font-face {
	font-family: avenir_next_lt-pro_regular;
	src: url("font/avenir_next_lt-pro_regular.woff");
}

h2 {
	color: #686868;
}

h3 {
	font-size: 1.2rem;
}

h4 {
	font-size: 1rem;
}

.txt-azul-navy {
	color: #222858;
}


/*     COLORES DEL TEXTO MENÚ     */
ul li a.txt-azul-navy,
li div a.txt-azul-navy,
nav div a.txt-azul-navy {
    /*color: #222858 !important;*/
    color: #ee5602 !important;
}

ul li a.txt-azul-navy:hover,
li div a.txt-azul-navy:hover,
nav div a.txt-azul-navy:hover {
    /*color: #1f5b63 !important;*/
    color: #8e3301 !important;
}

ul li a.txt-azul-navy:visited,
li div a.txt-azul-navy:visited,
nav div a.txt-azul-navy:visited {
    /*color: #222858 !important;*/
    color: #8e3301 !important;
}


ul.nav li a:hover, ul.nav li a:active {
    color: #anycolor !important;
}

.accordion>.card {
	border: 0;
}

.tit-bajada {
	font-size: 3rem;
}

.separador {
	margin: 55px 0;
}

.titulo-carrusel-blanco{
	color: #fff;
	text-shadow: 2px 2px 2px #1f5b63;
}

.bot-verde:link {
	/*background-color:#1f5b63;*/
	background-color:#ff861b;
	color:#ffffff;
	border: 0;
}

.bot-verde:hover {
	/*background-color:#36C4C0;*/
	background-color:#ee5602;
	color:#222858;
	border: 0;
}

.bot-verde:visited {
	background-color:#d64d01;
	/*color:#222858;*/
	color: #FFFFFF;
	border: 0;
}

.fondo-card {
	background-color: #1f5b63;
	color: #fff;
}

.obligatorio {
	font-size: .8rem;
}

.tit-areas {
	font-size: 1.5rem;
}

.m-top-5 {
	margin-top: 40px;
}

.subtit-dron {
	color:#000;
}

.sombradegradeazul {
	-webkit-box-shadow: 0px 10px 14px 1px rgba(34,40,88,1);
	-moz-box-shadow: 0px 10px 14px 1px rgba(34,40,88,1);
	box-shadow: 0px 10px 14px 1px rgba(34,40,88,1);
}

.sombradegradenaranjo {
	-webkit-box-shadow: 0px 15px 14px 1px rgba(254,234,190,1);
	-moz-box-shadow: 0px 15px 14px 1px rgba(254,234,190,1);
	box-shadow: 0px 15px 14px 1px rgba(254,234,190,1);
}

.centrar-orizon-vertic {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sombra-fotos {
	-webkit-box-shadow: 0px 0px 21px -5px rgba(34,40,88,1);
	-moz-box-shadow: 0px 0px 21px -5px rgba(34,40,88,1);
	box-shadow: 0px 0px 21px -5px rgba(34,40,88,1);
}

.text-azul-corp,
footer div p a.text-azul-corp:hover {
	color: #222858;
}

.carousel-indicators li{  /*botones redondos de abajo.*/
	width:20px;
	height:20px;
	border-radius: 50%;
	position: relative;
	top: 15px !important;
	background-color: rgba(34,40,88,1);
}

.carousel-caption {
	z-index: 5;
}

.circulo-mas {
	position: relative;
	left: -2px !important;
	top: -2px !important;
}

.row {
	margin-left: 0;
	margin-right: 0;
}


.texto-link-qr-c:link,
.texto-link-qr-p:link {
	color:#222858;
}
.texto-link-qr-c:visited,
.texto-link-qr-p:visited {
	color:#BDBDBC;
}
.texto-link-qr-c:hover {
	color:#215c64;
}
.texto-link-qr-p:hover {
	color:#242855;
}


.texto-link-rrss:link {
	color:#222858;
}
.texto-link-rrss:hover {
	color:#215c64;
}
.texto-link-rrss:visited {
	color:#BDBDBC;
}







/*Consultorías Ambientales*/

.color-franja-in{
	background-color: #7ccbd6;
}

.color-franja-par{
	background-color: #A7dce3;
}


/*Aplicaciones y Drones*/

.color-swd-franja-in{
	background-color: #A1e3c5;
}

.color-swd-franja-par{
	background-color: #C7efdd;
}


/*Piping*/

.color-pip-franja-in{
	background-color: #A1a8db;
}

.color-pip-franja-par{
	background-color: #C5c9e9;
}


/* Aasesores_de_instrumentación */
.subir-der {
	float: right;
}




/*    PARALAX     */
.bg-paralax1 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 500px;
	/*width: 100%;*/
	/*width:100vw;*/
	background-attachment: fixed;
	background-image: url("../img/1920px_x_700px_paisaje2.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-paralax2 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 500px;
	/*width: 100%;*/
	width:100vw;
	background-attachment: fixed;
	background-image: url("../img/1920px_x_700px_paisaje4.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-paralax-data-sensores {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 500px;
	/*width: 100%;
	width:100vw;*/
	background-attachment: fixed;
	background-image: url("../img/vasko_ofrece_sensores_para_agronomia.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-paralax-data-logger {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 500px;
	/*width: 100%;
	width:100vw;*/
	background-attachment: fixed;
	background-image: url("../img/vasko_ofrece_servicio_data_logger.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-paralax-data-telemetria {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 500px;
	/*width: 100%;
	width:100vw;*/
	background-attachment: fixed;
	background-image: url("../img/vasko_ofrece_servicio_de_telemetria.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/*    EFECTO FOTOS QUE SE MUEVEN HORIZONTALMENTE     */
.snip1325 {
  position: relative;
  overflow: hidden;
  min-width: 350px;
  max-width: 1350px;
  height: 350px;
  width: 100%;
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
  cursor: default;
  border-radius: 5px;
}
.snip1325 img {
  cursor: default;
  height: 350px;
  width: 1000px;
  position: absolute;
  right: 0px;
  -webkit-transition: all 10s ease-out;
  transition: all 10s ease-out;
}
.snip1325:hover img,
.snip1325.hover img {
  -webkit-transform: translateX(650px);
  transform: translateX(650px);
}





/*    SALUDO DE FRANCISCO MELO A VASKO     */
video {
	margin:auto 20px;
	max-width: 300px;
	height: auto;
  }
/*    SALUDO DE FRANCISCO MELO A VASKO     */




/* :::::::::::::::::::::::::: BUSCADOR DE CONTENIDO ::::::::::::::::::::::::::: */
#ctn-icon-search{  /* Contenedor del ícono de busqueda lupa. */
	position: relative;
	/*right: 50px;*/
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	/*background-color: red;*/
}

#ctn-icon-search a{  /* Apariencia de la lupa. */
	font-size: 18px;
	/*color: #777777;*/
	cursor: pointer;
	transition: all 300ms;
}


#ctn-bars-search{  /* Contenedor barra buscador. */
	position: fixed;
	/*top: 60px;*/  /* CORREGIR ALTURA SEGÚN BOTONERA. */
	top: -35px;  /* El contenedor del buscador sube -35px. */
	width: 100%;
	/*background: #fff;*/
	background: #a3d3d3;
	padding: 20px;
	z-index: 9;  /* Para que se ponga sobre la web. Al header se le puede agregar con número 10 para que se vea más arriba */
	transition: all 600ms;  /* Animación suave para el contenedor de barra buscadora. */
}

#ctn-bars-search input{  /* Barra buscador input. */
	display: block;  /* Hay que convertir el "input" en block. */
	width: 1200px;
	margin: auto;
	padding: 10px;
	font-size: 18px;
	outline: 0;  /* Elimina borde de color azul en el input. */
}

#box-search{  /* Caja con los items de búsqueda centrados. */
	position: fixed;
	top: 146px;
	left: 50%;  /* Pone la caja del centro a la derecha (a la derecha). */
	transform: translateX(-50%);  /* Centra la caja. */
	width: 1200px;
	background: #fff;
	z-index: 8;
	overflow: hidden;  /* Elimina todo lo que está fuera de la caja. En este caso los puntos del "li". */
	display: none;
}

#box-search li{
	position: relative;
	left: -40px;
}

#box-search li a{
	display: block;  /* Hay que convertir los "a" en block. */
	width: 5200px;
	color: #777777;
	padding: 12px 20px;
	left: 100%;
	text-decoration:none;
}

#box-search li a:hover{  /* Color de fondo a los "a". */
	background: #f3f3f3;
}

#box-search li a i{  /* Separa las lupas de los "a". */
	margin-right: 100px;
	color: #777777;
}


#cover-ctn-search {  /* Cortina negra semitransparente al rededor de caja items. */
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 7;
	display: none;
}

.cover-texto-click {
	display: flex;
	/*align-items: center;*/
	justify-content: center;
	font-size: 1.5rem;
	margin-top: 120px;
	color: #fff;
	text-shadow: black 0.2em 0.2em 0.4em;
	cursor: pointer;
}

.cover-texto-click-box {
	/*position: absolute;*/
	top: -100px;
}
/* :::::::::::::::::::::::::: FIN BUSCADOR DE CONTENIDO ::::::::::::::::::::::::::: */






/*    FOTER     */
.bg-footer {
	background-color: #C7efdd;
}
.bg-azul-corporativo {
	background-color: #222858;
}







/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.espacio-top-sm {
		margin-top: 60px;
	}
	.espacio-top-sm-instru {
		margin-top: 10px;
	}
	.tex-sm-centrado{
		text-align: center;
	}
	.ancho100por{
		width: 100% !important;
	}
	.cajacell{
		width: 100% !important;
		text-align: center;
	}
	.centrado-sm {
		text-align: center;
	}
	.carousel-indicators li {
		background: transparent;
	}
	.carousel-caption {
		top: -10%;
	}
	.carousel-caption h1 {
		font-size: 1.5rem;
	}
	.carru-laptop-displa {
		visibility: hidden;
		display: none;
	}
	.carru-moviles-displa {
		visibility: visible;
		display: inline;
	}
	.m-top-5 {
		margin-top: 0;
	}
	.separador-altura-celu {
		margin-top: 50px;
	}
	.foot-secc-abajo {
		padding-bottom: 0 !important;
	}
	.bajaboton {
		margin-top: 25%;
	}
	#btnsandguich {
		position: relative;
		margin-left: 40%;
	}
	#ctn-icon-search {
		display: none;
	}
	#ctn-bars-search,
	#ctn-bars-search input{  /* Barra buscador input. */
		width: 100%;
	}
	.cover-texto-click {
		font-size: 1.1rem;
	}
	
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.carousel {
    	margin-top: 56px;
	}

	.modal-header{
		padding: .1rem .5rem;
	}
	.modal-body{
		padding: .1rem .5rem;
	}
	.modal-footer{
		padding: 0;
	}
	.bac-gro-bot-amarillo{
		background-color: #FCBB8B;
	}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.tex-sm-centrado{
		text-align: center;
	}
	.ancho20por{
		width: 20%;
	}
	.cajacell{
		width: 120px;
	}
	.marg0-5xcientolado{
		margin: 0 .5%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.carousel {
    	margin-top: 104px;
	}
	#ctn-bars-search,
	#ctn-bars-search input{  /* Barra buscador input. */
		width: 100%;
	}
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.carousel {
    	/*margin-top: 119px;*/
	}
	.marg0-5xcientolado {
		margin: 0;
	}
	#box-search{
	width: 100%;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
	.carousel {
    	margin-top: 80px;
	}
	#ctn-bars-search,
	#ctn-bars-search input{  /* Barra buscador input. */
		width: 100%;
	}
}
@media only screen and (min-width: 992px) {
	p .providencia {
		margin-left: 28px;
	}
}