/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,700i,900&display=swap');



body {
     color: #666666;
     font-size: 14px;
     font-family: 'Poppins', sans-serif;
     line-height: 1.80857;
     font-weight: normal;
     background: url(contact.jpg) no-repeat center top;
     background-size: cover;
}


h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}





h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

p {
     margin: 0px;
     font-weight: 500;
     font-size: 15px;
     line-height: 24px;
}




/**-- heading section --**/






/** contact section **/

.contact {
     margin-top: 20px;
     align-items: center;
}

.contact .main_form h3 {
     color: #4b4b4c;
     font-size: 27px;
     line-height: 30px;
     text-align: center;
     display: block;
     font-weight: 600;
     padding: 0;
    
}

#map {
     height: 100%;
     min-height: 732px;
}

.main_form {
     position: absolute;
     z-index: 1;
     background: #fff;
     padding: 40px 50px;
     margin-top: 50px;
     width: 500px;
     margin-left: 400px;

}

/***QUITA EL MARGEN IZQUIERDO PARA CUANDO EL DISPOSITIVOS SEA PEQUEÑO***/

@media screen and (max-width: 700px) {
     .main_form{
          margin-left: 0;
     }
     
     .main_form{
          width: 380px;
     }
     
}

.main_form .contactus {
     border-bottom: #111111 solid 1px;
     margin-bottom: 25px;
     width: 100%;
     height: 57px;
     background: transparent;
     color: #4b4b4c;
     font-size: 18px;
     font-weight: normal;
     border-top: inherit;
     border-left: inherit;
     border-right: inherit;
}

.main_form .contactusmess {
     border-bottom: #111111 solid 1px;
     margin-bottom: 25px;
     width: 100%;
     padding-top: 40px;
     padding-bottom: 14px;
     background: transparent;
     color: #4b4b4c;
     ;
     font-size: 18px;
     font-weight: normal;
     border-top: inherit;
     border-left: inherit;
     border-right: inherit;
}

.send_btn {
     background: #03cafc;
     font-weight: 600;
     font-size: 18px;
     width: 100%;
     color: #fff;
     height: 50px;
     border-radius: 30px;
     margin-top: 20px;
     transition: ease-in all 0.5s;
     text-transform: uppercase;
}

.send_btn:hover {
     background: #4b4b4c;
     transition: ease-in all 0.5s;
}

#request *::placeholder {
     color: #4b4b4c;
     opacity: 1;
}


/** end contact section **/


/** footer **/

.footer {
     background: white;
     padding-top: 30px;
     text-align: center;
     font-family: 'Roboto', sans-serif;
     box-shadow: 0px 0px 20px rgb(0, 58, 113);
 }
 
 ul.location_icon {
     text-align: center;
     margin-bottom: 20px;
 }
 
 ul.location_icon li {
     display: inline-block;
     font-size: 17px;
     line-height: 20px;
     color: black;
     text-align: center;
     padding: 0 40px;
     
 }
 
 ul.location_icon li  img{
     width: 60px;
     height: 60px; 
 }
 
 ul.location_icon p{
     text-align: center;
     color: rgb(0, 132, 255) !important;
     font-size: 25px;
 } 
 
 .mas{
     font-size: 20px !important;
 }
 
 ul.location_icon li a {
     font-size: 40px;
     color: black;
     line-height: 30px;
     display: block;
 }
 
 .copyright {
     margin-top: 30px;
     padding-bottom: 20px;
     background-color: rgb(0, 58, 113);
     box-shadow: 0px 0px 20px rgb(0, 0, 0);
 }
 
 .copyright p {
     color: white;
     font-size: 18px;
     line-height: 22px;
     text-align: center;
     padding-top: 25px;
     font-weight: normal;
 }