@font-face {
	font-family: montserrat;
	src: url('tipografias/Montserrat/Montserrat-Regular.otf');
}

@font-face {
	font-family: avant;
	src: url('tipografias/avant/avantgardemditc.ttf');
}


::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
	color: transparent;
}


html {
	scroll-behavior: smooth;
}
/*#html.activado{
	filter: blur(20px);
	pointer-events: none;
	user-select: none;
}*/
body {
	margin: 0;
	padding: 0;
	font-family: montserrat;
}

#contenedorAnimacion {
	position: relative;
	height: 100vh;
}

.triangulo {
	position: fixed;
	top: 4.5%;
	left: 8.5%;
	z-index: 1;
	transition: 0.5s;
}
#logoDataWagon.activado{
	position: fixed;
	top: 4.5%;
	left: 8.5%;
	z-index: 1;
	filter: blur(25px);
	pointer-events: none;
	user-select: none;
}
.triangulo img {
	width: 7vmin;
}

.divTituloDataWagon {
	font-family: avant;
	color: #223058;
	position: fixed;
	top: 4.5%;
	left: 12vw;
	z-index: 1;
	font-size: 1.7vmin;
}

.logoFluture {
	right: 8.5%;
	position: fixed;
	top: 4.8%;
	z-index: 1;
	transition: 0.5s;
}
#logoFluture.activado{
	right: 8.5%;
	position: fixed;
	top: 4.8%;
	z-index: 1;
	filter: blur(25px);
	pointer-events: none;
	user-select: none;
}
.logoFluture img {
	width: 12vmin;
}

#contenedorBolas {

	position: absolute;
	top: 0;
	/* bottom: 0; */
	left: 0;
	right: 0;
	width: 85%;
	height: 80%;
	margin: auto;

}

#contenedorBolas {

	position: absolute;
	top: 12%;
	/* bottom: 0; */
	/*left: 6%;*/
	/* right: 0; */
	width: 88%;
	height: 87%;
	/* margin: auto; */
}

#contenedorBolas {
	/*background-color: #acb8c8;*/
	/*background-image: url("img/data_wagon.png");
	position: absolute;
	top: 12%;*/
	/* bottom: 0; */
	/*left: 0%;*/
	/* right: 0; */
	/*width: 84vw;
	height: 68vh;*/
	/* margin: auto; */
	/*background-size: 68vmin;
	background-repeat: no-repeat;
	background-position: center;*/
}
#contenedorBolas {
	/* background-color: #acb8c8; */
	/* background-image: url("img/data_wagon.png"); */
	position: relative;
	/* top: 12%; */
	/* bottom: 0; */
	/* left: 0%; */
	/* right: 0; */
	/* width: 84vw; */
	/* height: 68vh; */
	/* margin: auto; */
	/* background-size: 68vmin; */
	/* background-repeat: no-repeat; */
	/* background-position: center; */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
#contenedorCuadradoBolas {
	/* border: 1px solid; */
	width: 74vmin;
	height: 75vmin;
	background-image: url("img/data_wagon.png");
	background-size: 68vmin;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	/*left: 24%;*/
}
#contenedorBolas a {
	display: flex;
	background-color: #dddedf;
	border-radius: 50%;
	padding: 1rem;
	position: absolute;
	width: 14vmin;
	height: 14vmin;
	font-family: avant;
	z-index: 1;
	/* transition: top 0.8s ease-in, left 0.8s ease-in, background-color 0.3s ease-in, display 0.3s ease-in; */
	transition: left ease-in 0.7s,top ease-in 0.7s, background-color ease-in 0.2s;
	border: 0.2rem solid #ece30d;
	align-items: center;
}
#contenedorBolas a:hover {
	background-color: #223059;
	color: #dddedf;
}
/*#contenedorBolas a:hover {
		background-color: #dddedf;
}*/

#contenedorBolas a p {
	/* display: none; */
	text-transform: uppercase;
	color: #223058;
	/* position: absolute; */
	top: 30%;
	bottom: 0;
	left: 0;
	right: 0;
	/* margin: auto; */
	text-align: center;
	font-size: 1.9vmin;
	font-weight: bold;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	transition: 0.2s ease-in;
}


#contenedorBolas a:hover p {
	display: block;
	color: #dddedf;
}

.enlaceBolas {
	text-decoration: none;
	cursor: pointer;
	color: #223058;
}

.bolaQue {
	top: 0%;
	left: 57%;

	animation: bolaque 0.8s linear;

}
.bolaQueInicio{


	/* animation: bolaque 2s linear; */

}


svg{
	display: none;
}
@keyframes bolaque{

	0%{
		top: -26%;
		left: 81%;

	}
	/*50%{
			top: -3%;
			left: 60%;
	}*/
	100%{
		top: 0%;
		left: 57%;
	}


}


