.clear{
clear:both!important;
}
#header{
background:#FFFFFF;
padding:20px 0;
}
#header .email a{
color:#7e7e80;
text-decoration:none;
}
#header .email{
display:block;
font-family: 'LatoBold', Arial, sans-serif;
color:#7e7e80;
font-size:24px;
margin-top: 30px;
line-height: 24px
}
#header .phone{
font-family: 'LatoBold', Arial, sans-serif;
color:#7e7e80;
font-size:24px;
margin-top:30px;
line-height: 24px;
}
#header .phone img,
#header .email img{
margin-right:8px;
}
#footer{
background:#cccccc;
color:#636365;
font-family: 'LatoRegular', Arial, sans-serif;
font-size:14px;
padding:30px 0;
}
#footer .footer-links li a:hover{
text-decoration:underline;
}
#footer .footer-links li a{
color:#636365;
text-decoration:none;
}
#footer .footer-links li{
display:inline;
}
#footer .footer-links{
position:relative;
z-index:9999999;
float:left;
padding:0;
margin:0;
list-style:none;
}
#footer .footer-details{
float:right;
}
#footer-images{
position:relative;
background:#e1e2e5;
}
#footer-images .right{
/*float:right;*/
margin-top:60px;
}
#get-a-quote{
background:#e1e2e5;
padding:90px 0 60px 0;
}
#get-a-quote h1{
position:relative;
z-index:2;
font-family: 'OswaldRegular', Arial, sans-serif;
text-transform:uppercase;
font-weight:normal;
margin-top:0;
font-size:48px;
color:#636365;
line-height:60px;
}
#get-a-quote .tick-list{
position:relative;
z-index:2;
background-color:#FFFFFF;
background-color:rgba(255,255,255,0.6);
margin:50px 0 0 0;
}
#get-a-quote .tick-list .tick .text{
margin:0;
}
#get-a-quote .tick-list .tick{
text-transform:uppercase;
/*padding-left:30px;*/
/*background:url('../images/green-tick.png') 0px 50% no-repeat;*/
font-family: 'LatoRegular', Arial, sans-serif;
font-size:18px;
margin-right:40px;
color:#636365;
margin: 20px 0;
}
#get-a-quote .tick-list .tick img{
margin-right:15px;
}
#get-a-quote .tick-list li:last-child{
margin-right:0;
}
#get-a-quote .cta .phone{
font-family: 'LatoBold', Arial, sans-serif;
}
#get-a-quote .cta .callus{
display: inline-block;
}
#get-a-quote .cta{
position:relative;
z-index:2;
text-transform:uppercase;
font-family: 'LatoRegular', Arial, sans-serif;
font-size:18px;
color:#636365;
}
#get-a-quote .green-button:hover{
background-color:#76C634;
}
#get-a-quote .green-button{
display:inline-block;
background:#5db613;
color:#FFFFFF;
text-transform:uppercase;
font-family: 'LatoBold', Arial, sans-serif;
padding:15px 30px;
margin-right:10px;
font-size:18px;
text-decoration:none;
transition: background-color 0.5s ease;
}



#quote-form .radio-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0 0 35px 0;
}
#quote-form .radio-group .radio {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#quote-form .radio-group .radio input[type="radio"] {
display: none;
}
#quote-form .radio-group .radio label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-family: 'LatoRegular', Arial, sans-serif;
    font-weight: 400;
    color: #222222;
    padding: 12px 0;
    text-align: center;
    border: 1px solid #cccccc;
    border-right-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-right-color: transparent;
    background-color: #f6f6f6;
    margin: -1px;
    cursor: pointer;
    height: 100%;
}
#quote-form .radio-group .radio input[type="radio"]:checked + label {
background-color: #eaf1f8;
border: 1px solid #7ea1c3;
position: relative;
z-index: 100;
}
#quote-form .radio-group .radio:first-child label {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#quote-form .radio-group .radio:last-child label {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right-color: #ccc;
}
#quote-form .radio-group .radio label > span {
    margin: auto;
}



