/* 
* Formulario
* -----------------------------------------------------
*/

.formulario {
background: #EDEDED;
  padding: 40px 50px;
  width: 400px;
    height: 550px;
    position: absolute;
    bottom: 6%;
    right: 9%;
}

.formulario h1 {
  margin-bottom: 40px;
  letter-spacing: 2.1px;
text-transform: uppercase;
  color: #906E74;
font-family: 'Montserrat',sans-serif;  font-size: 14px;
}

.formulario form .input-style {
  margin-bottom: 24px;
}

form .input-style input,
form .input-style textarea {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #906E74;
  caret-color: #906E74;
  color: black;
font-family: 'Montserrat',sans-serif;
  font-size: 13px;
  padding: 4px 2px;
  position: relative;
  font-weight: 300;
  transition: 350ms ease-in;
  width: 100%;
}



.formulario form .input-style textarea {
  margin-top: 10px;
  height: 80px;
  resize: none;
}

form .input-style input::placeholder,
form .input-style textarea::placeholder {
  color: black;
    font-family: 'Montserrat', sans-serif;
  font-size: 13px;
    font-weight: 300;
}

form .input-style input:focus {
  border: 0;
  outline: 1px solid #000000;
  padding: 8px 2px;
  width: 105%;
}

form .checkbox {
  display: flex;
  margin-bottom: 8px;
}

form .checkbox input {
  accent-color: #906E74;
  cursor: pointer;
}

form .checkbox span {
color: #000; font-family: 'Montserrat-Thin',sans-serif;
  font-size: 9px;
  margin-left: 6px;
}

.formulario form .submit {
  margin-top: 24px;
}

.formulario .submit input {
  border: 0;
  background-color: #906E74;
  color: white;
  font-family: 'Roboto-Bold';
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  transition: 300ms ease-in;
  padding: 8px 0;
  width: 180px;
}

.formulario .submit input:hover {
  filter: drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.375));
  background-color: #d7ba62;
}

@media only screen and (width <= 992px) {
  .formulario .submit input {
    width: 100%;
  }
}
#formFooter{
  background: url(../../images/footer.jpg) no-repeat center/cover;
  height: 590px;
  width: 100%;
}
#formFooter .container{
  height: 100%;
  display: flex;
  justify-content: space-between;
}
#formFooter .formulario{
  position: relative;
  right: 0;
  top: 0;

}


#formFooter h3{
      width: 555px;
        text-align: right;
  color: #FFF;
  font-size: 36px;
  padding-top: 70px;
  line-height: 56px;
    font-family: 'Helvetica',sans-serif;
    text-transform: uppercase;
}

@media only screen and (max-width:1400px) {
.formulario{
  right: 4%;
}
}
@media only screen and (max-width:1200px) {
  #formFooter h3{
    font-size: 28px;
    width: 470px;
    line-height: 45px;
  }
}
@media only screen and (max-width:992px) {
  #formFooter{
    height: 350px;
    padding: 0;
  }
  .formulario {
width: 100%;
  position: relative;
  padding: 40px 30px;
  height: 430px;
  bottom: 0;
  right: auto;
  top: 58%;
  }

    #formFooter h3{
      font-size: 25px;
      line-height: 35px;
    }

        #formFooter .formulario{
          margin-top: 30px;
        }
    #formFooter .container{
      max-width: 100% !important;
      flex-direction: column;
      padding: 0;
    }

    .formulario form .input-style textarea{
      height: 50px;
    }
        #formFooter h3{
          margin-left: auto;
          margin-right: 30px;
        }

        .formulario h1,.formulario form .input-style {
          margin-bottom: 20px;
        }
}

@media only screen and (max-width:768px) {
  #formFooter .formulario{
    margin-top: 60px;
  }
  #formFooter h3{
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width:480px) {
  #formFooter h3{
    width: auto;
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px;
  }
}