.bolaAportaria {
	top: 65%;
	left: 57%;
}
.bolaAportariaInicio {
	top: 100%;
	left: 98%;
}

.bolaFuncionaria {
	top: 24%;
	left: -3%;
}
.bolaFuncionariaInicio {
	top: 100%;
	left: 0%;
}
#svgIzq {
	position: absolute;
	top: 9vmin;
	left: 66vmin;
	z-index: 0;
}
#svgAbajo {
	width: 50vw;
	position: absolute;
	top: 23vmin;
	left: 37vmin;
}
#svgDerecha {
	position: absolute;
	left: 81vmin;
	top: 3vmin;
}

#contenedorBolaQueEsDW, #contenedorBolaComoFunc, #contenedorBolaAporta {
	position: sticky;
	height: auto;
	/* border: 1px solid; */
	margin-bottom: 8vmin;
	/* box-shadow: 0px -11px 20px -1px black; */
	top: 0;
	box-shadow: 0px 2px 20px -1px #0000005e;
}

.contenedorBolaQDW {
	/* position: absolute; */
	/* top: 10%; */
	/* left: 30%; */
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100vh;
	transition: 0.5s;
	justify-content: center;
	background-color: white;
}


/*-----INICIO PRUEBA-----*/


/*#contenedorBolaQueEsDW .bloque1QDW {

	background-image: url('/img/IMG_20200217_123051 - copia.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;

}

#contenedorBolaQueEsDW .bolonQueEsDW {
	width: 100%;
	! background-color: #fff; 
	border-radius: 0;
	position: relative;
	height: 68vmin;
	font-size: 1.5vmin;
	margin-left: 12vmin; 
	overflow: hidden;
	border: 0.1rem solid aliceblue; 
	box-shadow: 0 15px 25px #00000080;
	height: 100%;
	background-image: url('/img/IMG_20200217_123051 - copia.jpg'); 
	background-size: cover; 
	background-repeat: no-repeat; 
	! background-image: url('/img/IMG_20200217_123051 - copia.jpg'); 
	! background-size: cover; 
	! background-repeat: no-repeat; 
}
#contenedorBolaQueEsDW .tituloQueEsDW {
	margin: 0;
	padding-top: 3rem;
	color: #233159;
	text-shadow: 2px 2px 2px #CECECE;
}
#contenedorBolaQueEsDW .bolonQueEsDW .imagenesCarrusel {
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0%; 
	left: 0%; 
	display: none;
}
#contenedorBolaQueEsDW .bloque2QDW {

	background-image: url('/img/IMG_20200218_120629.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;

}
#contenedorBolaQueEsDW .bloque3QDW {

	background-image: url('/img/IMG_20200219_101435.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;

}
.bloque1QDW .descripcionBola {
	bottom: 51%;
	 width: 25%; 
	left: 3%;
}
.bloque2QDW .descripcionBola {
	top: 34%;
	left: 69%;
}
.bloque3QDW .descripcionBola {
	left: 49%;
	bottom: 9%;
}*/
.headerSlider {
	height: 11rem;
	text-align: center;
	/*position: relative;*/
	background-color: white;
	/* z-index: 0 0 0rem 0.5rem white; */
	/* overflow:  !important; */
	/* box-shadow: 0 0 1rem 0.3rem black; */
	box-shadow: 0 0 3.1rem -0.9rem #000;
	position: sticky;
	top: 0;
	/* display: none; */
}
/*.iconoFurgon {
	background: url('/img/caravana_datawagon.png');
	width: 7rem;
	height: 5rem;
	 z-index: 1; 
	position: absolute;
	top: -1.9rem;
	background-size: 4rem 3rem;
	background-repeat: no-repeat;
	padding: 0.2rem 1rem 0 1rem;
	background-color: white;
	border-radius: 7rem/4rem;
	background-position-x: center;
	right: calc(50% - 4.5rem);
	background-color: inherit;
	background-position-y: 1.5rem;
}*/
.iconoFurgon {
	background: url('/img/caravana_datawagon.png');
}
.iconoFunciona{
	background: url('/img/como_func/jigsaws.png');
}
.iconoTI{
	background: url('/img/que_aporta/imagination.png');
}
.iconoFurgon, .iconoFunciona,
.iconoTI{
	/*background: url('/img/caravana_datawagon.png');*/
	width: 4rem;
	height: 4rem;
	/* z-index: 1; */
	position: absolute;
	top: -0.9rem;
	background-size: 4rem 3rem;
	background-repeat: no-repeat;
	padding: 0.7rem;
	background-color: white;
	border-radius: 50%;
	background-position: 15px;
	right: calc(50% - 2.8rem);
	background-color: inherit;
}
.iconoFunciona, .iconoTI{
	background-size: 3rem;
	background-position: center;
}