#testimonials .rating-block .rating-image{
display:block;
clear:both;
margin-left:5px;
}
#testimonials .rating-block .review-number{
font-size:12px;
margin-left:15px;
}
#testimonials .rating-block .rating{
display:block;
margin-left:12px;
line-height:36px;
font-size:36px;
font-family: 'LatoBold', Arial, sans-serif;
margin-bottom:5px;
}
#testimonials .tt-logo{
display:block;
margin-bottom:10px;
}
#testimonials .col h3{
font-family: 'LatoBold', Arial, sans-serif;
margin:0 0 5px 0;
}
#testimonials .col .date{
font-family: 'OpenSansLight', Arial, sans-serif;
margin:0 0 10px 0;
}
#testimonials .col .visit-site{
display:inline-block;
font-family: 'LatoRegular', Arial, sans-serif;
font-size:14px;
border:1px solid #828284;
padding:10px 25px;
color:#636365;
text-decoration:none;
text-transform:uppercase;
margin-top:10px;
transition: background 0.2s ease, color 0.2s linear;
}
#testimonials .col .visit-site:hover{
color:#FFFFFF;
background:#828284;
}
#testimonials .col .most-reviewed{
font-family: 'LatoBold', Arial, sans-serif;
font-size:18px;
color:#636365;
text-transform:uppercase;
}
#testimonials .col{
float:left;
width:225px;
margin-right:20px;
font-family: 'LatoRegular', Arial, sans-serif;
font-size:14px;
color:#636365;
line-height:21px;
}
#testimonials .col.last{
margin-right:0;
}
#testimonials{
padding:50px 0;
}

/******************
quote form styling
*******************/

#content #idpc_dropdown{
margin-top:10px;
margin-bottom:10px;
/*width:430px;*/
width:100%;
}

#content #thank-you h2{
font-size: 26px;
font-family: "OpenSansRegular",Arial,sans-serif;
font-weight: normal;
color: #7E7E80;
text-align: center;
margin-bottom: 0px;
}
#content #thank-you{
text-align:center;
}

#content #thank-you #trust-a-trader{
    margin:0;
}
#content #thank-you .trust-a-trader-banner{
display: flex;
align-items: center;
}
#content #thank-you .thank-you-text{
    padding-top:50px;
    padding-bottom:50px;
}

#content .error{
color:#FF0000;
margin:0;
font-size:14px;
}
#content .captcha-error{
font-size:14px;
margin-bottom:20px;
}


#content .title-bar{
background:#3279bb;
padding:80px 0;
color:#FFFFFF;
}
#content .title-bar h1{
margin:0;
color:#FFFFFF;
font-size:30px;
font-family:'OpenSansRegular',Arial,sans-serif;
font-weight:normal;
text-align:center;
}
#content .title-bar .subtitle{
margin:0;
color:#FFFFFF;
text-align:center;
font-size:18px;
font-family:'OpenSansRegular',Arial,sans-serif;
}


#content .form input[type="text"].error{
border:1px solid #ff0000;    
}
#content .form .radio-group.error .radio label{
border:1px solid #ff0000;
}
#content .form .radio-group.error .radio:last-child label{
border-right-color: #ff0000;
}
#content .form select.error{
border:1px solid #ff0000;
}
#content .form .radio-group{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
/*margin: 0 0 35px 0;  */
width:100%;
}
#content .form .radio-group .radio {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#content .form .radio-group .radio input[type="radio"] {
display: none;
}
#content .form .radio-group .radio:first-child label {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#content .form .radio-group .radio:last-child label {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right-color: #ccc;
}
#content .form .radio-group .radio label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
font-size: 14px;
font-weight: 400;
font-family: 'LatoRegular', Arial, sans-serif;
color: #222222;
padding: 12px 0;
text-align: center;
border: 1px solid #cccccc;
border-right-color: rgb(204, 204, 204);
border-right-color: transparent;
background-color: #f6f6f6;
margin: -1px;
cursor: pointer;
height: 100%;
}
#content .form .radio-group .radio label > span {
margin: auto;
}
#content .form .radio-group .radio input[type="radio"]:checked + label {
background-color: #eaf1f8;
border: 1px solid #7ea1c3;
position: relative;
z-index: 100;
}


