@import url("shortcodes/contact-form.css");
.contact-us{
    padding-top: 50px;
}
.contact-us .contact-box h5{
    padding-top: 15px;
}
.page-title { display: block; padding-top:250px; padding-bottom: 100px; position: relative; }
.page-title .container { height: 100%; position: relative; }
.page-title h1 { text-transform: capitalize; color: #ffffff; font-weight: 600; }
.contact-map iframe { width: 100%; height: 100%; }
#formmessage {display: none;}
.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; }
.contact-form .section-field:nth-child(3) { margin-right: 0px; }
.contact-form .section-field:nth-child(6) { margin-right: 0px; }
.contact-box.contact-box-top { margin-top: -1px; position: relative; }
.touch-in .contact-box { box-shadow: 0 0 30px rgba(0, 0, 0, 0.09); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;}
.contact-box i { background: var(--bs-mega-blue); width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;}
.contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; }
.section-field.textarea{width: 100%;}
.g-recaptcha.section-field {width: 100%; margin-bottom: 20px; }
.contact-form textarea.form-control {width: 100%; }
.contact-box .contact-icon { display: table-cell; padding-right: 20px; }
.contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;}
.contact-box.theme-bg .contact-icon i{color: #ffffff !important;}
.contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;}
.custom-parralex{
    background:url("../images/megaimages/contact/contact-us.jpg");
}
.map-button{
    color: white !important;
    background: var(--bs-mega-blue) !important;
    padding: 10px 20px !important;
    border-radius: 3px !important;
    font-weight: 500 !important;
    transition: ease-in-out 0.2s;
}
.map-button:hover{
    background: var(--black) !important;
}
.special input{
    margin-bottom: 0 !important;
}
.special span{
    padding-bottom: 20px !important;
}
.section-field{
    margin-bottom: 20px !important;
}
@media only screen and (max-width: 767px) {
    .page-title{
        padding-top: 100px;
    }
    .custom-parralex{
        background-size: cover;
    }
    .contact-us .contact-form{
        display: flex !important;
        flex-direction: column !important;
    }
    .contact-us .contact-form .section-field{
        width: 100% !important;
    }
  }