.headerSlider h1 {
	margin: 0;
	padding-top: 4.9rem;
	/*color: white;*/
	font-family: avant;
}
.container {
	position: sticky;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	/*box-shadow: 0 0 3.1rem -0.9rem #000;*/
	border-top: 2px solid #979797;
	top: 0;
}
.container .slider{
	position: relative;
	top: 0;
	left: 0;
	width: 500%;
	height: 100%;
	animation: animate 20s linear infinite;
}
.container .slider .slide{
	position: relative;
	width: 20%;
	height: 100%;
	float: left;
}
/*.container .caption{
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	padding: 30px;
	background: rgba(0,0,0,.5);
	box-sizing: border-box;
	backdrop-filter: blur(5px);
	z-index: 1;
}*/
.container .caption {
	position: absolute;
	bottom: 4rem;
	 left: 12rem; 
	right: 12rem;
	padding: 2.5rem 2rem 1rem 2rem;
	background: rgba(0,0,0,.5);
	box-sizing: border-box;
	backdrop-filter: blur(5px);
	z-index: 1;
	/*max-width: 50%;*/
	border-radius: 4rem 5rem 0 0;
	 /*border-top: 2px solid ;*/ 
	box-shadow: 0 0 1rem 0.3rem black;
}
.container .caption h2{
	margin: 0 0 20px;
	padding: 0;
	color: #fff;
	font-size: 1.8vmin;
}
.container .caption P{
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.6vmin;
}
.container .slider .slide.slide1{
	background: url('/img/IMG_20200217_123051 - copia.jpg');
	background-size: cover;
	background-position: center;
}
.container .slider .slide.slide2{
	background: url('/img/IMG_20200218_120629.jpg');
	background-size: cover;
	background-position: center;
}
.container .slider .slide.slide3{
	background: url('/img/IMG_20200219_101435.jpg');
	background-size: cover;
	background-position: center;
}
.container .slider .slide.slide4{
	background: url('/img/0.jpg');
	background-size: cover;
	background-position: center;
}

@keyframes animate{

	0%{
		left: 0;
	}
	20%{
		left: 0;
	}
	25%{
		left: -100%;
	}
	45%{
		left: -100%;
	}
	50%{
		left: -200%;
	}
	70%{
		left: -200%;
	}
	75%{
		left: -300%;
	}
	95%{
		left: -300%;
	}
	100%{
		left: -400%;
	}
}
#contCM .slider{
	animation: animateCM 20s linear infinite;
}
#contCM .slider .slide.slide1{
	background: url('/img/como_func/IMG_20200213_142819.jpg');
	background-size: cover;
	background-position: center;
}
#contCM .slider .slide.slide2{
	background: url('/img/como_func/IMG_20200213_142802(1).jpg');
	background-size: cover;
	background-position: center;
}
#contCM .slider .slide.slide3{
	background: url('/img/como_func/informatica.jpg');
	background-size: cover;
	background-position: center;
}
#contCM .slider .slide.slide4{
	background: url('/img/IMG_20200218_180026.jpg');
	background-size: cover;
	background-position: center;
}
@keyframes animateCM{

	0%{
		left: 0;
	}
	20%{
		left: 0;
	}
	25%{
		left: -100%;
	}
	45%{
		left: -100%;
	}
	50%{
		left: -200%;
	}
	70%{
		left: -200%;
	}
	75%{
		left: -300%;
	}
	95%{
		left: -300%;
	}
	100%{
		left: -400%;
	}
}
#contTImaginas .caption{
	text-align: center;
}
#contTImaginas .slider{
	animation: animateTI 20s linear infinite;
}
#contTImaginas .slider .slide.slide1{
	background: url('/img/que_aporta/granddH2.jpg');
	background-size: cover;
	background-position: center;
}
#contTImaginas .slider .slide.slide2{
	background: url('/img/que_aporta/PINK-FLAMINGO-CINEMA.jpg');
	background-size: cover;
	background-position: center;
}
#contTImaginas .slider .slide.slide3{
	background: url('/img/que_aporta/Village+Claire1.jpg');
	background-size: cover;
	background-position: center;
}
#contTImaginas .slider .slide.slide4{
	background: url('/img/que_aporta/notel7.jpg');
	background-size: cover;
	background-position: center;
}
@keyframes animateTI{

	0%{
		left: 0;
	}
	20%{
		left: 0;
	}
	25%{
		left: -100%;
	}
	45%{
		left: -100%;
	}
	50%{
		left: -200%;
	}
	70%{
		left: -200%;
	}
	75%{
		left: -300%;
	}
	95%{
		left: -300%;
	}
	100%{
		left: -400%;
	}
}
/*-----FIN PRUEBA-----*/


