/*contacts*/
.tabla{
  margin-top: 4em;
  margin-bottom: 6em;
  width: 100%;
  border: 1em;
  text-align: center;

}

.tabla td{
  width: 30%;
}

.mail  h3 {
  color: #394c53;
  text-align: center;
  font-size: 2.5em;
  font-weight: 400;
  padding-bottom: 1.5em;
}
.map iframe {
  width: 100%;
  min-height: 400px;
  border: none;
}
.mail-grids {
  margin-top: 2em;
}
.mail-grid-left h3{
  color: #fff;
  font-size:2em;
  font-weight: 300;
  margin: 0;
  text-align:left;
  padding:0;
  font-family: SourceSansPro-ExtraLight;
}
.mail-grid-left h5 {
  color: white;
  font-size: 1em;
  margin: 1em 0;
  line-height: 1.8em;
  font-family: SourceSansPro-ExtraLight;
}
.mail-grid-left h5 span {
  display: block;
}
.mail-grid-left h4{
	color:#fff;
	font-size:1.4em;
	font-weight:600;
	margin:0;
}
.mail-grid-left p{
  color: white;
  font-size: 1em;
  margin: 1em 0;
  line-height: 1.8em;
}
.mail-grid-left p a{
	color: white;
}
.mail-grid-left p span{
	display:block;
}
.contact-form form {
  text-align: right;
}
.contact-form input[type="text"] {
  width: 100%;
  color: #898888;
  background: #3E3D3A;
  outline: none;
  font-size: 16px;
  padding: .5em;
  margin-bottom: 1em;
  border: solid 1px #D5D4D4;
  -webkit-appearance: none;
}
.contact-form textarea {
  resize: none;
  width: 100%;
  color: #898888;
  font-size: 16px;
  outline: none;
  padding: .5em;
  border: solid 1px #D5D4D4;
  min-height: 150px;
  -webkit-appearance: none;
}
.contact-form input[type="submit"] {
  border: none;
  outline: none;
  color: #898888;
  padding: 0em 1.5em;
  font-size: 16px;
  font-weight: 600;
  -webkit-appearance: none;
  background: #3E3D3A;
 }
.contact-form input[type="submit"]:hover{
	background:#EE0018;
	  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.mail h3 {
   font-size: 2em;
 }
 .mail-grid-left h3 {
  font-size: 1.5em;
 }
 .mail-grid-left p {
   font-size: 0.96em;
  }
 .mail-grid-left h5 {
   font-size: 0.96em;
  }
.contact-form input[type="text"] {
    font-size: 14px;
}
.contact-form textarea {
    font-size: 14px;
}
.contact-form input[type="submit"] {
  font-size: 14px;
}
.mail-grid-left h4 {
  color: #fff;
  font-size: 16px;
}
.mail-grids {
  margin-top: 2em;
}
.mail-grid-left h3{
  color: #3E3D3A;
  font-size:2em;
  font-weight: 300;
  margin: 0;
  text-align:left;
  padding:0;

}
.mail-grid-left h5 {
  color: white;
  font-size: 1em;
  margin: 1em 0;
  line-height: 1.8em;
}
.mail-grid-left h5 span {
  display: block;
}
.mail-grid-left h4{
	color:#fff;
	font-size:1.4em;
	font-weight:600;
	margin:0;
}
.mail-grid-left p{
  color: white;
  font-size: 1em;
  margin: 1em 0;
  line-height: 1.8em;
}
.mail-grid-left p a{
	color: white;
}
.mail-grid-left p span{
	display:block;
}
.contact-form form {
  text-align: right;
}
.contact-form input[type="text"] {
  width: 100%;
  color: #898888;
  background: white;
  outline: none;
  font-size: 16px;
  padding: .5em;
  margin-bottom: 1em;
  border: solid 1px #D5D4D4;
  -webkit-appearance: none;
}
.contact-form textarea {
  resize: none;
  width: 100%;
  color: #898888;
  font-size: 16px;
  outline: none;
  padding: .5em;
  border: solid 1px #D5D4D4;
  min-height: 150px;
  -webkit-appearance: none;
}
.contact-form input[type="submit"] {
  border: none;
  outline: none;
  color: white;
  padding: .5em 1.5em;
  font-size: 16px;
  font-weight: 600;
  -webkit-appearance: none;
  background: #3E3D3A;
 }
.contact-form input[type="submit"]:hover{
	background:#EE0018;
	  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}