.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

h1 { font-size: 34px; font-weight: 400; margin-bottom: 19px; }

h2 { font-size: 18px; }

p { font-size: 16px; }

a { cursor: pointer; cursor: hand; }

li > a { display: block; width: 100%; }

.seo-slider > img { max-width: 100%; }

.debug-size { display: none; background: green; color: white; position: fixed; top: 0px; right: 0px; z-index: 10000; }

.show-only-on-tablet, .show-only-on-smdesk, .show-only-on-lgdesk { display: none !important; }

.show-only-on-mobile { display: block !important; }

.half { float: left; width: 100%; box-sizing: border-box; }

.extra-button { width: calc(33.33% - 30px); float: left; height: 150px; margin-top: 15px !important; box-sizing: border-box; position: relative; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-left: 15px; margin-right: 15px; }

.extra-button:hover span { background: #f4f2ef; }

.extra-button span { text-align: left; display: block; position: absolute; width: 100%; bottom: 0px; text-transform: uppercase; padding: 10px; background: white; box-sizing: border-box; color: black; }

.extra-button span > i { float: right; color: red; margin-top: 5px; }

.extra-header { text-align: center; margin-top: 30px; }

.secure-button { background: url("/img/secure-button.jpg"); background-size: cover; background-position: center center; }

.energy-button { background: url("/img/energy-button.jpg"); background-size: cover; background-position: center center; }

.colour-button { background: url("/img/colour-button.jpg"); background-size: cover; background-position: center center; }

html { color: #222; font-size: 1em; line-height: 1.4; font-family: 'Lato', sans-serif; font-weight: 400; }

.clearfix:after { clear: both; }

a { text-decoration: none; color: #e41a28; }

.hide-on-mobile { display: none; }

.go-product-text { padding: 15px; }

#allchecked_leadform h2 { font-size: 24px !important; font-weight: 400; margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; padding-top: 5px; padding-left: 25px; text-align: left !important; }

.pe_submitbutton { text-transform: uppercase !important; font-weight: 400 !important; }

.sitedocs { font-size: 12px; }

.mobile-header { background: #f4f2ef; padding: 15px; text-align: center; position: fixed; top: 0; width: 100%; z-index: 3000; height: 70px; line-height: 50px; box-sizing: border-box; }

.header-buffer { position: relative; z-index: 2999; }

.mobile-header > a > img { max-width: 80%; max-height: 45px; margin-left: -5px; }

.mobile-header-a { display: block; float: left; font-size: 30px; color: red; margin-left: 1px; margin-top: -8px; }

.mobile-header-a span { display: none; }

.product-colors > img { min-width: 100%; max-width: 100%; }

.tel-float { display: none; position: fixed; top: 0px; left: -1000px; background: #eee; z-index: 1001; font-size: 34px; color: black; padding: 15px; text-align: center; line-height: .75; -webkit-transition: all 0.5s; }

.tel-float-show { display: block !important; left: 0px; }

.tel-float span { font-size: 16px; display: inline-block; color: #e41a28; }

.product-text { padding: 30px; text-align: left; }

.product-image { height: 100vw; }

.product-image > img { opacity: 0; }

.product-details { background: #f4f2ef; }

.product-tabs { padding: 0px; margin: 0px; }

.product-image { background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }

.product-tabs li { list-style: none; display: inline-block; width: 33.33%; float: left; text-align: center; padding: 10px; text-transform: uppercase; box-sizing: border-box; white-space: nowrap; font-size: 12px; color: black; background: white; border-right: 1px solid #ccc; }

.product-tabs li:hover { background: #f4f2ef; }

.last-product-tab { border-right: 0px; }

.product-tab-active { background: #f4f2ef !important; }

.product-tab { display: none; padding: 30px; padding-bottom: 30px; }

.product-tab-shown { display: block; }

.product-tab > h2 { margin: 0px; font-size: 20px; }

.product-tab > p { margin-top: 5px; }

.last-product-tab { border-right: 0px !important; float: right; }

menu { position: fixed; top: 0; width: 66.66%; display: none; }

.product-colors { text-align: center; padding: 30px; }

.product-colors > img { max-width: 100%; }

.menushown { z-index: 4000; top: 54px; background: #f4f2ef; padding-left: 0px; display: block; padding-top: 15px; padding-bottom: 15px; }

.menushown a { color: black; text-decoration: none; }

.menushown, .container { padding: 0px; }

.container { padding-left: 0px; padding-right: 0px; box-sizing: border-box; }

.priceengine-container { padding-left: 15px; padding-right: 15px; }

.menushown ul { margin: 0px; padding: 0px; }

.menushown li { padding: 10px; list-style: none; text-transform: uppercase; text-align: left; padding-left: 30px; }

.submenu { display: none; }

.submenu_shown { display: block; }

.submenu_shown li { font-weight: 400; text-align: left; }

.submenu_shown ul { margin-top: 15px; }

slider { display: block; width: 100%; white-space: nowrap; overflow: hidden; position: relative; height: 50vw; }

slider > img { max-width: 100%; min-width: 100%; position: absolute; top: 0px; left: 0px; }

.product-slider { height: 35vw; }

.action { padding-top: 30px; padding-bottom: 30px; text-align: center; display: none; }

.product-slider { display: none; }

.action:hover { background: #f4f2ef; cursor: pointer; cursor: hand; }

.about-container { padding-left: 15px; padding-right: 15px; }

.mobile-action { color: #138D1B !important; }

.action h3 { font-size: 16px; text-transform: uppercase; color: black; font-weight: 400; text-decoration: none; }

.allchecked_slider { background: #f4f2ef !important; }

.action h4 { font-size: 12px; color: #138D1B; margin-bottom: 0px; }

.firstaction { display: block; border-right: 1px solid #ccc; }

.mobile-quote-action { width: calc(50% - 1px); float: left; }

.product { width: 50%; float: left; text-align: center; }

.product > img { min-width: 90%; max-width: 90%; }

.product > span { display: inline-block; width: 90%; text-align: left; background: white; padding: 10px; box-sizing: border-box; margin-top: -5px; margin-bottom: 15px; color: black; text-transform: uppercase; font-size: 2.8vw; }

.product > span > i { float: right; color: red; margin-top: 2px; }

.products { background: #f4f2ef; padding-top: 30px; padding-bottom: 15px; }

.half-image { background-size: cover; background-position: center center; }

.half-text { padding: 30px; }

.extra-cont { margin-top: 50px !important; margin-bottom: 50px !important; border: 1px solid #ccc; }

.extra-pic img { min-width: 100%; max-width: 100%; }

.extra-text { padding: 30px; padding-top: 0px; }

.quote { background: #f4f2ef; padding-top: 30px; padding-bottom: 30px; position: absolute; left: -3000px; -webkit-transition: all 500ms ease-out 0.3s; -moz-transition: all 500ms ease-out 0.3s; -o-transition: all 500ms ease-out 0.3s; transition: all 500ms ease-out 0.3s; height: auto; width: 100%; max-width: 1200px; }

.quote-container { -webkit-transition: all 500ms ease-out 0.3s; -moz-transition: all 500ms ease-out 0.3s; -o-transition: all 500ms ease-out 0.3s; transition: all 500ms ease-out 0.3s; min-height: 250px; position: relative; }

.quote-shown { left: 0px; }

.light-button { background: white; border: 1px solid #ccc; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); margin-bottom: 30px; padding: 30px; text-align: center; height: 155px; overflow: hidden; box-sizing: border-box; display: flex; align-content: center; color: #138D1B; }

.light-button i { display: inline-block; font-size: 36px; margin-bottom: 15px; color: #828282; }

.light-button:hover { background: #e8e4de; }

.light-button > div { width: 100%; }

.why-container > h1 { text-align: center; margin-top: 0px; margin-bottom: 30px; }

.light-text { max-width: 1200px; text-align: center; }

.why-container { padding: 60px; background: #f4f2ef; }

.quote > p { width: 75%; margin: auto auto; font-weight: 300; position: relative; }

.quote > p > img { height: 40px; width: 40px; position: absolute; top: 0px; left: -50px; }

.quote-byline { font-size: 16px; color: #e41a28; padding-top: 20px; font-style: italic; }

.acreds { padding: 30px; text-align: center; }

.acreds > img { max-width: 100%; }

.footer { background: #f4f2ef; text-align: center; padding-top: 30px; padding-bottom: 30px; }

.footer-social { display: inline-block; width: 50px; height: 50px; margin: 10px; }

.footer-social:hover { background: #e8e4de; border-radius: 100%; }

.footer-quote-button { height: 200px; width: 200px; border-radius: 100px; background: white; display: inline-block; color: #138D1B; }

.footer-quote-button > img { margin-top: 60px; }

.footer-quote-button:hover { background: #e8e4de; }

.footer_logo { max-width: 90%; min-width: 90%; }

.product-image > img { min-width: 100%; max-width: 100%; }

.product-tab-shown { background: #f4f2ef; }

.color-image { display: none; }

.color-image-shown { display: inline-block; }

.contact-map { width: 100%; height: 100vw; }

.pe_form_side, .pe_product_menu { background: #f4f2ef !important; }

.pe_product_menu_catagory { background: #e41a28 !important; text-transform: uppercase; font-weight: 300; }

.go-text > img { max-width: 100%; }

.pe_product_select { background: #f4f2ef !important; }

#allchecked_leadform input[name='telephone'], #allchecked_leadform input[name='email'] { width: 60% !important; }

#allchecked_leadform textarea { width: 60% !important; }

#allchecked_leadform { background: #f4f2ef !important; }

.ac_lf_submit > button { text-transform: uppercase !important; }

.news-item img { max-width: 33.33%; max-height: 33.33%; float: left; margin-right: 15px; }

.news-headline h2 { display: inline-block; float: right; }

.news-headline h1 { margin-bottom: 10px; }

.news-headline { border-bottom: 1px solid #e41a28; margin-bottom: 15px; }

.finance-text { background: white; border: 1px solid #ccc; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); padding: 0px; padding-left: 15px; padding-right: 15px; text-align: center; margin-bottom: 30px; box-sizing: border-box; align-content: center; color: #138D1B; }

.finance-text h1 { margin-bottom: 10px; display: inline-block !important; color: black; font-size: 24px !important; flex: none; }

.finance-text h1 span { font-size: 20px; font-weight: 300; color: #138D1B; }

.finance-text p { display: inline-block !important; flex: none; margin-top: 0px; font-weight: 300; text-align: left; color: black; padding-left: 15px; }

.finance-text a { display: inline-block; color: white; background: #138D1B; margin-top: 10px; padding: 10px; text-transform: uppercase; }

.fin-corner { display: none; height: 180px; width: 180px; color: transparent; position: fixed; right: 0; z-index: 1500; background: url("/img/triangle.png"); background-size: cover; animation: pulsate 0.8s ease-out; animation-iteration-count: infinite; animation-direction: alternate; }

@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(1, 1); }
  100% { -webkit-transform: scale(1.1, 1.1); } }

@-moz-keyframes pulsate { 0% { -moz-transform: scale(1, 1); }
  50% { }
  100% { -moz-transform: scale(1.1, 1.1); } }

@-ms-keyframes pulsate { 0% { -ms-transform: scale(1, 1); }
  100% { -ms-transform: scale(1.1, 1.1); } }

@-o-keyframes pulsate { 0% { -o-transform: scale(1, 1); }
  50% { }
  100% { -o-transform: scale(1.1, 1.1); } }

@keyframes pulsate { 0% { transform: scale(1, 1); }
  50% { }
  100% { transform: scale(1.1, 1.1); } }

/*# sourceMappingURL=../css/main2.map */