#contenedorBolaQDW1.activado,
#contenedorBolaQDW2.activado,
#contenedorBolaQDW3.activado,
#contenedorAnimacion.activado,
#contenedorCalendario.activado,
#box.activado,
#contenedorNosotros.activado{
	filter: blur(20px);
	pointer-events: none;
	user-select: none;
}
.contenedorBolaQDW p {
	text-align: center;
}

.tituloQueEsDW {
	text-align: center;
	color: #acb8c8;
	font-family: avant;
	font-size: 6vmin;
	font-weight: bold;
	/* margin-left: 10vmin; */
}

.bolonQueEsDW {
	width: 70vmin;
	background-color: #dddedf;
	border-radius: 50%;
	position: relative;
	height: 68vmin;
	font-size: 1.5vmin;
	/* margin-left: 12vmin; */
	overflow: hidden;
	/*border: 0.1rem solid aliceblue;*/
	box-shadow: 0 15px 25px #00000080;
}

.bolonQueEsDW .imagenesCarrusel {

	width: 53%;
	height: 33%;
	position: absolute;
	top: 20%;
	left: 24%;


}
.bolonQueEsDW .imagenesCarrusel {
	width: 100%;
	height: 58%;
	position: absolute;
	top: 0%;
	left: 0%;
}
.bolonQueEsDW .imagenCarrusel2 {
	width: 100%;
	height: 65%;
	position: absolute;
	top: -7%;
	left: 0%;
}
.bolonQueEsDW .imagenCarrusel3 {
	width: 117%;
	height: 59%;
	position: absolute;
	top: -1%;
	left: -17%;
}
.bolonQueEsDW .imagenCarrusel4 {
	width: 128%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: -2%;
}
.bolonQueEsDW .imagenCarrusel5 {
	width: 130%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: -23%;
}
.bolonQueEsDW .imagenCarrusel6 {
	width: 174%;
	height: 116%;
	position: absolute;
	top: -16%;
	left: -42%;
}
#bolonFunc .imagenCarrusel1 {
	width: 100%;
	height: 58%;
	position: absolute;
	top: 0%;
	left: 0%;
}
#bolonFunc .imagenCarrusel3 {
	width: 110%;
	height: 60%;
	position: absolute;
	top: -2%;
	left: -3%;
}
.bloque2Aporta .img2 {
	width: 100%;
	height: 66%;
	position: absolute;
	top: -8%;
	left: 0%;
}
.bloque2QDW,.bloque3QDW,
.bloque4QDW,.bloque5QDW,.bloque6QDW,
.bloque2Func,.bloque3Func,
.bloque2Aporta,.bloque3Aporta{
	display: none;
}
.flechasImg {
	height: 4%;
	width: 4%;
	background-color: white;
	border-radius: 50%;
	padding: 0.5rem;
}

.flechaDerecha {
	left: 10%;
	position: absolute;
	top: 30%;
}
.flechaDerecha {
	left: 4%;
	position: absolute;
	top: 55%;
	transition: all 0.3s ease-in;
	cursor: pointer;
}
.flechaDerecha:hover {
	height: 8%;
	width: 8%;
	top: 53%;
	left: 2%;
	background-color: #ffffffa6;
}
.flechaIzq {
	position: absolute;
	top: 30%;
	left: 80%;
}
.flechaIzq {
	position: absolute;
	top: 55%;
	left: 89%;
	transition: 0.3s ease-in;
	cursor: pointer;
}
.flechaIzq:hover {
	/* padding: 1rem; */
	height: 8%;
	width: 8%;
	top: 53%;
	left: 87%;
	background-color: #ffffffa6;
}
.flechaDerechaQDW{
	display: none;
}
.flechaDerechaFunc{
	display: none;
}
.flechaDerechaAportar{
	display: none;
}
.flechaIzqAportar{
	/* display: none; */
}
.tituloPlataforma {
	position: absolute;
	top: 7%;
	left: 33%;
	font-family: avant;
	font-weight: bold;
	text-align: center;
	color: #223058;
}

.descripcionBola {
	position: absolute;
	bottom: 23%;
	width: 80%;
	left: 10%;
	font-family: montserrat;
	/* font-size: 1.5vmin !important; */
}
.descrip3{
	bottom: 20%;
}

.descripcionBolaFunc {
	position: absolute;
	bottom: 14%;
	width: 80%;
	left: 33%;
	font-family: montserrat;
	/* font-size: 1.5vmin !important; */
}
.descripcionBolaFunc1 {
	position: absolute;
	bottom: 13%;
	left: 10%;
}
.descripcionBolaFunc2 {
	position: absolute;
	bottom: 16%;
	left: 13.5%;
}
.tituloDentroDW{
	font-weight: bold;
}
.descripcionBolaFunc3 {
	position: absolute;
	bottom: 13%;
	left: 30%;
}

