.module-contact .contact-error,
.module-contact .contact-success {
padding: .5em;
border-radius: 5px;
}
.module-contact span.required {
color: red;
}
.module-contact .builder-contact-field {
margin: .3em 0 1.2em;
}
.module-contact .control-label {
padding-bottom: .5em;
display: inline-block;
}
.module-contact .builder-contact .builder-contact-field-send i {
display: none;
}
.module-contact .builder-contact.sending .builder-contact-field-send i {
display: inline-block;
}
.module-contact .builder-contact-field-send {
margin-top: 1em;
}
.module-contact .builder-contact-fields {
position: relative;
}
@media screen and (min-width: 681px) { .module-contact.contact-style2 .builder-contact-field-email,
.module-contact.contact-style2 .builder-contact-field-name,
.module-contact.contact-style2 .builder-contact-field-subject {
width: 32.3%;
float: left;
margin-right: 0;
margin-left: 1.5%;
}
.module-contact.contact-style2 .builder-contact-field:first-child {
margin-left: 0;
}
.module-contact.contact-style2 .builder-contact-field input {
width: 100%;
box-sizing: border-box;
}
.module-contact.contact-style2 .builder-contact-field-message {
clear: both;
} .module-contact.contact-style3 .builder-contact-field-email,
.module-contact.contact-style3 .builder-contact-field-name,
.module-contact.contact-style3 .builder-contact-field-subject {
width: 50%;
}
.module-contact.contact-style3 .builder-contact-field-message {
width: 45%;
position: absolute;
top: 0;
right: 0;
}
.rtl .module-contact.contact-style3 .builder-contact-field-message {
left: 0;
right: auto;
}
} .module-contact #recaptcha_area {
display: inline-block; }
@media screen and (max-width: 575px){
.builder-contact-field-captcha .g-recaptcha {
width: 100%;
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
}.module-progressbar {
margin-bottom: 1.5em;
}
.module-progressbar .tf-progress-bar-wrap {
display: block;
padding-top: 1em;
}
.module-progressbar .tf-progress-bar {
background: #eee;
background: rgba(0,0,0,.1);
margin: 1.2em 0 3.2em;
text-align: left;
position: relative;
height: 3px;
}
.module-progressbar .tf-progress-bar .tf-progress-bar-label {
font-style: normal;
position: absolute;
top: -1.9em;
text-transform: uppercase;
}
.module-progressbar .tf-progress-bar .tf-progress-bar-bg {
height: 3px;
position: absolute;
-webkit-transition: 3s;
-moz-transition: 3s;
transition: 3s;
}
.module-progressbar .tf-progress-tooltip {
position: absolute;
right: 0;
top: auto;
font-size: .9em;
bottom: .5em;
text-align: right;
}