a{
    text-decoration: none !important;
}
#menu-item-19 > ul{
    padding: 0% !important;
}
.cont_contactenos{
  background: linear-gradient(90deg, rgba(1, 200, 250, 0.815) 0%, rgba(4, 160, 233, 0.692) 47%, rgba(1, 82, 139, 0.781) 100%);
    margin-top: 0% !important;
    margin-bottom: 0% !important;
    padding-bottom: 35px;
    
}

select:required:invalid {
    color: gray;
  }
  option[value=""][disabled] {
    display: none;
    
  }
  option {
    color: black; 
    
  }
  .option-place{
    color: #ced4da !important;
  }
  .btn-contacto-env{
    background: linear-gradient(90deg, #4FACFE 0%, #00F2FE 100%);
    border-radius: 15px; 
    appearance: none;
    border: none;
    padding: 15px;
    position: relative;
    transition: background 2s linear 1s !important;
    overflow: hidden;
  }
  .btn-contacto-env:focus {
    outline: 0;
  }
  .btn-contacto-env:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
    filter: blur(30px);
    transform: translateX(-100px) skewX(-15deg);
  }
  .btn-contacto-env:after {
    content: "";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    width: 30px;
    height: 100%;
    left: 30px;
    top: 0;
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100px) skewX(-15deg);
  }
  .btn-contacto-env:hover {
    background: linear-gradient(90deg, #00F2FE 0%,  #4FACFE 100%);
    cursor: pointer;
  }
  .btn-contacto-env:hover:before {
    transform: translateX(800px) skewX(-15deg);
    opacity: 0.6;
    transition: 0.7s;
  }
  .btn-contacto-env:hover:after {
    transform: translateX(800px) skewX(-15deg);
    opacity: 1;
    transition: 0.7s;
  }
  .txtCaja{
    outline: none !important;
    background-color: transparent !important;
    border: 0 !important ;
     
}
.txtCaja:focus {
  color: #212529;
  background-color: #fff;
  border-color: 0 !important;
  outline: 0;
  box-shadow: none !important;
}
#f_message{
  outline: 0;
  box-shadow: none !important;
}
.txtCaja:active {
  border: none !important;
}
#contact-form > .form-group{
padding: 10px 0px !important;
border-bottom: 1px solid #C0BCBC !important;
}
#contact-form  .form-group:nth-child(5){
  border-bottom: none !important;
}
html, body {  
  margin:0px;  
  height:100%;  
}  
.cont-contactenos-caja{
  display: grid;
width: 100%;
height: 100%;
grid-template-areas: "social form"
                     "mapa  form";
                    
grid-template-rows: 1fr 2fr ;
grid-template-columns: 1fr 1fr;

}
.cont-contactenos-caja > .cont_red_social{
  grid-area: social;
 display: flex;
flex-direction: column;
margin: 20px 0px;
 
}
.cont-contactenos-caja > .cont_red_social > h3{
  color: var(--Font-secundario);
  width: 90%;
  border-bottom: 2px dashed var(--Font-secundario);
 margin: auto;
 padding: 5px;
 font-size: 20px;
}
.cont_red_social > nav {
 
  width: 100%;
}
.cont_red_social > nav > div > ul > li {
line-height: 30px;

}
.cont_red_social > nav > div > ul > li > a {

  color: var(--Font-secundario);
  }
		html, body {
			height: 100%;
			margin: 0;
		}
		
body { padding: 0; margin: 0; } #map { height: 100%; width: 100%; }
.cont-contactenos-caja > .cont_mapa{
  grid-area: mapa;
 margin: 0% !important;
 padding: 10px 10px 0px 10px;
}
.leaflet-container{
  border-radius: 10px!important;
}
.leaflet-control-attribution > a:first-child{
  display: none !important;
}
.cont-contactenos-caja > .cont-formulario{
  grid-area: form;
  border-top-left-radius: 20px !important;
  background: #ffff !important;
  padding: 35px !important;
  border-bottom-left-radius: 20px;
}
.contacto-menu-icon > ul > li > a{
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  justify-content: center;
 
}
.title_contacto{
  color: #051C2D;
  font-size: 20px;
}
@media screen and (max-width: 700px) {
  .cont-contactenos-caja{
  
  grid-template-areas: "form form"
                       "mapa mapa";
                      
  grid-template-rows: 1fr 1fr ;
  grid-template-columns: 1fr ;
  
  }
  .cont-contactenos-caja > .cont_red_social{
   display: none !important;
   
  }
  .cont-contactenos-caja > .cont-formulario{
   border-radius: 10px;
   margin-top: 20px;
  }
  .cont-contactenos-caja > .cont_mapa{
   padding: 0%;
   margin-top: 20px !important;
  }
  
}