.descripcionBolaAporta {
	position: absolute;
	bottom: 22%;
	width: 80%;
	left: 10%;
	font-family: montserrat;
	/* font-size: 1.06vmin !important; */
	text-align: center;
}
.descripcionBolaAporta2 {
	position: absolute;
	top: 67%;
	width: 80%;
	left: 10%;
	font-size: 1.8vmin;
}
.botonLeerMas, .botonCerrarPopUp {
	text-decoration: none;
	margin-top: 3rem;
	/* text-align: center; */
	padding: 0.5rem;
	background-color: #dddedf;
	color: #223059;
	border-radius: 2rem;
	font-weight: bold;
	transition: 0.2s ease-in;
	font-size: 2vmin;
	/*display: none;*/
}
.botonLeerMas{
	display: none;
}
.botonLeerMas:hover, .botonCerrarPopUp:hover {
	background-color: #223059;
	color: #dddedf;
}
#popup1, #popup2, #popup3 {
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 73vmin;
	padding: 1.5rem;
	box-shadow: 0 5px 30px rgba(0,0,0,.30);
	background: white;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
	font-size: 2.3vmin;
	border-radius: 0.5rem;
}
#popup1 h1, #popup2 h1, #popup3 h1 {
	margin-top: 0 !important;
	color: #233159;
}
#popup1 p, #popup2 p, #popup3 p {
	/* line-height: 19px; */
	margin-bottom: 2rem;
}

#popup1.activado,#popup2.activado,
#popup3.activado{
	opacity: 1;
	visibility: visible;
	transition: 0.5s;
	top: 50%;
	z-index: 1;
}
#contenedorCalendarioFull {
	position: sticky;
	height: 100vh;
	/* margin: 10vmin 0 10vmin 0; */
	top: 0;
	background-color: white;
	box-shadow: 0px 2px 20px -1px #0000005e;
}

#contenedorCalendario {
	position: sticky;
	/* top: 10%; */
	/* left: 12%; */
	/* width: 70%; */
	 height: 100vh; 
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; 
	/*box-shadow: 0px 2px 20px -1px #0000005e;*/
}

#contenedorCalendario h1 {
	/* margin-left: 9vmin; */
}

#calendar {
	max-width: 89vmin;
	/* margin: 0 auto; */
	font-family: montserrat;
	/* position: absolute;
	top: 14%;
	left: 20%; */
	font-size: 1.5vmin;
}

.botonContratar {
	/* position: absolute;
	bottom: 4%;
	right: 13%; */
	font-family: montserrat;
	text-decoration: none;
	color: white;
	background-color: #2c3e50;
	padding: 0.6rem;
	border-radius: 0.3rem;
	font-size: 1.8vmin;
	margin: 1rem;
}

#contenedorContacta {
	position: relative;
	height: auto;
	margin-bottom: 10vmin;
}