#content{
/*padding-top:40px;*/
background:#FFFFFF url('../images/grey-gradient.png') top repeat-x;
min-height:372px;
font-size:14px;
color:#333333;
font-family:'OpenSansRegular',Arial,sans-serif;
}
#content .subtitle{
text-align:center;
font-size:18px;
font-family:'OpenSansRegular',Arial,sans-serif;
color:#7e7e80;
}
#content h1{
font-size:30px;
font-family:'OpenSansRegular',Arial,sans-serif;
font-weight:normal;
color:#7e7e80;
text-align:center;
margin-bottom:0;
}
#content .form h2 span.step{
float: right;
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
font-family:'OpenSansRegular',Arial,sans-serif;
color: #444444;
padding: 7px 0;
}
#content .form h2{
font-family:'LeagueGothicRegular',Arial,sans-serif;
text-transform:uppercase;
margin:0 0 10px 0;
font-size:30px;
font-weight:normal;
font-size: 30px;
line-height: 1.2em;
color: #3077ba;
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
margin: 0 0 30px 0;
}
#content .form .step{
    margin-bottom:50px; 
}
#content .form input[type="submit"]:hover{
background:#60b815;
}
#content .form select{
display: block;
padding:8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #cccccc;
font-size:14px;
color:#54585a;
width:100%;
}
#content .form input[type="submit"]{
background-color: #5fab1c;
border: none;
padding: 8px 36px;
color: #FFFFFF;
font-family: 'latobold',Arial,sans-serif;
font-size: 16px;
text-transform: uppercase;
cursor:pointer;
transition: background-color 0.5s ease;
}
#content .form #idpc_input{
float: left;
flex:1;
margin-right:15px;
}
#content .form textarea{
display: block;
width:100%;
font-size:14px;
padding:8px;
color:#54585a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #cccccc;
}
#content .form input[type="text"]{
display: block;
width:100%;
font-size:14px;
padding:8px;
color:#54585a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #cccccc;
}
#content .form{
/*margin:80px auto 80px auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;*/
padding-top:80px;
padding-bottom:80px;
}
#content .form label{
display:block;
font-family:'OpenSansLight',Arial,sans-serif;
font-size:16px;
color:#54585a;
margin-bottom: 5px;
}

#content .form .form-row .form-item{
margin-bottom:35px;
width:100%;
}

#content .form .form-row{
clear:both!important;
}

#content .form .form-row.stopcock_location_other{
display: none;
}

#content .form .form-row .checkbox-item .checkbox {
float:left;
margin:0;
}
#content .form .form-row .checkbox-item .checkbox input[type="checkbox"]{
display: none;	
}
#content .form .form-row .checkbox-item .checkbox input[type="checkbox"]:checked + label {
background-image: url(../images/tick.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}
#content .form .form-row .checkbox-item .checkbox label{
float: left;
height: 30px;
width: 30px;
border: 1px solid #ccc;
background-color: #f7f7f7;
margin-right: 15px;	
}
#content .form .form-row .checkbox-item label{
float:left;
/*line-height:30px;*/
font-weight:normal;
}
#content .form .form-row .checkbox-item{
    display: flex;
    align-items: center;
}


#content .form .form-row.additional_information{
	display: none;
}


#content #address-fields{
display:none;
margin-bottom:20px;
}

