.form-wrapper {
  /* background-image: url('../images/contacto.jpg'); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0;
  padding: 1px 0 50px 0;
  text-align: center;
  position: relative;
}

#form-contacto h1 {
  margin: 30px 0 10px;
  font-size: 48px;
  color: #fff;
  position: relative;
  z-index: 2;
}

#form-contacto .desc {
  margin-bottom: 50px;
  font-size: 16px;
  color: #fff;
  max-width: 800px;
  display: inline-block;
}

form#contacto {
  width: 100%;
  display: inline-block;
  max-width: 700px;
}
.form-wrapper a {
  color: #fff;
  text-decoration: underline;
}
form#contacto .inputs {
	position: relative;
	float: left;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
form#contacto .inputs .centerer {
	position: relative;
	float: left;
	width: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	clear: both;
}
form#contacto .inputs .centerer .error {
	width: auto;
	margin-top: 0px;
	clear: both;
}
form#contacto .inputs .centerer .aceptar-politica {
	float: left;
}
form#contacto .input {
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
  font-size: 13px;
  padding: 15px;
  height: 50px;
}
form#contacto .half{
  width: 47%;
  float: left;
}
form#contacto .half.left{
  margin-right: 3%;
}
form#contacto .half.right{
  margin-left: 3%;
}
form#contacto textarea {
  min-height: 130px;
  resize: none;
}
form#contacto .enviar {
  background-color: rgba(126, 0, 249, 1);
  color: #fff;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  height: 50px;
  width: 335px;
  max-width: 90%;
  margin: 30px 0 20px;
  position: relative;
  z-index: 2;
}
form#contacto .resp_sit_lab label {
  font-size: 13px;
  color: rgba(126, 0, 249, 1);
  margin-right: 20px;
  padding-top: 3px;
}
form#contacto label.label_sitlab {
  color: #fff;
  font-size: 13px;
  float: left;
  text-align: left;
  margin-bottom: 0;
  margin-right: 20px;
  }
form#contacto .resp_sit_lab {
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
}
form#contacto label.aceptar-politica {
  color: #fff;
  font-size: 11px;
  padding-top: 3px;
  padding-left: 40px;
}
form#contacto input[type="radio"] + label:before {
    background-color: #eeefee;
    border: 1px solid #fff;
}
form#contacto input[type="radio"] + label:after {
  color: rgba(126, 0, 249, 1);
}
form#contacto input[type="checkbox"] + label:before {
    background-color: #eeefee;
    border-radius: 5px;
    border: 1px solid #fff;
}

form#contacto label.error {
  font-size: 11px;
  color: #bd0000;
  font-style: italic;
  float: left;
  width: 100%;
  margin-top: -15px;
  text-align: left;
  margin-bottom: 10px;
}

.formulario .errores_form{
  font-weight: bold;
  font-size: 11px;
  font-style: italic;
  color: #bd0000;
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
}
.formulario .errores_form ul{
  list-style: none;
}

/******* RESPONSIVE *******/
@media (max-width: 768px) {
  .form-wrapper::before,
  .form-wrapper::after {
    background-size: 80px;
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 640px) {
  form#contacto .half{
    width: 100%;
  }
  form#contacto .half.left{
    margin-right: 0;
  }
  form#contacto .half.right{
    margin-left: 0;
  }
  .form-wrapper::before {
    background-size: 60px;
    width: 60px;
    height: 60px;
    top: 2%;
  }
  .form-wrapper::after {
    background-size: 60px;
    width: 60px;
    height: 60px;
    bottom: 2%;
  }
}

@media(max-width:420px){

  form#contacto label.label_sitlab {
    width: 100%;
  }

}