#contenedorContactaAbsolute {
	/* position: absolute; */
	/* top: 16%; */
	/* left: 41.5%; */
	display: flex;
	flex-direction: column;
	align-items: center;
}
.formularioContacta {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tituloContacta,
.tituloNosotros {
	text-align: center;
	color: #acb8c8;
	font-family: avant;
	font-size: 6vmin;
	font-weight: bold;
	margin-left: 0vmin;
}

.formularioContacta input[type="text"] {
	background-color: #acb8c8;
	border: none;
	padding: 0.5rem;
	margin: 0.5rem;
	width: 26vmin;
	border-radius: 0.4rem;
	text-transform: uppercase;
	font-family: montserrat;
	color: #223058;
	font-size: 1.4vmin;
}

.botonContactar {
	background-color: #acb8c8;
	padding: 0.5rem 0.2rem 0.5rem 0.2rem;
	margin: 0.5rem;
	border: none;
	border-radius: 0.4rem;
	cursor: pointer;
	text-transform: uppercase;
	width: 11vmin;
	color: #223058;
	font-family: montserrat;
	font-size: 1.4vmin;
}
#contenedorcolores {
	display: flex;
	width: 45%;
	justify-content: center;
	margin-top: 1vw;
}
#cuadroVerde {
	width: 3vmin;
	height: 3vmin;
	border: 1px solid green;
	background-color: #ddf5d9;
	margin: 0;
	margin-left: 1vw;
}
#cuadroAmarillo {
	width: 3vmin;
	height: 3vmin;
	border: 1px solid rgb(126, 128, 0);
	background-color: #e8f898;
	margin: 0;
}
#cuadroRojo {
	width: 3vmin;
	height: 3vmin;
	border: 1px solid rgb(128, 0, 0);
	background-color: #e8ab98;
	margin: 0;
}
.box {
	display: flex;
	/*justify-content: center;*/
	align-items: center;
	/* transform: translate(-50%,-50%); */
	/* background: rgba(0,0,0,.8); */
	/* box-sizing: border-box; */
	/* box-shadow: 0 15px 25px rgba(0,0,0,.5); */
	/* border-radius: 0.5rem; */
	/* padding: 2rem; */
	flex-direction: column;
	height: 150vh;
	min-height: 90rem;
	/* margin-bottom: 11vmin; */
	background-color: white !important;
	position: sticky;
	top: 0;
	box-shadow: 0px 2px 20px -1px #0000005e;
}
.gancho {
	color: #acb8c8;
	font-size: 1.9vmin;
}
#formularioOpciones {
	/* transform: translate(-50%,-50%); */
	background: #dddedf;
	box-sizing: border-box;
	box-shadow: 0 15px 25px #00000080;
	border-radius: 0.5rem;
	padding: 2rem;
	width: 70vmin;
	font-size: 1.5vmin;
}
#areaTexto {
	width: 96%;
	height: 5vh;
	font-family: montserrat;
	font-size: 1.3vmin;
	transition: ease-in 0.8s;
}
.box .inputBox{
	position: relative;
}
/*.box .inputBox input:invalid{
	border: none;
	border-bottom: 1px solid red;
}*/
.box .inputBox input {
	width: 100%;
	padding: 10px 0 5px 0;
	/* color: #fff; */
	margin-bottom: 1rem;
	border: none;
	outline: none;
	background: transparent;
	border-bottom: 1px solid black;
}
.box .inputBox label{
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0;
	/*color: black;*/
	pointer-events: none;
	transition: .5s;
}
.box .inputBox input:focus ~ label,
.box .inputBox input:valid ~ label{
	top: -1.3rem;
	left: 0;
	color: #03a9f4;
	font-size: 1.2vmin;
}
.cajaChecks {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}
.divCheck {
	flex-basis: 33%;
	/* width: 8%; */
	margin-bottom: 0.5rem;
}
.box input[type="date"]{
	color: transparent;
}
.box input[type="date"]:focus, .box input[type="date"]:valid {
	color: black;
	transition: ease-in 0.8s;
}

.box input[type="submit"]{
	background: transparent;
	border: none;
	outline: none;
	color: white;
	background: #03a9f4;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 0.5rem;
}
.visible{
	/*visibility: visible;*/
	display: block;
}
.escondido{
	/*visibility: hidden;*/
	display: none;
}
.textoColor {

	font-size: 1.2vmin;
	margin: 0.4vw 1vw 0 0.3vw;
}

#contenedorNosotros {
	position: sticky;
	height: 100vh;
	/* margin-bottom: 7vw; */
	background-color: white;
	top: 0;
	box-shadow: 0px -15px 17px -18px #0000005e;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#contenedorNosotrosAbsolute {
	/* position: absolute; */
	/* width: 69vmin; */
	font-size: 1.2vmin;
	/* top: 6%;
	left: 31.4%; */
	display: flex;
	flex-direction: column;
	align-items: center;
}

#contenedorNosotrosAbsolute p {
	color: #223058;
	width: 45.7vw;
	text-align: center;
}

.pIntro {
	text-align: center;
}
#contenedorNosotros img {
	width: 45.5vw;
}
.avisoimg{
	font-size: 1vmin;
}
.desplazado #volver_arriba {
	width: 3rem;
	height: 3rem;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.4rem;
	background-size: 1.2rem;
	opacity: 1;
}
#volver_arriba {
	/* background-image: url(/img/iconos_meteo/flecha-hacia-arriba.svg); */
	background-image: url(/img/chevron-flecha-hacia-arriba.svg);
	background-position: center;
	background-repeat: no-repeat;
	position: fixed;
	border-radius: 2rem;
	background-color: #716161;
	color: white;
	text-decoration: none;
	filter: invert(100%);
	display: flex;
	align-items: center;
	align-self: center;
	justify-content: center;
	width: 0;
	height: 0;
	bottom: 2.5rem;
	right: 2.5rem;
	background-size: 0;
	font-size: 0;
	opacity: 0;
	transition: width 0.4s ease-in, height 0.4s ease-in, bottom 0.4s ease-in, right 0.4s ease-in, background-size 0.4s ease-in, font-size 0.4s ease-in, opacity 0.4s ease-in;
}
.correcto p{
	display: none;

}
.incorrecto p {
	color: red;
	margin-top: -1rem;
	/* padding: 0 !important; */
	font-size: 1.2vmin;
	margin-bottom: 1rem;
}
#mensajeNoEnviado,#mensajeEnviado {
	display: flex;
	justify-content: center;
	align-items: center;
	/* background-color: red; */
	/* width: 30%; */
}
#mensajeNoEnviado{
	margin-top: -9vmin;
}
.parrafoMensajeNoEnv {
	background-color: #ff000040;
	color: red;
	padding: 2rem;
	font-size: 1.5vmin;
}
.parrafoMensajeEnv {
	background-color: #46ff465e;
	color: green;
	padding: 2rem;
	font-size: 1.5vmin;
}
#contenedorDondeEstamos {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: sticky;
	background-color: white;
	top: 0;
	height: 110vh;
	/*justify-content: center;*/
}
#contenedorDondeEstamos .tituloQueEsDW {
	margin-top: 6rem;
}
iframe {
	width: 89vmin;
	height: 67vmin;
}

