body{ font-family: 'Quicksand', sans-serif; font-size: 18px; color: #7a7a7a; }

h1, h2, h3, h4{ margin: 0; display: inline-block; font-size: 30px; }

p{ margin: 0; }

/*RANDOM STYLES*/
a{ text-decoration: none; color: #7a7a7a; }
a:link{ color: #fff; }
a:hover{ text-decoration: none; }
a:focus{ text-decoration: none; }
 a:hover{ cursor:pointer; }
.text-spacer{ margin-bottom: 20px; display: inline-block; width: 100%; }
.title-spacer{ margin-bottom: 60px; display: inline-block; width: 100%; }
.content-spacer{ margin-top: 80px; margin-bottom: 80px; display: inline-block; width: 100%; }
.container-spacer{ margin-top: 80px; display: inline-block; width: 100%; }
.footer-spacer{ margin-top: 40px; margin-bottom: 40px; display: inline-block; width: 100%; }
.mobile{ display: none; }
.title h4{ font-size: 22px; margin-top: 10px; }
.title h2{ display: block; }
.title{ text-align: center; }
.light-grey{ background-color: #fbfbfb; }
.tiny{ font-size: 12px; }
.desktop{ display: block; }
.town{ color: #f53025; text-transform: uppercase; font-weight: 500; font-size: 26px; }
.virusbox{ position: fixed; top: 14%;  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%; }
/*RANDOM STYLES*/

/*HEADER*/
header{ background-color: #fff; padding: 20px 0px 20px 0px; }
.logo img{ max-width: 200px; width: 100%; padding: 20px 0px 28px 0px; }
.bullets ul li{ padding: 10px; padding-left: 0px; font-size: 18px; display: inline; }
.bullets ul{ padding: 20px 0px 20px 0px; list-style: none; margin-bottom: 0px; color: #7a7a7a; text-align: right; }
.glyphicon-wrench{ color: #f53025; }
.top-number{ color: #fff; text-align: right; }
.red-bg{ background-color: #ed1b06; padding: 5px; color: #fff; text-align: right; display: inline-block; margin-top: 10px;}
.red-bg h2{ font-weight: 600; font-size: 32px; }
.red-bg span{ font-size: 22px; font-weight: 400; position: relative; bottom: 4px; }

.bullets-mob ul li{ padding: 10px; padding-left: 0px; font-size: 22px; font-weight: 500; }
.bullets-mob ul{ padding: 20px 0px 20px 0px; list-style: none; margin-bottom: 0px; color: #fff; text-align: left; }
.top-bar-wrap h2{ font-size: 28px; display: inline-block; margin: 0; }
.top-bar-wrap p{ font-size: 18px; display: inline-block; margin: 0; font-weight: 100; }
.top-bar-wrap{ padding: 35px 0px 35px 0px; color: #fff; display: inline-block; }

.top-bar{ background-color: #253544; width: 100%; }
.small{ color: #f53025 !important; }
.top-bar-c2a-wrap{ text-align: right; padding: 15px 0px 15px 0px; }
.top-bar-c2a-wrap p{ color: #fff; margin: 0; }
.top-bar-c2a-wrap h2{ color: #fff; font-size: 40px; margin: 0; }

.opening-time{ text-align: right; padding: 20px 0px 20px 0px; }
.opening-time p{ display: inline-block; }
.opening-time span{ font-weight: 600; color: #f53025; }
.glyphicon-time{ color: #f53025; margin-right: 10px; }
.opening-time img{ max-width: 120px; width: 100%; margin-left: 20px; }
.bullets { display: none; }

/*HEADER*/


/*REVIEW BOX*/
.review-box img{ max-width: 150px; width: 100%; }
.review-box-wrap{ right: 0px; background: #f1f1f1; text-align: center; position: absolute; max-width: 365px; width: 100%; }
.review-box{ padding: 20px; color: #252525; }
.review-box-wrap .button{ max-width: 100%; }
.no-min{ min-height: 0px; }
.no-review-box .review-box-wrap{ display: none; }
/*REVIEW BOX*/

/*REVIEW PAGE*/
.reviews img{ max-width: 150px; width: 100%;  }
.five img{ max-width: 180px !important; width: 100%;  }
/*REVIEW PAGE*/

/*TERMS PAGE*/
.terms{ text-align: left; }
.terms-content{ text-align: left; }
/*TERMS PAGE*/

/*BANNER*/
.banner{ background-image: url(../images/banner.jpg); background-repeat: no-repeat; background-position: center; /*height: 600px;*/ background-size: cover; }
.shop .banner{ background-image: url(../images/shop-front.jpg); background-repeat: no-repeat; background-position: center; height: 600px; background-size: cover; }
.board-up .banner{ background-image: url(../images/boarding-up.jpg); background-repeat: no-repeat; background-position: top; height: 600px; background-size: cover; }
.double-glazing .banner{ background-image: url(../images/double-glazing.jpg); background-repeat: no-repeat; background-position: top; height: 600px; background-size: cover; }
.window-repair .banner{ background-image: url(../images/repair.jpg); background-repeat: no-repeat; background-position: top; height: 600px; background-size: cover; }

.towns{ text-align: center; }
.towns ul li{ padding: 10px; padding-left: 0px; font-size: 18px; display: inline; color: #f53025; }
.towns ul{ padding: 20px; list-style: none; text-align: center; margin-bottom: 0px; }

.home-page .banner-box{ margin-top: 0px; }
.town-page .banner-box{ margin-top: 0px; }
.c2a-blue{ background: #263544; }
.c2a-icons{ /*display: inline-block;*/ padding: 20px; }
.c2a-icon img{ max-width: 60px; width: 100%; display: inline-block; }
.c2a-icon p{ display: inline-block; color: #fff; }
.c2a-icon{ text-align: center; }

.banner-box{ background-color: rgba(37, 53, 68, 0.8); padding: 20px; color: #fff; /*margin-top: 140px;*/ }
.banner-box h1{ margin-bottom: 10px; display: block; }
.banner-box h3{ font-size: 24px; font-weight: 400; }
.directories{ display: inline-block; width: 100%; }
.directories p{ display: inline-block; position: relative; top: 20px; }
.directories img{ max-width: 150px; width: 100%; }
.directory-hold{ float: right; }
/*BANNER*/

/*CALL TO ACTION*/
.c2a{ background-color: #f53025; padding: 40px; width: 100%; color: #fff; }
.c2a-inner{ text-align: center; }
.c2a-inner h2{ font-weight: 600; font-size: 32px; }
.c2a-inner span{ font-size: 22px; font-weight: 400; position: relative; bottom: 2px; }
/*CALL TO ACTION*/

/*BUTTONS*/
.red-btn{ background-color: #ef2800 !important; }
.button{ background: #0eba00; font-size: 18px; font-weight: 400; color: #fff; cursor: pointer; text-align: center; padding: 15px; white-space: nowrap; display: inline-block; text-decoration: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); width: 100%; max-width: 200px; }
.button:active{ transform: translateY(4px); }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover{ background-color: #0d9202; color: #fff; outline: 0; }
/*BUTTONS*/

/*MAIN*/
.services{ text-align: center; }
.services h3{ margin-bottom: 20px; }
.services p{ min-height: 190px; }
.small-text{ font-size: 14px; margin-top: 10px; display: block; color: #f53025; }
.service-boxes-inner{ box-shadow: 2px 1px 13px 1px rgba(26,43,64,0.1); padding: 20px; min-height: 230px; }
/*MAIN*/

/*SERVICE ICONS*/
.icons{ text-align: center; }
.icons h2{ font-size: 18px; }
.icons img{ max-width: 80px; width: 100%; margin: 0 auto; }
.icons-inner{ background-color: #fff; padding: 20px; }
/*SERVICE ICONS*/


/*FOOTER*/
.areas-bg{ background-color: #253544; color: #fff; }
.areas ul li{ padding: 10px; padding-left: 0px; font-size: 14px; display: inline; }
.areas ul{ padding: 20px; list-style: none; text-align: center; margin-bottom: 0px; }
footer{ background-color: #17232d; color: #fff; text-align: center; }
footer a{ color: #fff; }
footer a:hover{ color: #fff; }
/*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: #253544; padding: 20px; }  
.number img { max-width: 30px; width: 100%; position: relative; bottom: 5px; }
.number { background: #ed1b06; color: #fff; display: inline-block; float: right; padding: 5px; }
.number-wrap p { font-size: 16px; text-align: right; margin-bottom: 10px; color: #fff; }
.number-wrap h2 { text-align: center; margin: 10px auto; letter-spacing: 2px; color: #fff; }
/*STICKY NUMBER*/


/*RESPONSIVE STYLES*/

@media only screen and (min-width: 1199px) and (max-width: 1399px) {
.directories p{ display: block; top: 0; }
.directory-hold{ float: none; }
.banner-box{ margin-top: 110px; }
.red-bg h2{ font-size: 28px; }
.bullets ul li{ font-size: 12px; }
.review-box-wrap{ max-width: 335px; }

.c2a-icon img{ max-width: 50px; }
.c2a-icon p{ font-size: 14px; }

}

@media only screen and (min-width: 993px) and (max-width: 1198px) {
.directories p{ display: block; top: 0; }
.directory-hold{ float: none; }
.banner-box{ margin-top: 110px; }
.red-bg h2{ font-size: 22px; }
.bullets ul li{ font-size: 10px; }
.red-bg span{ bottom: 0; }
.top-number p{ font-size: 14px; }
.review-box-wrap{ max-width: 292px; }

.c2a-icon img{ max-width: 50px; }
.c2a-icon p{ font-size: 14px; display: block; }

}

@media only screen and (min-width: 770px) and (max-width: 992px) {

.content-spacer{ margin-top: 40px; margin-bottom: 40px; }
.title-spacer{ margin-bottom: 40px; }
.mobile{ display: block; }
.desktop{ display: none; }

.services p{ min-height: auto; }

.logo img{ margin: 0 auto; display: inline-block; }
.logo{text-align: center;}	

.banner{ height: auto !important; }
.banner-box{ margin-top: 0px; }

.top-number{ text-align: center; }
.top-number p{ margin-top: 20px; }
.directories p{ display: block; top: 0; margin-bottom: 20px; }
.directory-hold{ float: none; }

.top-bar-c2a-wrap{ text-align: center; }

header{ padding: 0px; }

.service-boxes-inner{ margin-bottom: 20px; }

.service-boxes-inner-last{ margin-bottom: 0px !important; }

.c2a-blue{ display: none; }

.opening-time{ display: none; }

}

@media only screen and (min-width: 520px) and (max-width: 769px) {

h1, h2, h3, h4{ font-size: 22px !important; }

.title h4{ font-size: 18px !important }

p{ font-size: 18px !important; }

.sticky-number{ display: none; }
.mobile{ display: block; }
.desktop{ display: none; }
.content-spacer{ margin-top: 20px; margin-bottom: 20px; }
.title-spacer{ margin-bottom: 20px; }
.services p{ min-height: auto; }

.logo img{ margin: 0 auto; display: inline-block; max-width: 200px; }
.logo{text-align: center;}	

.banner{ height: auto !important; }
.banner-box{ margin-top: 0px; }

.top-number{ text-align: center; }
.top-number p{ margin-top: 20px; }
.red-bg span{ bottom: 0; }
.directories p{ display: block; top: 0; margin-bottom: 20px; }
.directory-hold{ float: none; }

.c2a-inner span{ bottom: 0; display: block; }
.c2a{ padding: 20px; }

.top-bar-c2a-wrap{ text-align: center; }

header{ padding: 0px; }

.service-boxes-inner{ margin-bottom: 20px; }

.service-boxes-inner-last{ margin-bottom: 0px !important; }

.c2a-blue{ display: none; }

.opening-time{ display: none; }

}

@media only screen and (min-width: 250px) and (max-width: 519px) {

h1, h2, h3, h4{ font-size: 22px !important; }

p{ font-size: 16px !important; }

.title h4{ font-size: 18px !important }

.number img{ max-width: 30px; width: 100%; position: relative; bottom: 5px; }
.number-wrap p{ text-align: center; display: inline-block; width: 100%; }
.number{ float: none; margin: 0 auto; width: 100%; text-align: center; }
.sticky-number{ display: block; }
.mobile{ display: block; }
.desktop{ display: none; }
.content-spacer{ margin-top: 20px; margin-bottom: 20px; }
.title-spacer{ margin-bottom: 20px; }
.logo img{ margin: 0 auto; display: inline-block; max-width: 150px;  padding: 20px 0px 22px 0px;}
.logo{text-align: center;}	

.services p{ min-height: auto; }

.banner{ height: auto !important; }
.banner-box{ margin-top: 0px; }

.top-number{ text-align: center; }
.top-number p{ margin-top: 20px; }
.red-bg span{ bottom: 0; }
.directories p{ display: block; top: 0; margin-bottom: 20px; }
.directory-hold{ float: none; }

.c2a-inner span{ bottom: 0; display: block; }
.c2a{ padding: 20px; }

footer{ min-height: 430px; }

.top-bar-c2a-wrap{ text-align: center; }
.top-bar-c2a-wrap p{ font-size: 14px; }

header{ padding: 0px; }

.service-boxes-inner{ margin-bottom: 20px; }

.service-boxes-inner-last{ margin-bottom: 0px !important; }

.c2a-blue{ display: none; }

.opening-time{ display: none; }
.town{ font-size: 18px; }
}

@media (min-width: 1400px){
.container {
    width: 1400px;
}