/*
==========================================================================
  CONTACTO :: GROPPE by: KUBIK;
==========================================================================
*/


#contacto-section{ overflow: hidden; }
.back-slide-color{height:100%; height: 700px; background: linear-gradient(to bottom right, #2e3092 0%, #2e3092 50%, #ffec00 50%, #ffec00 100%); }
.initial .image-parallax { background:url(../../images/contacto/banner-contacto.jpg)no-repeat; background-position: left top 77%; background-size: cover !important; }

/* CONTENT */
.data-info{ }
.back-white{ background-color: white; border-radius: 8px; padding: 12px; /* box-shadow: 0 2px 7px 1px rgb(0 0 0 / 30%); */ box-shadow: 10px 11px 6px -3px rgb(0 0 0 / 60%); -webkit-box-shadow: 10px 11px 6px -3px rgb(0 0 0 / 60%); -moz-box-shadow: 10px 11px 6px -3px rgba(0,0,0,0.6); border-top-right-radius: 25px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; border-left: 1px solid #d1c8c8; border-top: 1px solid #d1c8c8; margin-bottom: 50px; /*box-shadow: 0 2px 7px 1px rgb(0 0 0 / 30%);*/}
.title-grope{font-family: Poppins, sans-serif !important; padding-top: 25px; font-size: 40px; letter-spacing: 2px;}
.title-grope .yellow{ color: #fff200;  }
.er{ font-size: 18px; position: absolute;}
.w-20{width: 18px;display: inline-block;}
.diplo{color: #3055af; font-family: 'Alegreya Sans', sans-serif  !important;font-size: 16px;}
.diplo strong{color: #000;}
.FormContact{}
.title-contacto{font-family: Poppins, sans-serif !important; color: #3055af;font-size: 40px; padding-top: 30px;}
.text-contact{color: #767676; font-family: Poppins, sans-serif !important; font-size: 18px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; font-weight: 500;}

.btn-send{ text-transform: initial !important; padding:5px 45px 10px; font-weight:400; width:100%; max-width:230px; background:url(../../images/icons/send.png) -55px 10px no-repeat #3055af; color:#ffffff; border:0; border-radius:30px; font-size:22px; height:45px; transition:ease .33s; -webkit-transition:ease .33s; float:right; margin: 0; font-family: Poppins, sans-serif !important;  } 
.btn-send:hover{ background-position: 35px 10px; padding-left: 70px; }

.back-blue{background-color: #101144;}

/*Maps*/
.mapsection { /*float: left;*/ position: relative; width: 100%; min-height: 550px; overflow: hidden; display: inline-block; }
#infoWindow{text-align: center;display: inline-block; padding: 10px 0px;}
.maps-dir{ color: #656565; display: inline-block; position: relative; font-size: 14px; text-align: center; padding: 10px 30px 10px;}
.txtvergmap{background: #2e3092; /*background: #2e3092;*/ color: #fff !important; font-size: 14px; line-height: 28px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px;font-family: Poppins, sans-serif !important;}
.gm-ui-hover-effect{top: 0px !important; right: 0px !important;}
.infoImg{width: 100%; max-width: 100px !important;}
.title3{padding-top: 10px; font-weight: 400; font-size: 28px; font-family: Poppins, sans-serif !important; color: #2e3092; text-transform: capitalize !important;}
.title3 a{color: #2e3092;}
.label-text{display: inline-block; position: absolute; top: 35px; left: 30px; width: auto; background: #ffffff;z-index: 1; font-size: 16px;}
.form-control{width: 100%; display: inline-block; position: relative; height: 55px; border: 2px solid #97aad7; border-radius: 20px; padding-left: 30px; color: #000 !important;}
.form-control::placeholder { color: #bec3c7; font-size: 14px; }
select::placeholder { color: #bec3c7; font-size: 14px; }
select.form-control:not([size]):not([multiple]){font-size: 14px;}
.minimal::placeholder { color: #bec3c7; font-size: 14px; }
textarea::placeholder { color: #bec3c7; font-size: 14px; }
textarea{height: 173px !important; resize: none; padding-top: 25px !important;}


/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* LG/XL */
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1600px){}
@media screen and (max-width: 1440px){}
@media screen and (max-width: 1400px){}

/* MD/SM */
@media screen and (max-width: 1360px){}  
@media screen and (max-width: 1280px){}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 1150px){}
@media screen and (max-width: 1100px){}
@media screen and (max-width: 1080px){}
@media screen and (max-width: 991px){}
@media screen and (max-width: 880px){}
@media screen and (max-width: 767px){
  .padd-resp{padding: 0px;}
}
@media screen and (max-width: 700px){
  .mapsection{ min-height: 400px; }
}
@media screen and (max-width: 600px){}
@media screen and (max-width: 580px){}
@media screen and (max-width: 540px){}
@media screen and (max-width: 480px){}
@media screen and (max-width: 360px){}
@media screen and (max-width: 340px){
  .FormContact { padding: 0; }
  .form-control{padding-left: 20px;}
  .form-control::placeholder { font-size: 12px; }
  .form-control{font-size: 12px;}
  .data-info { padding: 0; }
}