/*--------------------------PARALLAX PRUEBA----------------------------*/
/*header {
	 padding: 0 100px; 
	width: 100%;
	height: 3.3vh;
	box-sizing: border-box;
	background: rgba(255,255,255,.2);
	box-shadow: 0 5px 15px rgba(0,0,0,.2);
	transition: .5s;
}
ul {
	position: relative;
	margin: 0;
	padding: 0;
	display: flex;
	 float: right; 
	transition: .5s;
	 justify-content: center; 
}
li{
	list-style: none;
}
ul li a {
	position: relative;
	display: block;
	padding: 0.5rem 0.8rem;
	 margin: 20px 0; 
	text-decoration: none;
	color: #233159;
	font-weight: bold;
	transition: .5s;
	z-index: 1;
	font-size: 1.4vmin;
	 text-transform: uppercase; 
}
ul li a:hover{
	background: #233159;
	color: white;
}*/
header {
	position: absolute;
	top: 0;
	left: 0;
	/* padding: 0 100px; */
	background: #23315982;
	width: 100%;
	box-sizing: border-box;
	z-index: 1;
}
.logoDW {
	float: left;
	height: 50px;
	line-height: 50px;
	font-weight: bolder;
	margin-left: 5vw;
	color: white;
	font-family: avant;
	background: url(/img/POWERED_blanco.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 96px;
}
.logoDW a {
	width: 100%;
	display: block;
	height: 100%;
}
header nav{
	float: right;
}
header nav ul{
	margin: 0;
	padding: 0;
	display: flex;
}
header nav ul li{
	list-style: none;
}
header nav ul li a{
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 1.3vmin;
	transition: 0.3s ease-in-out;
}
header nav ul li a:hover {
	color: #233159;
	background: #ece30d;
}
.menu-toggle{
	color: #fff;
	float: right;
	line-height: 50px;
	font-size: 24px;
	cursor: pointer;
	display: none;
}
#contenedorBolaQDW1 {
	box-shadow: 0px -11px 20px -1px #00000070;
}
#cabeceraQuesDW {
	position: relative;
	width: 100%;
	height: calc(100vh + 3rem);
	overflow: hidden;
	background: url(img/carretera.jpg);
	/* opacity: 22.2%; */
	background-size: 119rem;
	background-repeat: no-repeat;
	background-position: center top;
}
#cabeceraQuesDW #bgQueEsDW {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(img/data_wagon.png);
	background-size: 96vmin;
	background-repeat: no-repeat;
	/*background-position-y: bottom;*/
	background-position-x: center;
	/* opacity: 100% !important; */
}
#textoQueEsDW{
	padding: 7rem;
}
@media (max-width: 991px){
	#cabeceraQuesDW{
		background-position: center center;
	}

	header{
		padding: 0 20px;
		background-color: #10182fde;
	}
	.menu-toggle{
		display: block;
	}
	header nav{

		position: absolute;
		width: 100%;
		height: calc(100vh - 50px);
		top: 50px;
		left: -100%;
		background: #233159c2;
		transition: 0.5s;
	}
	header nav.active{
		left: 0;
	}
	header nav ul{
		display: block;
		text-align: center;
	}
	header nav ul li a {
		height: 10vh;
		font-size: 1.6vmin;
	}
}
@media (max-width: 475px){
	#cabeceraQuesDW{
		height: 65vh;
		background-size: 160vh;
	}
	header nav ul li a {
		height: 8vh;
		font-size: 3.6vmin;
	}
}
/*--------------------------FIN PRUEBA PARALLAX-----------------------------*/
@media (max-width: 1080px){

	.divTituloDataWagon {      
		/* top: 3.5%; */
		left: 13vw;

	}
}
@media (max-width: 1024px){

	.divTituloDataWagon, .triangulo {      
		top: 6.5%;

	}
	.logoFluture{
		top: 6.8%;
	}
	.flechaIzq{
		left: 88.4%;
	}
	.flechaIzq:hover{
		left: 86%;
	}
	.flechaIzq, .flechaDerecha{
		top: 54%;
	}
	.flechaIzq:hover, .flechaDerecha:hover{
		top: 52%;

	}

	/* .bolaQue {
			top: 2%;
			left: 58%;
			 animation: bolaque 2s linear; 
	}
	.bolaFuncionaria {
			top: 19%;
			left: 14%;
	}
	.bolaAportaria {
			top: 76%;
			left: 54%;
	}
	*/
} 
/* @media (max-width: 812px){
		 .bolaQue {
				 top: -5%;
				 left: 54%;
				 
		 }
		 .bolaFuncionaria {
				 top: 12%;
				 left: 26%;
		 }
		 .bolaAportaria {
				 top: 74%;
				 left: 52%;
		 }
 }
 @media (max-width: 780px){
		 .bolaQue {
				 top: 13%;
				 left: 60%;
				 
		 }
		 .bolaFuncionaria {
				 top: 27%;
				 left: 2%;
		 }
		 .bolaAportaria {
				 top: 65%;
				 left: 57%;
		 }
 }
 @media (max-width: 740px){
		 .bolaQue {
				 top: -6%;
				 left: 54%;
				 
		 }
		 .bolaFuncionaria {
				 top: 11%;
				 left: 25%;
		 }
		 .bolaAportaria {
				 top: 70%;
				 left: 52%;
		 }
 }
 @media (max-width: 667px){
		 .bolaQue {
				 top: -5%;
				 left: 55%;
				 
		 }
		 .bolaFuncionaria {
				 top: 11%;
				 left: 21%;
		 }
		 .bolaAportaria {
				 top: 68%;
				 left: 53%;
		 }
 }*/
