.formbox {position:relative;margin:0 auto 20px auto; padding:20px; padding-top:0; max-width:90%; background-color:#fff; border:1px solid #fff; box-shadow:none;transition: 0.5s ease all;}
.formbox:hover {border:1px solid #eee; box-shadow: 5px 5px 5px #ccc; transition: 0.5s ease all;}

input.placeholder {color:#ddd !important; font-size:15px !important; opacity:1;}
input::input-placeholder {color:#ddd !important; font-size:15px !important; opacity:1;}
input::-webkit-input-placeholder {color:#ddd !important; font-size:15px !important; opacity:1;}
input:-moz-placeholder {  /*Firefox 18-*/ color:#ddd !important; font-size:15px !important; opacity:1;}
input::-moz-placeholder {   /*Firefox 19+*/ color:#ddd !important; font-size:15px !important; opacity:1;}
input:-ms-input-placeholder {color:#ddd !important; font-size:15px !important; opacity:1;}
textarea.placeholder {color:#ddd !important; font-size:15px !important; font-family:'Open Sans', sans-serif; opacity:1;}
textarea::input-placeholder {color:#ddd !important; font-size:15px !important; opacity:1;}
textarea::-webkit-input-placeholder {color:#ddd !important; font-size:15px !important; opacity:1;}
textarea:-moz-placeholder {  /*Firefox 18-*/ color:#ddd !important; font-size:15px !important; opacity:1;}
textarea::-moz-placeholder {   /*Firefox 19+*/ color:#ddd !important; font-size:15px !important; opacity:1;}
textarea:-ms-input-placeholder {color:#ddd !important; font-size:15px !important; opacity:1;}
input.capbox.placeholder {padding-left:20px;}


input {width:100%; margin:0; margin-bottom:25px; padding:5px; text-align:left; color:#14a600; font-size:18px; border:0;  border-bottom:1px solid #eee; outline:none; background-color:transparent;}
textarea {width:100%; height:20px; margin:0; margin-bottom:25px; padding:5px; text-align:left; color:#14a600; font-size:18px; font-family:'Open Sans', sans-serif; transition: 0.5s ease all; border:0; border-bottom:1px solid #eee; outline:none; background-color:transparent;}
textarea:focus {height:160px; transition: 0.5s ease all;}

.form-row {margin:0; padding:0; width:100%; vertical-align:bottom;}

input.capture {text-align:center;}
.capimg {border-radius:9px;}


.capture {display:inline-block; width:140px; text-align:center;}
.capture a {color:#ddd; text-decoration:none; font-size:11px; padding:5px;}
.capture a:hover {color:#97ca3f;}
.button {display:inline-block; width:200px; padding-top:40px; text-align:center;}

.btn {width:200px;margin:0; padding:16px 0 15px 0;text-align:center;color:#fff;font-size:14px;font-weight:bold;background-color:#2727a0; border:none; letter-spacing:0.2em;}
.btn:hover{color:#fff; background-color:#14a600;}
	

.bar {
  position: relative;
  display: block;
}

.bar:before,
.bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 25px;
  position: absolute;
  background: #14a600; 
  transition: 0.5s ease all;
}

.bar:before {
  left: 50%;
}

.bar:after {
  right: 50%; 
}

.mui-form-control:focus {
  border-color: transparent;
}

.mui-form-control:focus ~ .bar:before,
.mui-form-control:focus ~ .bar:after {
  width: 50%;
}

.form2 {display:none;}