.wpcf7-form{
position: relative;
}
.wpcf7-form .fieldset-cf7mls{ padding: 0px 30px;
}
.wpcf7-form .wpcf7-not-valid {
border: 1px solid #ff0000 !important;
}
.cf7mls_next.action-button,
.cf7mls_back.action-button,
.fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step {
background-color: #27ae60;
border: 0 none;
border-radius: 3px;
color: white;
cursor: pointer;
font-weight: bold;
margin: 10px 5px;
padding: 13px 5px;
min-width: 100px;
position: relative;
}
.cf7mls_next.action-button:hover,
.cf7mls_back.action-button:hover,
.fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step:hover {
opacity: 0.8;
}
input.wpcf7-form-control.wpcf7-submit {
border-radius: 3px;
padding: 13px 29px;
font-weight: bold;
}
input.wpcf7-form-control.wpcf7-submit:hover {
opacity: 0.8;
}
.cf7mls_reviewing_overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 100;
display: none;
}
form.wpcf7-form.cf7mls_reviewing {
position: relative;
z-index: 999999;
background-color: #fff;
}
form.wpcf7-form.cf7mls_reviewing:before{
content: '';
position: absolute;
background: rgba(0,0,0,0.8);
width: 100000px;
height: 100000px;
left: -30000px;
top: -30000px;
z-index: 1;
}
form.wpcf7-form.cf7mls_reviewing > *{
position: relative;
z-index: 3;
}
form.wpcf7-form.cf7mls_reviewing:after{
content: '';
position: absolute;
top: -5px;
left: -20px;
right: -20px;
bottom: -10px;
background: #ffffff;
z-index: 2;
} button.cf7mls_btn:not(.disabled):before {
content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -11px;
width: 20px;
height: 20px;
border: 4px solid;
border-left-color: transparent;
border-radius: 50%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-name: rotate;
-webkit-animation-name: rotate;
animation-name: rotate;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
button.cf7mls_btn:not(.disabled):after {
content: '';
display: inline-block;
height: 100%;
width: 0px;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-moz-transition-duration: 0.75s;
-o-transition-duration: 0.75s;
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
-moz-transition-property: width;
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
}
button.cf7mls_btn:not(.disabled).sending {
pointer-events: none;
cursor: not-allowed;
}
button.cf7mls_btn:not(.disabled).sending:not(.expand) {
text-align: left;
}
button.cf7mls_btn:not(.disabled).sending:before { -moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
button.cf7mls_btn:not(.disabled).sending:after {
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 20px;
}
@keyframes rotate {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.cf7mls_next.action-button:focus,
.cf7mls_back.action-button:focus {
outline: none;
}
.cf7mls_progress_bar {
margin-bottom: 10px;
margin-top: 20px;
overflow: hidden;
counter-reset: step;
position: relative;
z-index: 1;
}
.cf7mls_progress_bar li {
color: #000;
text-align: center;
list-style-type: none;
text-transform: uppercase;
font-size: 11px;
float: left;
position: relative;
margin: 0 !important;
padding: 0 !important;
}
.cf7mls_progress_bar li:before {
content: counter(step);
counter-increment: step;
width: 25px;
line-height: 25px;
display: block;
font-size: 14px;
color: #fff;
background: #27ae60;
border-radius: 3px;
margin: 0 auto 5px auto;
text-align: center;
}
.cf7mls_progress_bar li:after {
content: '';
width: 100%;
height: 2px;
background: #eee;
position: absolute;
left: -50%;
top: 12px;
z-index: -1;
transition: 0.8s ease all;
-moz-transition: 0.8s ease all;
-webkit-transition: 0.8s ease all;
}
.cf7mls_progress_bar  li:first-child:after { content: none; 
}
.cf7mls_progress_bar li.active:before,
.cf7mls_progress_bar li.active:after {
background: #27AE60;
color: white;
}
.fieldset-cf7mls-wrapper{
position: relative;
padding: 0px 30px;
overflow: hidden;
margin: 0 -30px;
}
.fieldset-cf7mls-wrapper .fieldset-cf7mls{
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
-moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
-o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
-moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
-o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); }
.fieldset-cf7mls-wrapper .cf7mls_back_fs{
position: absolute;
left: 0;
top: 15px;
transform: translate(-110%,0);
-webkit-transform: translate(-110%,0);
-moz-transform: translate(-110%,0);
}
.fieldset-cf7mls-wrapper .cf7mls_current_fs ~ .fieldset-cf7mls{
position: absolute;
left: 0;
top: 15px;
transform: translate(110%,0);
-webkit-transform: translate(110%,0);
-moz-transform: translate(110%,0);
}
.fieldset-cf7mls-wrapper .cf7mls_current_fs{
opacity: 1;
visibility: visible;
margin: 0px;
}