.caja-blanca{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width:60%;
  min-height:70%;
  border-radius: 25px;
  padding:0 30px;
}
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
  
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.uno{
	-webkit-animation-delay: 2.4s;
  	-moz-animation-delay: 2.4s;
  	animation-delay: 2.4s;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.dos{
	-webkit-animation-delay: 2.9s;
  	-moz-animation-delay: 2.9s;
  	animation-delay: 2.9s;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.tres{
	-webkit-animation-delay: 3.4s;
  	-moz-animation-delay: 3.4s;
  	animation-delay: 3.4s;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

	.uno:hover, .dos:hover, .tres:hover{
  		transform: scale(1.2); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
		cursor:pointer;
	}

	.logo-main{
		width:100%;
		text-align:center;
	}
		.logo-main img{
			width:65%;
		}
	.sublogos{
		width:60%;
		margin:0 auto;
		overflow:hidden;
		padding-top:10px;
		margin-bottom:40px;
		
	}
		.sublogo{
			float:left;
			width:48%;
			margin:1%;
			text-align:center;
		}
		.sublogo img{
			width:60%;
		}
		
	.slogan{
		width:80%;
		margin:0 auto;
		margin-top:15px;
		margin-bottom:15px;
		text-align:center;
		font-size:20px;
		padding-bottom:10px;
		font-size:25px;
	}
	
	.formulario{
		width:100%;
		overflow:auto;
	}
		.form-iz{
			width:calc(50% - 5px);
			float:left;
		}
		.form-de{
			width:calc(50% - 5px);
			float:right;
			margin-left:10px;
		}
	
	input[type=text] {
	  width: 100%;
	  font-family: 'Open Sans', sans-serif;
	  padding: 10px;
	  font-size:13px;
	  box-sizing: border-box;
	  border:1px solid #DDD;
	  margin-bottom:10px;
	  color:#666666;
	  background-color:rgba(255,255,255,0.8);
	}
	textarea{
		width:100%;
		font-family: 'Open Sans', sans-serif;
		padding: 15px;
	  	font-size:14px;
	  	box-sizing: border-box;
	  	margin-bottom:10px;
		border:1px solid #DDD;
	  	color:#666666;
	  	background-color:rgba(255,255,255,0.8);
		resize:none;
		height:140px;
	}
	
	.checkbox-contacto{
		width:100%;
		clear:both;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
		border-top:0;
	}
		
		.label-contacto {
				display: inline-block;
				cursor: pointer;
				position: relative;
				padding-left: 25px;
				font-size: 13px;
				margin-bottom: 10px;
			}
			.label-contacto:before {
				content:"";
				display: inline-block;
				width: 16px;
				height: 16px;
				margin-right: 10px;
				position: absolute;
				left: 0;
				bottom: 1px;
				background-color: #FFF;
				border-radius: 0;
				border:1px solid #CCC;
			}
			
			input[type=checkbox] {
				display: none;
			}
			
			.checkbox input[type=checkbox]{
				display:block;
			}
			
			input[type=checkbox]:checked + .label-contacto:before {
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				content: "\f00c";
				font-size: 13px;
				color:#E1077A;
				text-align: center;
				line-height: 15px;
			}
		.link-privacidad{
			color:#C00;
			text-decoration:none;
			-webkit-transition:all 0.4s ease;
			-moz-transition:all 0.4s ease;
			-o-transition:all 0.4s ease;
			transition:all 0.4s ease;
		}
		.link-privacidad:hover{
			color:#F00;
		}
	
		.boton-disabled{
			width:100%;
			font-size:14px;
			padding:7px;
			color:#CCC;
			background-color:#000;
			border:2px solid #DDD;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-align:center;
			-webkit-appearance:none;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-transition:all 0.4s ease;
			-moz-transition:all 0.4s ease;
			-o-transition:all 0.4s ease;
			transition:all 0.4s ease;
		}
		.submit-login{
			width:100%;
			padding:7px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-align:center;
			border:0px;
			font-size:14px;
			background-color:#E1077A;
			border:2px solid #E1077A;
			-webkit-appearance: none;
			-webkit-transition:all 0.4s ease;
			-moz-transition:all 0.4s ease;
			-o-transition:all 0.4s ease;
			transition:all 0.4s ease;
			color:#FFF;
			font-weight:bold;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.submit-login:hover{
			background-color:transparent;
			color:#E1077A;
			cursor:pointer;
		}
		
		.mensaje-rgpd{
			width:100%;
			margin-top:20px;
			font-size:10px;
			color:#AAA;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.checkbox-contacto .link-privacidad{
			font-size:13px;
			color:#999;
			text-decoration:none;
			-webkit-transition:all 0.4s ease;
			-moz-transition:all 0.4s ease;
			-o-transition:all 0.4s ease;
			transition:all 0.4s ease;
		}
		.checkbox-contacto .link-privacidad:hover{
			color:#E1077A;
		}
		
		#respuesta{
			font-size:13px;
			margin-left:20px;
			display:inline;
		}
		.verde{
			color:#009900;
		}
		.rojo{
			color:#C00;
		}

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}

@media (max-width: 768px) {
  .slogan h1{
		font-size:18px;
	}
  .logo-main{
		width:100%;
		text-align:center;
	}
		.logo-main img{
			width:60%;
		}
	.sublogos{
		width:100%;
		overflow:hidden;
		padding-top:10px;
		
	}
		.sublogo{
			float:left;
			width:48%;
			margin:1%;
			text-align:center;
		}
		.sublogo img{
			width:90%;
		}
}
@media (max-width: 767px) {
	.slogan{
		width:100%;
	}
  	.slogan h1{
		font-size:16px;
	}
	.mensaje-rgpd{
		display:none;
	}
	.caja-blanca{
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  width:85%;
	  min-height:80%;
	  border-radius: 25px;
	  padding:15px;
	}
		.sublogo img{
			width:99%;
		}
		.form-iz{
			width:100%;
			float:none;
		}
		.form-de{
			width:100%;
			float:none;
			margin-left:0;
		}
	
	input[type=text] {
	  margin-bottom:3px;
	}
	textarea{
	  	margin-bottom:5px;
		height:69px;
	}
	.link-privacidad{
		color:#F00;
	}
}