*{
	
}

@font-face {
	font-family: 'albaregular';
	src: url('./css/alba___-webfont.woff2') format('woff2'),
		 url('./css/alba___-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body{
	font-family: 'Quicksand', sans-serif;
	background: #29d9c1;
	color: #231f20;
	font-size: 20px;
	transition: all .2s ease-in-out;
}

a, a:focus {
	outline: 0;
}

.row{
	margin: 0;
}

.alba{
	font-family: 'albaregular';
}

.grande{
	font-size: 56px;
	line-height: 58px;
	font-weight: 400;
	/*-webkit-text-stroke: 2px #fff;
	text-shadow: 2px 4px 10px rgb(0 0 0 / 32%);*/
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff
}

.gigante{
	font-size: 64px;
}

.mediana{
	font-size: 25px;
	
	font-weight: 400;
	/*-webkit-text-stroke: .7px #fff;*/
	text-shadow: 2px 4px 10px rgb(0 0 0 / 9%);
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.mediana-2{
	font-size: 35px;
	line-height: 37px;
	font-weight: 400;
	color: #bd0076;
	/*-webkit-text-stroke: .7px #fff;*/
	text-shadow: 2px 4px 10px rgb(0 0 0 / 9%);
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.rojo{
	color: #f4343f;
}

.pagina{
	width: 100%;
}

.contenedor{
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.cabecera{
	width: 100%;
	background: url(./img/menu2.png) top center no-repeat;
	height: 255px;
	position: relative;
}

.cabecera .contenedor{
	max-width: 1024px;
	padding-top: 15px;
}

.logo{
	width: 219px;
	height: 79px;
	background: url(./img/logo2.png) center no-repeat;
	background-size: contain;
	text-indent: -10000px;
	overflow: hidden;
	display: inline-block;
	margin-top: 20px;
}

.botonmenu{
	padding: 2px;
	transition: all .3s ease-in-out;
}

.botonmenu:hover{
	opacity: .7;
}

.menumobile{
	display: none;
}

.botmenu{
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 40px;
	color: #333;
}

.botmenu:hover{
	opacity: .7;
}

.menumobile{

	position: absolute;
	z-index: 20;
	top: 0;
	width: 90%;
	left: 5%;
	background: #f4343f;
	padding: 20px;
	border-radius: 0 0 30px 30px;
	text-align: center;
	line-height: 42px;
	color: #fff;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.47);
	-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.47);
	box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.47);
}

.menumobile a{
	color: #fff;
	font-family: 'albaregular';
}

.menumobile a:hover{
	text-decoration: underline;
}

.wrap-animacion{
	margin: auto;
	width: 1000px;
	height: 590px;
	overflow: hidden;
}

.bandera{
	margin-bottom: 10px;
}

.bandera:hover{
	opacity: .8;
}

.animacion{
	width: 1000px;
	height: 1000px;
	background: url(./img/animacion-mundo.png);
	margin: auto;
	position: relative;
	top: -20px;
}

.animacion-pt{
	width: 1000px;
	height: 1000px;
	background: url(./img/animacion-mundo-pt.png);
	margin: auto;
	position: relative;
	top: -20px;
}

.coches{
	position: absolute;
	width: 1000px;
	height: 1000px;
	background: url(./img/animacion-coches.png);
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	  from {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	  to {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	  }
	}
	@keyframes rotating {
	  from {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	  to {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	  }
	}
	.rotating {
	  -webkit-animation: rotating 15s linear infinite;
	  -moz-animation: rotating 15s linear infinite;
	  -ms-animation: rotating 15s linear infinite;
	  -o-animation: rotating 15s linear infinite;
	  animation: rotating 15s linear infinite;
	}

.bandaazul_arriba{
	background: url(./img/bandaazul_arriba.png) center center repeat-x;
	height: 46px;
	width: 100%;
}

.bandaazul_abajo{
	background: url(./img/bandaazul_abajo.png) center center repeat-x;
	height: 47px;
	width: 100%;
}

.bandaazul{
	width: 100%;
	//height: 343px;
	margin-top: -145px;
	z-index: 20;
	position: relative;
}


.bandaazul .row{
	padding: 10px 40px;
	background: #38aae1;
}

.bandaazul .texto{
	font-size: 25px;
	color: #fff;
	max-width: 800px;
}

.bandaazul .cubos{
	width: 96px;
	height: 63px;
	background: url(./img/cubos.png);
	position: absolute;
	bottom:12px;
	left:50%;
	margin-left:-48px;
}

.bandaverde{
	width: 100%;
	background: url(./img/v2/sombraverde.png) center center no-repeat;
	margin-top: -240px;
	min-height: 400px;
	z-index: 20;
	position: relative;
}

ul.cubos{
	list-style: none;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
}

ul.cubos li{
	padding-left: 50px;
	margin-bottom: 20px;
	min-height: 40px;
	background: url("./img/cubito.png") top left no-repeat;
}

ul.cubos li::marker{
	padding-top: 10px;
}

ul.cubos2{
	list-style: none;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
}

ul.cubos2 li{
	padding-left: 50px;
	margin-bottom: 20px;
	min-height: 40px;
	background: url("./img/cubomas.png") top left no-repeat;
	cursor: pointer;
}

ul.cubos2 li.desplegado{
	background: url("./img/cubomenos.png") top left no-repeat;
}

ul.cubos2 li::marker{
	padding-top: 10px;
}

.mas{
	display: none;
	font-size: 15px;
	padding-top: 10px;
	font-weight: 400;
}

.site-footer{
	background: #f4343f;
	padding: 50px 50px 0 50px;
	margin-top: 100px;
}

.instagram{
	width: 48px;
	height: 47px;
	background: url(./img/instagram.png);
	display: inline-block;
	text-indent: -10000px;
	overflow: hidden;
}

.facebook{
	width: 48px;
	height: 47px;
	background: url(./img/facebook.png);
	display: inline-block;
	text-indent: -10000px;
	overflow: hidden;
}

.youtube{
	width: 50px;
	height: 37px;
	background: url(./img/youtube.png);
	display: inline-block;
	text-indent: -10000px;
	overflow: hidden;
	margin-top: 4px;
}

.copyright{
	font-size: 20px;
	color: #fff;
	font-weight: 400;
	padding: 30px;
}

.red{
	opacity: 1;
	transition: all .2s ease-in-out;
}

.red:hover{
	opacity: .5;
}

.slick-slide img, .col-12.col-md-4 img{
	display: inline-block;
	margin-left: 55px;
}

.wrap-slider{
	width: 90%;
	margin: auto;
	position: relative;
}

.slider_izquierda{
	position: absolute;
	top: 50% !important;
	left: 0;
	margin-top: -20px;
}

.slider_derecha{
	position: absolute;
	top: 50% !important;
	right: 0;
	margin-top: -20px;
}

.page{
	margin: 0;
}

@media (max-width: 640px) {
	
	.bandaazul{
		margin-top: -70px;
		padding: 0px;
	}
	
	
	
	.bandaazul .texto{
		font-size: 17px;
	}
	
	.bandaverde{
		margin-top: -100px;
		min-height: 400px;
		z-index: 20;
		position: relative;
	}
	
	
	.cabecera {
		width: 100%;
		background: url(./img/menu.png) top center no-repeat;
		height: 205px;
		background-position: bottom;
	}
	
	.grande {
		font-size: 36px;
		line-height: 48px;
		font-weight: 400;
		text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff
	}
	
	.slick-vehiculos, .slick-profesiones{
		width: 80%;
		margin: 10%;
	}
	
	.slick-vehiculos div, .slick-profesione div{
		width: 100%;
	}
	
	.slick-next {
		background: url(./img/derecha.png) no-repeat !important;
		background-size: contain !important;
		width: 38px !important;
		height: 81px !important;
		right: -30px;
	}
	
	.slick-prev {
		background: url(./img/izquierda.png) no-repeat !important;
		 background-size: contain !important;
		 width: 38px !important;
		 height: 61px !important;
		 left: -30px;
	}
	
	.slick-next::before, .slick-prev::before{
		content: inherit !important;
	}
	
}




[data-inviewport="scale-in"] { 
  transition: 2s;
  transform: scale(0.1);
}
[data-inviewport="scale-in"].is-inViewport { 
  transform: scale(1);
}

[data-inviewport="fade-rotate"] { 
  transition: 1s;
  opacity: 0;
}
[data-inviewport="fade-rotate"].is-inViewport { 
  transform: rotate(360deg);
  opacity: 1;
}