html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

:root{
    --border:#808080;
    --maintxt:#144E5A;
    --maintxt:#101010;
    --alert:#c62828;
    --warn:#e57373;
    --info:#ef9a9a;
    --bground:#BAD3D8;
    --contrasting:#DFBFA9;
    --ok:#1565c0;
    --tightmargin:15px;
    --fonttext:arial;
    --fonthead:'Source Sans Pro', sans-serif;
}

::placeholder{
    font-size:0.9rem;
    color:black;
    line-height:100%;
}

.hide{
    display:none;
}

.container{
    max-width:900px;
    width:100%;
    margin:0 auto;
}

.stb6-background{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:-1;
}

.stb6-topline{
    margin-top:0px;
}

.stb6-wrap{
    box-sizing:border-box;
    position:relative;
    background:transparent;
    padding:20px;
    transition:all 0.5s;
}


.stb6-wrap h1{
    position:absolute;
    top:-0px;
    right:-30px;
    color:#ffffff;
    font-weight: 800;
    font-size: 45px;
    line-height: 1.2;
    letter-spacing: .05em;
    margin-bottom: 1.5rem;
    transition:all 0.2s;
    opacity:0.3;
}

.stb6-wrap h1:hover{
    opacity:1;
}

.stb6-wrap h3{
    color:#ffffff;
    padding:0;
    margin:0;
    margin-bottom: 1.5rem;
    vertical-align:middle;
}

.stb6-wrap p{
    color:#ffffff;
    line-height:25px;
    margin-bottom: 1.5rem;
}


.stb6-wrap .question-fieldwrap{
    box-sizing: border-box;
    margin-bottom:10px;
}

.stb6-wrap .question-fieldwrap label{
    display:none;
    box-sizing: border-box;
    display:block;
    font-size:0.9rem;
    color:#000;

}

.stb6-wrap a{
    color:#000;

}

.stb6-wrap .question-fieldwrap input,.stb6-wrap .question-fieldwrap textarea{
    box-sizing: border-box;
    display:block;
    width:100%;
    font-size:1.1rem;
    line-height:1.2rem;
    color:#606060;
    border:1px solid #606060;
    padding:8px 10px;
    border-radius: 0px;
}
@media (max-width:600px){
    .stb6-wrap .question-fieldwrap input,.stb6-wrap .question-fieldwrap textarea{
    width:100%;
    }

}

.stb6-half-input{
    margin-left:-10px;
    margin-right:-10px;


}

.stb6-half-input .question-fieldwrap{
    width:49%;
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
}

.stb6-half-input label{
    display:none !important;
}


@media (max-width:500px){
    .stb6-half-input{
        margin:0 !important;
    }
    .stb6-half-input .question-fieldwrap{
        width:100% !important;
        padding:0 !important;
    }
}



.stb6-wrap .question-ip-wrap{
    position:relative;
}

.stb6-wrap .question-ip-wrap.icon input{
    padding-left:60px;
}

.stb6-wrap .question-ip-wrap:before{
    position:absolute;
    top:0px;
    left:0px;
    font-size:2.0rem;
    line-height:3.3rem;
    color:#101010;
    height:100%;
    width:40px;
    border:1px solid #a0a0a0;
    text-align:center;
    background:#b2bd33;

}

.stb6-wrap .question-ip-wrap.icon-pound:before{content:'£'}
.stb6-wrap .question-ip-wrap.icon-percent:before{content:'%'}


.stb6-wrap .question-fieldwrap textarea{
    height:75px;
    padding:10px;

}

.stb6-wrap .form-field-error{
    margin-top:-2px;
    font-size:0.9rem;
    background:red;
    color:white;
    padding:2px 10px;
}


.stb6-wrap .btn-main{
    display:inline-block;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.20!important;
    font-weight: 600;
    text-transform: uppercase;
    text-align:center;
    color:#fff !important;
    padding: 0.7em 1em;
    margin-right:var(--tightmargin);
    margin-bottom:var(--tightmargin);
    transition:all 0.2s;
    text-decoration:none;
    background:#A7BF3C;
    min-width:270px;
}
.stb6-wrap .btn-main:hover {
	color:#f5f5f5 !important;
}
.stb6-wrap .btn-main.topmargin{
    margin-top:20px;
}


.stb6-wrap .btn-main.round{
    width:32px;
    padding:0;
    text-align:center;
    font-size:1.1rem;
    line-height:32px;
}

.stb6-wrap .btn-main.small{
    font-size:12px;
    line-height:20px;
}

.stb6-wrap .btn-main.mini{
    font-size:0.7rem;
    line-height:0.9rem;
    margin-right:0px;
    margin-left:5px;
    margin-bottom:0px;

}

.stb6-wrap .btn-main.primary{
    background:var(--maintxt);
    border:1px solid var(--maintxt);
    color:white;
}

.stb6-wrap .btn-main.primary:hover{
    background:var(--maintxt);
    border:1px solid var(--maintxt);
    color:white;
    
}




.stb6-nav{
    position:fixed;
    top:0px;
    left:0px;
    height:80px;
    line-height:80px;
    border-bottom:1px solid #f0f0f0;
}

.targ-steps{
    color:white;
    font-size:1.0rem;
    font-family:monospace;
    z-index:10;
}

.stb6-progress{
    position:relative;
    width:100%;
    height:10px;
    background:rgba(255,255,255,0.2);
}

.stb6-progress .dial{
    position:absolute;
    top:0px;
    left:0px;
    width:10%;
    height:10px;
    background:white;
}

.stb6-progress .digit{
    position:absolute;
    display:inline-block;
    top:10px;
    left:0%;
    font-size:0.8rem;
    color:white;
}