#content .form .reduce-quote{
margin-bottom:20px;
color:#333333;
}
#content .form .reduce-quote .left span{
font-family:'OpenSansBold',Arial,sans-serif;
}
#content .form .reduce-quote .left{
float:left;
font-family:'OpenSansRegular',Arial,sans-serif;
font-size:14px;
}
#content .form .reduce-quote .right{
float:right;
}

#content .form #postcode{
display: flex;
flex-wrap: wrap;
}

#content .form #postcode #idpc_error_message{
flex: 1 1 100%;
font-family:'OpenSansSemiBold',Arial,sans-serif;
font-size:14px;
margin-top:15px;
color:#ff0000;
}
#content .form .postcode-button:hover{
background:#c3c3c3;
}
#content .form .back-button:hover{
background:#c3c3c3;
}
#content .form .unknown-postcode a{
color:#54585a;
font-family:'OpenSansSemiBold',Arial,sans-serif;
}
#content .form .unknown-postcode{
font-family:'OpenSansRegular',Arial,sans-serif;
font-weight:normal;
font-size:14px;
margin-top:15px;
}

#content .form  .form-contact .phone{
font-family:'OpenSansBold',Arial,sans-serif;
color:#636365;
}
#content .form  .form-contact a:hover{
text-decoration:underline;
}
#content .form  .form-contact a{
color:#48a104;
text-decoration:none;
}
#content .form  .form-contact{
font-family:'OpenSansLight',Arial,sans-serif;
font-weight:normal;
font-size:14px;
margin-bottom:30px;
}

#google_map {
height: 310px;
width: 430px;
}
#content #postcodeupdate{
font-family:'OpenSansRegular',Arial,sans-serif;
font-weight:normal;
font-size:14px;
color: #48A104;
}
#content #streetview{
display:none;
}

#content .form .postcode-button{
/*background-color: #b9b9b9;*/
background-color: #3279bb;
border: none;
color: #FFFFFF;
padding: 8px 12px;
font-family: 'latobold',Arial,sans-serif;
text-transform: uppercase;
font-size: 16px;
transition: background-color 0.5s ease;
text-decoration: none;
width:220px;
cursor: pointer;
}

#content .form .back-button{
background-color: #b9b9b9;
border: none;
color: #FFFFFF;
padding: 8px 12px;
font-family: 'latobold',Arial,sans-serif;
text-transform: uppercase;
font-size: 16px;
transition: background-color 0.5s ease;
margin-right: 10px;
text-decoration: none;
}

#captcha{
background:#d9ebfc;
border:1px solid #cccccc;
margin-bottom:10px;
padding:20px;
margin-top:10px;
text-align:center;

}
#captcha .captcha .clear{
float:none!important;
clear:both!important;
}
#captcha .text strong{
display:block;
font-family:'OpenSansBold',Arial,sans-serif;
font-weight:normal;
}
#captcha .text span{
font-family:'OpenSansBold',Arial,sans-serif;
}
#captcha .text{
font-family:'OpenSansRegular',Arial,sans-serif;
font-size:14px;
color:#333333;
margin-top:0;
}
#captcha .captcha div {
float: left;
margin-left: 20px;
width: 65px;
}
#captcha .captcha div div:hover{
cursor:pointer;
border:1px solid #aaaaaa!important;
}
#captcha .captcha div div {
text-align:center;
border:1px solid #cccccc;
}
.tooltips-content {
    display: none;
}


