/* Minification failed. Returning unminified contents.
(98,22): run-time error CSS1030: Expected identifier, found ':'
(98,30): run-time error CSS1031: Expected selector, found ')'
(98,30): run-time error CSS1025: Expected comma or open brace, found ')'
(101,9): run-time error CSS1030: Expected identifier, found '>'
(101,17): run-time error CSS1031: Expected selector, found ')'
(101,17): run-time error CSS1025: Expected comma or open brace, found ')'
(547,10): run-time error CSS1030: Expected identifier, found '#bookingform'
(547,22): run-time error CSS1031: Expected selector, found ')'
(547,22): run-time error CSS1025: Expected comma or open brace, found ')'
(548,10): run-time error CSS1030: Expected identifier, found '#bookingform'
(548,22): run-time error CSS1031: Expected selector, found ')'
(548,22): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face { font-family: "FontAwesome"; src: url("fonts/fontawesome-webfont.eot"); src: url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome-webfont.ttf") format("truetype"), url("fonts/fontawesome-webfont.svg?#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
html { -webkit-font-smoothing: antialiased; }
body { font-size: 0.8em; font-family: "Libre Franklin", sans-serif; color: #818285; background-color: #eee; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }
img { border: 0; max-width: 100%; height: auto; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] { -webkit-appearance: none; padding: 0 0 0 10px; }
input[type="submit"] { cursor: pointer; -webkit-appearance: none; }
textarea { display: block; }
h1 { margin: 10px 0 15px 0; color: #202020; font-size: 1.5em; }
h2 { margin: 40px 0 0px 0; color: #202020; font-size: 1.5em; font-weight: 800; font-family: "Libre Franklin", sans-serif; }
h3 { color: #202020; font-size: 18px; font-weight: 600; }
h4 { color: #202020; }
a { text-decoration: none; color: #dc2625; }
a:focus { text-decoration: underline; }
h1.title { font-family: "Libre Franklin", sans-serif; font-weight: 900; margin-top: 20px; font-size: 24px; }
#contactform h2.title { padding-left: 10px; }
.mh-20 { margin: 0 20px; }
.mb-5 li { margin-bottom: 5px; }
.fab,
.far,
.fas,
.fa,
.fad { text-rendering: optimizeLegibility; }
.testimonial .section { /* margin: 0 auto; */ }
.errorTitle { font-size: 32px; margin-top: 50px; }
.error-header { background-image: none !important; height: auto !important; }
.error-header .container.top { display: none; }
.cookies-policy-header,
.sitemap-header,
.privacy-policy-header,
.complaints-procedure-header,
.terms-header { background-image: none !important; height: auto !important; }
.cookies-policy-header .container.top,
.sitemap-header .container.top,
.terms-header .container.top,
.complaints-procedure-header .container.top,
.privacy-policy-header .container.top { display: none !important; }
.g-recaptcha { margin: auto; overflow: hidden; }
.timeline-bubble { background: #dc2625; border-radius: 50%; color: #fff; font-weight: 900; }
.timeline h4 { background: #dc2625; border-radius: 50%; color: #fff; font-weight: 900; width: 100px; height: 100px; padding: 25px 0; padding-top: 35px; text-align: center; font-size: 20px; float: right; margin-top: 0; margin-bottom: 30px; z-index: 42; }
.timeline h3 { font-size: 30px; font-weight: 900; }
#content > div.container > div.section > div.greybox.p-20 > div > div:nth-child(12) > div.dw-md-2.dw-sm-2.dw-xs-2 > h4 { padding: 25px 0; }
.timeline .text { font-size: 16px; padding-top: 30px; font-family: "Georgia", sans-serif; padding: 30px; }
.greybox { background: #f0f0f0; margin: 30px 0; }
.row { height: 160px; /* padding: 0 20px; */ }
.timeline .line { left: 67%; z-index: 0; }
/*.contact-us-header { height: 150px !important; }*/
.p-20 { padding: 20px; }
/**/
/*#navbar.fixed .container { position: fixed; left: 10%; top: 30px; z-index: 2; }*/
.t-carousel { height: 360px; width: 490px; margin: 0; padding: 0; }
.t-carousel-caption { z-index: 10; }
.t-carousel .item { height: 360px; /* background-color: #777; */ }
.t-carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 360px; }

.t-carousel { position: relative; }
.t-carousel-inner { position: relative; width: 100%; height: 360px; overflow: hidden; }
.t-carousel-inner > .item { position: relative; height: 360px; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.t-carousel-inner > .item > img,
.t-carousel-inner > .item > a > img { line-height: 1; }

.google-reviews { display: block; padding: 15px; position: absolute; right: 0; color: #416AEE !important; text-decoration: underline; top: 150px; box-shadow: 0px 11px 20px #00000026; }
.google-reviews:hover { transform: translate(-5px, -5px); }

.kanda { background-color: #fff; padding: 10px 0; }
.kanda.top { border-bottom: 3px solid #27DEBF; }
.kanda.btm { border-top: 3px solid #27DEBF; }
.kanda .container .inner { display: flex; justify-content: center; align-items: center; gap: 20px; width: 100%; font-family: "Libre Franklin", sans-serif; color: #0D1B2E; }
.kanda .container .inner span { font-size: 1.125rem; font-weight: 800; }
.kanda .container .inner a { background-color: #27DEBF; color: #202020; border-radius: 90px; margin: unset; font-size: 0.875rem; font-weight: 700; padding: 7px 13px; }

.hp-field {display: none;}

.max-w-1110 {max-width:1110px;}

.mt-45 { margin-top: 45px; }

.fs-23 { font-size: 2.3rem; }
.fs-14 { font-size: 1.4rem !important; }
.fw-800 { font-weight: 800; }
.mb-30 { margin-bottom: 30px; }
.mb-15 { margin-bottom: 15px; }
.big-radio { height: 36px; width: 36px; }
.flx { display: flex; }
.fl-al-cent { align-items: center; }
.fl-ju-cent { justify-content: center; }
.flx-wrap { flex-wrap: wrap; }
.gap-15 { grid-gap: 15px; }
.nowrap { white-space: nowrap; }
.nowrap input { height: 36px; width: 36px !important; }
.nowrap input:focus { box-shadow: none !important; }

.google-reviews { background-color: #fff; }

.time-label { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 30px; background-color: #EEEEEE; cursor: pointer; height: 60px; }
.time-label:has(input:checked) { background-color: #dc2625; color: #fff !important; }
.time-label input { display: none; }
.radios { grid-row-gap: 30px; display: flex; flex-wrap: wrap; }
div:has(>.radios) { grid-row-gap: 30px; display: flex; flex-wrap: wrap; margin-bottom: 30px; }

#datepicker { padding: 30px; border: 1px solid #000; border-radius: 15px; color: #202020; }

#datepicker .ui-datepicker-inline, .ui-datepicker-calendar { width: 100%; }

#datepicker td { text-align: center; padding: 10px 0; }
#datepicker a { color: #202020; }
#datepicker .ui-datepicker-header { display: flex; grid-gap: 5px; font-size: 1.75rem; }
#datepicker .ui-datepicker-calendar { font-size: 1.6rem; }
#datepicker .ui-datepicker-title { font-weight: bold; margin-bottom: 30px; margin-left: 15px; }
#datepicker .ui-datepicker-current-day { position: relative; }
#datepicker .ui-datepicker-current-day:before { content: ""; position: absolute; background-color: #DC2625; display: block; height: 60px; width: 60px; top: 50%; right: 50%; transform: translate(50%, -50%); border-radius: 50%; z-index: -1; }
#datepicker .ui-datepicker-current-day a { color: #fff; }
#datepicker .ui-datepicker-unselectable {color:#EEEEEE; cursor:not-allowed;}

@media all and (transform-3d), (-webkit-transform-3d) {
    .t-carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .t-carousel-inner > .item.next,
    .t-carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    .t-carousel-inner > .item.prev,
    .t-carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    .t-carousel-inner > .item.next.left,
    .t-carousel-inner > .item.prev.right,
    .t-carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.t-carousel-inner > .active,
.t-carousel-inner > .next,
.t-carousel-inner > .prev { display: block; }
.t-carousel-inner > .active { left: 0; }
.t-carousel-inner > .next,
.t-carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.t-carousel-inner > .next { left: 100%; }
.t-carousel-inner > .prev { left: -100%; }
.t-carousel-inner > .next.left,
.t-carousel-inner > .prev.right { left: 0; }
.t-carousel-inner > .active.left { left: -100%; }
.t-carousel-inner > .active.right { left: 100%; }
.t-carousel-control { position: absolute; top: 0; padding-top: 160px; bottom: 0; left: 0; width: 15%; font-size: 30px; color: #dc2625; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); /* opacity: .5; */ z-index: 99; }
.t-carousel-control.left { }
.t-carousel-control.right { right: 0; left: auto; }
.t-carousel-control:hover,
.t-carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: 0.9; }
.t-carousel-control .icon-prev,
.t-carousel-control .icon-next,
.t-carousel-control .glyphicon-chevron-left,
.t-carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }
.t-carousel-control .icon-prev,
.t-carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.t-carousel-control .icon-next,
.t-carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.t-carousel-control .icon-prev,
.t-carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; }
.t-carousel-control .icon-prev:before { content: "\2039"; }
.t-carousel-control .icon-next:before { content: "\203a"; }
.t-carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.t-carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; }
.t-carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; }
.t-carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.t-carousel-caption .btn { text-shadow: none; }

.t-carousel { height: 360px; width: 490px; margin: 0; padding: 0; }
.t-carousel-caption { z-index: 10; }
.t-carousel .item { height: 360px; /* background-color: #777; */ }
.t-carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 360px; }

.t-carousel { position: relative; }
.t-carousel-inner { position: relative; width: 100%; height: 360px; overflow: hidden; }
.t-carousel-inner > .item { position: relative; height: 360px; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.t-carousel-inner > .item > img,
.t-carousel-inner > .item > a > img { line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .t-carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .t-carousel-inner > .item.next,
    .t-carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    .t-carousel-inner > .item.prev,
    .t-carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    .t-carousel-inner > .item.next.left,
    .t-carousel-inner > .item.prev.right,
    .t-carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: block; }
}

/**/
/**/

.small.t-carousel { height: 360px; width: 490px; margin: 0; padding: 0; }
.small.t-carousel-caption { z-index: 10; }
.small.t-carousel .item { height: 360px; /* background-color: #777; */ }
.small.t-carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 360px; }

.small.t-carousel { position: relative; }
.small.t-carousel-inner { position: relative; width: 100%; height: 360px; overflow: hidden; }
.small.t-carousel-inner > .item { position: relative; height: 360px; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.small.t-carousel-inner > .item > img,
.small.t-carousel-inner > .item > a > img { line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .small.t-carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .small.t-carousel-inner > .item.next,
    .small.t-carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    .small.t-carousel-inner > .item.prev,
    .small.t-carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    .small.t-carousel-inner > .item.next.left,
    .small.t-carousel-inner > .item.prev.right,
    .small.t-carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.small.t-carousel-inner > .active,
.small.t-carousel-inner > .next,
.small.t-carousel-inner > .prev { display: block; }
.small.t-carousel-inner > .active { left: 0; }
.small.t-carousel-inner > .next,
.small.t-carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.small.t-carousel-inner > .next { left: 100%; }
.small.t-carousel-inner > .prev { left: -100%; }
.small.t-carousel-inner > .next.left,
.small.t-carousel-inner > .prev.right { left: 0; }
.small.t-carousel-inner > .active.left { left: -100%; }
.small.t-carousel-inner > .active.right { left: 100%; }
.small.t-carousel-control { position: absolute; top: 0; bottom: 0; padding-top: 160px; left: 0; width: 15%; font-size: 20px; color: #dc2625; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(255, 255, 255, 0.3); filter: alpha(opacity=50); opacity: 0.5; }
.small.t-carousel-control.left { }
.small.t-carousel-control.right { right: 0; left: auto; }
.small.t-carousel-control:hover,
.small.t-carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: 0.9; }
.small.t-carousel-control .icon-prev,
.small.t-carousel-control .icon-next,
.small.t-carousel-control .glyphicon-chevron-left,
.small.t-carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }
.small.t-carousel-control .icon-prev,
.small.t-carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.small.t-carousel-control .icon-next,
.small.t-carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.small.t-carousel-control .icon-prev,
.small.t-carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; }
.small.t-carousel-control .icon-prev:before { content: "\2039"; }
.small.t-carousel-control .icon-next:before { content: "\203a"; }
.small.t-carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.small.t-carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; }
.small.t-carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; }
.small.t-carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.small.t-carousel-caption .btn { text-shadow: none; }

.small.t-carousel { height: 330px; width: 360px; margin: 0; padding: 0; }
.small.t-carousel-caption { z-index: 10; }
.small.t-carousel .item { height: 360px; /* background-color: #777; */ }
.small.t-carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 360px; }

.small.t-carousel { position: relative; }
.small.t-carousel-inner { position: relative; width: 100%; height: 330px; overflow: hidden; }
.small.t-carousel-inner > .item { position: relative; height: 360px; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.small.t-carousel-inner > .item > img,
.small.t-carousel-inner > .item > a > img { line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .small.t-carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .small.t-carousel-inner > .item.next,
    .small.t-carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    .small.t-carousel-inner > .item.prev,
    .small.t-carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    .small.t-carousel-inner > .item.next.left,
    .small.t-carousel-inner > .item.prev.right,
    .small.t-carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: block; }
}

/**/

.text-center { text-align: center; }
.twitterfeed a { color: #fff; }

.terms { font-size: 1.4em; font-family: Georgia; color: #666666; }
ol li { color: red; font-weight: 900; font-size: 1.3em; }
ol li span { color: #666666; font-weight: normal; font-size: 0.8em; }
ol li h3 { font-family: "Libre Franklin", sans-serif; font-weight: 900; margin-bottom: 10px; }

.privacy { margin: 20px 0; font-family: Georgia; color: #666666; font-size: 1.4em; }
.privacy h2 { margin: 20px 0; }
.privacy ul { }
.privacy ul li { color: #ff0000; font-family: "Libre Franklin"; }
.privacy ul li span { color: #202020; font-weight: bold; }

/* Carousel base class */
/*.carousel {height: 500px;margin-bottom: 60px;}
.carousel-caption {z-index: 10;}
.carousel .item {height: 500px;background-color: #777;}
.carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 500px;}*/

#slidercontrol { width: 100%; font-size: 3em; height: 100%; display: inline-flex; margin-top: -25px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
#slidercontrol i { cursor: pointer; }
#slidercontrol #left { }
#slidercontrol #right { float: none; }

.vertical-slider { height: 180px; overflow: hidden; list-style: none; width: 100%; }
.vertical-slider li { height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; width: 100%; }
.vertical-slider li:first-child { transform: translateY(0px); }

.horizontal-slider { height: 390px; overflow-x: hidden; list-style: none; width: 90%; display: -webkit-box; padding: 0; margin: 0; font-size: 12px; overflow-y: hidden; display: inline-flex; position: inherit; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; }
.horizontal-slider li { height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; width: 469px; }
.horizontal-slider li:first-child { -webkit-transform: translate(0px); -o-transform: translate(0px); -moz-transform: translate(0px); transform: translateX(0px); }

/*.services { }
    .services li { color: red; }
        .services li span { color: initial; }*/

.btn.red.blackhover:hover { background-color: #202020; color: #fff !important; }

.horizontal-slider { }
.horizontal-slider li { }

.carousel-inner { }
.productCarousel-inner { }
.productCarousel-item { }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { }
#slidercontrol i { }

.designer-iframe { margin: 20px 0; }
.accessories-conservatories-icon { background-image: url(images/icons/accessories-conservatories.png); text-align: center; margin: 0 auto; }
.accessories-doors-icon { background-image: url(images/icons/accessories-doors.png); }
.comfort-icon { background-image: url(images/icons/comfort.png); }
.councils-icon { background-image: url(images/icons/councils.png); }
.energy-efficient-icon { background-image: url(images/icons/energy-efficient.png); }
.experience-icon { background-image: url(images/icons/experience.png); }
.free-quote-icon { background-image: url(images/icons/free-quote.png); }
.home-icon { background-image: url(images/icons/home.png); }
.housing-association-icon { background-image: url(images/icons/housing-associations.png); }
.installation-icon { background-image: url(images/icons/installation.png); }
.lots-of-choice-doors-icon { background-image: url(images/icons/lots-of-choice-doors.png); }
.lots-of-choice-windows-icon { background-image: url(images/icons/lots-of-choice-windows.png); }
.low-maintenance-icon { background-image: url("images/icons/low maintenance.png"); }
.order-icon { background-image: url(images/icons/order.png); }
.range-icon { background-image: url(images/icons/range.png); }
.schools-icon { background-image: url(images/icons/schools.png); }
.security-icon { background-image: url(images/icons/security.png); }
.shops-icon { background-image: url(images/icons/shops.png); }
.warranty-icon { background-image: url(images/icons/warranty.png); }

#contactform h2 { margin: 12px 0; }
#contactform h2 { font-size: 2.2em; font-weight: 900; }
#contactform form { }
#contactform form h2 { font-size: 1.7em; margin-bottom: 30px; }
.editor-field { margin-top: 10px; }
.editor-label { margin: 5px 0; }
label { font-size: 12px; font-family: Georgia; }

.drop { cursor: context-menu; }
.drop i { color: #dc2625; cursor: pointer; }
#slidercontrol { }
#slidercontrol i { cursor: pointer; color: #dc2625; margin: 0 10px; margin-top: 150px; }
#slidercontrol #left { }

#slidercontrol #right { float: none; }

.ulslider { height: 180px; overflow: hidden; list-style: none; width: 100%; }
.ulslider li { height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; width: 100%; }
.ulslider li:first-child { -webkit-transform: translate(0px); -o-transform: translate(0px); -moz-transform: translate(0px); transform: translateY(0px); }

.horizontalslider { height: 100%; overflow: hidden; list-style: none; width: 100%; display: -webkit-box; padding: 0; font-size: 12px; }
.horizontalslider li { height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; width: 100%; }
#slidercontrol i { }

.horizontalslider li:first-child { -webkit-transform: translate(0px); -o-transform: translate(0px); -moz-transform: translate(0px); transform: translateX(0px); }
.horizontalslider .testimonial { margin: 0px 5px; border-bottom: solid 1px #eee; }

.inline { display: inline-flex; }
.masthead { padding: 10px 0; background-color: #eef; position: relative; }
#headerright { text-align: right; font-size: 1.3em; }
#content { min-height: 500px; }
#navbar { margin: -20px 0 0 0; /* height: 120px; */ background: #202020; }
.fa-plus-circle { color: #dc2625; font-size: 30px; }
#carouselcontainer { display: inline-block !important; }

#services ul { list-style: none; padding: 0; }
#services li { list-style: none; padding-left: 1.3em; }
#services li:before { content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }

.productCarousel-inner { width: 100%; overflow-x: hidden; display: inline-flex; height: 390px; position: absolute; left: 0; }
.product .producttext { padding: 0px 0 50px 0; width: 100%; margin: 0 auto; font-family: georgia; text-shadow: 0 0 5px #202020; }

.product { padding-top: 75px; text-align: center; background-repeat: no-repeat !important; background-size: auto !important; background-position: center center !important; height: 270px; }
.product h3 { color: #fff; text-align: center; font-size: 22px; margin-top: 0; font-weight: 600; text-shadow: 0px 0px 5px #202020; }
.product div { color: #fff; font-size: 16px; text-align: center; }
.product img { position: absolute; top: 0; left: 0; min-width: 100%; height: 270px; display: inline-flex !important; }
.product a { padding: 10px 50px; }

.producttitle { }
.producttext { padding: 30px; width: 100px; font-family: Georgia; }

.nav li.on > a { border-bottom: solid 2px #dc2625; }
#headertext { position: absolute; top: 326px; z-index: 1; color: #fff; width: 730px; height: 240px; background: rgba(25, 25, 25, 0.8); padding: 30px 35px; }
#headertext h1 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 30px; margin: 0; margin-bottom: 40px; }
#headertext h2 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 32px; margin: 0; margin-bottom: 40px; }

.doorcontainer { background: #202020; height: 150px; }
.doorcontainer img { position: absolute; top: 2px; left: 40px; }
.doorcontainer .btn { padding: 10px 23px; }
.doorcontainer .doortext { height: 50%; width: 54%; padding: 30px 0; color: #fff; font-size: 18px; float: right; height: 100%; font-weight: bold; text-align: center; }
.doorcontainer .doortext .text { margin-bottom: 15px; padding-left: 0px; text-align: left; }

.doorcontainer.small { }
.doorcontainer.small img { top: initial; bottom: 0; left: 15px; }
.doorcontainer.small .btn { padding: 10px; }
.doorcontainer.small .doortext { width: 63%; text-align: left; font-size: 17px; }
.doorcontainer.small .doortext .text { }

.btn { font-size: 15px; padding: 15px 30px; margin-top: 5px; border-radius: 2px; margin-top: 10px; text-align: center;}
.btn:hover { cursor: pointer; text-decoration: none; }
.btn.dark { background: #202020; color: #fff; border: solid 1px#202020; }
.btn.dark:hover { background: #fff; color: #202020; }
.btn.red { background: #dc2625; color: #fff; border-radius: 2px; }
.btn.red:hover { background: #fff; color: #dc2625; }

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.btn.loading {
    position: relative;
    color: transparent !important;
}

.btn.loading::before {
    content: "";
    width: 20px;
    height: 20px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent;
    border-image: initial;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: 1s linear 0s infinite normal none running rotation;
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
}


#mainparagraph { background: #fff; padding: 15px 0; }
#mainparagraph h3 { font-size: 26px; color: #202020; font-weight: 800; }
#mainparagraph #paragraph { font-size: 18px; font-size: 1.4em; font-family: georgia; }

#productsheader { text-align: center; font-size: 28px; font-weight: 800; margin-top: 40px; }
#midsection { background: #fff; }
#midsection #midsectionleft { font-size: 18px; padding: 5px; font-family: georgia; }
#midsection #midsectionleft h2 { font-size: 30px; font-weight: 800; margin-top: 45px; font-family: "Libre Franklin", sans-serif; }
#midsection #midsectionleft ul { list-style: none; padding-inline-start: 0; margin: 40px 0; }
#midsection #midsectionleft li { font-weight: 800; color: #000; margin: 10px 0px; font-size: 0.9em; font-family: "Libre Franklin", sans-serif; }
#midsection #midsectionleft li i { color: #dc2625; font-size: 30px; padding-right: 10px; }
#midsection #midsectionright { padding-top: 60px; padding: 15px; font-family: Georgia; font-size: 15px; }
#midsection #midsectionright h3 { font-weight: 700; color: #202020; font-size: 22px; font-family: "Libre Franklin", sans-serif; margin-bottom: 10px; }
#midsection #midsectionright #warmer { position: absolute; left: 120px; top: 80px; width: 270px; }
#midsection #midsectionright #energy { position: absolute; top: 270px; left: 60px; width: 230px; }
#midsection #midsectionright #looks { position: absolute; top: 590px; left: 400px; width: 270px; }
#midsection #midsectionright #diagramimg { }
#warmericon { position: absolute; left: 270px; top: 40px; }
#energyicon { position: absolute; left: 110px; top: 370px; }
#looksicon { position: absolute; top: 350px; left: 270px; }
#affilliates { padding-top: 15px; }
#affilliates h3 { color: #202020; font-size: 24px; font-weight: 800; }
#affilliates img { margin: 30px; vertical-align: middle; }

#logos { text-align: center; margin-bottom: 30px; }


#home-benefitssection { text-align: center; margin: 0px 0; padding: 25px 0px; }
#benefitssection { text-align: center; margin: 30px 0; padding: 10px 150px 50px 150px; }
#benefitssection h2.title { font-size: 1.8em; text-align: center; font-weight: 900; }
.benefit h2 { font-size: 18px; font-weight: 800; margin: 10px auto; }
.benefit .text { font-size: 14px; font-family: Georgia; }
.benefitimage { height: 120px; width: 125px; border-radius: 50%; margin: 20px auto; padding: 32px; background-repeat: no-repeat !important; background-position: center center !important; background-size: auto; background-color: #fff; }

#casestudy { box-shadow: 0 0 7px 5px #e6e6e6; margin-top: 50px; }
#casestudy #leftpanel { background: #fff; padding: 40px; margin-right: 0; padding-right: 0; height: 353px; }
#casestudy #rightpanel { padding-left: 0; height: 353px; background-image: url(images/casestudy.jpg); background-size: cover; }
#casestudy .name { font-size: 12px; }
#casestudy .title { font-size: 30px; font-weight: 800; margin-top: 10px; margin-bottom: 20px; }
#casestudy .text { font-size: 15px; width: 100%; font-family: georgia; margin-bottom: 50px; padding-right: 15px; }
#casestudy a { font-weight: 700; padding: 10px 25px; margin: 0; }

#latestnews { margin-bottom: 75px; margin-top: 50px; }
#latestnews h2 { font-size: 2.2em; }
.blogpost { text-align: left; }
.blogpost .blogdate { margin: 10px 0px; }
.blogpost .blogtitle { font-size: 22px; color: #202020; margin: 15px 0; font-weight: 700; }
.blogpost .blogtext { font-size: 15px; font-family: georgia; }
.blogpost .readmore { color: #dc2625; margin-top: 20px; font-size: 14px; }

#bottomsection { text-align: center; background-color: #eee; padding: 75px 0 75px 0; }
#bottomsection i { color: #202020; font-size: 50px; margin-bottom: 10px; }
#blogsection { text-align: center; background-color: #eee; margin-top: 0px; padding: 25px 0; margin-bottom: 0px; }
#blogsection i { color: #202020; font-size: 50px; margin-bottom: 10px; }

.sellingpoint h3 { font-weight: 800; padding: 0px 31px; }
.sellingpoint .text { font-size: 14px; font-family: georgia; padding: 0 15px; }
.sellingpoint .link { margin-top: 30px; }
.sellingpoint .link a { color: #dc2625; font-weight: 700; }

#stars { text-align: center; position: absolute; left: 85px; top: 25px; }
#stars i { font-size: 21px; color: #202020; }
#stars i:nth-child(3) { color: #eeeeee !important; }
#midstar { color: #202020 !important; font-size: 17px !important; position: absolute; left: 140px; top: 27px; }

.twitterfeed { background-color: #1da1f2; text-align: center !important; color: #fff; padding: 10px !important; font-size: 15px; }
.twitterfeed i { margin: 0; }
.twitterfeed .fa-twitter::before { color: #fff; font-size: 40px; }
.twitterfeed h4 { font-size: 20px; margin: 10px; }
.twitterfeedlink { display: none; }
.twitterfeed a { color: #fff; }

.hidden { display: none; }
.homebg { background-color: #eee; }
.otherbg { background: #fff; }
.get-a-quote-background { background-image: none !important; height: 0 !important; }
.about-page-background { background-image: url(images/commercial/header-image.jpg) !important; }
.about-us-header { background-image: url(images/commercial/header-image.jpg) !important; }

.widebg { background: #eee; }

#furtherinformation { background-color: #202020; padding: 30px 40px; margin: 50px -40px; color: #fff; font-size: 1.5em; font-weight: 800; text-align: center; }
#furtherinformation a { color: #dc2625; }
.carouselcontainer { height: 340px; background: #eee; /* padding: 20px; */ margin: 55px -15px !important; }
.productCarousel-item { height: 390px; width: 520px; position: absolute !important; left: 0; top: 0; }
.productCarousel-text { padding: 30px; }
.productCarousel-text h2 { font-size: 23px; margin-bottom: 20px; }
.productCarousel-text .text { font-size: 1.2em; font-family: Georgia; margin-bottom: 10px; }
.productCarousel-text .btn { padding: 15px 30px; margin: 0; }

.testimonial { height: 100%; margin: 30px -20px; box-shadow: 0 0 8px 4px #eee; font-size: 12px; }
.testimonial img { margin: 0 auto; }
.testimonial h2 { color: #202020; margin: 15px 0; font-size: 2em; }
.testimonial .testimonial-content { padding: 30px; /* text-align: center; */ font-size: 15px; }
.testimonial .testimonial-text { font-style: italic; font-family: Georgia; font-size: 22px; margin-top: 20px; }
.testimonial .testimonial-date { margin-top: 10px; color: #dc2625; font-weight: bold; }

#contactform { width: 100%; background-color: #eee; padding: 45px 80px; margin: 50px 0; }

body:has(#bookingform) .window-designer-banner, body:has(#bookingform) .container.top, body:has(#bookingform) .header-sticker { display: none; }
body:has(#bookingform) .masthead { height: initial; background-color: #fff; }
#bookingform select { height: 50px; font-size: 1.5rem; min-width: 300px; padding: 5px; cursor: pointer; }



#bookingform .OK { font-size: 1.5rem; }
#bookingform .field-validation-error { font-size: 1.2rem; }
#bookingform .form-inner { padding: 0; background-color: #eee; padding: 45px 0; margin-bottom: 30px; }
#bookingform .vert-divider { max-width: 2px !important; background-color: #707070; }
#bookingform .form-inner .contact { flex-grow: 1; display: flex; align-items: stretch; grid-gap: 75px; justify-content: space-between; }
#bookingform .form-inner .contact > div { flex-grow: 1; width: 45%; }
#bookingform .form-inner .contact > div:last-child { display: flex; flex-direction: column; justify-content: center; max-width: 45%; }
#bookingform .form-inner input, #bookingform .form-inner label { font-size: 1.3rem !important; }
#bookingform label { font-size: 1.5rem !important; color: #202020; }
#contactform form textarea, #bookingform form textarea { resize: vertical; min-height: 150px; }
#contactform form input, textarea, #bookingform form input { background: #fff; outline: none; border: solid 1px lightgray; border-radius: 3px; padding: 10px; margin: 5px 0; width: 100%; color: #888; }
#contactform form input:focus, #bookingform form input:focus, textarea:focus { box-shadow: 0 0 1px 1px #dc2625; }
#contactform form input[type="submit"], #bookingform form input[type="submit"] { background-color: #dc2625; color: #fff; padding: 20px; font-size: 1.3em; font-weight: 700; font-family: "Libre Franklin", sans-serif; border: none; }
#contactform form input[type="submit"]:hover, #bookingform form input[type="submit"]:hover { background-color: #000; }
#contactform form input[type="checkbox"], #bookingform form input[type="checkbox"] { width: 25px; height: 25px; -webkit-transform: translate(0px); -o-transform: translate(0px); -moz-transform: translate(0px); transform: translateY(5px); }
#contactform form .products li, #bookingform form .products li { list-style: none; }
.no-padding-l { padding-left: 0 !important; }
.no-padding-r { padding-right: 0 !important; }
.required { color: #dc2625; }
.red { color: #dc2625; }
.maintext { font-size: 1.25em; font-family: georgia; margin-top: 20px; margin-bottom: 20px; }
.maintext h2 { margin-top: 20px; font-weight: 900; margin-bottom: 20px; font-size: 1.9em; }
.maintext h3 { margin-top: 20px; font-weight: 900; margin-bottom: 20px; font-size: 1.5em; font-family: "Libre Franklin", sans-serif; }

.fs-23.mb-30 { margin-top: 0 !important; }

.field-validation-error { color: #dc2625; margin-bottom: 10px; }

.products { display: grid; grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%; padding: 0 2ch; }

.textareafield { padding: 15px; }

.SandboxRoot { color: #fff; }
.timeline-Widget { background-color: #00aced; }
.timeline-Header-byline { color: #fff; }
.timeline-Header-byline a { color: #fff; }

.phone-icon,
.menuicon { display: none; }
.phone-icon a { display: block; width: 21px; height: 20px; font-size: 1.6em; color: #dc2625; }

.footer { padding-top: 40px; padding-bottom: 0px; background: #202020; }
.footer #footnoteleft { }
.footer #footnoteright { text-align: right; }
.footer #footnoteright a { color: #fff; }

.footer h4 { color: #fff; font-size: 18px; }
.footer ul { list-style: none; margin-block-start: 0; padding-inline-start: 0; padding-left: 0; }
.footer ul li { margin: 10px 0; color: #fff; font-size: 14px; }
.footer ul li:hover a { color: #dc2625; }
.footer li a { color: #fff; text-decoration: none; }
.footer li.socialicons i { font-size: 25px; margin: 0 10px; }
.footer li.socialicons:hover a { color: inherit; }
.footer li.socialicons a:hover .fa-twitter { color: #1da1f2; }
.footer li.socialicons a:hover .fa-facebook-f { color: #3b5998; }
.footer li.socialicons a:hover .fa-linkedin-in { color: #0077b5; }

/*--------Delete From Here Down If Not Needed-------------------*/

.carousel { position: relative; }
.carousel-inner { position: relative; width: 520px; overflow-x: hidden; height: 390px; display: inline-flex; overflow-y: hidden; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { /* line-height: 1; */ height: 390px; width: 520px; }

.testimonial-carousel-inner { position: relative; width: 490px; overflow-x: hidden; height: 100%; display: inline-flex; overflow-y: hidden; }
.testimonial-carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.testimonial-carousel-inner > .item > img,
.testimonial-carousel-inner > .item > a > img { /* line-height: 1; */ height: 360px; width: 490px; }
.testimonial-carousel-control-container { width: 100%; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; bottom: 210px; left: -20px; width: 20px; color: #dc2625; text-align: center; /* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */ background-color: none; filter: alpha(opacity=50); height: 50px; font-size: 25px; }
.testimonial-carousel-control { position: absolute; bottom: 180px; left: 30px; width: 20px; color: #dc2625; text-align: center; /* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */ background-color: none; filter: alpha(opacity=50); height: 50px; font-size: 25px; }
.carousel-control.left { }
.carousel-control.right { right: 40px; left: auto; float: right; }
.carousel-control:hover,
.carousel-control:focus { /* color: #fff; */ text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: 0.9; }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev,
.carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; }
.carousel-control .icon-prev:before { content: "\2039"; }
.carousel-control .icon-next:before { content: "\203a"; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; }
.carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }

.btmfoot { color: #fff; margin-top: 60px; font-size: 12px; padding-bottom: 25px; }
.OK { padding: 10px; border: 1px solid #339933; color: #339933; background-color: #eeffee; margin: 10px 0; }
.KO { padding: 10px; border: 1px solid #993333; color: #993333; background-color: #ffeeee; margin: 10px 0; }
.Generic { padding: 10px; border: 1px solid #333; color: #333; background-color: #ccc; margin: 10px 0; }

.ajaxLoader { min-height: 40px; text-align: center; }

@-ms-keyframes load4 {
    0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-o-keyframes load4 {
    0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-moz-keyframes load4 {
    0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-webkit-keyframes load4 {
    0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@keyframes load4 {
    0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

.carousel { margin-left: 30px; }
.testimonial-carousel { }
.carousel-caption { z-index: 10; }

#productscontainer { margin-top: 20px; margin-bottom: 80px; }

#carouselwindows { background: url(/content/images/carouselwindows.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; }
#carouseldoors { background: url(/content/images/carouseldoors.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; }
#carouselconservatories { background: url(/content/images/carouselconservatories.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; }
#carouselporches { background: url(/content/images/carouselporches.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; }

#diagram { background: url(/Content/images/diagram.jpg); height: 458px; background-size: contain; background-position: right; background-repeat: no-repeat; position: absolute; right: 0; top: 100px; width: 485px; }

.masthead.background-home, .masthead.background-other.-header { background-image: url("images/index-header.jpg"); background-size: inherit; height: 960px; background-position: center 90px; /*background-attachment: fixed;*/ }
.masthead.background-other { /* background-image: url('images/page-header.jpg'); */ height: 640px; /*background-attachment: fixed;*/ background-position: center; background-repeat: no-repeat; background-size: cover; }

/*header images*/
.thank-you { height: 410px; padding-top: 50px; }
.masthead.upvc-windows-header { background-image: url(images/upvc-windows/header-image.jpg); }
.masthead.casement-windows-header { background-image: url(images/casement-windows/header-image.jpg); }
.masthead.coloured-upvc-windows-header { background-image: url(images/coloured-UPVC/header-image.jpg); }
.masthead.bay-and-bow-windows-header { background-image: url(/Content/images/bay-bow/header-image.jpg); }
.masthead.tilt-and-turn-windows-header { background-image: url(/Content/images/tilt-and-turn-windows/header-image.jpg); }
.masthead.sash-windows-header { background-image: url(/Content/images/sash-windows/header-image.jpg); }
.masthead.flush-windows-header { background-image: url(/Content/images/flush-windows/header-image.jpg); }
.masthead.energy-efficient-windows-header { background-image: url(/Content/images/energy-efficient/header-image.jpg); }
.masthead.window-repair-header { background-image: url(images/repairs/header-image.jpg); }
.masthead.testimonials-header { background-image: url(images/testimonials/header-image.jpg); height: 500px; /* background-size: contain; */ }
.masthead.thank-you-header, .masthead.thank-you-for-booking-header { height: 110px !important; }

.masthead.glass-header { background-image: url(/Content/Images/glass/header-image.jpg); }
.masthead.doors-header { background-image: url(/Content/images/doors/header-image.jpg); }
.masthead.aluminium-doors-header { background-image: url(/Content/images/aluminium-doors/header-image.jpg); }
.masthead.bi-folding-doors-header { background-image: url(/Content/images/bi-folding-doors/header-image.jpg); }
.masthead.composite-doors-header { background-image: url(/Content/images/composite-doors/header-image.jpg); }
.masthead.french-doors-header { background-image: url(/Content/images/french-doors/header-image.jpg); }
.masthead.sliding-patio-doors-header { background-image: url(images/sliding-patio-doors/header-image.jpg); }
.masthead.upvc-doors-header { background-image: url(/Content/images/UPVC-doors/header-image.jpg); }
.masthead.speciality-doors-header { background-image: url(/Content/images/speciality-doors/header-image.jpg); }
.masthead.our-work-header { background-image: url(images/commercial/header-image.jpg); }
.masthead.contact-us-header { height: 110px !important; }

.masthead.conservatories-header { background-image: url(/Content/images/conservatories/header-image.jpg); }
.masthead.edwardian-conservatories-header { background-image: url(/Content/images/edwardian-conservatories/header-image.jpg); }
.masthead.victorian-conservatories-header { background-image: url(/Content/images/victorian-conservatories/header-image.jpg); }
.masthead.leanto-conservatories-header { background-image: url(/Content/images/lean-to-conservatories/header-image.jpg); }

.masthead.porches-header { background-image: url(images/porches/header-image.jpg); }
.masthead.commercial-header { background-image: url(/Content/images/commercial/header-image.jpg); }
.masthead.roofline-header { background-image: url(/Content/images/roofline/header-image.jpg); }

.masthead.window-designer-header,
.masthead.door-designer-header { height: 110px; }
.window-designer-banner { background-image: url(images/window-designer-header.jpg); height: 80px; width: 100%; }
.door-designer-banner { background-image: url(images/door-designer-header.jpg); height: 80px; width: 100%; }
.designer-title { font-size: 2em; position: absolute; top: 130px; color: #fff; }
/*header images*/

/*@supports (-webkit-overflow-scrolling: touch) {
    .masthead.background-home, .masthead.background-other { background-attachment: scroll;}
}*/

.masthead .header-sticker { position: absolute; top: 200px; left: 50%; transform: translateX(400px); }

@media screen and (min-width: 1231px) {
    #headerleft { padding-top: 35px; }
    .widebg { margin: 30px -10px !important; padding: 15px 30px; background: #eee; }
    #furtherinformation { margin: 50px -10px; }
    .nav .last { width: fit-content; }
    .masthead .header-sticker { position: absolute; top: 350px; left: 50%; transform: translateX(400px); }
}

@media screen and (min-width: 1600px) {
    #furtherinformation { margin: 50px -200px; }

    .widebg { margin: 70px -200px 0 -200px !important; padding: 15px 200px; background: #eee; }
}

@media screen and (min-width: 992px) and (max-width: 1230px) {
    .masthead .header-sticker { position: absolute; top: 350px; left: 50%; transform: translateX(300px); }

    #headerleft { padding-top: 40px; }
    .doorcontainer .doortext .text { /* margin: 0; */ padding-left: 5px; font-size: 16px; }
    .timeline .line { left: 59%; }
    .timeline h4 { }
    .nav .last { width: 18%; }
    .carousel-control.left { left: 20px; }
    .carousel-control.right { right: 15px; }
    #benefitssection { padding: 20px; }

    .widebg { margin: 30px -20px !important; padding: 15px 20px; background: #eee; margin-top: 250px; }

    .nav li.home { display: none; }
    #headertext h1 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 30px; margin: 0; margin-bottom: 40px; }
    #headertext h2 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 32px; margin: 0; margin-bottom: 40px; }

    .doorcontainer { height: 150px; }
    .doorcontainer img { left: 20px; }
    .doorcontainer .btn { padding: 7px 5px; width: 100%; font-size: 13px; }
    .doorcontainer .doortext { font-size: 17px; width: 55%; padding: 0; padding-top: 30px; padding-left: 5px; }
    .doorcontainer.small { }
    .doorcontainer.small img { }
    .doorcontainer.small .btn { font-size: 14px; display: block; text-align: center; padding: 5px; width: 100%; }
    .doorcontainer.small .doortext { font-size: 12px; width: 60%; padding: 30px 10px; /* text-align: center; */ }
    .doorcontainer.small .doortext .text { }

    .btn { font-size: 15px; padding: 15px 30px; margin: 5px; border-radius: 2px; }
    .btn:hover { cursor: pointer; text-decoration: none; }
    .btn.dark { background: #202020; color: #fff; border: solid 1px#202020; }
    .btn.dark:hover { background: #fff; color: #202020; }
    .btn.red { background: #dc2625; color: #fff; }
    .btn.red:hover { background: #fff; color: #dc2625; }

    .product { height: 270px; }
    .producttext { padding: 30px; width: 100px; }

    #productsheader { text-align: center; font-size: 28px; font-weight: 600; }
    #midsection { background: #fff; }
    #midsection #midsectionleft { font-size: 17px; padding: 15px; }
    #midsection #midsectionleft h2 { font-size: 30px; font-weight: 600; margin: 40px 0px; }
    #midsection #midsectionleft ul { list-style: none; padding-inline-start: 0; margin-bottom: 50px; }
    #midsection #midsectionleft li { color: #000; margin: 15px 0px; font-weight: 700; font-size: 0.7em; }
    #midsection #midsectionleft li i { color: #dc2625; font-size: 22px; padding-right: 5px; }
    #midsection #midsectionright { padding-top: 60px; padding: 15px; min-height: 600px; }
    #midsection #midsectionright h3 { font-weight: 600; color: #202020; font-size: 22px; }
    #midsection #midsectionright #warmer { position: absolute; left: 0px; top: 70px; width: 200px; }
    #midsection #midsectionright #energy { position: absolute; top: 270px; left: 0px; width: 130px; }
    #midsection #midsectionright #looks { position: absolute; top: 570px; left: 230px; width: 250px; }
    #midsection #midsectionright #diagramimg { }

    #casestudy #leftpanel { background: #fff; padding: 30px; margin-right: 0; padding-right: 0; height: 350px; }
    #casestudy #rightpanel { padding-left: 0; height: 350px; }

    #casestudy .name { font-size: 12px; }
    #casestudy .title { font-size: 30px; }
    #casestudy .text { font-size: 15px; padding-right: 50px; margin-bottom: 30px; }
    #casestudy a { font-weight: 700; padding: 10px 25px; margin: 0; }

    #latestnews { margin-bottom: 100px; }
    .blogpost { text-align: left; }
    .blogpost .blogdate { margin: 10px 0px; }
    .blogpost .blogtitle { font-size: 24px; color: #202020; margin: 10px 0; }
    .blogpost .blogtext { font-size: 15px; }
    .blogpost .readmore { color: #dc2625; margin-top: 20px; font-size: 14px; }

    #bottomsection { text-align: center; }
    #bottomsection i { color: #202020; font-size: 50px; margin-bottom: 10px; }

    #blogsection { text-align: center; background-color: #eee; margin-top: 0px; padding: 25px 0; margin-bottom: 100px; }
    #blogsection i { color: #202020; font-size: 50px; margin-bottom: 10px; }

    .sellingpoint .text { font-size: 14px; }
    .sellingpoint .link { margin-top: 30px; }
    .sellingpoint .link a { color: #dc2625; font-weight: 600; }

    #stars { text-align: center; position: absolute; left: 55px; top: 25px; }
    #stars i { font-size: 21px; color: #202020; }
    #stars i:nth-child(3) { color: #eeeeee !important; }
    #midstar { color: #202020 !important; font-size: 17px !important; position: absolute; left: 110px; top: 27px; }
    #furtherinformation { margin: 50px -20px; }

    .testimonial h2 { color: #202020; }
    .testimonial .testimonial-content { padding: 0px 15px; padding-left: 100px; }
    .testimonial .testimonial-date { margin-top: 5px; }
    .horizontal-slider { }
    .horizontal-slider li { }

    .carousel-inner { }
    .productCarousel-inner { width: 370px; }
    .productCarousel-item { width: 370px; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 370px; height: auto; margin: 55px 0; }
    #slidercontrol i { }

    .testimonial-carousel-inner { width: 370px; height: auto; }
    .testimonial-productCarousel-inner { width: 370px; }
    .testimonial-productCarousel-item { width: 370px; }
    .testimonial-carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 370px; height: auto; margin: 55px 0; }
    .testimonial-carousel-control { }

    #slidercontrol i { }
}

@media screen and (min-width: 992px) {
    li.last a.red.btn { line-height: initial; display: flex !important; align-items: center; justify-content: center; }

    #headertext h1 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 2.4em; margin: 0; margin-bottom: 50px; font-weight: 800; }
    #headertext h2 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 32px; margin: 0; margin-bottom: 30px; font-weight: 900; }
    .sitemap { columns: 7; -webkit-columns: 7; -moz-columns: 7; }

    .doorcontainer { margin-top: 30px; }
    .doorcontainer img { top: 22px; }
    .doorcontainer.small img { }
    .doorcontainer.small .btn { display: block; font-size: 13px; padding: 10px 5px; text-align: center; }
    .doorcontainer.small .doortext .text { padding-left: 5px; }

    .btn { font-size: 15px; padding: 12px 30px; margin-top: 5px; margin-right: 10px; border-radius: 2px; }
    .btn:hover { cursor: pointer; text-decoration: none; }
    .btn.dark { background: #202020; color: #fff; border: solid 1px#202020; font-weight: bold; }
    .btn.dark:hover { background: #fff; color: #202020; }
    .btn.red { background: #dc2625; color: #fff; font-weight: bold; }
    .btn.red:hover { background: #fff; color: #dc2625 !important; }

    .producttext { padding: 30px; width: 100%; }

    .container.top { height: 200px; }

    #headerright { padding: 20px 0px; /* height: 130px; */ }
    #headerright a { color: #fff; font-weight: bold; display: inline-block; }
    .nav { padding: 10px 10px; margin: 0px; height: 70px; }
    .nav li div { position: absolute; top: 64%; visibility: hidden; z-index: 598; width: auto; background: #202020; border-bottom: solid 2px red; height: fit-content; }
    .nav li a i { color: #dc2625; }
    .nav li:hover > a { /*font-size: 1.1em;*/ color: #dc2625 !important; /*border-bottom: solid 1px #dc2625;*/ }
    .nav li.last:hover > a { font-size: 1em; }
    .nav li div ul { padding: 5px 10px; margin: 0; }
    .nav li div ul,
    .nav li div ul li { width: 190px; text-align: left; }
    .nav li div ul li { height: auto; line-height: 25px; float: none; width: -webkit-fill-available; }
    .nav li div ul li a { height: 25px; color: #fff; }
    .nav li:hover div { visibility: visible; }
    .nav { display: flex; justify-content: space-between; }
    .nav li { display: block; height: 50px; text-align: center; line-height: 50px; font-size: 12px; font-size: 12px !important; background: transparent; width: fit-content; }

    .nav .last a { font-size: 12px; padding: 0px; line-height: 40px; padding: 0 5px; margin: 5px; width: 100%; }
    .nav li.home { width: 5%; font-size: 12px; }
    .nav li:nth-child(4) { font-size: 12px; }
    .nav .drop:nth-child(4) { width: 16%; }
    .nav li a { color: #666; display: block; height: 40px; }
    .nav li a.on,
    .nav li a:hover { text-decoration: none; }
    .nav li a.on { text-decoration: none; }
    .horizontal-slider { }
    .horizontal-slider li { width: 520px; }

    .carousel-inner { }
    .productCarousel-inner { }
    .productCarousel-item { }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img { }
    #slidercontrol i { }
}

@media screen and (max-width: 1230px) {

    h1.fs-23.fw-800.mt-45, #bookingform .fs-23 { font-size: 2rem !important; }
    #bookingform .fs-14, #bookingform .form-inner input, #bookingform .form-inner label { font-size: 1.2rem !important; }
    #datepicker .ui-datepicker-header { font-size: 1.7rem; }
    #datepicker .ui-datepicker-calendar { font-size: 1.4rem; }
}


@media screen and (max-width: 991px) {
    
    .hide-md { display: none; }
    .google-reviews { display:none; }

    #bookingform .form-inner .contact { flex-direction: column; }
    #bookingform .form-inner .vert-divider { display: none; }
    #bookingform .form-inner .contact > div { width: 100% !important; max-width: 100% !important; }

    .testimonial .testimonial-text { font-size: 16px; }
    .masthead.contact-us-header { height: 150px !important; }
    .doorcontainer .doortext .text { padding-left: 5px; }
    .timeline .line { left: 48%; }
    .timeline h4 { }
    .g-recaptcha { margin: 10px 0; }
    .masthead.testimonials-header { height: 310px !important; background-position: 0 40px; background-size: contain; }

    .products { grid-template-columns: 33% 33% 33%; }
    .bar { display: block; position: absolute; width: 100%; height: 5px; background: #dc2625; border-radius: 9px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.25s ease-in-out; color: #fff; margin-top: 9px; }
    .bar:nth-child(2) { top: 10px; }
    .bar:nth-child(3) { top: 20px; }

    .menuicon.open .bar:nth-child(1) { -webkit-transform-origin: left; -o-transform-origin: left; -moz-transform-origin: left; transform-origin: left center; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); left: 0px; top: 0px; }
    .menuicon.open .bar:nth-child(2) { width: 0; }
    .menuicon.open .bar:nth-child(3) { transform-origin: left bottom; -o-transform-origin: left bottom; -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); left: 1px; top: 18px; }

    .open ul li { padding-left: 20px; }
    label { font-size: 11px; }
    .drop i { float: right; width: 12%; height: 40px; text-align: center; line-height: 39px; /* background: #dc2625; */ color: #dc2625; }

    /*#headerleft img { content: url(images/logo-full.png); }*/
    /*#headerleft.logo-invert img { content: url(/Content/images//logo-invert.png); }*/
    #benefitssection { padding: 20px; }

    .last .btn { margin: 0; padding: 0 20px; }
    .overlay { height: 100%; width: 100%; height: 100vh; width: 100vw; background: transparent; z-index: 3; position: fixed; left: 0 !important; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
    .overlay.open { background: #202020; }
    #navbar { padding: 10px 0; /* background-color: transparent; */ margin: 10px 0 0 0; }
    #quotebar { height: 40px; background: #dc2625; padding: 0; margin: -10px 0; text-align: center; font-size: 20px; padding: 5px; font-weight: 700; line-height: 30px; }
    #quotebar i { color: #fff; }
    #quotebar a { color: #fff; }
    #quotebar:hover a { text-decoration: none; color: #fff; }
    #headertext { top: 250px; }
    #headertext h1 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 30px; margin: 0; margin-bottom: 40px; }
    #headertext h2 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 32px; margin: 0; margin-bottom: 40px; }

    .doorcontainer { margin-top: 160px; }
    .doorcontainer img { top: 132px; left: 30px; }
    .doorcontainer .btn { margin-top: 20px; font-size: 13px; }
    .doorcontainer.small { margin-top: 10px; }

    .doorcontainer.small .doortext .text { padding-left: 5px; }

    .btn { font-size: 15px; padding: 15px 30px; margin: 5px; border-radius: 2px; }
    .btn:hover { cursor: pointer; text-decoration: none; }
    .btn.dark { background: #202020; color: #fff; border: solid 1px#202020; font-weight: 600; }
    .btn.dark:hover { background: #fff; color: #202020; }
    .btn.red { background: #dc2625; color: #fff; font-weight: 600; }
    .btn.red:hover { background: #fff; color: #dc2625; }

    .product { height: 270px; }

    .product .producttext { padding: 0px; width: 50%; margin-bottom: 20px; }

    #productsheader { text-align: center; font-size: 28px; font-weight: 600; }
    #midsection { background: #fff; }
    #midsection #midsectionleft { font-size: 17px; padding: 15px; }
    #midsection #midsectionleft h2 { font-size: 30px; font-weight: 600; margin: 40px 0px; }
    #midsection #midsectionleft ul { list-style: none; padding-inline-start: 0; margin-bottom: 50px; }
    #midsection #midsectionleft li { color: #000; margin: 15px 0px; font-weight: 700; }
    #midsection #midsectionleft li i { color: #dc2625; font-size: 22px; padding-right: 5px; }
    #midsection #midsectionright { padding-top: 60px; padding: 15px; min-height: 600px; }
    #midsection #midsectionright h3 { font-weight: 600; color: #202020; font-size: 22px; }
    #midsection #midsectionright #warmer { position: absolute; left: 180px; top: 80px; width: 260px; }
    #midsection #midsectionright #energy { position: absolute; top: 320px; left: 110px; width: 190px; }
    #midsection #midsectionright #looks { position: absolute; top: 570px; left: 360px; width: 250px; }

    #affilliates { margin-top: 100px; }

    #casestudy #leftpanel { background: #fff; padding: 30px; margin-right: 0; padding-right: 0; height: 350px; }
    #casestudy #rightpanel { padding-left: 0; height: 350px; }
    #casestudy .name { font-size: 12px; }
    #casestudy .title { font-size: 30px; }
    #casestudy .text { font-size: 15px; padding-right: 50px; margin-bottom: 50px; }
    #casestudy a { font-weight: 700; padding: 10px 25px; margin: 0; }

    #latestnews { margin-bottom: 100px; margin-top: 50px; text-align: left; }
    .blogpost { text-align: center; margin: 0 auto; }
    .blogpost .blogdate { margin: 10px 0px; }
    .blogpost .blogtitle { font-size: 24px; color: #202020; margin: 10px 0; }
    .blogpost .blogtext { font-size: 15px; }
    .blogpost .readmore { color: #dc2625; margin-top: 20px; font-size: 14px; }

    #bottomsection { text-align: center; }
    #bottomsection i { color: #202020; font-size: 50px; margin-bottom: 10px; }

    #blogsection { text-align: center; background-color: #eee; margin-top: 0px; padding: 25px 0; margin-bottom: 100px; }
    #blogsection i { color: #202020; font-size: 50px; margin-bottom: 10px; }
    .sellingpoint { margin-top: 20px; }

    .sellingpoint .text { font-size: 14px; }
    .sellingpoint .link { margin-top: 30px; }
    .sellingpoint .link a { color: #dc2625; font-weight: 600; }

    #stars { text-align: center; position: absolute; left: 115px; top: 25px; }
    #stars i { font-size: 21px; color: #202020; }
    #stars i:nth-child(3) { color: #eeeeee !important; }
    #midstar { color: #202020 !important; font-size: 17px !important; position: absolute; left: 170px; top: 27px; }
    #furtherinformation { margin: 50px 0px; }

    .productCarousel { margin: 0 70px; }
    .productCarousel-text { padding: 0 20px; }

    .productCarousel-text h2 { font-weight: 900; }
    .productCarousel-text .text { font-size: 1em; }

    .testimonial { height: 100%; margin: 20px auto; }
    .testimonial h2 { color: #202020; margin-top: 0px; }
    .testimonial .testimonial-content { padding: 15px; padding-left: 202px; }

    #call,
    #mail { display: none; }
    .masthead .container.top { position: relative; }
    .drop .shut { position: initial; }
    .shut { height: 0px; position: fixed; overflow: hidden; top: 120px; left: 5%; width: 90%; }
    .nav.open { height: auto; position: absolute; top: 120px; left: 5%; font-weight: bold; z-index: 9; }
    .phone-icon { display: block; position: absolute; right: 62px; top: 42%; }
    .menuicon { font-size: 1em; display: block; visibility: visible !important; cursor: pointer; height: 40px; position: absolute; top: 31%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.25s; width: 27px; left: 93%; }
    .menuicon.open .fa-navicon::before { content: "\f00d"; }
    .nav { width: 90%; padding: 0; margin: 0px; left: 5%; position: absolute; }
    .nav li a:hover { text-decoration: none; }
    .nav li { width: 100% !important; float: none; text-align: left; border-bottom: 1px solid #dc2625; color: #202020; }
    .nav li.last { margin-top: 20px; text-align:center; }
    .nav li.drop { border: 0; border-bottom: solid 1px #dc2625; }
    .nav div.shut { height: 0px; overflow: hidden; }
    .nav div ul { padding: 0; list-style: none; margin: 0; top: 80px; }
    .nav li a { width: 100%; padding-left: 3%; height: 40px; line-height: 40px; color: #fff; display: block; background-position: 95.6% center; background-repeat: no-repeat; background-size: 13px 20px; }
    .nav .open li:hover { background-color: #dc2625; }
    .nav li.on > a { border-bottom: none; }
    .nav > li:hover > a { background-color: #dc2625; }
    .nav > li:hover > a i { color: #fff; }
    .drop i:hover { color: #fff; background-color: #dc2625; }
    .nav li a.arrow { background-position: 96% center; background-repeat: no-repeat; background-size: 20px 13px; cursor: pointer; display: inline-block; width: 87%; }
    .nav a.arrow.open { background-color: #e1e1e1; }
    .nav li a.on { background-color: transparent; border-bottom: none; }
    #headerleft { z-index: 99; padding-top: 20px; padding-bottom: 20px; }
    #headerright { position: relative !important; min-height: 80px; z-index: 10; }
    #headerright span a { float: right; margin-right: 25px; display: block; width: 21px; height: 19px; background-repeat: no-repeat; margin-top: 10px; }
    #headerright span a.facebook { color: #395793; font-size: 1.6em; }
    #headerright span a.twitter { color: #4297ff; font-size: 1.9em; }
    #headerright span a.google { color: #de4b3b; font-size: 1.7em; }
    .horizontal-slider { width: 469px; margin: 0 auto; }
    .horizontal-slider li { }

    .carousel-inner { }
    .productCarousel-inner { width: 257px; height: 100%; }
    .productCarousel-item { width: 257px; height: 200px; }
    .horizontal-slider { width: 70%; margin: 0 5%; text-align: center; }
    .horizontal-slider li { width: 257px; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 257px; height: 100%; margin: 85px 0px; }

    .testimonial-carousel-inner { }
    .testimonial-productCarousel-inner { width: 257px; height: 100%; }
    .testimonial-productCarousel-item { width: 257px; height: 200px; }
    .testimonial-carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 330px; height: auto; margin: 85px 0px; }
    #slidercontrol i { }
    .testimonial-carousel-control { }

    /**/
    .masthead.window-designer-header,
    .masthead.door-designer-header { height: 160px; }
    .designer-title { top: 175px; }
    .t-carousel-inner > .item > img,
    .t-carousel-inner > .item > a > img { width: auto; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /*.navOpen #headerleft { width: 100% !important; }*/
    /*.openNav #headerright {width: 100%;position: absolute!important;left: 0;}
    .nav { }
        .nav.open { }*/
    #headerright { width: 100%; margin-top: -80px; }
    .productCarousel { margin: auto; }

    .contact .dw-md-5.cap, .contact .dw-md-4.tandc { width: 100%; }
    .contact .dw-md-3 { width: 100%; }
    .g-recaptcha { margin: auto; display: block; width: 50%; }
    .contact .dw-md-4.tandc .editor-label { margin: 20px auto; width: 50%; }

    .testimonial .dw-sm-5.image { width: 100%; margin: 20px auto; display: block; }
    .testimonial .dw-sm-7.testimonial-content { width: 100%; margin: auto; display: block; }

    .masthead .header-sticker { position: absolute; top: 350px; left: 50%; transform: translateX(200px); z-index: 2; width: 150px; height: auto; }
    .doorcontainer.small .btn { font-size: 20px; }
    .doorcontainer.small .doortext { width: 80%; font-size: 25px; }
}

@media screen and (min-width: 768px) {
    .masthead,
    .marketing,
    .footer { padding-left: 0; padding-right: 0; }
    .horizontal-slider { }
    .carousel-inner { }
    .productCarousel-inner { }
    .productCarousel-item { }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img { }
    #slidercontrol i { margin-top: 170px; }
    .testimonial-carousel-control i { margin-top: 50px; }
}

@media screen and (max-width: 768px) {
    .masthead .header-sticker { position: absolute; top: 70%; left: 50%; transform: translateX(150px); z-index: 2; width: 150px; height: auto; }
    .doorcontainer .doortext .text { padding-left: 15px; }
    .maintext { padding: 0 20px; }
    #content > div.container > div.section > div.greybox.p-20 > div > div:nth-child(12) > div.dw-md-2.dw-sm-2.dw-xs-2 > h4 { padding: 20px 0; }
    .timeline .text { padding-left: 80px; font-size: 13px; padding-top: 0; padding-right: 10px; }
    .timeline .line { top: -10px; left: 50px; }
    .timeline h4 { width: 75px; height: 75px; font-size: 15px; padding: 30px 0; float: none; }
    #contactform { padding: 2ch; text-align: center; }
    #contactform h2 { margin: 12px 0; }
    #contactform h2 { font-size: 2.2em; font-weight: 900; }

    #contactform form h2 { font-size: 1.7em; margin-bottom: 30px; padding: 0 1ch; }
    .editor-field { margin-top: 10px; }
    .editor-label { font-weight: bold; text-align: left; }
    label { font-size: 1.2em; font-family: Georgia; }

    .a-container { display: inline-flex; width: 100%; border-bottom: 1px solid #d3d3d3; }
    /*#headerleft img { content: url(images/logo-full.png); }*/
    /*#headerleft.logo-invert img { content: url(/Content/images//logo-invert.png); }*/
    .menuicon { font-size: 2.1em; display: block; visibility: visible !important; cursor: pointer; height: 40px; position: absolute; right: 25px; top: 34%; color: #dc2625; width: 27px; }

    .phone-icon { display: block; position: absolute; right: 62px; top: 45%; }
    .phone-icon a { display: block; width: 21px; height: 20px; font-size: 1.6em; color: #dc2625; }

    .hide-sm { display: none; }

    #navbar { /* background: transparent; */ }
    #headertext { top: 250px; width: 80%; margin: 0 auto; position: absolute; }
    #headertext h1 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 30px; margin: 0; margin-bottom: 20px; }
    #headertext h2 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 22px; margin: 0; margin-bottom: 40px; font-weight: 700; }
    #headertext .btn { padding: 10px 20px; font-size: 20px; margin: 0 auto; }

    .doorcontainer { margin-top: 90px; }
    .doorcontainer img { top: -28px; }
    .doorcontainer .btn { padding: 15px 60px; float: left; margin: 0 15px; }
    .doorcontainer .doortext { font-size: 2em; float: right; width: 80%; padding-left: 40px; }

    .doorcontainer.small .btn { font-size: 20px; }
    .doorcontainer.small .doortext { width: 80%; font-size: 25px; }

    .btn { font-size: 15px; padding: 10px 10px; margin: 5px; border-radius: 2px; }
    .btn:hover { cursor: pointer; text-decoration: none; }
    .btn.dark { background: #202020; color: #fff; border: solid 1px#202020; }
    .btn.dark:hover { background: #fff; color: #202020; }
    marg { background: #dc2625; color: #fff; }
    .btn.red:hover { background: #fff; color: #dc2625; }

    .productCarousel img { height: auto; width: auto; }
    .productCarousel-item { width: auto; height: auto; }
    .productCarousel-inner { top: auto; }
    .productCarousel-text { margin-bottom: 40px; }

    .productCarousel-text h2 { font-weight: 700; }

    .product { height: 270px; }

    .product .producttitle { margin-bottom: 0; }
    .product .producttext { padding: 30px; width: 50%; }

    #productsheader { text-align: center; font-size: 28px; font-weight: 600; }
    #midsection { background: #fff; }
    #midsection #midsectionleft { font-size: 17px; padding: 15px; }
    #midsection #midsectionleft h2 { font-size: 30px; font-weight: 600; margin: 40px 0px; }
    #midsection #midsectionleft ul { list-style: none; padding-inline-start: 0; margin-bottom: 50px; }
    #midsection #midsectionleft li { color: #000; margin: 15px 0px; }
    #midsection #midsectionleft li i { color: #dc2625; font-size: 22px; padding-right: 5px; }
    #midsection #midsectionright { padding-top: 60px; padding: 15px; min-height: 600px; }
    #midsection #midsectionright h3 { font-weight: 600; color: #202020; font-size: 22px; }
    #midsection #midsectionright #warmer { position: absolute; left: 25%; top: 80px; width: 260px; }
    #midsection #midsectionright #energy { position: absolute; top: 290px; left: 15%; width: 170px; }
    #midsection #midsectionright #looks { position: absolute; top: 570px; left: 320px; width: 250px; }

    #warmericon { left: 270px; }

    #affilliates { margin-top: 70px; }

    #casestudy #leftpanel { background: #fff; padding: 30px; margin-right: 0; padding-right: 0; height: 350px; }
    #casestudy #rightpanel { padding-left: 0; height: 350px; }
    #casestudy .name { font-size: 12px; }
    #casestudy .title { font-size: 30px; }
    #casestudy .text { font-size: 15px; padding-right: 50px; margin-bottom: 30px; }
    #casestudy a { font-weight: 700; padding: 10px 25px; margin: 0; }

    #latestnews { margin-bottom: 30px; }
    .blogpost { text-align: left; margin-top: 25px; }
    .blogpost .blogdate { margin: 10px 0px; text-align: left; }
    .blogpost .blogtitle { font-size: 24px; color: #202020; margin: 10px 0; text-align: left; }
    .blogpost .blogtext { font-size: 15px; text-align: left; }
    .blogpost .readmore { color: #dc2625; margin-top: 20px; font-size: 14px; text-align: left; }

    #bottomsection { text-align: center; padding: 0; padding-bottom: 20px; }
    #bottomsection i { color: #202020; font-size: 50px; margin-bottom: 10px; }

    #blogsection { text-align: center; background-color: #eee; margin-top: 0px; padding: 25px 0; margin-bottom: 100px; }
    #blogsection i { color: #202020; font-size: 50px; margin-bottom: 10px; }
    .sellingpoint { margin-top: 40px; }

    .sellingpoint .text { font-size: 14px; }
    .sellingpoint .link { margin-top: 30px; }
    .sellingpoint .link a { color: #dc2625; font-weight: 600; }

    #stars { text-align: center; position: absolute; left: 295px; top: 25px; }
    #stars i { font-size: 21px; color: #202020; }
    #stars i:nth-child(3) { color: #eeeeee !important; }
    #midstar { color: #202020 !important; font-size: 17px !important; position: absolute; left: 350px; top: 27px; }
    #furtherinformation { font-size: 1em; }
    .carouselcontainer { height: auto; }
    .horizontal-slider { }
    .horizontal-slider li { width: 469px; }

    .carousel-inner { height: inherit; width: 469px; }
    .productCarousel-inner { }
    .productCarousel-item { width: max-content; height: max-content; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 469px; height: auto; }
    #slidercontrol i { margin-top: 210px; }

    .testimonial-carousel-inner { height: auto; width: 490px; }
    .testimonial-productCarousel-inner { }
    .testimonial-productCarousel-item { width: max-content; height: max-content; }
    .testimonial-carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 490px; height: auto; }
    .testimonial-carousel-control i { margin-top: 210px; }
    .testimonial-carousel-control { }
    .testimonial .testimonial-content { padding-left: 40px; }

    .t-carousel { margin: 0 auto; }
    /**/
}

@media screen and (max-width: 700px) {
    .masthead.background-other { height: 530px; }
    .masthead.window-designer-header.background-other, .masthead.door-designer-header.background-other { height: 160px; }
    .productCarousel-inner { }
    #headertext { top: 200px; width: 80%; height: auto; }
    #headertext h1 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 30px; margin: 0; margin-bottom: 40px; }
    #headertext h2 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 22px; margin: 0; margin-bottom: 40px; text-align: left; font-weight: 700; }
    #headertext .btn { padding: 10px 20px; margin: 0 auto; font-weight: 600; }
    #diagramsvg { display: none; }

    .product { height: 270px; }

    #energyicon { top: 440px; left: 60px; }
    #looksicon { top: 430px; left: 310px; }

    .product .producttext { padding: 10px 0px; width: 70%; }

    #productsheader { text-align: center; font-size: 28px; font-weight: 800; }
    #midsection { background: #fff; }
    #midsection #midsectionleft { font-size: 15px; padding: 15px; }
    #midsection #midsectionleft h2 { font-size: 30px; font-weight: 800; margin: 40px 0px; }
    #midsection #midsectionleft ul { list-style: none; padding-inline-start: 0; margin-bottom: 10px; }
    #midsection #midsectionleft li { font-weight: 800; color: #000; margin: 5px 0px; display: inline-flex; width: 100%; }
    #midsection #midsectionleft li i { color: #dc2625; font-size: 22px; padding-right: 5px; }
    #midsection #midsectionright { padding-top: 60px; padding: 15px; min-height: 600px; }
    #midsection #midsectionright h3 { font-weight: 600; color: #202020; font-size: 22px; }
    #midsection #midsectionright #warmer { position: initial; left: 80px; top: 80px; width: 100%; }
    #midsection #midsectionright #energy { position: initial; top: 150px; left: 30px; width: 100%; }
    #midsection #midsectionright #looks { position: initial; top: 540px; left: 40%; width: 100%; }

    #diagram { margin-top: 30px; width: 610px; background-size: cover; height: 580px; }
    .hide-xs { display: none; }

    #warmericon,
    #energyicon,
    #looksicon { cursor: pointer; }
    .fa-plus-circle { color: #dc2625; font-size: 60px; }

    #affilliates h3 { text-align: center; width: 60%; margin: 0 auto; }

    .twitterfeed { display: none; }
    .twitterfeedlink { display: block; background: #00aced; color: #fff; text-align: center; padding: 0px 5px 10px 5px; font-size: 20px; }
    .twitterfeedlink i::before { color: #fff; font-size: 22px; }
    .twitterfeedlink a { color: #fff; font-weight: 700; }
    #footeraddress,
    #footercontact { padding: 0 30px; }
    .footer li { margin: 10px 0; color: #fff; font-size: 14px; }
    .footer li.socialicons i { margin: 0 20px; margin-left: 0; }

    .btmfoot { color: #fff; margin-top: 20px; text-align: left; font-size: 12px; float: left; padding-right: 50px; }
    .footer #footnoteright { text-align: left; }
    .footer #footnoteright a { color: #fff; }

    #stars { text-align: center; position: absolute; left: 85px; top: 25px; }
    #stars i { font-size: 21px; color: #202020; }
    #stars i:nth-child(3) { color: #eeeeee !important; }
    .carousel-control { top: 130px; }
}

@media screen and (max-width: 620px) {
    .doorcontainer .doortext .text { padding: 0; }
    .doorcontainer .btn { margin: 0; float: left; }
    .masthead .header-sticker { transform: translateX(100px); }
}

@media screen and (max-width: 600px) {
    .timeline .line { }
    .timeline h4 { }
    .masthead.testimonials-header { height: 280px !important; background-position: 0 100px; }

    #headertext { top: 215px; width: 90%; }
    #headertext h1 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 30px; margin: 0; margin-bottom: 40px; }
    #headertext h2 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 28px; margin: 0; margin-bottom: 40px; font-weight: 800; }

    .dw-xs-12.no-padding-r,
    .dw-xs-12.no-padding-l { padding: 0; }
    .doorcontainer { background: #202020; height: 150px; }
    .doorcontainer img { position: absolute; top: -28px; left: 40px; }
    .doorcontainer .btn { padding: 10px 20px; }
    .doorcontainer .doortext { height: 50%; width: 70%; padding: 30px 0; color: #fff; font-size: 22px; float: right; height: 100%; font-weight: bold; text-align: center; text-align: left; padding-left: 20px; }
    .doorcontainer .doortext .text { margin-bottom: 15px; }
    .doorcontainer.small .doortext { font-size: 22px; width: 75%; }

    #diagram { width: 420px; background-size: contain; }

    #warmericon { left: 210px; top: 90px; }
    #energyicon { left: 30px; top: 390px; }
    #looksicon { top: 370px; left: 210px; }
    .sellingpoint { margin-top: 20px; }
    .sellingpoint .text,
    .sellingpoint .link,
    .sellingpoint br { display: none; }
    .productCarousel-inner { height: 240px; width: 460px; }
    .carousel-control { top: 90px; }
    .horizontal-slider { width: 317px; height: auto; margin-top: 50px; }
    .horizontal-slider li { width: 317px; }

    .carousel-inner { width: 317px; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 317px; height: auto; margin: 0 auto; }
    #slidercontrol i { margin-top: 150px; }

    .testimonial-carousel-inner { width: 317px; }
    .testimonial-carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 317px; height: auto; margin: 0 auto; }
    .testimonial-carousel-control i { margin-top: 150px; }

    /**/
}

@media screen and (max-width: 500px) {
    .masthead .header-sticker { transform: translateX(70px); }
    .timeline .line { }
    .timeline h4 { }
    .products { grid-template-columns: 50% 50%; }
    #headertext { top: 235px; width: 90%; }
    #headertext h1 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 30px; margin: 0; margin-bottom: 40px; }
    #headertext h2 { font-family: "Libre Franklin", sans-serif; color: #fff; font-size: 22px; margin: 0; margin-bottom: 40px; font-weight: 700; }

    .kanda .container .inner span { font-size: 0.9rem; }
    .kanda .container .inner a { font-size: 0.85rem; }

    .testimonial { margin: 40px 0; }
    #affilliates img { margin: 10px; width: 40%; }
    .benefit h2 { margin: 10px; }
    #casestudy #leftpanel { padding-bottom: 350px; }
    .doorcontainer { background: #202020; height: 150px; }
    .doorcontainer img { position: absolute; top: -28px; left: 40px; }
    .doorcontainer .btn { padding: 10px 20px; width: 100%; padding: 10px 5px; width: 90%; }
    .doorcontainer .doortext { height: 50%; width: 54%; padding: 30px 0; color: #fff; font-size: 20px; float: right; height: 100%; font-weight: bold; text-align: center; }
    .doorcontainer .doortext .text { margin-bottom: 15px; }
    .doorcontainer.small .btn { font-size: 14px; }
    .doorcontainer.small .doortext { width: 70%; font-size: 21px; }

    notepad #diagram { width: 420px; background-size: contain; }

    #warmericon { left: 210px; }
    #energyicon { left: 30px; top: 390px; }
    #looksicon { top: 370px; left: 210px; }
    .productCarousel { margin: 0; }
    .productCarousel-inner { height: 220px; }
    .horizontal-slider { width: 247px; }
    .horizontal-slider li { width: 247px; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 247px; height: auto; margin: 0 auto; margin-top: 25px; }
    .testimonial-carousel-inner > .item > img,
    .carousel-inner > .item > a > img { width: 247px; height: auto; margin: 0 auto; margin-top: 25px; }

    /**/

    .t-carousel-control { top: 0; padding-top: 80px; }

    .t-carousel { width: 100%; height: 200px; }
    .t-carousel-inner { width: 100%; height: 200px; }
    .t-carousel-inner > .item > img,
    .t-carousel-inner > .item > a > img { height: auto; }

    @media all and (transform-3d), (-webkit-transform-3d) {
        .t-carousel-inner > .item.next.left,
        .t-carousel-inner > .item.prev.right,
        .t-carousel-inner > .item.active { width: 100%; }
    }

    /**/
}

@media screen and (max-width: 420px) {
    .masthead .header-sticker { transform: translateX(70px); width: 120px; height: auto; }
    .editor-label { text-align: left; }

    #headertext { top: 230px; width: 90%; }
    #headertext h1,
    #headertext h2 { font-family: "Libre Franklin", sans-serif; color: #fff; margin: 0; margin-bottom: 40px; }
    #headertext h1 { font-size: 2em; }
    #headertext h2 { font-size: 22px; }
    #headertext .btn { padding: 15px 20px; }
    #headertext .btn { padding: 15px 20px; font-size:1rem; }

    #diagram { width: 400px; margin-top: 0; }
    #warmericon { left: 190px; top: 100px; }
    #energyicon { left: 25px; top: 380px; }
    #looksicon { top: 360px; left: 190px; }

    .kanda .container .inner { flex-wrap: wrap; gap: 10px; }

    /**/

    .t-carousel-control { top: 0; padding-top: 60px; }

    .t-carousel { height: 100%; }
    .t-carousel-inner { height: 155px; }

    @media all and (transform-3d), (-webkit-transform-3d) {
        .t-carousel-inner > .item { height: 100%; }
    }
}




@media screen and (max-width: 414px) {
    .timeline .text { padding-left: 50px; }
    .phone-icon { right: 45px !important; }
}

@media screen and (max-width: 380px) {
    .masthead .header-sticker { transform: translateX(70px); top: 70%; width: 100px; height: auto; }
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { margin: 0 auto; padding: 0 15px; }
.section { margin: 0 -15px; }
    .container:before, .container:after, .section:before, .section:after { display: table; content: " "; }
    .container:after, .section:after { clear: both; }
.clear { display: block; clear: both; }
@-ms-viewport { width: device-width; }

/* Awesome */
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.fa-facebook:before { content: "\f09a"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-twitter:before { content: "\f099"; }
.fa-navicon:before { content: "\f0c9"; }
.fa-phone:before { content: "\f095"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-down:before { content: "\f107"; }

.dw-xs-1, .dw-xs-2, .dw-xs-3, .dw-xs-4, .dw-xs-5, .dw-xs-6, .dw-xs-7, .dw-xs-8, .dw-xs-9, .dw-xs-10, .dw-xs-11, .dw-xs-12,
.dw-sm-1, .dw-sm-2, .dw-sm-3, .dw-sm-4, .dw-sm-5, .dw-sm-6, .dw-sm-7, .dw-sm-8, .dw-sm-9, .dw-sm-10, .dw-sm-11, .dw-sm-12,
.dw-md-1, .dw-md-2, .dw-md-3, .dw-md-4, .dw-md-5, .dw-md-6, .dw-md-7, .dw-md-8, .dw-md-9, .dw-md-10, .dw-md-11, .dw-md-12,
.dw-lg-1, .dw-lg-2, .dw-lg-3, .dw-lg-4, .dw-lg-5, .dw-lg-6, .dw-lg-7, .dw-lg-8, .dw-lg-9, .dw-lg-10, .dw-lg-11, .dw-lg-12 { position: relative; min-height: 1px; padding: 0 15px; }

.dw-xs-1, .dw-xs-2, .dw-xs-3, .dw-xs-4, .dw-xs-5, .dw-xs-6, .dw-xs-7, .dw-xs-8, .dw-xs-9, .dw-xs-10, .dw-xs-11 { float: left; }
.dw-xs-12 { width: 100%; }
.dw-xs-11 { width: 91.66666666666666%; }
.dw-xs-10 { width: 83.33333333333334%; }
.dw-xs-9 { width: 75%; }
.dw-xs-8 { width: 66.66666666666666%; }
.dw-xs-7 { width: 58.333333333333336%; }
.dw-xs-6 { width: 50%; }
.dw-xs-5 { width: 41.66666666666667%; }
.dw-xs-4 { width: 33.33333333333333%; }
.dw-xs-3 { width: 25%; }
.dw-xs-2 { width: 16.666666666666664%; }
.dw-xs-1 { width: 8.333333333333332%; }

.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
.hidden-xs, .hidden-sm, .hidden-md, .hidden-lg { display: block !important; }

@media (max-width:767px) {
    .visible-xs, .visible-sm.visible-xs, .visible-md.visible-xs, .visible-lg.visible-xs { display: block !important; }
    .hidden-xs, .hidden-sm.hidden-xs, .hidden-md.hidden-xs, .hidden-lg.hidden-xs { display: none !important; }
}

@media (min-width:768px) {
    .dw-sm-1, .dw-sm-2, .dw-sm-3, .dw-sm-4, .dw-sm-5, .dw-sm-6, .dw-sm-7, .dw-sm-8, .dw-sm-9, .dw-sm-10, .dw-sm-11 { float: left; }
    .dw-sm-12 { width: 100%; }
    .dw-sm-11 { width: 91.66666666666666%; }
    .dw-sm-10 { width: 83.33333333333334%; }
    .dw-sm-9 { width: 75%; }
    .dw-sm-8 { width: 66.66666666666666%; }
    .dw-sm-7 { width: 58.333333333333336%; }
    .dw-sm-6 { width: 50%; }
    .dw-sm-5 { width: 41.66666666666667%; }
    .dw-sm-4 { width: 33.33333333333333%; }
    .dw-sm-3 { width: 25%; }
    .dw-sm-2 { width: 16.666666666666664%; }
    .dw-sm-1 { width: 8.333333333333332%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container { width: 750px; }
    .visible-xs.visible-sm, .visible-sm, .visible-md.visible-sm, .visible-lg.visible-sm { display: block !important; }
    .hidden-xs.hidden-sm, .hidden-sm, .hidden-md.hidden-sm, .hidden-lg.hidden-sm { display: none !important; }
}

@media (min-width:992px) {
    .dw-md-1, .dw-md-2, .dw-md-3, .dw-md-4, .dw-md-5, .dw-md-6, .dw-md-7, .dw-md-8, .dw-md-9, .dw-md-10, .dw-md-11 { float: left; }
    .dw-md-12 { width: 100%; }
    .dw-md-11 { width: 91.66666666666666%; }
    .dw-md-10 { width: 83.33333333333334%; }
    .dw-md-9 { width: 75%; }
    .dw-md-8 { width: 66.66666666666666%; }
    .dw-md-7 { width: 58.333333333333336%; }
    .dw-md-6 { width: 50%; }
    .dw-md-5 { width: 41.66666666666667%; }
    .dw-md-4 { width: 33.33333333333333%; }
    .dw-md-3 { width: 25%; }
    .dw-md-2 { width: 16.666666666666664%; }
    .dw-md-1 { width: 8.333333333333332%; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .container { width: 970px; }
    .visible-xs.visible-md, .visible-sm.visible-md, .visible-md, .visible-lg.visible-md { display: block !important; }
    .hidden-xs.hidden-md, .hidden-sm.hidden-md, .hidden-md, .hidden-lg.hidden-md { display: none !important; }
}

@media (min-width: 1230px) {
    .container { width: 1230px; }
    .dw-lg-1, .dw-lg-2, .dw-lg-3, .dw-lg-4, .dw-lg-5, .dw-lg-6, .dw-lg-7, .dw-lg-8, .dw-lg-9, .dw-lg-10, .dw-lg-11 { float: left; }
    .dw-lg-12 { width: 100%; }
    .dw-lg-11 { width: 91.66666666666666%; }
    .dw-lg-10 { width: 83.33333333333334%; }
    .dw-lg-9 { width: 75%; }
    .dw-lg-8 { width: 66.66666666666666%; }
    .dw-lg-7 { width: 58.333333333333336%; }
    .dw-lg-6 { width: 50%; }
    .dw-lg-5 { width: 41.66666666666667%; }
    .dw-lg-4 { width: 33.33333333333333%; }
    .dw-lg-3 { width: 25%; }
    .dw-lg-2 { width: 16.666666666666664%; }
    .dw-lg-1 { width: 8.333333333333332%; }
    .visible-xs.visible-lg, .visible-sm.visible-lg, .visible-md.visible-lg, .visible-lg { display: block !important; }
    .hidden-xs.hidden-lg, .hidden-sm.hidden-lg, .hidden-md.hidden-lg, .hidden-lg { display: none !important; }
}