/*
http://codepen.io/ianpirro/pen/DzKIJ

.wpcf7-form
.wpcf7-form .wpcf7-form-control-wrap input {}
.wpcf7-form .wpcf7-form-control-wrap input[type=text], 
.wpcf7-form .wpcf7-form-control-wrap input[type=date], 
.wpcf7-form .wpcf7-form-control-wrap input[type=number],
.wpcf7-form .wpcf7-form-control-wrap input[type=email], 
.wpcf7-form .wpcf7-form-control-wrap textarea

.wpcf7-form .wpcf7-form-control-wrap input[type=text]:focus, 
.wpcf7-form .wpcf7-form-control-wrap input[type=date]:focus, 
.wpcf7-form .wpcf7-form-control-wrap input[type=number]:focus,
.wpcf7-form .wpcf7-form-control-wrap input[type=email]:focus, 
.wpcf7-form .wpcf7-form-control-wrap textarea:focus

.wpcf7-form .wpcf7-form-control-wrap textarea




.wpcf7-form input[type=submit].wpcf7-form-control

.wpcf7-form input[type=submit].wpcf7-submit:hover
*/

.wpcf7 {
  position: relative;
  margin: 0 auto;
  background: #ecf0f1;
  max-width: 100%;
  border-radius: 5px;
  box-shadow: 3px 3px 10px #333;
  padding: 25px;
  
}

.wpcf7 form {
  padding: 25px;
}


.wpcf7-form .wpcf7-form-control-wrap input, 
.wpcf7-form .wpcf7-form-control-wrap textarea {
  width: 80%;
  margin-left: 10%;
  height: 40px;
  border-radius: 5px;
  outline: 0;
  -moz-outline-style: none;
}

.wpcf7-form .wpcf7-form-control-wrap textarea {
  height: 150px;
}

.wpcf7-form .wpcf7-form-control-wrap input[type=text], 
.wpcf7-form .wpcf7-form-control-wrap input[type=date], 
.wpcf7-form .wpcf7-form-control-wrap input[type=number],
.wpcf7-form .wpcf7-form-control-wrap input[type=email], 
.wpcf7-form .wpcf7-form-control-wrap textarea {
  border: 1px solid #bbb;
  padding: 0 0 0 10px;
  font-size: 14px;
}

.wpcf7-form .wpcf7-form-control-wrap input[type=text]:focus, 
.wpcf7-form .wpcf7-form-control-wrap input[type=date]:focus, 
.wpcf7-form .wpcf7-form-control-wrap input[type=number]:focus,
.wpcf7-form .wpcf7-form-control-wrap input[type=email]:focus, 
.wpcf7-form .wpcf7-form-control-wrap textarea:focus {
  border: 1px solid #3498db;
}


.wpcf7-form input[type=submit].wpcf7-form-control {
  margin-left: 10%;
  width: 80%;
  background: #e74c3c;
  border: none;
  color: white;
  font-size: 18px;
  font-weight: 200;
  cursor: pointer;
  transition: box-shadow .4s ease;
}
.wpcf7-form input[type=submit].wpcf7-form-control:hover {
  box-shadow: 1px 1px 5px #555;
}
.wpcf7-form input[type=submit].wpcf7-form-control:active {
  box-shadow: 1px 1px 7px #222;
}
.wpcf7-form:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  background: -moz-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  height: 5px;
  border-radius: 5px 5px 0 0;
}