#trust-a-trader{
margin:50px 0;
background:#f5f4f5;
background-image: -ms-linear-gradient(top, #F5F4F5 0%, #EDEDED 100%);
background-image: -moz-linear-gradient(top, #F5F4F5 0%, #EDEDED 100%);
background-image: -o-linear-gradient(top, #F5F4F5 0%, #EDEDED 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F4F5), color-stop(1, #EDEDED));
background-image: -webkit-linear-gradient(top, #F5F4F5 0%, #EDEDED 100%);
background-image: linear-gradient(to bottom, #F5F4F5 0%, #EDEDED 100%);
padding: 20px 0px;
border-top: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);
box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);
}
#trust-a-trader .testimonial-logo {
float: left;
display: block;
margin-right: 30px;
}
#trust-a-trader h3 a{
text-decoration: none;
color: #28354C;
}
#trust-a-trader h3 {
font-family: "OswaldRegular",Arial,sans-serif;
text-transform: uppercase;
font-size: 26px;
/*margin-top:30px;*/
margin-bottom:5px;
font-weight: normal;
}
#trust-a-trader .link a{
color: #636365;
}
#trust-a-trader .link{
display:block;
text-align:left;
float:left;
}
#content #thank-you .wrapper{
text-align:center;
}
#content .important-info{
padding-top:50px;
padding-bottom:50px;
}


#step-one{
position:relative;
z-index:9999999;
margin-top:30px;
}
#step-one input[type="submit"]:hover{
background-color:#76C634;
}
#step-one input[type="submit"]{
display: inline-block;
background: none repeat scroll 0% 0% #5DB613;
color: #FFFFFF;
text-transform: uppercase;
font-family: "LatoBold",Arial,sans-serif;
padding: 15px 30px;
margin-right: 10px;
font-size: 18px;
text-decoration: none;
transition: background-color 0.5s ease 0s;
border:0;
cursor: pointer;
}
#step-one select{
padding: 8px;
border-radius: 4px;
border: 1px solid #CCC;
font-size: 14px;
color: #54585A;
background:#FFFFFF;
width:100%;
}
#step-one input[type="text"]{
font-size: 14px;
padding: 8px;
color: #54585A;
border-radius: 4px;
border: 1px solid #CCC;
width:100%;
}
#step-one .form-row{
clear: both !important;
}
#step-one .form-item{
margin-bottom: 15px;
}
#step-one input.error{
border:1px solid #ff0000;
}
#step-one label{
display:block;
font-family: "OpenSansSemiBold",Arial,sans-serif;
font-size: 14px;
color: #54585A;
}
#step-one .error{
font-family: "OpenSansRegular",Arial,sans-serif;
color:#FF0000;
margin-top:0;
font-size:12px;
margin-bottom:0;
}

#get-a-quote{
padding-top:60px;
}
#get-a-quote .container{
background:#e2e3e7 url('../images/hero-bg.jpg') top right no-repeat;
}

#step-two select{
background:#FFFFFF;
}

#step-one .reviews{
    min-height:290px;
}

.reviews .review-anchor {
    text-decoration: none;
}
.reviews .review {
    padding: 35px;
    margin: 10px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-family: 'LatoRegular', Arial, sans-serif;
    font-size: 14px;
}
.reviews .review .p1 {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: normal;
    margin: 0 0 10px 0;
    color: #636365;
    font-family: 'LatoBold', Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}
.reviews .review .p2 {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    margin: 0 0 10px 0;
    color: #636365;
    font-family: 'LatoBold', Arial, sans-serif;
}
.reviews .review .p3 {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    color: #666;
    margin: 0 0 10px 0;
}
.reviews .review img {
    margin: 0 0 10px 0;
    width: auto !important;
}


#content .form .approx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#content .form .approx input[type="text"] {
    width: 90px;
    display: inline-block;
}
#content .form .approx label {
    display: inline-block;
    padding: 10px 0 10px 10px;
}
#content .form .approx button.streetview {
    /*background-color: #b9b9b9;*/
    background-color: #3279bb;
    border: none;
    color: #FFFFFF;
    padding: 8px 12px;
    font-family: 'latobold',Arial,sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    transition: background-color 0.5s ease;
    text-decoration: none;
    cursor: pointer;
}

