.main-contacto {
  position: relative;
   min-height: 110vh;
}
.main-contacto .overlay{
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-contacto .home-header .overlay {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.contacto-main .overlay_text {
    text-align: center;
    width: 100%;
/*     padding-top: 60px; */
	    padding-bottom: 60px;
}

.contacto-main .overlay_text h2{
  text-transform: uppercase;
  letter-spacing: 6px;
}

.contacto-main .overlay_text h3{
  margin-top: 20px;
}


.contacto-main .contacto-form {
  margin: auto;
  margin-top: 55px;
  margin-bottom: 35px;
  font-family: Montserrat, sans-serif;
  max-width: 70%;
}

.contacto-main input, .contacto-main select{
    height: 46px!important;
    border-radius: 4px;
    border: 1px solid #fff;
    background: transparent;
    width: 100%;
    padding-left: 10px;
    color: #fff;
    font-family: Montserrat, sans-serif;
}

.contacto-main li.hs-form-radio input {
    border-radius: 50%;
    height: 14px!important;
}

.contacto-main textarea{
    height: 100px!important;
    border-radius: 4px;
    border: 1px solid #fff;
    background: transparent;
    width: 100%!important;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    resize: none;
}

.contacto-main .hs-input.hs-fieldtype-intl-phone {
    width: 100%;
    margin: auto;
}

.contacto-main fieldset.form-columns-2 .input {
    margin: auto;
}

form > fieldset {
    max-width: 100%!important;
}

.contacto-main option{
    color: #000;
}
.contacto-main .hs-error-msg{
    list-style: none!important;
    text-align: left!important;
    margin-top: 10px!important;
    color: #fff!important;
    font-family: Montserrat, sans-serif!important;
    font-size: 11px!important;
    letter-spacing: 1px!important;
}

.contacto-main input:focus,.contacto-main select:focus, .contacto-main textarea:focus  {
    outline: none;
    box-shadow: 0px 0px 4px white;
}

.contacto-main .hs-form-field {
    margin-bottom: 20px;
}

.contacto-main ::placeholder {
  color: white;
  font-size: 12px!important;
  letter-spacing: 2px!important;
  font-family: 'Montserrat', sans-serif!important;
}
.contacto-main textarea::placeholder {
  color: white;
  font-size: 12px!important;
  letter-spacing: 2px!important;
  font-family: 'Montserrat', sans-serif!important;
}
.contacto-main select::placeholder {
  color: white;
  font-size: 14px!important;
  font-family: 'Montserrat', sans-serif!important;
}
.contacto-main input::placeholder {
  color: white;
  font-size: 12px!important;
  letter-spacing: 2px!important;
  font-family: 'Montserrat', sans-serif!important;
}
.contacto-main .hs-fieldtype-radio.field.hs-form-field {
    margin-top: -15px;
}
.contacto-main label.hs-form-radio-display {
    display: flex;
    align-items: center;
}
.contacto-main .hs-fieldtype-radio.field.hs-form-field input {
    margin-right: 15px;
}
.contacto-main .hs-fieldtype-radio.field.hs-form-field input:focus {
   box-shadow: none;
}
.contacto-main .hs-fieldtype-radio.field.hs-form-field span {
    text-transform: uppercase;
    color: #fff;
}
.contacto-main input[type="submit"] {
	background:#fff;
    border: 0px solid #ff5800 !important;
    margin-left: auto;
    margin-right: 0;
    width: auto;
    padding: 10px 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 4px
      background-image: -webkit-linear-gradient(30deg, #ff5800 50%, transparent 50%);
  background-image: linear-gradient(30deg, #ff5800 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;transition: background 300ms ease-in-out;
}

.contacto-main input[type="submit"]:hover {
    border: 1px solid white!important;
    color: #000!important;
    background-position: 100%;
    transform: translateY(0);
}
.contacto-main input[type=checkbox]:checked, .contacto-main input[type=radio]:checked {
    background: #ff5722;
}

.contacto-main .inputs-list label {
    color: #fff;
}
.contacto-main .hs-fieldtype-intl-phone.hs-input select {
    float: left;
    width: 29%!important;
    margin-right: 10px;
}

@media (min-width: 1600px) {
  .contacto-main .contacto-form {
    font-family: Montserrat,sans-serif;
    margin: 55px auto 35px;
    max-width: 55%;
  }
  
  .main-contacto {
   min-height: 75vh!important;
  }
}
@media (max-width: 768px) {
  .contacto-main .overlay_text h2 {
    font-size: 40px!important;
  }
  
  .contacto-main .overlay_text h3 {
    font-size: 20px!important;
  }
  .main-contacto {
   min-height: 90vh;
  }
}

@media (max-width: 600px) {
  .contacto-main .overlay_text h2 {
    font-size: 35px!important;
    letter-spacing: 4px;
  }
}
 
@media (max-width: 768px) {
  .contacto-main input[type=submit] {
    width: 100%;
    margin-top: 15px;
    background: #ff5800!important;
  }
.contacto-main input[type=submit]:hover {
    width: 100%;
    margin-top: 15px;
    background: transparent!important;
	color:#fff;
  }
  .contacto-main .overlay_text h3 {
    font-size: 18px!important;
  }

  fieldset.form-columns-2 .hs-form-field {
    width: 100%!important;
    float: none;
    margin-right: 0;
  }
  
  .contacto-main fieldset.form-columns-2 .input {
    margin: 0!important;
  }
  .contacto-main fieldset.form-columns-1 .input {
    margin-right: 0px!important;
  }
  .contacto-main,
  .contacto-main .overlay {
    height: 100%!important;
  }

  .contacto-main .circles {
    height: 100%!important;
  }
  .contacto-main .contacto-form {
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 90%;
  }
  
  .contacto-main textarea{
    width: 100%!important;
  }

}

@media (max-width: 420px) {
  
  .contacto-main .overlay_text {
    padding-top: 40px;
  }
  
  .contacto-main .overlay_text h2 {
    font-size: 25px!important;
    letter-spacing: 4px;
  }
  
  .contacto-main .overlay_text h3 {
    font-size: 16px!important;
  }
  
   
  .contacto-main,
  .contacto-main .overlay {
    height: 100%!important;
  }

  .contacto-main .circles {
    height: 100%!important;
  }
  
  .hs-fieldtype-radio.field.hs-form-field {
    margin: auto;
  }
  
  .contacto-main ul {
    max-width: 95%;
    margin: auto;
    margin-top: 10px;
  }
  
  .main-contacto {
   min-height: 110vh;
}

}

.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.contacto-form span{
  color:#fff;
}