/* Contáctanos */
#contactanos {
   width: 100%;
   height: auto;
   padding: 200px 15% 50px 15%;
   background: #ffffff;
   background-color: #ffffff;
   position: relative;
   overflow: hidden;
   transition: all .3s ease;
}

.contactoSlogan {
  width: 100%;
  height: auto;
  padding: 0 0 0 20%;
  text-align: left;
  position: relative;
  transition: all .3s ease;
}
.contactoSlogan p {
  font-family: 'Metropolis';
  font-size: 22px;
  color: #aaaaaa;
  font-weight: normal;
  font-style: normal;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

.contactoTitle {
  width: 100%;
  height: auto;
  padding: 0 0 50px 20%;
  text-align: left;
  position: relative;
  transition: all .3s ease;
}
.contactoTitle h1 {
  font-family: 'Metropolis';
  font-size: 66px;
  color: #00a28a;
  font-weight: bold;
  font-style: normal;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

.contactoFooter {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  line-height: 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
.contactoFooter img {
  max-width: 300px;
  height: auto;
  position: relative;
  transition: all .3s ease;
}
/*  */

/* Formulario */
.formContainer {
  width: 100%;
  height: auto;
  padding: 0 10% 0 0;
  text-align: left;
  position: relative;
  transition: all .3s ease;
}

.formContainer input:not([type]),
.formContainer input[type=text]:not(.browser-default),
.formContainer input[type=password]:not(.browser-default),
.formContainer input[type=email]:not(.browser-default),
.formContainer input[type=url]:not(.browser-default),
.formContainer input[type=time]:not(.browser-default),
.formContainer input[type=date]:not(.browser-default),
.formContainer input[type=datetime]:not(.browser-default),
.formContainer input[type=datetime-local]:not(.browser-default),
.formContainer input[type=tel]:not(.browser-default),
.formContainer input[type=number]:not(.browser-default),
.formContainer input[type=search]:not(.browser-default),
.formContainer textarea.materialize-textarea {
  font-family: 'Metropolis';
  font-weight: normal;
  font-style: normal;
  border: 1px solid #ffb649;
  height: 3.5rem;
}

.formContainer input:not([type]):focus:not([readonly]),
.formContainer input[type=text]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=password]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=email]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=url]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=time]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=date]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=datetime]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=tel]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=number]:not(.browser-default):focus:not([readonly]),
.formContainer input[type=search]:not(.browser-default):focus:not([readonly]),
.formContainer textarea.materialize-textarea:focus:not([readonly]) {
  font-family: 'Metropolis';
  font-weight: normal;
  font-style: normal;
  border-bottom: 2px solid #ffcc6a;
  -webkit-box-shadow: 0 1px 0 0 #ffcc6a;
  box-shadow: 0 1px 0 0 #ffcc6a;
}


.formContainer textarea.materialize-textarea {
  height: 15rem;
}
.formContainer ::placeholder {
  font-family: 'Metropolis';
  font-weight: normal;
  font-style: normal;
  color: #9e9f9e;
}

.formContainer ::-webkit-input-placeholder { /* Edge */
  font-family: 'Metropolis';
  font-weight: normal;
  font-style: normal;
  color: #9e9f9e;
}

.formContainer :-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: 'Metropolis';
  font-weight: normal;
  font-style: normal;
  color: #9e9f9e;
}

.btnContact {
  font-family: 'Metropolis';
  font-weight: 500;
  font-style: normal;
  box-shadow: none;
  background: #00a28a;
  background-color: #00a28a;
  color: #ffffff;
  transition: all .3s ease;
}
.btnContact:hover , .btnContact:active , .btnContact:focus {
  background: #16a89f;
  background-color: #16a89f;
}
/*  */
