@charset "utf-8";
/* CSS Document */

/* HTML and Body Styles */
*{font-family: Open Sans;}

html{scroll-behaviour: smooth;}
body{font-size: 16px; overflow-x: hidden;}
/* HTML and Body Styles */


/* Styles */
.heading{font-size: 3rem;}
small{font-size: 80% !important;}
.h4.heading{font-size: 1.5rem;}
.text-blue{color: #0957a0 !important;}
.text-grey{color: #545454 !important;}
.underline{text-decoration: underline !important;}
.bg-blue{background-color: #0957a0 !important; color: #fff !important;}
.bg-grey{background-color: #F7F7F7 !important; color: #545454 !important; border-top: 1px solid #e0e0e0 !important; border-bottom: 1px solid #e0e0e0 !important;}
.bg-opaque-white{background-color: rgba(255,255,255,0.4);}
.border-bottom-blue{border-bottom: 1px solid #0957a0 !important;}
.overflow-y-hidden{overflow-y: hidden;}
.overflow-y-auto{overflow-y: auto;}
.nowrap{white-space: nowrap;}
.no-bottom-border{border-bottom: none !important;}
.select-text-center{text-align-last: center;}
.btn.focus, .btn:focus{box-shadow: none !important;}
.semi-hidden-able-logo{left: 0 !important; right: 0 !important; margin-top: -81px !important;}
.height-2px{height: 2px !important;}
.border-grey{border: 1px solid #e0e0e0 !important;}
/* Styles */


/* ERROR PAGE (404) */
.error-page .error-page-content{margin-top: 135px;}
/* ERROR PAGE (404) */


/* THANK YOU PAGE */
.thank-you-page .thank-you-page-content{margin-top: 135px;}
/* THANK YOU PAGE */


/* MAIN PAGES */
.main-page .main-page-content{margin-top: 135px;}
.glazing.testimonials-page .banner-container > .container{background: url("/images/test.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.index .banner-container > .container{background: url("/images/BS4/glazing-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.cat-flap .banner-container > .container{background: url("/images/BS4/cat-flap-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.commercial-glazing .banner-container > .container{background: url("/images/BS4/commercial-glazing-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.door-glass .banner-container > .container{background: url("/images/BS4/door-glass-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.boarding-up .banner-container > .container{background: url("/images/BS4/boarding-up-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.emergency-glazing .banner-container > .container{background: url("/images/BS4/window-repair-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.handle-hinge-repair .banner-container > .container{background: url("/images/BS4/handle-hinge-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.toughened-glass .banner-container > .container{background: url("/images/BS4/toughened-glass-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.misty-windows .banner-container > .container{background: url("/images/BS4/misty-windows-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.secondary-glazing .banner-container > .container{background: url("/images/BS4/glazing-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.window-replacement .banner-container > .container{background: url("/images/BS4/window-replacement-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.window-locks .banner-container > .container{background: url("/images/BS4/window-locks-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.velux-glass .banner-container > .container{background: url("/images/BS4/velux-glass-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.window-repair .banner-container > .container{background: url("/images/BS4/window-repair-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.shop-fronts .banner-container > .container{background: url("/images/BS4/shopfront-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
.glazing.double-glazing .banner-container > .container{background: url("/images/BS4/double-glazing-banner-bg.jpg") center no-repeat; min-height: 472px; background-size: 100% auto;}
/* MAIN PAGES */


/* BACK TO TOP BUTTON */
#top{position: absolute; top: 0;}
/* BACK TO TOP BUTTON */


/* MODAL */
.form-close-desktop{position: absolute; top: 0; right: 0; margin-top: -55px; margin-right: -55px;}
.form-close-tablet{position: absolute; top: 0; right: 0;}
.mob-form-row{position: sticky; top: 0; background-color: #fff; z-index: 2;}
.modal .collapse:not(.show){display: inline-block !important;}
.modal .modal-content{border: 4px solid #0957a0;}
/*.modal-text-wrapper{padding-bottom: 110px;}*/
.modal-text-wrapper > .col-12{border-bottom: 3px solid #0957a0; margin-bottom: 50px;}
.modal-text-wrapper > .col-12 > img{margin-bottom: -19px;}
.input-group-prepend{cursor: pointer;}
.input-group > input, .input-group > select{height: 39px;}

.service-modal-close-icon{opacity: 1;}
.service-modal-close-icon > img{max-width: 50px; min-width: 50px;}
/* MODAL */


/* FIXED TOP MENU */
.header{border-bottom: 4.5px solid #0957a0; height: 135px; background-color: #FFF; z-index: 1039; position: fixed;}
.desktop-top{margin-top: 20px;}
.desktop-top > .nav > .row > .col{background-color: rgba(255,255,255,0) !important; color: #212529 !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.desktop-top > .nav > .row > .col:hover{background-color: #0957a0 !important; color: #fff !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.desktop-top > .nav > .row{margin-top: 2.5px;}
.logo img{max-width: 160px;}

.nav .nav-link{font-size: 17px;}

.dropdown-menu{margin-top: 5px; max-height: 298px; overflow-y: scroll;}

/* Mobile */
.mob-header{height: 75px; border-bottom: 2px solid #0957a0; background-color: #FFF; z-index: 1038; position: fixed;}
.mob-header-logo{max-height: 75px;}
.mob-header-logo img{z-index: 1037; position: relative; max-width: 90px;}

.service-menu {height: 100%; width: 100%; position: fixed; z-index: 17; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.75); overflow-x: hidden;}
.service-menu-content {position: relative; top: 75px !important; width: 100%; text-align: center;}
.service-menu a {padding: 8px; text-decoration: none; font-size: 18px; color: #fff; display: block;}
.service-menu a:hover, .service-menu a:focus {color: #f1f1f1;}
.service-menu .closebtn {position: absolute; top: 100px; right: 45px; font-size: 32px;}

.mob-header-burger-icon .dropdown-item:focus{background-color: inherit !important;}
.mob-header-burger-icon .dropdown-item:hover{background-color: inherit !important;}
.mob-header-burger-icon .dropdown-item:active{background-color: #007bff !important;}
.mob-header-burger-icon > .dropdown > .dropdown-menu{margin-top: 74px; background-color: #0957a0; border: none; border-left: 96px solid transparent; border-bottom: none; border-radius: 0; max-height: 100%; overflow: hidden;}
.mob-header-burger-icon > .dropdown > .dropdown-menu > hr{background-color: #f9f9f9; height: 1px;}
#dropdownBurgerMenu > p{margin-top: -10px !important;}
/* Mobile */
/* FIXED TOP MENU */


/* FIXED BOTTOM MENU */
.bottom-call-icon{position: fixed; z-index: 16;}
.bottom-call > .container{border: 2px solid #0957a0; border-bottom: none;}
/* FIXED BOTTOM MENU */


/* BANNER */
/* Margin top value for banner on desktop */
.banner-container{margin-top: 135px;}
/* Margin top value for banner on desktop */

/* Makes first two rows of headings have an opaque grey BG */
.banner-container [class*=" col-"]:not(:first-of-type), .banner-container [class*=" col-"]:not(:nth-of-type(2)){background-color: rgba(37,37,37,0.85);}
/* Makes first two rows of headings have an opaque grey BG */

/* Makes second two rows of headings have an opaque white BG */
.banner-container [class*=" col-"]:nth-of-type(3), .banner-container [class*=" col-"]:last-of-type{background-color: rgba(255,255,255,0.85);}
/* Makes second two rows of headings have an opaque white BG */
/* BANNER */


/* WHY CHOOSE ABLE SECTION MOBILE */
/*.why-choose-us-mob .media > .media-body{border-bottom: 1px solid #0957a0;}*/
.why-choose-us-mob .media-border-between{position: absolute; background-color: #0957a0; left: 25px; right: 0; margin-left: auto; margin-right: auto; border: 0.5px solid #0957a0;}
.opaque-able-bg{background: url("/images/BS4/able-logo-bg-opaque.png") center no-repeat; background-size: contain;}
/* WHY CHOOSE ABLE SECTION MOBILE */


/* TABBABLE SECTION */
.glazing.index .tabbable-desktop, .glazing.index .tabbable-mobile{background: url("/images/BS4/glazing-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.cat-flap .tabbable-desktop, .glazing.cat-flap .tabbable-mobile{background: url("/images/BS4/cat-flap-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.commercial-glazing .other-glazing-desktop, .glazing.commercial-glazing .other-glazing-mobile{background: url("/images/BS4/commercial-glazing-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.toughened-glass .tabbable-desktop, .glazing.toughened-glass .tabbable-mobile{background: url("/images/BS4/toughened-glass-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.door-glass .tabbable-desktop, .glazing.door-glass .tabbable-mobile{background: url("/images/BS4/door-glass-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.boarding-up .tabbable-desktop, .glazing.boarding-up .tabbable-mobile{background: url("/images/BS4/boarding-up-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.emergency-glazing .tabbable-desktop, .glazing.emergency-glazing .tabbable-mobile{background: url("/images/BS4/window-repair-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.handle-hinge-repair .tabbable-desktop, .glazing.handle-hinge-repair .tabbable-mobile{background: url("/images/BS4/handle-hinge-repair-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.misty-windows .tabbable-desktop, .glazing.misty-windows .tabbable-mobile{background: url("/images/BS4/misty-windows-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.secondary-glazing .tabbable-desktop, .glazing.secondary-glazing .tabbable-mobile{background: url("/images/BS4/secondary-glazing-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.window-replacement .tabbable-desktop, .glazing.window-replacement .tabbable-mobile{background: url("/images/BS4/window-replacement-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.window-locks .tabbable-desktop, .glazing.window-locks .tabbable-mobile{background: url("/images/BS4/window-locks-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.double-glazing .other-glazing-desktop, .glazing.double-glazing .other-glazing-mobile{background: url("/images/BS4/double-glazing-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.velux-glass .tabbable-desktop, .glazing.velux-glass .tabbable-mobile{background: url("/images/BS4/velux-glass-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.window-repair .tabbable-desktop, .glazing.window-repair .tabbable-mobile{background: url("/images/BS4/window-repair-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
.glazing.shop-fronts .other-shopfront{background: url("/images/BS4/shopfront-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
/* TABBABLE SECTION */


/* TABBABLE SECTION DESKTOP */
#tabbableBarDesktop > .nav-item > .active{color: #0957a0 !important; font-weight: bold !important;}
#tabbableBarDesktop > .nav-item > .nav-link{font-size: 1.25rem;}
/* TABBABLE SECTION DESKTOP */


/* TABBABLE SECTION MOBILE */
.tabbable-mobile button[aria-expanded="true"] > h4{color: #0957a0 !important; font-weight: bold !important;}
.tabbable-mobile btn > h4{font-size: 1rem;}
.tabbable-mobile .card-header h4{font-size: 1.25em;}

.tabbable-mobile button[aria-expanded="true"] > h4{color: #0957a0 !important; font-weight: bold !important;}
.tabbable-mobile btn > h4{font-size: 1rem;}

#windowReplacementTabbable .card{border-top: none; border-top: 1px solid #fff; border-top-left-radius: 0; border-top-right-radius: 0; background-color: transparent;}
#windowReplacementTabbable .card-header{background-color: transparent !important;}
#windowReplacementTabbable .collapse-content{border-top: 1px solid rgb(255,255,255); margin-bottom: -1px;}
#windowReplacementTabbable .btn{background-color: transparent;}
#windowReplacementTabbable .btn[aria-expanded*="true"] span::after{content: "-"; color: #fff; text-align: center; font-weight: 400; font-size: 42px;}
#windowReplacementTabbable .btn[aria-expanded*="false"] span::after{content: "+"; color: #fff; text-align: center; font-weight: 400; font-size: 42px;}

#windowRepairTabbable .card{border-top: none; border-top: 1px solid #fff; border-top-left-radius: 0; border-top-right-radius: 0; background-color: transparent;}
#windowRepairTabbable .card-header{background-color: transparent !important;}
#windowRepairTabbable .collapse-content{border-top: 1px solid rgb(255,255,255); margin-bottom: -1px;}
#windowRepairTabbable .btn{background-color: transparent;}
#windowRepairTabbable .btn[aria-expanded*="true"] span::after{content: "-"; color: #fff; text-align: center; font-weight: 400; font-size: 42px;}
#windowRepairTabbable .btn[aria-expanded*="false"] span::after{content: "+"; color: #fff; text-align: center; font-weight: 400; font-size: 42px;}

#windowLocksTabbable .card{border-top: none; border-top: 1px solid #fff; border-top-left-radius: 0; border-top-right-radius: 0; background-color: transparent;}
#windowLocksTabbable .card-header{background-color: transparent !important;}
#windowLocksTabbable .collapse-content{border-top: 1px solid rgb(255,255,255); margin-bottom: -1px;}
#windowLocksTabbable .btn{background-color: transparent;}
#windowLocksTabbable .btn[aria-expanded*="true"] span::after{content: "-"; color: #fff; text-align: center; font-weight: 400; font-size: 42px;}
#windowLocksTabbable .btn[aria-expanded*="false"] span::after{content: "+"; color: #fff; text-align: center; font-weight: 400; font-size: 42px;}
/* TABBABLE SECTION MOBILE */


/* BOARDED UP SECTION */
.glazing.shop-fronts .board-up-bg{background: url("/images/BS4/shopfront-boarded-up-bg.jpg") center no-repeat; background-size: cover; min-height: 360px;}
.glazing.double-glazing .glazing-condensation-bg{background: url("/images/BS4/glazing-condesation-bg.jpg") center no-repeat; background-size: cover; min-height: 360px;}
/* BOARDED UP SECTION */


/* TESTIMONIALS */
#testimonialCarousel .quote, .testimonials-page .testimonials-content .quote{min-height: 66px}
#testimonialCarousel .quote::before, .testimonials-page .testimonials-content .quote::before{content: open-quote " "; font-weight: 800; font-size: 22px; color: #0957a0;}
#testimonialCarousel .quote::after, .testimonials-page .testimonials-content .quote::after{content: " " close-quote; font-weight: 800; font-size: 22px; color: #0957a0;}
#testimonialCarousel p:last-of-type::before, .testimonials-page .testimonials-content p:last-of-type::before{content: "\2212" " "; font-style: italic;}
/* TESTIMONIALS */


/* FAQ */
#faqTabbableMob .card{border-top: none; border-top: 1px solid #0957a0; border-top-left-radius: 0; border-top-right-radius: 0;}
#faqTabbableMob .faq-content{border-top: 1px solid rgb(255,255,255); margin-bottom: -1px;}
#faqTabbableMob .btn[aria-expanded*="true"] span::after{content: "-"; color: #0957a0; text-align: center; font-weight: 700; font-size: 42px;}
#faqTabbableMob .btn[aria-expanded*="false"] span::after{content: "+"; color: #0957a0; text-align: center; font-weight: 700; font-size: 42px;}
/* FAQ */


/* TABLE */
.table-able-logo img:first-of-type {margin-bottom: -14px;}
/* TABLE */


/* WHY CHOOSE ABLE MOBILE CAROUSEL */
.carousel-control-prev, .carousel-control-next, .carousel-indicators{filter: invert(100%);}
.carousel-indicators .active{filter: invert(100%); background-color: #0957a0 !important;}
/* WHY CHOOSE ABLE MOBILE CAROUSEL */


/* NEAR ME SECTION */
.near-me{background: url(images/nationwide_map_new3.jpg) top no-repeat; background-size: cover;}
.social-media img{width: 50px;}
.near-me a{text-decoration: underline;}
.near-me a:hover{text-decoration: none;}
/* NEAR ME SECTION */


/* FOOTER */
.footer{background-color: #252525;}
.footer a{text-decoration: underline;}
.footer a:hover{text-decoration: none; color: #0957a0 !important;}
/* FOOTER */


/* FIXED BOTTOM CALL ICON */
.back-to-top-icon{z-index: 14; width: 50px !important;}
/* FIXED BOTTOM CALL ICON */


/* FIXED BOTTOM CALL ICON */
.mob-bottom-call-icon{z-index: 14;}
/* FIXED BOTTOM CALL ICON */


/* MEDIA QUERIES */
/* Screens greater than 2560px (1440p) wide */
@media only screen and (min-width: 2560px) {
	.number-wrap h2{font-size: 1.85em !important;}
}
/* Screens greater than 2560px (1440p) wide */


/* Screens less than 991px wide */
@media only screen and (max-width: 991px) {
	/* Styles */
	.heading{font-size: 2.5rem;}
	.h4.heading{font-size: 1.25rem;}
	/* Styles */
	
	/* MAIN PAGES */
	.main-page .main-page-content, .accessibility .content, .terms .content, .cookies .content, .privacy .content{margin-top: 75px;}
	.glazing.testimonials-page .banner-container > .container{background: url("/images/test.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.index .banner-container > .container{background: url("/images/BS4/glazing-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.cat-flap .banner-container > .container{background: url("/images/BS4/cat-flap-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
    .glazing.commercial-glazing .banner-container > .container{background: url("/images/BS4/commercial-glazing-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
    .glazing.door-glass .banner-container > .container{background: url("/images/BS4/door-glass-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.boarding-up .banner-container > .container{background: url("/images/BS4/boarding-up-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.emergency-glazing .banner-container > .container{background: url("/images/BS4/window-repair-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.handle-hinge-repair .banner-container > .container{background: url("/images/BS4/handle-hinge-repair-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.toughened-glass .banner-container > .container{background: url("/images/BS4/toughened-glass-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.misty-windows .banner-container > .container{background: url("/images/BS4/misty-windows-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.secondary-glazing .banner-container > .container{background: url("/images/BS4/glazing-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.window-replacement .banner-container > .container{background: url("/images/BS4/window-replacement-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.window-locks .banner-container > .container{background: url("/images/BS4/window-locks-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.window-repair .banner-container > .container{background: url("/images/BS4/window-repair-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.velux-glass .banner-container > .container{background: url("/images/BS4/velux-glass-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.shop-fronts .banner-container > .container{background: url("/images/BS4/shopfront-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	.glazing.double-glazing .banner-container > .container{background: url("/images/BS4/double-glazing-banner-bg.jpg") center no-repeat; min-height: 400px; max-width: 100%; background-size: cover;}
	/* MAIN PAGES */
	
	/* BANNER */
	.banner-container{padding-left: 0; padding-right: 0; margin-top: 75px;}
	.banner-container > .container{width: 100% !important;}
	/* BANNER */
	
	
	/* TESTIMONIALS */
	#testimonialCarousel{min-height: 0;}
	#testimonialCarousel img{max-width: 50%;}
	/* TESTIMONIALS */


	/* COMPLIANCE */
	.compliance img{width: 75%;}
	/* COMPLIANCE */


	/* NEAR ME SECTION */
	.social-media img{width: 25px;}
	/* NEAR ME SECTION */
	}
/* Screens less than 991px wide */


/* Screens less than 767px ('sm' breakpoint) wide */
@media only screen and (max-width: 767px) {
	/* Body */
	body{font-size: 14px !important;}
	/* Body */	
	
	
	/* Styles */
	.h3{font-size: 1.25rem;}
	.heading{font-size: 1.5rem;}
	/* Styles */
	
	/* MAIN PAGES */
	.glazing.testimonials-page .banner-container > .container{background: url("/images/test.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.index .banner-container > .container{background: url("/images/BS4/glazing-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.cat-flap .banner-container > .container{background: url("/images/BS4/cat-flap-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.commercial-glazing .banner-container > .container{background: url("/images/BS4/commercial-glazing-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.door-glass .banner-container > .container{background: url("/images/BS4/door-glass-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.boarding-up .banner-container > .container{background: url("/images/BS4/boarding-up-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.emergency-glazing .banner-container > .container{background: url("/images/BS4/window-repair-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.handle-hinge-repair .banner-container > .container{background: url("/images/BS4/handle-hinge-repair-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.toughened-glass .banner-container > .container{background: url("/images/BS4/toughened-glass-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.misty-windows .banner-container > .container{background: url("/images/BS4/misty-windows-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.secondary-glazing .banner-container > .container{background: url("/images/BS4/glazing-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.window-replacement .banner-container > .container{background: url("/images/BS4/window-replacement-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.window-locks .banner-container > .container{background: url("/images/BS4/window-locks-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.window-repair .banner-container > .container{background: url("/images/BS4/window-repair-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.velux-glass .banner-container > .container{background: url("/images/BS4/velux-glass-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.shop-fronts .banner-container > .container{background: url("/images/BS4/shopfront-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	.glazing.double-glazing .banner-container > .container{background: url("/images/BS4/double-glazing-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}	
	/* MAIN PAGES */
	
	
	/* MODAL */
	.modal-content{max-height: 500px; overflow: scroll;}
	.modal-body{display: block; height: auto !important;}
	.modal .collapse:not(.show){display: none !important;}
	.modal-text-wrapper{padding-bottom: 0;}
	.mob-form-row{border-bottom: 1px solid #0957a0;}
	.mob-form-row img{margin-bottom: -14px;}
	/* MODAL */
	
	
	/* ERROR PAGE (404) */
	/* MAIN CONTENT */
	.error-page .error-page-content{margin-top: 75px;}
	/* MAIN CONTENT */
	
	
	/* FOOTER */
	.error-page .footer{padding-bottom: 1rem !important;}
	/* FOOTER */
	/* ERROR PAGE (404) */
	
	
	/* THANK YOU PAGE */
	/* MAIN CONTENT */
	.thank-you-page .thank-you-page-content{margin-top: 75px;}
	/* MAIN CONTENT */
	
	
	/* FOOTER */
	.thank-you-page .footer{padding-bottom: 1rem !important;}
	/* FOOTER */
	/* THANK YOU PAGE */
	

	/* BANNER */
	/* Margin top value for banner on mobile */
	.banner-container{margin-top: 75px;}
	/* Margin top value for banner on mobile */
	/* BANNER */


    /* BOARDED UP SECTION */
    .glazing.shop-fronts .board-up-bg{background: url("/images/BS4/shopfront-boarded-up-bg.jpg") center no-repeat; background-size: cover; min-height: 175px;}
    .glazing.double-glazing .glazing-condensation-bg{background: url("/images/BS4/glazing-condesation-bg.jpg") center no-repeat; background-size: cover; min-height: 175px;}
    /* BOARDED UP SECTION */
	
	
	/* FOOTER */
	.footer{padding-bottom: 60px !important;}
	/* FOOTER */
}
/* Screens less than 767px ('sm' breakpoint) wide */


/* Screens less than 575px ('xs' breakpoint) wide */
@media only screen and (max-width: 575px) {
	/* FIXED BOTTOM CALL ICON */
	.back-to-top-icon{width: 25% !important;}
	/* FIXED BOTTOM CALL ICON */
}
/* Screens less than 575px ('xs' breakpoint) wide */


/* Screens less than 450px wide and 568px tall */
@media only screen and (max-width: 450px) {
	/* MAIN PAGES */
	.glazing.testimonials-page .banner-container > .container{background: url("/images/test.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.index .banner-container > .container{background: url("/images/BS4/glazing-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.cat-flap .banner-container > .container{background: url("/images/BS4/cat-flap-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.commercial-glazing .banner-container > .container{background: url("/images/BS4/commercial-glazing-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.door-glass .banner-container > .container{background: url("/images/BS4/door-glass-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.boarding-up .banner-container > .container{background: url("/images/BS4/boarding-up-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.emergency-glazing .banner-container > .container{background: url("/images/BS4/window-repair-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.handle-hinge-repair .banner-container > .container{background: url("/images/BS4/handle-hinge-repair-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.toughened-glass .banner-container > .container{background: url("/images/BS4/toughened-glass-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.misty-windows .banner-container > .container{background: url("/images/BS4/misty-windows-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.secondary-glazing .banner-container > .container{background: url("/images/BS4/glazing-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.window-replacement .banner-container > .container{background: url("/images/BS4/window-replacement-banner-bg.jpg") right no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.window-locks .banner-container > .container{background: url("/images/BS4/window-locks-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.window-repair .banner-container > .container{background: url("/images/BS4/window-repair-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.velux-glass .banner-container > .container{background: url("/images/BS4/velux-glass-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.shop-fronts .banner-container > .container{background: url("/images/BS4/shopfront-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	.glazing.double-glazing .banner-container > .container{background: url("/images/BS4/double-glazing-banner-bg.jpg") center no-repeat; min-height: 200px; max-width: 100%; background-size: cover;}
	/* MAIN PAGES */


    /* TABBABLE SECTION */
    .glazing.index .tabbable-desktop, .glazing.index .tabbable-mobile{background: url("/images/BS4/glazing-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.cat-flap .tabbable-desktop, .glazing.cat-flap .tabbable-mobile{background: url("/images/BS4/cat-flap-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.commercial-glazing .other-glazing-desktop, .glazing.commercial-glazing .other-glazing-mobile{background: url("/images/BS4/commercial-glazing-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.toughened-glass .tabbable-desktop, .glazing.toughened-glass .tabbable-mobile{background: url("/images/BS4/toughened-glass-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.handle-hinge-repair .tabbable-desktop, .glazing.handle-hinge-repair .tabbable-mobile{background: url("/images/BS4/handle-hinge-repair-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.door-glass .tabbable-desktop, .glazing.door-glass .tabbable-mobile{background: url("/images/BS4/door-glass-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.misty-windows .tabbable-desktop, .glazing.misty-windows .tabbable-mobile{background: url("/images/BS4/misty-windows-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.secondary-glazing .tabbable-desktop, .glazing.secondary-glazing .tabbable-mobile{background: url("/images/BS4/secondary-glazing-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.boarding-up .tabbable-desktop, .glazing.boarding-up .tabbable-mobile{background: url("/images/BS4/boarding-up-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.window-replacement .tabbable-desktop, .glazing.window-replacement .tabbable-mobile{background: url("/images/BS4/window-replacement-blacked-out-bg.jpg") center no-repeat; background-size: cover; background-position: -950px;}
    .glazing.double-glazing .other-glazing-desktop, .glazing.double-glazing .other-glazing-mobile{background: url("/images/BS4/double-glazing-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.velux-glass .tabbable-desktop, .glazing.velux-glass .tabbable-mobile{background: url("/images/BS4/velux-glass-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.window-repair .tabbable-desktop, .glazing.window-repair .tabbable-mobile{background: url("/images/BS4/window-repair-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    .glazing.shop-fronts .other-shopfront{background: url("/images/BS4/shopfront-blacked-out-bg.jpg") center no-repeat; background-size: cover;}
    /* TABBABLE SECTION */
}
/* Screens less than 450px wide and 568px tall */
/* MEDIA QUERIES */