#content .form .maps-extra {
    border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-radius: 3px;
    border-color: #ccc;
    padding: 60px 30px 30px 30px;
    position: relative;
    z-index: 100;
    margin-bottom: 30px;
    margin-top: 30px;
}
#content .form .maps-extra .close {
    position: absolute;
    top: 22px;
    right: 30px;
    z-index: 200;
    cursor: pointer;
}
#content .form .maps-extra #water-satellite-view {
    height: 315px;
}
#content .form .maps-extra .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
}
#content .form .maps-extra .controls .distance {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: center;
    padding: 15px 0;
    font-weight: 300;
}
#content .form .maps-extra .controls .clear-markers {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: center;
    padding: 15px 0;
    background-color: #ccc;
    background-color: #747474;
    color: #fff;
    border: 1px solid #ccc;
    border: 1px solid #747474;
    cursor: pointer;
    border-radius: 3px;
}
/*#content .form .maps-extra .controls .done.complete{
    background-color: #5fab1c;
}*/
#content .form .maps-extra .controls .done {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: center;
    padding: 15px 0;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    margin-left: 8px;
    background-color: #3077ba;
    border: 1px solid #3366cc;
}

/* Fonts */

@font-face {
    font-family: 'OswaldRegular';
    src: url('fonts/Oswald-Regular-webfont.eot');
    src: url('fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Regular-webfont.woff2') format('woff2'),
         url('fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Regular-webfont.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('fonts/Lato-Bold-webfont.eot');
    src: url('fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Bold-webfont.woff2') format('woff2'),
         url('fonts/Lato-Bold-webfont.woff') format('woff'),
         url('fonts/Lato-Bold-webfont.ttf') format('truetype'),
         url('fonts/Lato-Bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/Lato-Regular-webfont.eot');
    src: url('fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Regular-webfont.woff2') format('woff2'),
         url('fonts/Lato-Regular-webfont.woff') format('woff'),
         url('fonts/Lato-Regular-webfont.ttf') format('truetype'),
         url('fonts/Lato-Regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league_gothic-webfont.eot');
    src: url('fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/league_gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*************************************************
 Media Queries
 https://getbootstrap.com/docs/4.0/layout/grid/
**************************************************/

/* xs + sm  + md */
@media (max-width: 991px) {
	
    #footer .footer-links{
        float:none;
        margin-bottom: 15px;
    }
    #footer .footer-details{
        float: none;
    }

}

/* xs + sm  */
@media (max-width: 767px) {

    #content #thank-you .trust-a-trader-banner{
        display: block;
    }
    #trust-a-trader .testimonial-logo{
        float:none;
        display: block;
        margin:0 auto 15px auto;
    }
    #trust-a-trader .link{
        float:none;
        text-align: center;
    }
  
    #content .form #postcode{
        display: block;
    }
    #content .form .postcode-button{
        width:100%;
    }

    #get-a-quote .container{
        background-image:none;
    }
    #get-a-quote .tick-list .tick{
        text-align: center;
    }

    #step-one input[type="submit"]{
        width:100%;
    }
    #get-a-quote .cta .callus{
        width:100%;
        text-align: center;
        margin-top:15px;
    }
    #get-a-quote h1{
        text-align: center;
    }

    #header .logo{
        display: block;
        margin-left:auto;
        margin-right:auto;
    }

    #footer-images .left,
    #footer-images .right{
        display: block;
        margin-left:auto;
        margin-right:auto;
    }
    #footer-images .right{
        margin-bottom:50px;
    }

    #header .email,
    #header .phone{
        display: none!important;
    }
}

/* xs */
@media (max-width: 575px) {
    #content .form .approx{
        display: block;
    }
    #content .form .approx button.streetview{
        margin-top:15px;
    }
}

/* sm */
@media (min-width: 576px) and (max-width: 767px) {
}

/* md */
@media (min-width: 768px) and (max-width: 991px) {
    #get-a-quote .container{
        background-image:none;
    }

    #header .email,
    #header .phone{
        font-size:14px;
    }
}

/* lg */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* xl */
@media (min-width: 1200px) {
}