/*****************************************inio de seccion uno tubo principal*********************************************************/





/*****************************************fin de seccion uno tubo principal*********************************************************/

/****************************************formulario de contacto inicio *************************************************************/


.ubicati {
    font-size: 4.8vh;
    color: #001970;
    margin-left: 75px;
    margin-top: 104px;
    font-weight: 600;
}



  .whei {
    margin-left: 41px;
    color: #383C43;
    font-size: 20.3px;
  }
    .whei2 {
      margin-top: 70px;
    margin-left: 41px;
  }
  .tan {
    font-size: 20px;
      line-height: 2.5;

  }
.tama���o {
  width: 40px;

}

.tama���o3 {
  width: 40px;
}

.tamho {
    font-size: 20.6px;
}

@media (max-width: 1024px) { 
      .whei {
    margin-left: 55px;
    color: #000;
    font-size: 1.5vh;
  }
  .tan {
   font-size: 2vh;
    line-height: 2.5;
}

.tamho {
    font-size: 2vh;
    margin-left: 55px;
}



}
  .labell {

  line-height: 2.5;

 font-family: "Inter", sans-serif;
 font-size: 20px;
 color: #383C43;

  }
  /* color:  red#ec1c24, black#212d31, grey#343a40, white#eee  */


body {
  color: #080808;
 font-family: "Inter", sans-serif;
 margin: 0;
}

.contain {
 /* background-color: #001489;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;*/
  background-color: #E5E6E8;
    max-width: 1703px;
    height: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    border-radius: 40px;
}

div.form {
 background-color: #E5E6E8;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}
.contact-wrapper {
  margin: auto 0;
}

.submit-btn {
  float: left;
}


.form-headline:after {
  content: "";
  display: block;
  width: 10%;
  padding-top: 10px;
  border-bottom: 3px solid #00944A;

}

.fonttitul {
  font-size: 45px;

 font-family: "Inter", sans-serif;
 font-weight: 600;
 color: #001970;
}

.highlight-text {
  color: #FFF;
}

/*.hightlight-contact-info {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
}
*/

/*.email-info {
    margin-top: 20px;
}*/

::-webkit-input-placeholder { /* Chrome */
  font-family: 'Roboto', sans-serif;
}

.required-input {
  color: black;
}
@media (min-width: 600px) {
  .contain {
    padding: 0;
    margin-top: 150px;
  }
}

h4,
ul {
  margin: 0;
}

.con {
    margin-top: 0rem;
    color: #001970;
    font-size: 45px;
    font-weight: 600;
    padding-top: 2vh;
}

.form-input:focus,
textarea:focus{
  outline: 2.5px solid #00944A;
}

.form-input,
textarea {
  width: 100%;
  border: 1px solid #bdbdbd;
  border-radius: 0px;
      height: 62px;
}

.wrapper > * {
  padding: 1em;
}
@media (min-width: 1020px) {
  .wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  .wrapper > * {
    padding: 4em 7em;
  }
}

ul {
  list-style: none;
  padding: 0;
  color: #080808;
}

.contacts {
  color: #212d31;
    display: ruby-text;
     
}




.form {
  background: #fff;

}

form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 19px;

}
form label {
  display: block;

}
form p {
  margin: 0;

}

.full-width {
  grid-column: 1 / 3;
}

button,
.submit-btn,
.form-input,
textarea {
  padding: 1em;
}

button, .submit-btn {
      background: transparent;
   
    color: #ffffff;
    background-color: #001970;
    border-color: #FFFF;
    border-radius: 15px;
    padding: 7px 38px;
    /*text-transform: uppercase;*/ /*para realizar la letra en mayusculas*/
    font-size: 25px;
}
button:hover, .submit-btn:hover,
button:focus , .submit-btn:focus{
  background: #007B34;
  outline: 0;
  color: #eee;
}
.error {
  color: #ec1c24;
}