https://wordpress.org/plugins/contact-form-7/

Contact Form 7 Style

h1 {
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}
p {
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}
b {
  font-size: 30px;
  color: #BBB743;
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}

/*-----------------contact form text ------------*/
.input-placeholder {
  opacity: 1; color: #333333; 
  text-transform: none !important;
  font-weight: 400 !important;
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}
::-webkit-input-placeholder { 
 opacity: 1; color: #333333; 
  text-transform: none !important;
  font-weight: 400 !important;
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
} /* gray80 */

:-moz-placeholder           { 
 opacity: 1; color: #333333; 
  text-transform: none !important;
  font-weight: 400 !important;
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
} /* Firefox 18- (one color)*/

::-moz-placeholder          { 
 opacity: 1; color: #333333; 
  text-transform: none !important;
  font-weight: 400 !important;
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
} /* Firefox 19+ (double colons) */

:-ms-input-placeholder      { 
 opacity: 1; color: #333333; 
  text-transform: none !important;
  font-weight: 400 !important;
  font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}

  .wpcf7 p {
  color: #373635;
}
  p.form-p-text {
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 400;
    margin: 8px;
    color: #767474;
    font-size: 16px;
}

  /*-----------------contact form------------*/

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea {
 background-color: #94939378;
 border: none;
 width: 100% !important;
 -moz-border-radius: 0 !important;
 -webkit-border-radius: 0 !important;
 border-radius: 4px !important;
 font-size: 14px;
 color: #736F6F !important;
 padding: 16px !important;
margin-top: 5px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.wpcf7 input:hover, 
.wpcf7 input:focus, 
.wpcf7 input:active, 
.wpcf7 textarea:hover, 
.wpcf7 textarea:focus, 
.wpcf7 textarea:active {
 background-color: #e2e2e2; 
    -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
 }
.wpcf7-select {
width: 100%;
font-size: 14px;
height: 50px;
color: #999 !important;
}
input[type=checkbox] {
font-size: 3em;
}
.wpcf7-captchar {
 background-color: #fff !important;
 border: 1px solid !important;
 padding: 12px !important;
}
input.wpcf7-form-control.wpcf7-submit {
text-transform: none !important;
}
.wpcf7-submit {
    display: block;
    margin-left: auto;
    background-origin: padding-box;
    background-size: auto;
    background-color: #51CFCA !important;
    color: white !important;
    font-size: 20px;
    font-weight: 900;
    border-radius: 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 -khtml-border-radius: 8px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
padding: 12px 25px;
cursor: pointer;
    border: 0px;
}
.wpcf7-submit:hover {
 background-color: #49ACA7 !important;
 color: white !important;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
}

/*-----------------Footer Contact form ------------*/
.footer-contact-form p {
    margin-bottom: 1px;
}
.footer-contact-form input.wpcf7-form-control.wpcf7-submit {
text-transform: none !important;
}
#footer .et_pb_widget input[type="text"], 
#footer .et_pb_widget input[type="password"], 
#footer .et_pb_widget input[type="search"], 
#footer .et_pb_widget select, 
#footer .et_pb_widget textarea {
 background-color: white;
 border: none;
 width: 100% !important;
 -moz-border-radius: 0 !important;
 -webkit-border-radius: 0 !important;
 border-radius: 4px !important;
 font-size: 14px;
 color: #736F6F !important;
 padding: 16px !important;
margin-top: 5px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
#footer .et_pb_widget input:hover, 
#footer .et_pb_widget input:focus, 
#footer .et_pb_widget input:active,
#footer .et_pb_widget select:hover,
#footer .et_pb_widget select:focus, 
#footer .et_pb_widget select:active,
#footer .et_pb_widget textarea:hover,  
#footer .et_pb_widget textarea:focus,  
#footer .et_pb_widget textarea:active, 
 .et_pb_widget .wpcf7 input:hover, 
 .et_pb_widget .wpcf7 input:focus, 
 .et_pb_widget .wpcf7 input:active, 
 .et_pb_widget .wpcf7 textarea:hover, 
 .et_pb_widget .wpcf7 textarea:focus, 
 .et_pb_widget .wpcf7 textarea:active {
 background-color: #e2e2e2; 
    -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
 }
.wpcf7-select {
width: 100%;
font-size: 14px;
height: 50px;
color: #999 !important;
}
input[type=checkbox] {
font-size: 3em;
}
.wpcf7-captchar {
 background-color: #fff !important;
 border: 1px solid !important;
 padding: 12px !important;
}
.footer-contact-form .wpcf7-submit {
      display: block;
    margin-left: auto;
    background-origin: padding-box;
    background-size: auto;
    background-color: #A1020F !important;
    color: white !important;
    font-size: 16px;
    font-weight: 400;
 float: right;
  cursor: pointer;
  border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -khtml-border-radius: 4px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
} 
.footer-contact-form .wpcf7-submit:hover {
   background-color: #AB545F !important;
 color: white !important;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
}


/*-----------------subscribe form button ------------*/
 .footer-subscribe-form input.wpcf7-form-control.wpcf7-submit {
text-transform: none !important;
}
 .footer-subscribe-form   input.wpcf7-form-control.wpcf7-submit {
  margin-top: 5px;
      display: block;
    margin-left: auto;
    background-origin: padding-box;
    background-size: auto;
    background-color: #A1020F !important;
    color: white !important;
    font-size: 16px;
    font-weight: 400;
 float: right;
  cursor: pointer;
  border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -khtml-border-radius: 4px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
} 
.footer-subscribe-form  input.wpcf7-form-control.wpcf7-submit:hover {
   background-color: #AB545F !important;
 color: white !important;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
}

/* -------------- subscribe form text area -------------- */
.footer-subscribe-form input[type=email]   {
  background-color: white;
 border: 0.2px solid #E6E4E4 !important;
    width: 80% !important;
 -moz-border-radius: 0 !important;
 -webkit-border-radius: 0 !important;
 border-radius: 4px !important;
 font-size: 14px;
 color: #736F6F !important;
 padding: 16px !important;
margin-top: 0px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.footer-subscribe-form input[type=email]  textarea {
border: 0.2px solid #E6E4E4 !important;
    box-shadow: inset 2px 2px 8px   #7f786c;
  background-color:  #7f786c;
    -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
margin-top: 10px;
margin-bottom:10px;
    }
.footer-subscribe-form input.wpcf7-form-control.wpcf7-text:hover,
.footer-subscribe-form .wpcf7-text:active,
.footer-subscribe-form .wpcf7-text:focus {
 border: 0.5px solid #D9D9D9  !important; 
 background-color: #e2e2e2; 
    -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
 }

.subscribe-box {
    background-color: #F5F5F5;
    padding: 20px;
    border-radius: 4px;
}
.subscribe-box h4 {
   color: #1A1A1A !important;
}

/* -------------- Contact form css for a form with boxes next to each other in rows -------------- */
select.wpcf7-form-control.wpcf7-select {
    margin-top: 5px;
}

/* ------------ form SECTIONS ------------  */
.section {
	clear: both;
	padding: 0px;
	margin: 0% 0;
}

/* ------------  form COLUMN SETUP ------------  */
.col {
	display: block;
	float:left;
	margin: 0.5% 0 0.5% 1.6%;
}
.col:first-child { margin-left: 0; }

/* ------------   form GROUPING ------------  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
.span_1_of_3 {
	width: 23.8%;
}

/* ------------ form GO FULL WIDTH AT LESS THAN 480 PIXELS ------------  */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}


/*----------------- Glossy button css ------------*/
select.wpcf7-form-control.wpcf7-select,
.glossy {
    position: relative;
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#FAF6F6), color-stop(100%,#d9d9d9));
    background: -webkit-linear-gradient(top, #FAF6F6 31%,#d9d9d9 100%);
    background: -moz-linear-gradient(top,#FAF6F6 31%,#d9d9d9 100%);
    background: -o-linear-gradient(top, #FAF6F631%,#d9d9d9 100%);
    background: -ms-linear-gradient(top, #FAF6F6 31%,#d9d9d9 100%);
    background: linear-gradient(to bottom, , #FAF6F6 31%,#d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAF6F6', endColorstr='#d9d9d9 ',GradientType=0 );
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 0px solid #4864a9;
    color: #000;
    font-size: 0.750em;
    text-shadow: 1px 1px 0px rgba(255,255,255,.5);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
    position: relative;
}
.glossy:before {
    content: "";
    width: 220px;
    height: 16px;
    display: block;
    position: absolute;
    left: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 8%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(8%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}