body { font-family: 'Ubuntu', Arial,Helvetica,sans-serif; font-weight: 300; font-size: 16px; height: 100%; width: 100%; }

p > b { font-family: 'Ubuntu', Arial,Helvetica,sans-serif;font-weight: 500; }

a, a:hover { text-decoration: none; }

h1 { color: #462A84; font-weight: 300;}

h1 > span { color: #0095D5; font-family: 'Ubuntu', Arial,Helvetica,sans-serif; }

h2 { font-size: 20px; color: #462A84; font-family: 'Ubuntu', Arial,Helvetica,sans-serif; }

h3 { font-size: 16px; font-family: 'Ubuntu', Arial,Helvetica,sans-serif; }

.debug { border: 1px solid red; }

.vevograde, .gradetest, .slider-content-slide > h1, .producthub-header, .product-header, .sibling-header, .local-result > h1, .form-header { background: #462a84; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(left, #462a84 0%, #0095d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #462a84), color-stop(100%, #0095d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #462a84 0%, #0095d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #462a84 0%, #0095d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #462a84 0%, #0095d5 100%); /* IE10+ */ background: linear-gradient(to right, #462a84 0%, #0095d5 100%); /* W3C */ }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gradetest { color: white; }

.header { background: #2B2A2F; height: 255px; }

.logo-container { line-height: 255px; }

.logo { max-height: 125px; max-width: 280px; }

.header-container { text-align: right; margin-top: 75px; }

.phone-number { font-size: 24px; color: white; }

.phone-number > span, .opening-times > span { color: #0095D5; }

.blacktext { color: black !important; }

.whitetext { color: white !important; }

.opening-times { color: black; font-size: 20px; }

.container { z-index: 1; }

.menu { color: white; text-align: center; position: relative; }

.body { min-height: 300px; margin-top: 25px; }

.homeslider { max-height: 500px; min-height: 200px; overflow: hidden; text-align: center; position: relative; }

.slider-image { min-width: 25%; max-width: 25%; float: left; }

#fullslide { width: 400%; position: relative; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }

.show-slide-2 { -webkit-transform: translateX(-25%); transform: translateX(-25%); }

.show-slide-3 { -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.show-slide-4 { -webkit-transform: translateX(-75%); transform: translateX(-75%); }

.show-slide-1 { -webkit-transform: translateX(0%); transform: translateX(0%); }

.slider-overlay { background-position: center center; background-size: cover; position: absolute; top: 0px; height: 100%; width: 100%; }

.topmenu > i { color: #0095D5; margin-left: 20px; margin-right: 20px; font-style: normal; }

.topmenu { padding: 15px; }

.topmenu > a { color: white; }

.vevobreak { height: 25px; }

.slider-content { height: 100%; position: relative; }

.slider-content-slide { height: 100%; display: none; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }

.slider-content-slide > h1 { display: none; padding: 10px; padding-right: 20px; color: white; text-align: right; width: 33.33%; margin-bottom: 0px; }

.slider-container { height: 100%; }

.slider-left, .slider-right { max-height: 50px; max-width: 50px; margin-bottom: 20px; cursor: pointer; }

.slider-left:hover, .slider-right:hover { opacity: 0.8; }

.slider-left { position: absolute; bottom: 0px; left: 0px; }

.slider-right { position: absolute; bottom: 0px; right: 0px; }

.slide-content-show { display: block; }

.socials { margin-top: 25px; }

.socials > a { display: inline-block; height: 30px; width: 30px; line-height: 30px; text-align: center; color: white; background: #0095D5; margin-left: 5px; font-size: 18px; }

.socials-large > a { display: inline-block; height: 45px; width: 45px; line-height: 45px; text-align: center; color: white; background: #0095D5; margin-left: 5px; font-size: 27px; }

.socials-large { position: absolute; bottom: 20px; }

.menu-bar { background: #2B2A2F; color: white; padding: 10px; text-decoration: none; }

.menu-bar > i { margin-right: 10px; }

.mobile-logo { max-width: 50%; float: left; margin: 15px; margin-top: 30px; margin-bottom: 30px; }

.mobile-socials { position: absolute; bottom: 30px; text-align: right; right: 15px; }

.mobile-header-container { position: relative; background: #2B2A2F; }

.mobile-tel { color: white !important; padding: 10px; font-size: 18px; padding-left: 0px; padding-right: 0px; }

.mobile-tel > a { color: white; font-family: 'Ubuntu'; font-weight: 300; }

.mobile-tel > a > span { font-family: 'Ubuntu'; font-weight: 400; }

.mobile-openings { float: right; font-size: 14px; margin-top: 4px; }

.motto { color: white; background: #2B2A2F; padding: 15px; position: relative; }

.motto-content { z-index: 14; font-size: 18px; background: #2B2A2F; padding-left: 15px; padding-top: 12px; }

.motto-content > span { display: block; font-size: 14px; }

.motto-content::before { position: absolute; z-index: 15; border: 3px solid #0095D5; height: 30px; width: 30px; border-bottom: 0px; border-right: 0px; top: 15px; left: 15px; content: " "; }

.mobile-menu-bg-hide { display: none; pointer-events: none; }

.mobile-menu-bg { position: absolute; top: 42px; left: 0%; height: 100%; width: 100%; display: block; background: rgba(255, 255, 255, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: " "; z-index: 1999; }

.mobile-menu-bg-show { left: 0%; background: rgba(255, 255, 255, 0.7); }

.mobile-menu { position: absolute; top: 0px; width: 66%; background: #2B2A2F; z-index: 2000; border-top: 1px solid #FAFAFA; left: -66%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.mobile-menu-show { left: 0px; }

.mobile-menu > a, .mobile-actions > a, .submenus > a { display: block; padding: 10px; color: white; border-bottom: 1px solid #FAFAFA; padding-left: 20px; }

.mobile-actions > a { background: #462A84; }

.submenus > a { background: #0095D5; padding-left: 40px; }

.submenus { display: none; transform: scaleY(0); }

.submenu-show { display: block; }

.mobile-submenu-show { transform: scaleY(1); }

.transition { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.product-menu { display: none; }

.about-menu { display: none; }

.product-menu-show, .about-menu-show { display: block; }

.menu-link { display: block; position: relative; height: 225px; border: 1px solid #0095D5; margin-bottom: 15px; background-size: cover !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.about-menu-link { background: #0095D5; color: white; padding: 5px; display: block; margin-bottom: 15px; }

.menu-link:hover { transform: scale(1.025); }

.menu-link > span { position: absolute; width: 100%; text-align: center; background: #0095D5; color: white; bottom: 0px; left: 0px; height: 30px; line-height: 30px; }

.menu-link:hover > span { background: #462A84; }

.menu-link:hover { border-color: #462A84; }

.menu-link.windows, .product-tile.windows { background-image: url("../img/productimages/windows_but.png"); }

.menu-link.bifold, .product-tile.bifold { background-image: url("../img/productimages/bifold_but.png"); }

.menu-link.upvcdoors, .product-tile.upvcdoors { background-image: url("../img/productimages/upvc_doors_but.png"); }

.menu-link.composite, .product-tile.composite { background-image: url("../img/productimages/composite_doors_but.png"); }

.menu-link.conservatories, .product-tile.conservatories { background-image: url("../img/productimages/conservatory_but.png"); }

.menu-link.aluminium, .product-tile.aluminium { background-image: url("../img/productimages/alum_but.png"); }

.online-quote-button { background: #EBEBEB; color: black; padding: 20px; font-size: 18px; background-image: url("../img/online_quote_btn.png"); background-repeat: no-repeat; background-size: contain; background-position: right center; }

.online-quote-button > span { font-size: 28px; display: block; color: #462A84; }

.online-quote-button.footer-version { font-size: 18px; height: auto; margin-top: 25px; margin-bottom: 25px; }

.online-quote-button.footer-version > span { font-size: 28px; }

.product-tile { background: #EBEBEB; float: left !important; width: calc(46% - 2px); box-sizing: border-box; margin-top: 20px; position: relative; border: 5px solid #EBEBEB; background-size: cover !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-left: 10px; }

.product-tile:hover { transform: scale(1.05); }

.product-tile > span { position: absolute; bottom: 0px; width: 100%; background: #0095D5; color: white; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; }

.product-tile > span > img { height: 25px; width: 25px; float: right; margin-top: 7.5px; }

.product-tile-right { float: right; }

.find-an-installer { font-size: 16px; margin-bottom: 15px; background: #EBEBEB; padding: 15px; background-image: url("../img/installer_btn.png"); background-position: right center; background-repeat: no-repeat; background-size: contain; }

.find-an-installer > div > span { font-family: 'Ubuntu'; font-weight: 400; color: #0095D5; }

.find-an-installer > form { margin-top: 10px; }

.find-an-installer > form > a > img { height: 25px; width: 25px; margin-left: 15px; }

.find-an-installer > form > input { font-size: 16px; border-color: transparent; padding-left: 15px; width: 50%; }

.find-an-installer.footer-version { font-size: 20px; }

.action-button { background: #EBEBEB; display: block; margin-top: 15px; font-size: 18px; padding: 15px; background-position: right center; background-size: contain; background-repeat: no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.action-button:hover { background-color: #462A84; color: white; transform: scale(1.05); }

.online-quote-button { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.online-quote-button:hover { background-color: #462A84; color: white; transform: scale(1.05); }

.online-quote-button:hover > span { color: #0095D5; }

.action-button.callback { background-image: url("../img/callback_btn.png"); }

.action-button.brochure { background-image: url("../img/brochure_btn.png"); }

.action-button.homequote { background-image: url("../img/home_quote_btn.png"); }

.action-button > span { font-size: 32px; color: #0095D5; display: block; }

.reviews-header { margin-top: 15px; background: #462A84; color: white; padding: 25px; }

.reviews-header > h2 { font-family: 'Ubuntu'; font-weight: 300; margin: 0px; color: white; font-size: 24px; }

.reviews-header > h3 { margin: 0px; color: white; font-size: 18px; }

.reviews-review { background: #2B2A2F; color: white; padding: 25px; border-bottom: 1px solid white; padding-bottom: 15px; }

.reviews-stars { color: #bb00ff; display: inline-block; float: right; font-size: 24px; }

.reviews-company { font-size: 24px; font-family: 'Ubuntu'; font-weight: 400; }

.reviews-details { color: #0095D5; margin-bottom: 10px; }

.reviews-footer { background: #0095D5; color: white; text-align: right; padding: 5px; padding-right: 25px; }

.footer { position: relative; }

.footer-right { padding-left: 10px; }

.footer-left { padding-top: 50px; color: white; background: #2B2A2F; height: 300px; position: relative; }

.footer-left > p { font-size: 18px; }

.footer-left > a > h2, .footer-left > h2 { font-size: 24px; font-family: 'Ubuntu'; font-weight: 300; color: white; margin: 0px; }

.footer-space { height: 50px; }

.footer-small-bottom { position: absolute; bottom: 20px; }

.footer-small-bottom > small { display: block; }

.footer-logo { max-width: 80%; }

.footer::before { position: absolute; background: #2B2A2F; width: 50%; height: 300px; content: ' '; }

.mobile-footer { background: #2B2A2F; padding-top: 25px; }

.mobile-footer-logo { max-width: 40%; float: right; margin-top: 50px; }

.bottom-align { position: absolute; bottom: 0px; }

.mobile-footer-details > p, .mobile-footer-details > a > h2, .mobile-footer-details > h2, .mobile-footer-details > h2 > span { color: white; margin: 0px; }

.online-quote-button.mobile-version, find-an-installer.mobile-version { margin-bottom: 15px; }

.mobile-socials-footer { text-align: center; position: relative; margin-top: 60px; margin-bottom: 40px; }

.footer-small-bottom-mobile { text-align: center; margin-top: 25px; margin-bottom: 50px; }

.footer-small-bottom-mobile > small { display: block; color: white; }

.find-an-installer.mobile-version > div { font-size: 18px; }

.producthub-header, .product-header { color: white; padding: 10px; padding-top: 10px; padding-bottom: 10px; }

.product-header { height: auto; }

.producthub-header > h1, .product-header > h1 { margin: 0px; margin-bottom: 5px; color: white; }

.producthub-header > h2 { margin: 0px; color: white; font-family: 'Ubuntu'; font-weight: 400; }

.product-header > h2 { font-family: 'Ubuntu'; font-weight: 300; margin: 0px; color: white; }

.subproduct-tile { box-sizing: border-box; margin-top: 20px; position: relative; background: #EBEBEB; padding: 10px; overflow: hidden; }

.subproduct-tile > img { min-width: 100%; max-width: 100%; }

.subproduct-label { position: absolute; background: #462A84; top: calc(100% - 40px); height: 100%; width: 100%; left: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.subproduct-label > h1 { color: white; margin: 0px; height: 40px; line-height: 40px; padding-left: 10px; font-size: 16px; }

.subproduct-label > p { color: white !important; padding-left: 10px;  padding-right: 10px; font-family: 'Ubuntu'; font-weight: 300; }

.subproduct-tile:hover > .subproduct-label { top: 0px; }

.sibling-products { background: #0095D5; color: white; font-size: 20px; padding: 10px; margin-top: 10px; }

.here-sibling { background: #462A84; }

.sibling-header { font-size: 24px; color: white; padding: 10px; margin-top: 15px; }

.tabpanel { background: #EBEBEB; padding: 25px; }

.nav-tabs > li > a { font-size: 16px; color: black; padding: 5px 10px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #EBEBEB; border: 0px; border-bottom: 3px solid #0095D5; color: #0095D5; }

.nav-tabs { border-bottom: 1px solid #0095D5; }

.tab-pane { padding: 10px; }

.frame-color { box-sizing: border-box; width: calc(100% - 10px); float: left; font-size: 16px; background: white; margin: 5px; padding: 5px; }

.frame-color > img { max-width: 33.33%; margin-right: 10px; }

.beading-info { background: white; }

.beading-info > img { float: left; max-width: 33%; margin-right: 15px; }

.beading-info > h1 { padding-top: 10px; margin-bottom: 5px; }

.producthub-header > input { margin-top: 10px; border: 0px; font-size: 20px; width: 33.33%; padding: 5px; color: black; }

.producthub-header > button { height: 38px; line-height: 38px; background: #0095D5; border: 0px; padding-left: 10px; padding-right: 10px; }

.local-result { background: #EBEBEB; padding: 10px; margin-top: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: black; }

.local-result:hover { transform: scale(1.025); background: #0095D5; color: white; }

.local-result > img { max-width: 40%; float: left; background: white; margin-right: 10px; border: 10px solid white; }

.local-result > h1 { margin-top: 0px; color: white; font-size: 18px; padding: 10px; }

.local-result > .more { background: #FF9114; float: right; display: inline-block; color: white; padding: 10px; }

.gmap { height: 350px; width: 100%; }

.installer-logo { text-align: center; border: 10px solid #EBEBEB; margin-bottom: 15px; }

.installer-logo > img { max-width: 90%; }

.producthub-header > a { color: white; font-family: 'Ubuntu'; font-weight: 300; }

.iopening-times { background: #EBEBEB; padding: 15px; margin-top: 15px; margin-bottom: 15px; }

.iopening-times > h2 { font-size: 20px; margin-top: 5px; }

.opening-times > p { font-size: 16px; }

.iopening-times > p > strong { font-family: 'Ubuntu'; font-weight: 500; color: #0095D5; }

#reviews { background: #2B2A2F; }

.review-error { padding: 15px; color: white; text-align: center; margin-bottom: 0px; }

.installer-text-tile > h1 { margin-top: 0px; }

.contactform { background: #EBEBEB; padding: 15px; margin-bottom: 30px; }

.contactform > form > div > div > button { background: #FF9114; text-shadow: none; color: white; font-size: 18px; box-shadow: none; border: 0px; border-radius: 0px; }

.contactform > form > div > div > input, .contactform > form > div > div > textarea, .contactform > form > div > div > select { border-radius: 0px; border: 0px; }

.form-header { color: white; font-size: 20px; margin: 0px; padding: 15px; }

.has-error { border: 1px solid #FF9114 !important; }

.blog-header { vertical-align: middle; }

.blog-header > h1 > span { margin-left: 15px; font-family: 'Ubuntu'; font-weight: 300; color: white; font-size: 18px; }

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

.blog-listing { background: #EBEBEB; }

.blog-preview { padding: 15px; }

.blog-preview > h1 { margin-top: 0px; }

.blog-more { background: #FF9114; padding: 10px; padding-left: 30px; padding-right: 30px; color: white; display: inline-block; float: right; }

.news-body { white-space: pre-wrap; padding: 15px; }

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

.news-headline > h1 { font-size: 22px; margin: 0px; color: white; }

.news-headline > h2 { font-size: 14px; color: #EBEBEB; float: right; display: inline-block; margin: 0px; position: relative; top: 5px; }

.news-headline { margin-top: 15px; padding: 15px; background: #462A84; }

.content-image { border: 5px solid #0095D5; max-width: 100%; }

.content-image-center { text-align: center; }

.content-image-right { float: right; margin-left: 10px; max-width: 50%; }

.content-image-left { float: left; margin-right: 10px; max-width: 50%; }

.glazing-images { max-height: 100px; max-width: 100%; }

.download-link { padding: 15px; color: white; background: #0095D5; font-size: 20px; margin-bottom: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.download-link:hover { transform: scale(1.025); background: #462A84; }

ol { margin-left: 30px; }

.compositedoors { width: 33%; float: right; margin-left: 15px; margin-bottom: 15px; margin-top: 20px; }

.compositedoors_color { width: calc(33.33% - 20px); float: left; box-sizing: padding-box; margin: 10px; }

.compositedoors_glass { width: calc(33.33% - 20px); float: left; box-sizing: padding-box; margin: 10px; }

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

.compositedoors_color > span, .compositedoors_glass > span { background: #0095D5; color: white; display: block; padding: 10px; background-size: contain; }

.single-product-slider { max-width: 100%; }

.energy-certs > img { display: block; max-width: 33.33%; float: left; }

.carousel-control.right, .carousel-control.left { background-image: none; }

.footer-break { margin-top: 15px; }

.pos-rel { position: relative; }

.tech-head { font-size: 12px; padding: 5px; text-align: center; line-height: normal; width: 8%; }

.table-striped td { padding: 5px; }

.table-striped .fa-times { color: red; }

.table-striped .fa-check { color: green; }

.acred-image { max-width: 25%; float: left; margin-right: 10px; }

.staff-download { display: inline-block; padding: 10px; background: #1d99d6; color: white; margin-right: 10px; margin-top: 15px; }

.staff-download:hover { text-decoration: none; background: #462A84; color: white; }

#logged { display: none; }

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