#wpcf7-form {
  width: 100%;
}

input {
  width: calc(100% - 2vw);
  padding: 1vw;
  
  background: transparent;
  outline: none;
  
  border: solid 1px #d1d1d1;
  border-bottom: none;
  
  transition: 0.4s;
}

input:hover {
  background: #d1d1d1;
  color : white;
}

textarea {
  width: calc(100% - 2vw);
  
  padding: 1vw;
  margin: -1px 0px 0px 0px;
  
  background: transparent;
  outline: none;
  
  border: solid 1px #d1d1d1;
  
  transition: 0.4s;
}

textarea:hover {
  background: #d1d1d1;
  color : white;
}

.wpcf7-submit {
  width: calc(100% - 2vw);
  
  padding: 1vw;
  margin: -1px 0px 0px 0px;
  
  outline:none;
  cursor: pointer;
  
  border: solid 1px #d1d1d1;
  border-top: none;
  
  box-sizing: content-box;
  
  text-transform : uppercase;
}

.wpcf7-submit:hover {
  color : white;
}

.wpcf7-not-valid-tip {
display : none !important;
}
.ajax-loader {
display : block;
}
.wpcf7-response-output {
text-align : center;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
text-transform : uppercase;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
text-transform : uppercase;
background: #d1d1d1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
text-transform : uppercase;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
text-transform : uppercase;
background: #d1d1d1;
}

input::placeholder, textarea::placeholder {
text-transform : uppercase;
}

input:focus::placeholder, textarea::focus:placeholder {
text-transform : uppercase;
background: #d1d1d1;
}

input::-ms-placeholder, textarea::-ms-placeholder {
text-transform : uppercase;
}

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
text-transform : uppercase;
background: #d1d1d1;
}

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
text-transform : uppercase;
}

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
text-transform : uppercase;
background: #d1d1d1;
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
text-transform : uppercase;
}

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
text-transform : uppercase;
background: #d1d1d1;
}

input:hover::placeholder, textarea:hover::placeholder {
text-transform : uppercase;
}

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
text-transform : uppercase;
background: #d1d1d1;
}

input:hover::placeholder, textarea:hover::placeholder {
text-transform : uppercase;
}

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
text-transform : uppercase;
background: #d1d1d1;
}