@media (max-width: 680px){

	.container .caption {	
		left: 2rem;
		right: 2rem;		
	}
	.container .caption P{
		font-size: 2.4vmin;
	}
	.contenedorBolaQDW{
		height: 100vh;
	}
	#bolonQueEsDW {
		width: 63vmin;
		height: 59vmin;

	}

	#bolonQueEsDW .imagenesCarrusel {
		width: 139%;
		height: 140%;
		top: -40%;
		left: -25%;
	}
	#bolonQueEsDW .imagenCarrusel2 {
		width: 112%;
		height: 99%;
		position: absolute;
		top: 1%;
		left: -3%;
	}
	#bolonQueEsDW .imagenCarrusel3 {
		width: 155%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: -35%;
	}
	#bolonQueEsDW .imagenCarrusel6 {
		width: 180%;
		height: 120%;
		top: -20%;
		left: -49%;
	}
	#bolonFunc .imagenesCarrusel,#bolonFunc .imagenCarrusel2 {
		width: 108%;
		height: 100%;
		left: -7%;
		top: 0%;
	}
	#bolonFunc .imagenCarrusel3 {
		width: 125%;
		height: 101%;
		left: -7%;
		top: -1%;
	}
	#bolonAporta .imagenCarrusel1 {
		width: 144%;
		height: 101%;
		position: absolute;
		top: 0%;
		left: -33%;
	}
	#bolonAporta .imagenCarrusel2 {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: 0%;
	}
	#bolonAporta .imagenCarrusel3 {
		width: 137%;
		height: 101%;
		position: absolute;
		top: 0%;
		left: -17%;
	}
	.descripcionBolaFunc1,.descripcionBolaFunc2,
	.descripcionBolaFunc3,.descripcionBolaAporta,
	.descripcionBolaAporta2,.descripcionBolaAporta3{
		display: none;
	}
	.flechaIzq{
		left: 85.4%;
	}
	.flechaIzq:hover{
		left: 83%;
	}
	.flechaIzq, .flechaDerecha{
		top: 52%;
	}
	.flechaIzq:hover, .flechaDerecha:hover{
		top: 50%;

	}
	.descripcionBola{
		display: none;
	}
	.botonLeerMas{
		display: block;
	}
}
/*
@media (max-width: 380px){
		.bolaQue {
				top: 18%;
				left: 58%;
				
		}
		.bolaFuncionaria {
				top: 29%;
				left: -1%;
		}
		.bolaAportaria {
				top: 62%;
				left: 54%;
		}
@media (max-width: 375px){
		.bolaQue {
				top: 24%;
				left: 58%;
				
		}
		.bolaFuncionaria {
				top: 33%;
				left: -1%;
		}
}
@media (max-width: 360px){
		.bolaQue {
				top: 22%;
				left: 58%;
				
		}
		.bolaFuncionaria {
				top: 31%;
				left: -2%;
		}

}

}*/
/*media fondo carretera parallax*/
/*#cabeceraQuesDW {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: url(img/carretera.jpg);
	 opacity: 22.2%; 
	background-size: 242%;
	background-repeat: no-repeat;
	background-position: center;
}*/