@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
div.wpcf7-response-output{    border: 2px solid #ff0000!important;}
#contact-form-outer{text-align:center;}
#contact-form-outer .contact-field .wpcf7-form-control-wrap{float:left;width:33.33333%;padding:0 15px;}

#contact-form-outer span.wpcf7-not-valid-tip{
    display:none;
}
#contact-form-outer .wpcf7-not-valid{border:solid 1px #0a51ff!important;}
#contact-form-outer .contact-field{float:left;width:100%;margin-bottom:30px;}
#contact-form-outer .contact-field input{padding:25px 30px;font-size:15px;font-family: 'Raleway', sans-serif;font-weight:300;border-radius:20px;border:solid 1px #fff;box-shadow:7px 7px 20px rgba(0,105,255,0.2);color:#555555;}
#contact-form-outer input:focus,
.text-area-outer textarea.your-message:focus
{border-color:#0a51ff;}
#contact-form-outer .contact-field br{display:none;}
#contact-form-outer p{margin-bottom:0;}
#contact-form-outer .your-message,.text-area-outer{float:left;width:100%}
.text-area-outer{padding:0 15px;}
.text-area-outer textarea.your-message{border:solid 1px #fff;border-radius:20px;padding:30px;height:170px;box-shadow:7px 7px 20px rgba(0,105,255,0.2);font-size:15px;font-weight:400;font-family: 'Raleway', sans-serif;margin-bottom:50px;}
#contact-form-outer .wpcf7-submit{padding:16px 50px;border-radius:50px;font-size:15px;font-weight:500;background-color:#0a51ff;font-family:'Fira Sans',sans-serif;box-shadow:7px 7px 20px rgba(0,105,255,0.3);
letter-spacing:0.5px;border:solid 2px #0a51ff;}
#contact-form-outer .wpcf7-submit:hover{background-color:#fff;color:#0a51ff;}

@media screen and (max-width:767px){
#contact-form-outer .contact-field input{padding:20px;}
}
@media screen and (max-width:600px){
#contact-form-outer .contact-field .wpcf7-form-control-wrap{width:100%;margin-bottom:15px}
#contact-form-outer .contact-field{margin-bottom:0;}
.text-area-outer textarea.your-message{margin-bottom:30px;}
}