@font-face {
font-family: 'Fira Sans', sans-serif;
} .page-template-stages-form .fusion-header-wrapper, .page-template-stages-form #sliders-container{display: none}
.page-template-stages-form #main, .page-template-stages-form #main .fusion-row{padding: 0;}
body.page-template-stages-form::before, .page-template-stages-form #colophon, .page-template-stages-form #sidebar{display: none}
.page-template-stages-form .site{max-width: none}
.page-template-stages-form .site-main{padding: 0;}
.page-template-stages-form #content{width: 100%; margin: 0;}
.page-template-stages-form #content article{margin: 0; padding: 0;}
.background-image {
display:none;
position:absolute;
left:0;
width:100%;
height:100%;
bottom:0;
z-index:1;
min-width:100%;
min-height: 100%;
}
.background-image img {
min-height:100%;
min-width:100%;
display:block;
object-fit:cover
}
.form-wrapper{ font-family: "Fira Sans";
font-size:2rem;
position:relative;
margin:0;
padding:0;
line-height:normal;
overflow-x:hidden; min-height:97.5%;
background-size:cover;
overflow:hidden;
background-position:center center
}
.form-wrapper .form-stage {
color:#fff;
text-align:center;
z-index:3;
box-sizing:border-box;
padding:0 8% 4%;
opacity:0;
position:relative;
left:-100vw;
max-height:0;
transition:left .4s ease-out,opacity .5s ease-out;
-webkit-transition:left .4s ease-out,opacity .5s ease-out;
-moz-transition:left .4s ease-out,opacity .5s ease-out;
-ms-transition:left .4s ease-out,opacity .5s ease-out
}
@media screen and (min-height:499px) {
.form-wrapper .form-stage{
position:absolute;
width:100%;
top:50%;
z-index: 5;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%)
}
}
@media screen and (max-height:500px) {
.form-wrapper .form-stage{
position:absolute;
width:100%;
top:50%;
z-index: 5;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%)
}
.form-wrapper .form-stage input[type="text"], .form-wrapper .form-stage input[type="email"], .form-wrapper .form-stage input[type="tel"] {
max-width: 250px !important;
}
}
@media screen and (max-width:1199px) {
.form-wrapper .form-stage{
position:absolute;
width:100%;
top:30%;
z-index: 5;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%)
}
.form-wrapper .form-stage input[type="text"], .form-wrapper .form-stage input[type="email"], .form-wrapper .form-stage input[type="tel"] {
max-width: 120px;
}
} .form-wrapper .form-stage.next {
opacity:0;
left:100vw;
max-height:0
}
.form-wrapper .form-stage.moveright {
left:100vw
}
.form-wrapper .form-stage.current {
opacity:1;
max-height:100%;
left:0
}
.form-wrapper .form-stage.prev {
opacity:0;
left:-100vw;
max-height:0
}
.form-wrapper .form-stage.moveleft {
left:-100vw
}
.form-wrapper .form-stage p{margin: 0}
.form-wrapper .form-stage .title {
font-size:5.5rem;
line-height:5.5rem; font-family: "Fira Sans";
font-weight:normal;
color: #000000;
margin-bottom:2rem;
transition:opacity .5s .3s ease-out;
-webkit-transition:opacity .5s .3s ease-out;
-moz-transition:opacity .5s .3s ease-out;
-ms-transition:opacity .5s .3s ease-out;
}
.form-wrapper .form-stage .subtitle {
font-size:3.5rem;
line-height:3.5rem; font-family: "Fira Sans";
font-weight:normal;
color: #fff;
margin: -1rem auto 3rem;
max-width: 1000px;
transition:opacity .5s .3s ease-out;
-webkit-transition:opacity .5s .3s ease-out;
-moz-transition:opacity .5s .3s ease-out;
-ms-transition:opacity .5s .3s ease-out;
}
.form-wrapper .form-stage .trust-signal {
color:#db4e23; font-family: "Fira Sans";
clear:both;
max-width:1000px;
margin:0 auto;
transition:opacity .5s .3s ease-out;
-webkit-transition:opacity .5s .3s ease-out;
-moz-transition:opacity .5s .3s ease-out;
-ms-transition:opacity .5s .3s ease-out;
font-size:2.2rem
}
.form-wrapper .form-stage input[type="text"], .form-wrapper .form-stage select, .form-wrapper .form-stage input[type="email"],.form-wrapper .form-stage input[type="tel"] { font-family: "Fira Sans";
color:#000000;
border:0;
padding:20px;
height:70px;
line-height:30px;
margin:0;
font-size:2.2rem;
width:100%;
text-align:left;
max-width:330px;
display: inline-block;
}
.form-wrapper .form-stage select{max-width: 500px;}
.form-wrapper .form-stage .wpcf7-form-control-wrap + .wpcf7-form-control-wrap{margin-left: 2rem;}
.form-wrapper .form-stage input[type="text"]#postcode { }
.form-wrapper .form-stage label input[type="checkbox"] + span {
background-color:transparent;
transition:transform 250ms ease;
will-change:transition;
display:inline-block;
text-align:center;
cursor:pointer;
position:relative;
font-weight:900;
color:#fff;
padding:20px;
border:2px solid #fff;
margin:2%;
box-sizing:border-box;
border-radius:50%;
font-size:1.8rem;
line-height:1.8rem;
height:130px;
width:130px
}
.form-wrapper .form-stage label input[type="checkbox"] + span:hover, .form-wrapper .form-stage label input[type="checkbox"]:checked + span{
background:-moz-linear-gradient(top, #e96425 0, #d13012 100%);
background:-webkit-linear-gradient(top, #e96425 0, #d13012 100%);
background:linear-gradient(to bottom, #e96425 0, #d13012 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e96425', endColorstr='#d13012', GradientType=0)
}
.form-wrapper .form-stage .button.primary {
color:#fff;
border:0; font-family: "Fira Sans";
font-size:2.2rem;
text-transform:none;
padding:20px;
height:70px;
line-height:30px;
margin:0 0 0 2rem;
white-space:normal;
background:#db4e23;
background:-moz-linear-gradient(top, #e96425 0, #d13012 100%);
background:-webkit-linear-gradient(top, #e96425 0, #d13012 100%);
background:linear-gradient(to bottom, #e96425 0, #d13012 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e96425', endColorstr='#d13012', GradientType=0);
vertical-align: top;
width: 100%;
max-width: 200px;
display: inline-block;
cursor: pointer;
}
.form-wrapper .form-stage .button.primary.go-submit {max-width: 250px; margin:0;}
.form-wrapper .form-stage .wpcf7-form-control-wrap{display: inline-block; margin: 0 0 2rem 2rem;}
.form-wrapper .form-stage span.wpcf7-list-item{vertical-align: top; display: inline-block; margin: 0 0 0 2rem;}
.form-wrapper .form-stage span.wpcf7-list-item-label.yourself, .form-wrapper .form-stage span.wpcf7-list-item-label.yourself:hover{padding-top: 70px;}
.form-wrapper .form-stage span.wpcf7-list-item-label.yourself:before, .form-wrapper .form-stage span.wpcf7-list-item-label.yourself:hover:before{ content: ' '; background-image:url(//www.find-a-financial-advisor.co.uk/wp-content/themes/Forms/images/icon-facetoface-white.svg); background-repeat: no-repeat; background-position: center 10px; background-size: auto 50px; position: absolute; top: 0; width: 60px; height: 60px}
.form-wrapper .action-bar{
position: absolute;
bottom: 0;
width: 100%;
z-index: 20;
display: none;
}
.form-wrapper .action-bar .stage-tabs {
width:100%;
transition:opacity .2s ease-out,bottom .2s ease-out;
-webkit-transition:opacity .2s ease-out,bottom .2s ease-out;
-moz-transition:opacity .2s ease-out,bottom .2s ease-out;
-ms-transition:opacity .2s ease-out,bottom .2s ease-out;
overflow: hidden;
margin: 0;
}
.form-wrapper .action-bar .stage-tabs .tab {
width:25%;
display:block;
float:left;
list-style-type:none;
position:relative;
margin:0;
box-sizing:border-box;
background: rgba(0, 0, 0, .2);
border-right:rgba(255,255,255,0.2) 1px solid;
}
.form-wrapper .action-bar .stage-tabs .tab.active{
background: #fff;
-webkit-box-shadow: inset 35px 5px 28px -13px rgba(0,0,0,0.5);
-moz-box-shadow: inset 35px 5px 28px -13px rgba(0,0,0,0.05);
box-shadow: inset 35px 5px 28px -13px rgba(0,0,0,0.05);
}
.form-wrapper .action-bar .stage-tabs .tab a{
font-size:3rem;
display:block;
padding: 40px 20px 40px 8rem;
color: #fff;
cursor: default;
}
.form-wrapper .action-bar .stage-tabs .tab span{
position: absolute;
color: #fff;
font-size: 8rem;
left: 20px;
top: 10px;
}
.form-wrapper .action-bar .stage-tabs .tab.active a{
cursor: pointer;
color: #db4e23;
}
.form-wrapper .action-bar .stage-tabs .tab.active span{
color: #db4e23;
}
.form-wrapper  span.wpcf7-not-valid-tip {
padding:10px 20px;
margin-top:-50px;
left:50%;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
color:#fff!important;
display:inline-block !important;
position:absolute;
border-radius:5px;
z-index:30;
color:#333;
white-space:nowrap;
background:#db4e23;
-webkit-box-shadow:2px 2px 42px 0 rgba(0,0,0,0.62);
-moz-box-shadow:2px 2px 42px 0 rgba(0,0,0,0.62);
box-shadow:2px 2px 42px 0 rgba(0,0,0,0.62)
}
.form-wrapper  span.wpcf7-not-valid-tip:after,.form-wrapper  span.wpcf7-not-valid-tip:before {
top:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
.form-wrapper span.wpcf7-not-valid-tip:after {
border-color:rgba(136,183,213,0);
border-top-color:#db4e23;
border-width:10px;
margin-left:-10px;
margin-top:-1px
}
.hidden{display: none!important;}
.form-wrapper .form-stage.current.lazyload {
opacity:0;
transition:opacity .5s .3s ease-out;
-webkit-transition:opacity .5s .3s ease-out;
-moz-transition:opacity .5s .3s ease-out;
-ms-transition:opacity .5s .3s ease-out;
z-index: 4;
}
.ajax-loader-wrapper{display: none; left: 0; right: 0; position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 3000; top: 0; bottom: 0; transition:all .5s .3s ease-out;-webkit-transition:all .5s .3s ease-out;-moz-transition:all .5s .3s ease-out;-ms-transition:all .5s .3s ease-out;}
.ajax-loader {border: 5px solid #e20612; border-top: 5px solid #000; border-radius: 50%;width: 50px;height: 50px;animation: spin 2s linear infinite;}
.ajax-loader-position{position: absolute; top: calc(50% - 25px); left: calc(50% - 25px);}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
@media screen and (max-width: 640px) {
.form-wrapper .form-stage .wpcf7-form-control-wrap + .wpcf7-form-control-wrap{
margin-left: 0;
} .form-wrapper .form-stage select {
max-width: 100%;
}
.form-wrapper .form-stage input[type="text"], .form-wrapper .form-stage input[type="email"],.form-wrapper .form-stage input[type="tel"] {
max-width: 120px;
}
}
@media screen and (max-width: 740px) {
.form-wrapper .form-stage .wpcf7-form-control-wrap{margin: 0 0 1rem 1rem !important;}
}