body{ font-family: proxima-soft, sans-serif; font-size: 18px; color: #2a3d4d; }

/* Random */
.spacer{padding-top: 30px; padding-bottom: 30px;}
.md-spacer{padding-top:80px; padding-bottom: 80px;}
.all-spacer{padding-top:120px; padding-bottom:120px;}
.banner-spacer{padding-top: 150px; padding-bottom: 150px; }

.blue-p{color: #0a9cef;}
.blue{background-color:#2a3d4d;}
.dark-blue{background-color: #19202a;}

.grey{background-color:#fcfcfc; border: 1px solid #f1f1f1;}

.hidemob strong{ font-size: 26px; }

/* .virusbox{ position: fixed; top: 10%;  max-width: 370px; padding: 10px; width: 100%; background: #fff; border: 1px solid #f9f9f9; right: 0%;  }
.virusbox h3{ font-size: 22px; display: inline-block;}
.virusbox p{ font-size: 16px; } */
.inlinerow{ display: inline-block; width: 100%; }

h1{font-size: 36px; font-weight: 600; color:#175a7a; }
h2{color: #175a7a; font-weight: 600; font-size: 28px;}
h3{color: #777777; font-size: 22px;}

.container{max-width: 1300px;}

.button {padding: 6px; background-color:#0a9cef; color: white; max-width: 110px; border-radius: 2px; margin: 0 auto;}
/* Random */


/* MAIN */
main{max-width: 1000px; margin: 0 auto;}
/* MAIN */

/* Header */
header{padding:20px 0; border-bottom: 1px solid #f5f5f5;}
header strong{color:#0a9cef;}
/* Header */

/* Logo & Nav-Bar */
.logo{width: 100px; display: block;}
.nav-bar{ background-color: #fffffff5;}
.nav-bar ul{margin-top: 10px;}
.nav-bar a{color: #013650!important; font-weight: 600; text-decoration: none;}
.nav-bar p{ font-size: 23px; }
.nav-bar img{margin-top: -4px;}

a{color: #013650!important;}
.cd-nav a{color: white!important;}
/* Logo & Nav-Bar */ 


/* Banner */
.blocked .banner{background-image: url("/Images/blocked.jpg"); background-size:cover; background-position: bottom;} 
.cctv .banner{background-image: url("/Images/cctv.jpg"); background-size:cover; background-position: bottom;} 
.jetting .banner{background-image: url("/Images/jetting.jpg"); background-size:cover; background-position: top;} 
.lining .banner{background-image: url("/Images/pipes.jpg"); background-size:cover; background-position: bottom;} 
.banner{background-image: url("/Images/banner.jpg"); background-size:cover; background-position: bottom;} 
.banner h3{font-size: 24px!important; font-weight: 500;}
.banner-inner ul{list-style: none;  text-align: left; padding: 0;}
.banner-inner{background-color: #ffffffcc;   max-width: 762px; padding-top: 20px;}
.banner-inner li{ display: inline-block; padding:5px 10px ; background-color:#0a9cef; color: white;  border-radius: 2px; margin: 5px}
.trust-pilot-box{ background: #19202b; padding: 20px; font-size: 16px; max-width: 762px;}
.trust-pilot-box h2{ font-weight: 600; font-size: 22px; }
.trust-pilot-box img{ max-width: 150px; width: 100%; margin: 0 auto; }
/* Banner */

/* CTA */
.blue p{font-size: 22px; padding: 0; margin: 0;} 
.blue span {font-size: 28px; font-weight: 600; color: #fff!important;} 
.cta{color: white!important;} 
/* CTA */

/* WHY */
.why ul{list-style: none; padding: 0;}
.why li{ font-weight: 600; }
.why span{padding-right: 10px; color:#0a9cef; }
.customer2{background-image: url("/Images/background.jpg"); width: 100%;  background-size: cover; background-position: center;}
/* WHY */


/*Services*/
.services img{display: block; width: 100%; max-width: 200px; margin: 12px auto; border-radius: 5px;}
/*Services*/


/* TOWNS */
.towns h2{color: white;}
.towns ul{list-style: none; margin-top: 30px; text-align: center; padding:0;}
.towns li{display: inline-block; } 
/* TOWNS */

/* FOOTER */
footer a{color: white!important;}
p.tiny{font-size: 12px;}
/* FOOTER */

/*STICKY NUMBER*/
.sticky-number{ display: none; /*position: -webkit-sticky; position: sticky; top: 0; z-index: 10; */ z-index: 10; position: fixed; bottom: 0; width: 100%; background:#04263a; padding: 20px; border-top: 1px solid #003656;}  
.number img { max-width: 30px; width: 100%; position: relative; bottom: 5px; }
.number { background: #0a9cef; color: #252525; margin: 0 auto; padding: 5px;}
.number-wrap p { font-size: 16px; margin:0px 0 15px 0; color: #fff;}
.number-wrap h2 { text-align: center; margin: 10px auto; letter-spacing: 2px; color: white; display: inline-block; font-size: 20px;}
.sticky-number .fas{color:white;}
/*STICKY NUMBER*/

@media only screen and (min-width: 250px) and (max-width: 992px) {
header{display: none;}
.logo{margin: 0 auto;}	
.nav{display: none;}
.nav-bar{position: fixed; z-index: 20;}
.banner-spacer{padding-top: 202px;} 
.contact{padding-top: 180px;}
.banner-inner{margin: 0 auto; text-align: center;}
.banner-inner ul{text-align: center;}
.trust-pilot-box{margin: 0 auto;}
.trust-pilot-box{margin: 0 auto;}
.hidemob{ display: none; }	
.carousel-inner{ text-align: center; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.md-spacer{padding-top: 30px; padding-bottom: 30px;}
.all-spacer{padding-top: 40px; padding-bottom: 40px;}
h1{font-size: 24px;}	
h2{font-size: 20px;}
h3,.banner h3{font-size:18px!important;}
.customer{height: 300px;}	
.contact{padding-top: 150px;}
.hidemob{ display: none; }
.carousel-inner{ text-align: center; }
}


@media only screen and (min-width: 250px) and (max-width: 575px) { 
.md-spacer{padding-top: 30px; padding-bottom: 30px;}
.all-spacer{padding-top: 40px; padding-bottom: 40px;}
h1{font-size: 24px;}	
h2{font-size: 20px;}
h3,.banner h3{font-size:18px!important;}	
body{font-size: 14px;}	
.banner-spacer{padding-top: 140px; padding-bottom: 40px;}	
.blockquote{font-size: 14px;}	
.customer{height: 150px;}
.testimonials img{width: 180px; margin: 10px auto 0px auto;}
.contact{padding-top: 150px;}
.banner-inner ul li{ text-align: left;}
.hidemob{ display: none; }
.carousel-inner{ text-align: center; }
}

@media only screen and (min-width: 250px) and (max-width: 400px) { 
.sticky-number{display: block;}	
footer{padding-bottom: 130px;}	
.carousel-inner{ text-align: center; }
}

.mb-0 > a { display: block;position: relative;}
.mb-0 > a:after { content: "\f078"; /* fa-chevron-down */ font-family: 'FontAwesome'; position: absolute; right: 0; transition: .3s transform ease-in-out;}
.mb-0 > a[aria-expanded="true"]:after { transform:  rotate(-180deg); transition: .3s transform ease-in-out; }