/*!
Theme Name: ASAB
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: asab
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ASAB is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

.wp-block-list.with-br{ border:1px solid #393838; padding-block:20px; padding-inline: 20px; margin-inline: 0; }
.wp-block-list.with-br li{ margin-block:3px; }
.form-card .kym-forms .inputfile{ width: 100%; overflow: hidden }
.selling-point .menu-lists li a span, 
.page-id-64 #main.main .button-with-arrow a span,
.page.page-template .main .content .button-with-arrow a{ position:relative; }
.selling-point .menu-lists li a span:after{ content:''; position:absolute; left:0; bottom:0; width: calc(100% - 25px); height:2px; background-color: #fff; opacity:0; }
.selling-point .menu-lists li a:hover span, .page-id-64 #main.main .button-with-arrow a span, .page.page-template .main .content .button-with-arrow a{ opacity:1;  }
.selling-point .menu-lists li a:hover span:after, .page-id-64 #main.main .button-with-arrow a:hover span:after, .page.page-template .main .content .button-with-arrow a:hover:after{ opacity:1; }
.page-id-64 #main.main .button-with-arrow a { opacity:1; }
.page-id-64 #main.main .button-with-arrow a span:after{ content:''; position:absolute; left:0; bottom:0; width: 100%; height:1px; background-color: #393838; opacity:0; }
.page.page-template .main .content .button-with-arrow a:after{ content:''; position:absolute; left:0; bottom:0; width: calc(100% - 25px); height:2px; background-color: #393838; opacity:0; }
#footer .bottom-footer .wrap .footer-left .footer-nav .boxes ul li a{ border-bottom:2px solid transparent; transition:none; }
#footer .bottom-footer .wrap .footer-left .footer-nav .boxes ul li a:hover, #footer .bottom-footer .wrap .footer-left .footer-nav .boxes ul li.current-menu-item a{ border-bottom:2px solid #fff; opacity:1!important; }
.page-id-64 .customised-design, .page-id-1875 .customised-design-req.offset-full{ margin-bottom:0!important; }

.page-id-1875 .menu-lists li a{ opacity:1!important; }
.page-id-1875 .menu-lists li a:hover{ text-shadow: 1px 0 0 #fff; -webkit-text-shadow: 1px 0 0 #fff; }
.accordion-jquery .accordion-boxed.open .accordion-title{ text-transform:uppercase; }
.content ul li:before{ background-color: #4f8b9d!important; top: 10px; }
.selling-point .sp-details h2{ text-transform: uppercase!important; letter-spacing:0; }
#header{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.page-id-1875 .selling-point .sp-details h2{ white-space: nowrap; margin-bottom: 25px; }
.page-id-1875 .selling-point .sp-details .wrap{ width: 490px!important; }

.how-itworks .wrap{ display: flex; justify-content:space-between; align-items: center; flex-wrap:wrap; }
.how-itworks .wrap .box{ width: 60%; }
.how-itworks .wrap .box h1{ font-size: 64px; text-transform: uppercase; color:#000;}
.how-itworks .wrap .box p{ font-size: 24px; margin-bottom: 32px; margin-top: 32px; line-height: normal; }
.how-itworks .wrap .box-img{ width: 35%; }
.how-itworks .wrap .box-img .img-b{ margin-right: calc(-50vw + 50%); }

.title-h2{ font-size: 48px; text-transform:uppercase!important; margin-bottom:0!important; position:relative; max-width: 800px; margin:-88px auto 0!important; color:#000; padding-top: 110px; padding-bottom: 60px; font-weight: 500; display: none;}
.title-h2:before{ content:''; position:absolute; width: 100vw; height: 100%; left:0; top:0; background-color:#4C8A9C; opacity:0.2; margin-left: calc(-50vw + 50%);  }
.choose-services{ position:relative;padding-top: 110px; padding-bottom:110px; margin-bottom:0!important; }
.choose-services:before{ content:''; position:absolute; width: 100vw; height: 100%; left:0; top:0; background-color:#4C8A9C; opacity:0.2; margin-left: calc(-50vw + 50%); }
.choose-services figure{ margin-top:0!important; height: 293px; overflow: hidden; position:relative; z-index:5; }
.choose-services figure img{ width: 100%; height: 100%; object-fit:cover; }
.choose-services .wp-block-column{  position:relative; }
.choose-services .wp-block-column:before{ content:''; position:absolute; width: 100%; height: 100%; background-color:#fff; left:0; top:0; }
.choose-services h2{ font-size:24px; font-weight: 500; text-transform:uppercase; text-align:left;  }
.page-id-122350 p, .page-id-122350 h2, .page-id-122350 h3{ color:#000; position: relative; z-index:5; }
.choose-services .wp-block-column p{ text-align: left; padding-left:28px; padding-right: 28px; font-size: 20px; }
.choose-services .wp-block-column h2{ margin-top: 40px; padding-left:28px; padding-right:28px; letter-spacing:-0.1px; }
.choose-services .wp-block-column h2 + p{ min-height: 75px; }
.choose-services .wp-block-column a{ color:#4C8A9C; font-size:24px; text-decoration:underline; }
.choose-services .wp-block-column a:hover{ text-decoration:none; }
.choose-services .wp-block-column p:last-child{ padding-bottom:40px; }
.choose-services .wp-block-column:first-child{ display: flex; justify-content:center; flex-direction:column; }
.choose-services .wp-block-column:first-child:before{ display: none; }
.choose-services .wp-block-column:first-child h2{ font-size: 48px; text-transform:uppercase!important; padding-left:0!important; margin-top:0!important; }
.choose-services .wp-block-column:first-child p{ padding-bottom:0; min-height:inherit; padding-left:0!important; }
.page-id-122350 .main{padding-top: 0!important; padding-bottom:0!important; }

.steps-container{ position:relative; padding: 110px 0; }
.steps-container h2{ text-align: center; text-transform:uppercase; font-size:48px; font-weight:500; width: 100%; margin-bottom:24px; }
.steps-container .wp-block-column{ border:2px solid #4C8A9C; padding:20px; }
.steps-container .wp-block-column h3, .steps-container .wp-block-column p{ font-size:20px; text-align:left; }
.steps-container .wp-block-columns{ padding-left:0!important; padding-right:0!important;gap:1em; }
.steps-container .wp-block-column p:first-child{ font-weight:bold; width:39px; height:39px; text-align: center; color:#fff; display:flex; justify-content:center; align-items: center; }
.steps-container .wp-block-column p:first-child:before{ content:''; position: absolute; width: 100%; height: 100%; left:0; top:0; background-color:#4C8A9C; border-radius:50%; z-index:-1; }
.steps-container .wp-block-buttons + p { width: 100%; }
.steps-container .wp-block-buttons + p a{ margin:auto; }
.steps-container p{ position:relative; }
.steps-container p a{ color:#4C8A9C; }
.steps-container p a:hover{ text-decoration:underline; }
.small-text{ width: 100%; font-size:16px; padding-top: 60px; }
/*.last-container{ padding-bottom:0!important; }*/
.image-with-content{ position:relative; }
.image-with-content .wp-block-image{ margin:0 calc(-50vw + 50%); height: 420px; width: 100vw; }
.image-with-content .wp-block-image img{ width: 100%; height: 100%; object-fit: cover; }
.image-with-content .wp-block-columns{ position:absolute; width: 100%; top: 50%; left:50%; transform: translate(-50%, -50%); }
.image-with-content .wp-block-columns h3, .image-with-content .wp-block-columns p{ color:#fff!important; }
.image-with-content .wp-block-columns p{ max-width: 795px; margin-left: auto; margin-right: auto; }
.image-with-content .wp-block-columns p a{ margin-left:auto; margin-right:auto; background-color: transparent!important; text-align: center!important; }
.image-with-content .wp-block-columns p a span{ border-bottom:1px solid #fff!important; display: inline-block!important; width: auto; white-space:nowrap; }
.page-id-122350 #header{ top:0!important; }
.page-id-122350 .banner{ padding-top:144px; overflow: hidden; max-width: 100%; }
.anchor-section{ padding:0!important; margin:0!important; }
.virtual-consultation.form-card .kym-forms #howitworks-actionpop{ display: none!important; }
.page-id-122472 .banner .top-banner{ display:none!important; }
.faq-accord{ position:relative; }
.faq-accord .wp-block-coblocks-column { padding-block:110px;  }
.faq-accord:before{ content:''; position:absolute; width: 100vw; height: 100%; left:0; top:0; margin-inline:calc(-50vw + 50%); background-color:#4C8A9C; opacity: 0.1;}
.page-id-122472 .main{ padding-block-end:0!important; }
.faq-accord .faq-accord:before{ display:none!important; }
.faq-accord h2 + p{ padding-block-start:24px; padding-block-end:60px; }

.page-template-page-installation { overflow-x:hidden; }
.page-template-page-installation #header{ top:0; }
.page-template-page-installation .banner{ padding-top:143px; }
.installation-banner h1{ font-weight: 500; margin-block-end: 30px;}
.installation-banner .wrap{ position: relative; }
.page-id-122472 .two-buttons{ display:none;  }
.installation-banner .wrap .box{ background-color:rgba(255,255,255,0.5); position:absolute; max-width:950px; top:50%; left:75px; transform:translate(0, -50%);  }
.installation-banner .wrap .box .sub-box{ padding-block:40px; padding-inline:40px; }
.installation-banner .wrap .box p{ font-size:24px; }
.page-template-page-installation .two-buttons a:hover:first-child{ background-color:#e38532!important; color:#fff!important; opacity: 0.8;}
.two-buttons{ display:flex; justify-content:flex-start; margin-block-start:32px; }
.two-buttons a{ font-weight:500!important; line-height:1!important; letter-spacing:normal!important;border: 2px solid #e38532; color:#fff!important; transition:none!important; }
.two-buttons a:last-child{ width:235px; margin-inline-start:20px; text-align: center;}
.two-buttons a path{ fill:#fff; }
.two-buttons span{  top:53%!important; transition:none!important; }
.two-buttons svg{ position:relative; top:-3px; left:-5px; transition:none!important; }
.two-buttons a:hover, .two-buttons a:focus{ background-color:#e38532!important; color:#fff!important; opacity:1;  }
.two-buttons a:hover:last-child path, .two-buttons a:focus:last-child path{ fill:#fff; }
.two-buttons a:last-child{ background-color:transparent; border: 2px solid #e38532; opacity:1; color: #e38532!important; }
.two-buttons a:last-child path{ fill:#e38532; }
.two-buttons a:hover:last-child, .two-buttons a:focus:last-child{ background-color:#e38532!important; color:#fff!important; opacity:1;  }

.installation-content { padding-block-start:0!important; }
.installation-content .choose-products{ position:relative;  }
.installation-content .choose-products:before{ content: '';  position: absolute; width: 100vw; height: 100%; left: 0; top: 0;  background-color: #4C8A9C; opacity: 0.2; margin-left: calc(-50vw + 50%); }
.installation-content .choose-products .has-text-align-center{ text-transform:uppercase; padding-block-start:110px; }
.installation-content .choose-services{ align-items:flex-start!important; justify-content:space-around; padding-block-start:60px; }
.installation-content .choose-services:before{ display:none!important; }
.installation-content .choose-services .wp-block-column{ max-width:520px; }
.installation-content .choose-services figure{ height:300px; }
.installation-content .choose-services .wp-block-column:before{ display:block!important; }
.installation-content .choose-services .wp-block-column h2,
.installation-content .choose-services .wp-block-column p,
.installation-content .choose-services .wp-block-column a{ position:relative; z-index:5; }
.installation-content .choose-services .wp-block-column h2{ padding-left:28px!important;padding-right:28px!important; margin-block-start:40px!important; font-size:24px!important; font-weight:500!important; }
.installation-content .choose-services .wp-block-column p{ padding-inline:28px!important; }
.installation-content  .choose-services .wp-block-column p:last-child{ padding-block-end:40px!important; }
.installation-content .choose-services .wp-block-column h2 + p{ min-height:auto!important; }

.installation-content .accordion-jquery .accordion-content{ padding-block:20px; }
.installation-content .accordion-jquery .accordion-boxed + .accordion-boxed{ margin-block-start:40px; }

.tools-mterials{ position:relative; padding-block:110px; }
.tools-mterials:before{ content: '';  position: absolute;  width: 100vw; height: 100%; left: 0; top: 0; margin-inline: calc(-50vw + 50%);  background-color: #4C8A9C;  opacity: 0.1; }
.tools-mterials h2{ text-transform:uppercase; color:#000; }
.tools-mterials .wp-block-columns{ justify-content:center!important; margin-block-end:0!important; }
.tools-mterials .wp-block-columns .wp-block-column{ max-width: 150px!important; }
.tools-mterials .wp-block-columns .wp-block-column .wp-block-image{ height:105px; display:flex; justify-content:center; align-items: center; margin-block-start:60px; }
.tools-mterials .wp-block-columns + p{ margin-block-start:0!important; }

.section-with-photos .large-photo{ display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse; }
.section-with-photos .large-photo .sp-photo{ /*width: 550px;*/ width: 60%; margin-inline-end: calc(-50vw + 50%); height:920px; }
.section-with-photos .large-photo .sp-photo img{ width: 100%; height: 100%; object-fit:cover; }
.section-with-photos .swp-details{ text-align: left; width:60%; }
.section-with-photos .swp-details h2{ text-transform:uppercase; margin-block-end:20px; color:#000; }
.section-with-photos .swp-details .box{ border-bottom:1px solid #4C8A9C; padding-block:40px; }
.section-with-photos .swp-details .box h3{ font-size:26px; font-weight:500; color:#000; position:relative; padding-inline-start:60px; }
.section-with-photos .swp-details .box h3 span{ display:flex; justify-content: center; align-items:  center; width:40px; height:40px;  font-size:20px; font-weight:bold; color:#fff; line-height:1; position: absolute; left: 0; top: 50%; transform:translate(0, -50%); }
.section-with-photos .swp-details .box h3 span:before{ content:''; position:absolute; width: 100%; height:100%; left:-2px; top:0; background-color:#4C8A9C; border-radius:50%; z-index:-1; }
.section-with-photos .swp-details .box .the-content{ padding-block-start:40px; padding-inline-start: 60px; }
.section-with-photos .swp-details .box:nth-child(2) .the-content,
.section-with-photos .swp-details .box:nth-child(3) .the-content,
.section-with-photos .swp-details .box:last-child .the-content{ display: none; }
.section-with-photos .swp-details .box .the-content p{ padding-block-end:8px; color:#000; line-height:1.5; }
.section-with-photos .swp-details .box .the-content p + ul{ margin-block-start:10px; }
.section-with-photos .swp-details .box .the-content p:last-child{ padding-block-end:0; }
.section-with-photos .swp-details .box .the-content ul li{ color:#000;margin-block-end:6px; position:relative; padding-inline-start: 10px; }
.section-with-photos .swp-details .box .the-content ul li:before{ background-color:#000!important; top:13px; }

.installation-content .manufacture-warranty{ padding-block:110px; position:relative; margin-block:0; }
.installation-content .manufacture-warranty:before{ content:''; position:absolute; width: 100vw; height: 100%; left:0; top:0; margin-inline:calc(-50vw + 50%); background-color:#4C8A9C; opacity:0.10; }
.installation-content .manufacture-warranty h2{ text-transform: uppercase;  color:#000; }
.installation-content .manufacture-warranty .mw-icons{ padding-block: 60px 30px; }
.installation-content .manufacture-warranty .disclaimer p{ font-size:14px; }

.installation-content .faq-accord h2{ text-transform:uppercase;  color:#000; }
.page-id-122506 .installation-content, .page-id-122578 .installation-content{ padding-block-end:0; }
.page-id-122506 .installation-content .faq-accord:before,
.page-id-122578 .installation-content .faq-accord:before{ display: none; }

.shutter-kit{ position:relative; padding-block:110px; }
.shutter-kit:before{ content:''; position:absolute; width: 100vw; height: 100%; left:0; top:0; margin-inline:calc(-50vw + 50%); background-color:#4C8A9C; opacity:0.10;  }
.shutter-kit h2{ text-transform:uppercase; margin-block-end:40px; letter-spacing:normal; color:#000; }
.shutter-kit ol{ text-align:left; margin-block-start:0!important; }
.shutter-kit ol li{ margin-block-start:0!important;  color:#000!important; }
.shutter-kit ol li:before{ color:#000!important; left:-5px!important; font-weight: normal!important; }
.shutter-kit .wp-block-columns {   justify-content: center !important; align-items: center!important;  margin-block-end: 0 !important; }
.shutter-kit .wp-block-columns .wp-block-column:first-child{ max-width:437px; }
.shutter-kit .wp-block-columns .wp-block-column:last-child{ max-width:330px; margin-inline-start:60px; }

.let-get-started{ padding-block:110px; }
.let-get-started .wp-block-heading.has-text-align-center{ text-align:center; text-transform:uppercase; margin-block-end:10px; color:#000; }
.let-get-started .wp-block-heading.has-text-align-center + p + p{ margin-block-start:6px; }
.let-get-started .facefit-buttons{ margin-block:60px; position:relative; z-index:100; }
.let-get-started .facefit-buttons .facefit-buttons{ width: 600px; margin-block:0; justify-content:center; position:relative; margin-inline:auto; display:flex; justify-content:center; }
.let-get-started .facefit-buttons .facefit-buttons:before{ content:''; position:absolute; width: 600px; background-color:#4C8A9C; left:50%; top:0; transform:translate(-50%,0); height:100%;  }
.let-get-started .facefit-buttons .facefit-buttons .button-with-arrow{ padding-block:7px; }
.let-get-started .facefit-buttons .facefit-buttons .button-with-arrow a, .let-get-started .facefit-buttons .facefit-buttons button{ padding-inline-end:0!important; letter-spacing:normal; font-weight:normal; background-color:#fff; color:rgba(0, 0, 0, 0.3); line-height:1; transition:none; display:flex; justify-content:center; align-items: center; height:88px; flex-direction:column; position:relative; z-index:5; border:0; margin:5px; width:50%; }
.let-get-started .facefit-buttons .facefit-buttons .button-with-arrow a:before,
.let-get-started .facefit-buttons .facefit-buttons .button-with-arrow a:after{ display:none!important; }
.let-get-started .facefit-buttons .facefit-buttons .button-with-arrow span,
.let-get-started .facefit-buttons .facefit-buttons button span{ display:block; padding-block-start:6px; transition:none; }
.let-get-started .facefit-buttons .facefit-buttons .button-with-arrow a:hover, .let-get-started .facefit-buttons .facefit-buttons .button-with-arrow a.active,.let-get-started .facefit-buttons .facefit-buttons button:hover, .let-get-started .facefit-buttons .facefit-buttons button.active,
.let-get-started .facefit-buttons .facefit-buttons button:focus{background-color:transparent; color:#fff;  font-weight:bold; }
.let-get-started .facefit-buttons .facefit-buttons .wp-block-coblocks-column{ width:285px!important; margin-inline:5px!important; }
.page-id-122578 p.has-text-align-center + .outsideframe{ padding-block-start:60px; }

.let-get-started #outsideframeless{ display:none; }
.let-get-started .outsideframe .outsideframe { display:block!important; }

.let-get-started .outsideframe{ text-align:left; }
.let-get-started .wp-block-coblocks-row, .let-get-started .wp-block-columns, .let-get-started .wp-block-heading{ max-width:100%!important; }
.let-get-started .wp-block-columns .wp-block-column figure{ border: 2px solid #4C8A9C; height:288px; display:flex; justify-content:center; align-items:center; margin-block-end:25px; }
.let-get-started .wp-block-coblocks-column__inner .wp-block-coblocks-row{ margin-block-end:60px!important; }
.let-get-started .wp-block-coblocks-column__inner .wp-block-coblocks-row:last-child,
.let-get-started .wp-block-coblocks-column__inner .wp-block-coblocks-row .wp-block-columns{ margin-block-end:0!important; }
.let-get-started .wp-block-coblocks-column__inner .wp-block-coblocks-row .wp-block-heading{ display:flex; font-size:26px; color:#000; padding-block-start:10px; letter-spacing:normal; }
.let-get-started .wp-block-coblocks-column__inner .wp-block-coblocks-row .wp-block-heading strong{ width: 40px; height: 40px; color:#fff; font-size:20px; display:flex; justify-content:center; align-items:center; position:relative; margin-inline-end:20px; top:-6px;  }
.let-get-started .wp-block-coblocks-column__inner .wp-block-coblocks-row .wp-block-heading strong:before{ content:''; width:100%; height:100%; background-color:#4C8A9C; border-radius:50%; left:-2px; top:-1px; z-index:-1; position:absolute;  }

.page-id-122578 .tools-mterials + .section-with-photos .swp-details .box{ border-bottom:0; padding-block:20px; }
.page-id-122578 .tools-mterials + .section-with-photos .swp-details .box h3 span{ top:0; transform:none; }
.page-template-page-installation .banner.installation-banner .box-img{ width:100vw; margin-inline:calc(-50vw + 50%); height:720px; overflow:hidden; }
.page-template-page-installation .banner.installation-banner .box-img .img-b{ height: 100%; }
.page-template-page-installation .banner.installation-banner .box-img img{ width: 100%; height: 100%; object-fit:cover; }
.installation-banner h1, .installation-banner h2,.installation-banner p{ color:#000!important; }
.installation-content h2, .installation-content p{ color:#000; }
.steps-container .wp-block-column h3{ color:#000; }

.page-template-template-remotely-pages #header{ position:relative; top:0; }
.page-template-template-remotely-pages .banner{ padding-block-start:0; }
.page-template-template-remotely-pages .announcement-section, .page-template-template-remotely-pages .bottom-header{ display:none; }
.page-template-template-remotely-pages .banner .top-banner .banner-right .wrap h2{ text-transform:uppercase; font-weight: 500; margin-block-end:20px; }
.page-template-template-remotely-pages .banner .top-banner .banner-left h3{ letter-spacing:normal; line-height:1.5; }
.page-template-template-remotely-pages .banner .top-banner{ background-color:rgba(79,163,193,0.61); top:0; height:300px; }
.page-template-template-remotely-pages .banner .top-banner .banner-left .wrap:before{ height:270px; }
.page-template-template-remotely-pages h1{ display:none; }
.page-template-template-remotely-pages .main .wp-block-columns{ max-width: 100%!important; margin-block-end:0px; }
.page-template-template-remotely-pages .main .wp-block-columns .wp-block-columns{ margin-block-end:110px!important; }
.page-template-template-remotely-pages .main .wp-block-columns .wp-block-column{ display:flex; justify-content:center; align-items: flex-start; flex-direction:column; }
.page-template-template-remotely-pages .main .wp-block-columns .wp-block-column h2{ text-align:left; color:#000; letter-spacing:normal; }
.page-template-template-remotely-pages .main .wp-block-columns .wp-block-column p{ text-align:left; margin-block-start:40px; color:#000; letter-spacing:normal; }
.page-template-template-remotely-pages .main .wp-block-columns .wp-block-column figure{ margin-block-start:0!important; }
.page-template-template-remotely-pages .main h2{ text-transform:uppercase; }
.page-template-template-remotely-pages .price-match-guarantee,
.page-template-template-remotely-pages .section-bottom,
.page-template-template-remotely-pages .main{ padding-block:110px; }
.page-template-template-remotely-pages .price-match-guarantee p{ margin-block:20px 40px; }
.page-template-template-remotely-pages .selling-point .sp-details{ left:inherit; right:0; }
.page-template-template-remotely-pages .content-bottom-w{ display: none; }
.page-template-template-remotely-pages .manufacture-warranty{ margin-block-end:0; }
.page-template-template-remotely-pages .section-bottom .selling-point{ margin-block-end:0!important; }
.page-template-template-remotely-pages .manufacture-warranty h3{ font-size:32px; font-weight:500; text-transform:uppercase; margin-block-start:60px; letter-spacing:normal; }

.newquote-form .box legend{ color:#fff; font-size:14px; text-transform:uppercase; font-weight:500;  }
.newquote-form .checkboxes{ display:flex; justify-content:flex-start; margin-block:15px 20px; }
.newquote-form .checkboxes .subfield{ display:flex; justify-content:flex-start; margin-inline-end:50px; align-items: center; }
.newquote-form .checkboxes .subfield label{ margin-block: 3px 0!important; }
.newquote-form .checkboxes .subfield label .choice__text{ color:#fff; font-size:16px; font-weight:500;  }
/*.newquote-form .checkboxes .subfield input[type=checkbox]{ margin-top: -4px; width:18px; height:18px; border:1px solid #fff; margin-inline-end:10px;  }
.newquote-form .checkboxes .subfield input[type=checkbox]:before{ clip-path:none!important; box-shadow:inset 10px 10px #fff; -webkit-box-shadow: inset 10px 10px #fff; display:block!important;  }
*/

.newquote-form .checkboxes .subfield input { position: absolute; left: -9999px; top:2px; }
.newquote-form .checkboxes .subfield { padding: 0px 0 0 20px; position: relative; display: block; }
.newquote-form .checkboxes .subfield label:before { content: ''; display: block; width: 15px; height: 15px; background: none; border: 1px solid #fff; position: absolute; left: 0; top: 2px; }
.newquote-form .checkboxes .subfield input[type="checkbox"]:checked + label:before,
.newquote-form .checkboxes .subfield input[type="radio"]:checked + label:before { background: transparent; content:'✓'; text-align:center; font-weight:bold; font-size:16px; }
.newquote-form .virtual-photo{ width:360px; height:335px!important; max-width:inherit!important; }
/*.virtual-consultation.newquote-form .virtual-forms .kym-forms h3{ margin-block-start:25px; }*/

/*.carousel-content{position:relative; overflow:hidden; height: 438px; }
.carousel__slider{position:relative;display:flex;align-items:center;width:100%;border:none;}
.carousel__list{position:absolute;width:100%;top:0;left:0;display:flex;align-items:flex-start;justify-content:space-around;  }
.carousel__item{width:100%;height:auto;box-sizing:border-box;cursor:pointer;margin:0 30px;display:flex;}*/
.carousel__list{  }
.carousel__item{ width: 437px; height: 437px; padding-inline: 20px; }
.carousel__item img{ width:100%; height: 100%; object-fit:cover; opacity:1; }

.be-inspired p{ margin-block-start:0!important; }
.beinspired-gallery{ padding-block:110px; }
.beinspired-gallery .wp-block-columns{ align-items:center!important; justify-content:center!important; }
.beinspired-gallery .container{ max-width: inherit!important; width:100vw; margin-inline: calc(-50vw + 50%); padding-inline:0; }

.contact-form .newquote-form .checkboxes .subfield{ padding-inline-start:25px; }
.contact-form .newquote-form .checkboxes .subfield label{ margin-block-start:0!important; }
.contact-form .newquote-form .checkboxes .subfield label:before {  border: 1px solid #393838; width:18px; height:18px; line-height:1; top:3px;   }
.contact-form .newquote-form .checkboxes .subfield input[type="checkbox"]:checked + label:before,
.contact-form .newquote-form .checkboxes .subfield input[type="radio"]:checked + label:before { background: #ebe8e5; font-size:18px; }
.contact-form .newquote-form .box legend{ color:#393838; text-align:left; }
.contact-form .newquote-form .checkboxes .subfield label .choice__text{ color:#393838; }
.page-id-122676 .banner .banner-img img,
.page-id-122677 .banner .banner-img img,
.page-id-122625 .banner .banner-img img{ object-position:top; }

.page-id-46 .customised-your-shutter #collapse-1 .cs-images,
.page-id-50 .customised-your-shutter #collapse-2 .photo-box,
.page-id-36 .customised-your-shutter #collapse-1 .photo-box,
.page-id-122144 .customised-your-shutter #collapse-3 .cs-images{ margin-block-start: 30px; }
.page-id-50 .roller-blinds-slick .carousel-rbslide .boxes .wrap h2{ margin-block-start:60px; }
.page-id-146 .faq-accord:before{ display: none; }
.customised-your-shutter .accordion .btn-link .title-name,
.accordion-jquery .accordion-title span:first-child{ position:relative; top:1px; }

.page-id-122578 .for-shutter{ display:none!important; }
.page-id-122506 .for-roller{ display:none!important; }

#letsgetstarted .wp-block-image img{ width:100%!important; height: 100%!important; object-fit:contain; }

/** PRODUCT CARE CSS **/
.page-template-page-product-care #header{ top:0; }
.page-template-page-product-care .banner.installation-banner{ padding-block-start:140px; }
.page-template-page-product-care .banner.installation-banner .box-img{ width:100vw; margin-inline:calc(-50vw + 50%); height:720px; overflow:hidden; }
.page-template-page-product-care .banner.installation-banner .box-img .img-b{ height: 100%; }
.page-template-page-product-care .banner.installation-banner .box-img img{ width: 100%; height: 100%; object-fit:cover; }

.product-care .section{ padding-block:110px; }
.choose-product-link{ position: relative;  }
.choose-product-link:before{ content:''; position:absolute; width: 100vw; height: 100%; left:0; top:0; margin-inline:calc(-50vw + 50%); background-color:rgba(76,138,156,0.1); }
.choose-product-link .cp-images{ display: flex; flex-wrap:wrap; justify-content:space-between; margin-block-start:60px; position: relative; z-index: 5; }
.choose-product-link .cp-images a{ display: block; padding: 25px 15px 35px; }
.choose-product-link .cp-images a:hover{ background-color:rgba(76,138,156,0.1); border-radius:12px; }
.choose-product-link .cp-images .box{ width:210px; }
.section h2{ text-transform: uppercase; letter-spacing: -0.5px; }
.choose-product-link .box p{ font-weight: 500; }
.choose-product-link + .section-with-imgright{ padding-block-start:110px!important; }

.section-with-imgright h2{ text-align: left; }
.section-with-imgright .wrap{ display:flex; justify-content:space-between; flex-wrap:wrap; }
.section-with-imgright .wrap .desc{ width:45%; }
.section-with-imgright .wrap .sir-box{ width:50%; }
.section-with-imgright .wrap .sir-box img{ width: 100%; height: 100%; object-fit:cover; }
.section-with-imgright .wrap .desc h3{ text-align:left; margin-block-start:40px; font-size:26px; font-weight:500; color:#000; letter-spacing: normal; }
.section-with-imgright .wrap .desc p{ text-align: left; margin-block-start:12px; }
.section-with-imgright .icon-desc .id-box h3 span{ display:inline-block; position:relative; top:-4px; padding-inline-end: 5px; }

.section-with-imgright + .cleaning-schedule{ margin-block-start:60px; }
.cleaning-schedule h2{ text-transform:uppercase; letter-spacing:normal; }
.cleaning-schedule .cs-wrap .cs-content{ display:flex; justify-content:space-between; flex-wrap:wrap; }
.cleaning-schedule .cs-wrap .cs-content .box{ width: calc(100% / 3); height:60px; display:flex; justify-content:center; align-items: center; line-height:1; font-size:26px; font-weight:500; color:#000; }
.cleaning-schedule .cs-wrap .cs-content:first-child{ background-color:#4C8A9C!important; margin-block-start: 40px; }
.cleaning-schedule .cs-wrap .cs-content:first-child .box{  color:#fff!important; }
.cleaning-schedule .cs-wrap .cs-content:nth-child(even){ background-color:#fff; }
.cleaning-schedule .cs-wrap .cs-content:nth-child(odd){ background-color:rgba(76,138,156,0.1); }
.cleaning-schedule + .section-with-imgleft .wrap{ padding-inline:32px; padding-block:32px;  background-color:rgba(76,138,156,0.1); }
.prod-bg{ padding-block:110px; }
.prod-bg .section{ padding-block:0!important; }
.prod-bg .wp-block-group__inner-container{ padding-inline:32px; padding-block:32px;  background-color:rgba(76,138,156,0.1); }
.prod-bg + .section-with-imgright{ padding-block:0!important; }
/*.prod-bg .cleaning-schedule{ margin-block-start:60px!important; }*/
.page-template-page-product-care .section + .section{ padding-block:0; }
.page-template-page-product-care{ overflow-x: hidden; }
.anchor-btn{ opacity:0; }

.product-care .cleaning-schedule + .wp-block-buttons + .section-with-imgleft .wrap{  padding-inline: 32px; padding-block: 32px;  background-color: rgba(76, 138, 156, .1); }

.search-results article .entry-summary{ padding-block-start: 25px; }
.search-results article .entry-title{ padding-block-end: 25px;;}



/*** Blog August 5 2025 **/
.wp-block-table{ font-size: inherit!important; margin-block-start:25px;}
.blog-template{ text-align: left!important;}
.blog-banner{ padding-block-start: 150px; }
.blog-wrapper{ padding-block: 50px; }
.blog-lists-content{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.blog-lists{ width: 65%;}
.blog-sidebar{ width: 30%;}

.blog-lists-content {
    & .blog-lists{ display: flex; justify-content: space-between; flex-wrap: wrap; 
        & h3{ width: 100%;}
        & article{ width: calc(100% / 2 - 20px);  padding-inline: 0px; padding-block: 0px; border-radius: 24px; border: 0; margin-block-end: 40px; background-color: #F0F0F0;
            & .img{ height: 320px; overflow: hidden;
                & img{ width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 24px;  border-top-right-radius: 24px;}
            }
            & h2{ font-size: 24px; color: #4F4D4B; line-height: 1; font-weight: normal; text-transform: uppercase; letter-spacing: normal; }
            & h2 + p{ margin-block-start: 50px; }
            & a{ font-size: 24px; color: #4F4D4B; line-height: 36px; }
            & .post-date{  padding-block: 8px;}
            & .entry-content {
                p{ font-size: 16px; line-height:24px; }
                a{
                    &.read-more{ 
                        color: #99C4D4; font-size: 14px; margin-block-start: 8px; display: inline-block;
                    }
                }
            }
            & .art-cont{ padding-inline: 32px; padding-block: 32px; 
                .entry-content{ padding-block-start: 16px; 
                    .read-more{ font-size: 14px; text-transform: uppercase; font-weight: 500; color: #E38532; margin-block-start: 24px;
                        span{ position: relative; top: -3px;}
                    }
                }
            }
        }

        & .blog-post-detail{
            & h1{ line-height: 1.1;}
            & img{ margin-block-start: 25px; }
        }
    }

    & .blog-content {
        & :is(h2, h3, h4, h5){ margin-block-start: 25px;}
        & h3{ font-size: 32px;}
        & p{ margin-block-start: 25px;}
        & ul{ margin-block-start: 10px;
        & p + h2{ margin-block-start: 50px; }
        & li{
        position: relative; padding: 0 0 0 15px; display: table;
        &::before{ content: ''; width: 6px;  height: 6px; background: #4F4D4B; border-radius: 50%; position: absolute; left: 0; top: 8px;}
        }
    }

    & ol{ counter-reset: item;
        & li{  display: block;  position: relative;  padding: 0 0 0 20px;  margin-bottom: 10px;
            &::before{
                content: counter(item) ". ";  counter-increment: item;  color: #4F4D4B;  position: absolute;  left: 0;
            }
        }
    }
    & table{
         margin-block-start: 25px; margin-block-end: 50px;
        border-left: 1px solid #4F4D4B; border-top: 1px solid #4F4D4B; border-bottom: 1px solid #4F4D4B;
        & td{
            padding-inline: 8px; padding-block: 8px; border-bottom: 1px solid #4F4D4B; vertical-align: middle; border-right: 1px solid #4F4D4B;
        }
    }
    }
}

.blog-template .pagination{ width: 100%; font-size: 16px; font-weight: 500; color: #393838; gap: 10px; justify-content: center;
    .current{ width: 29px;height: 32px; display: flex; justify-content: center; align-items: center; background-color: #E38532; color: #fff; border-radius: 4px;  }
    & a{ color: #393838; width: 29px;height: 32px; display: flex; justify-content: center; align-items: center; background-color: #F0F0F0; border-radius: 4px; position: relative;
        &.prev{ text-indent: -9999px; background-color: transparent;
            &::before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/wp-content/uploads/2025/08/Chevron-up.png) no-repeat center center; transform: rotate(180deg); }
        }
        &.next{ text-indent: -9999px; background-color: transparent;
            &::before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/wp-content/uploads/2025/08/Chevron-up.png) no-repeat center center; }
        }
    }
}

.blog-sidebar{
    & h3{ font-size: 36px; font-weight: bold; color: #52626C; }
    & h3 + article{ padding-block-start: 0;}
    & ul{
         margin-block-start: 25px;
        & li{
            & a{
                font-size: 18px; color: #C6C6C6;
                &:hover{ color: #99C4D4; }
            }
        }
    }
    & article{
        padding-block: 20px; border-bottom: 1px solid #C6C6C6 ;
        
        &.recent-post{ margin-block-start: 0px; }
        & h2{ font-size: 24px; color: #4F4D4B; line-height: 1; font-weight: 500; letter-spacing: normal;
            a{
                color: #4F4D4B; line-height: 1;
                 &:hover{ color: #99C4D4; }
            }
        }
        & p{font-size: 16px; font-weight: normal; color: #828282; margin-block-start: 5px; text-transform: uppercase; }
    }
    & .archive-posts{ margin-block-start: 80px;}
    & h3 + article{ margin-block-start: 30px!important;}
}

html:has(.single-post){ overflow-x: hidden; }
.single-post{
    &:has(.blog-lists-content){
        & .gallerybanner{
            & img{ height: 380px; object-fit: cover; }
            & .overlay-banner-text{ position: static; transform: none; }
        }

    }
}

.page-template-blog-template{
    &:has(.blog-lists-content){
        & .gallerybanner{
            & img{ height: 380px; object-fit: cover; }
            & .overlay-banner-text{ position: static; transform: none; }
        }

    }
}

html:has(.archive){ overflow-x: hidden; }
.archive{
    &:has(.blog-lists-content){
        & .gallerybanner{
            & img{ height: 380px; object-fit: cover; }
            & .overlay-banner-text{ position: static; transform: none; }
        }

    }
}

.archive-post{
    & .post-date{ padding-block-end: 15px; }
    & .readmore{ max-width: 250px; margin-block-start: 25px; }
}

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

    .blog-wrapper{
        padding-inline: 15px; 
        & .blog-lists-content {
            & .blog-lists {
                & article { width: calc(100% / 2 - 15px); }
            }
        }
    }
}

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

    .blog-wrapper{
        padding-inline: 15px; 
        & .blog-lists-content {
            & .blog-lists {
                & article { width: 100%; }
            }
        }
    }
}

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

    .blog-wrapper{
        padding-inline: 15px;  padding-block-start: 25px;
        & .blog-lists-content {
            & .blog-content{
                & :is(h2){ font-size: 32px; }
            }
            & .blog-lists {
                width: 100%;
                & .blog-post-detail{
                    & h1{ font-size: 34px; }
                }
            }
            & .blog-sidebar{ width: 100%; margin-block-start: 50px; }
        }
    }
    .single-post{
        &:has(.blog-lists-content){
            & .gallerybanner{
                & .overlay-banner-text{ margin-block-start: 15px; }
            }

        }
    }

    .page-template-blog-template {
        &:has(.blog-lists-content) {
            & .gallerybanner {
                & .overlay-banner-text { margin-block-start: 15px; }
            }
        }
    }
    .archive{
        &:has(.blog-lists-content){
            & .gallerybanner{
                & .overlay-banner-text{  margin-block-start: 15px; }
            }

        }
    }

    .wrap-table{ overflow: scroll; width: 350px;
        & table{ width: 500px; }
    }
}

.page-template-default:has(iframe) .virtual-consultation .virtual-forms iframe{  width: 100% !important;  height: 300px;  padding-inline-end: 25px;}
.page-template-default:has(iframe) .virtual-consultation .virtual-forms { width: 80%; }
.page-template-default:has(iframe) .grecaptcha-badge {
    display: none!important
}
.contact-form .c-wrap{ padding-block-end:0!important;}

.blog-content h4{ margin-block-start:20px; text-transform:none; }
.blog-content a{ color:#e38532; }
.blog-content a:hover{ color:#393838; }


@media only screen and (min-width: 1599px) and (max-width: 1738px) { /* remove if not needed */
.home .section-bottom .selling-point .sp-details .wrap{ padding:0 40px!important; }
}
@media only screen and (min-width: 1400px) and (max-width: 1699px) { /* remove if not needed */
    .section-with-photos .large-photo .sp-photo{ width: 48%; }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .section-with-photos .large-photo .sp-photo{ width: 40%; }
    .page-template-template-remotely-pages .banner .top-banner .banner-right{ width: 72%; }
    /*.page-template-template-remotely-pages .carousel-content{ height:353px; }*/
}
@media only screen and (min-width: 1200px){
    .page-template-page-installation .banner .container{ padding-inline:0!important; }
}
@media only screen and (min-width: 992px){
    .form-pop.raq.fancybox-content{ width: 860px; }
}

@media only screen and (max-width: 1199px) {
    #header .top-header .call-number{ margin-right: 45px; }
    .selling-point .sp-details h2{ letter-spacing:0.5px!important; }
    .how-itworks .wrap .box-img{ height: 650px; }
    .how-itworks .wrap .box-img .img-b{ height: 100%; }
    .how-itworks .wrap .box-img img{ width: 100%; height: 100%; object-fit: cover; max-width: inherit; }
    .how-itworks .wrap .box h1{ font-size: 48px; }
    .page-id-122350 h1, .steps-container h2{ font-size: 36px; }
    .choose-services h2{ font-size: 20px; }
    .choose-services .wp-block-column p{ font-size: 18px; }
    .page-template-page-installation .banner .container{ max-width:100%; padding-inline:0!important; }
    .installation-banner .wrap .box{ width:55%; }
    .section-with-photos .large-photo .sp-photo{ width: 50%; height: auto;  }
    .page-template-template-remotely-pages .banner .top-banner .banner-left h3{ font-size:28px; }
    .page-template-template-remotely-pages .banner .top-banner{ height:252px; }
    .page-template-template-remotely-pages .banner .top-banner .banner-left .wrap:before{ height:223px; }
    /*.carousel__item{ margin: 0 15px; }*/
    #header .top-header .call-number{ margin-inline-end:45px!important; }
    .choose-product-link .cp-images{ justify-content:center; margin-block-start:0; }
     .page-template-page-product-care .banner.installation-banner .box-img{ height:500px; }
     .choose-product-link .cp-images .box{ width: 30%;  margin-block-start: 60px; }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home .section-bottom .selling-point .sp-photo{ position:absolute!important; left:0; top:0; width: 100%; height: 100%!important; }
    .home .section-bottom .selling-point .sp-details{ position:static; padding-top:60px; padding-bottom: 60px; }
    .innerpage .selling-point .sp-photo{ height: 550px; }
    .page-id-1875 .selling-point .sp-details{ width: 58%; }
    .how-itworks .wrap .box-img .img-b{ margin-right: calc(-50vw + 100%); }
    .section-with-photos .large-photo .sp-photo img{ height:1200px; }
    .section-with-photos .swp-details{ width: 50%; }
    
    /*.carousel-content{ height:292px; }*/
    #header .bottom-header .wrap #main-nav ul li a{ font-size:18px!important; }
    .page-id-469 .roller-blinds-slick .carousel-rbslide .slick-arrow.slick-prev{ left:-70px!important; }
    .page-id-469 .roller-blinds-slick .carousel-rbslide .slick-arrow.slick-next{ right:-60px!important; }
}

@media only screen and (max-width: 991px) {
    .nav{ flex-direction: row-reverse; }
    .selling-point .sp-details h2{ font-size: 36px!important; }
    #header .logo{ max-width:300px; }
    .page-id-1875 .selling-point .sp-details .wrap{ width: 390px!important; }
    .how-itworks .wrap{ flex-direction:column-reverse; }
    .how-itworks .wrap .box{ width: 100%; padding-top: 50px; padding-bottom: 50px; }
    .how-itworks .wrap .box-img{ width: 100%; height: 350px; }
    .how-itworks .wrap .box-img img{ object-position: top; }
    .page-id-122350 .choose-services .wp-block-columns, .page-id-122350 .steps-container .wp-block-columns{ justify-content:center; flex-wrap:wrap!important;}
    .page-id-122350 .choose-services .wp-block-column, .page-id-122350 .steps-container .wp-block-column{ flex-basis:55%!important; flex-grow: inherit; margin: auto;  }
    .image-with-content .wp-block-columns p{ width: 90%; }
    .how-itworks .wrap .box-img .img-b{ margin-right: 0; }
    .choose-services .wp-block-column:first-child{ flex-basis:100%!important }
    .choose-services .wp-block-column:first-child h2, .choose-services .wp-block-column:first-child p{ padding-right:0!important; }
    .choose-services{ flex-direction:column; }
    .choose-services .wp-block-column:first-child h2{ font-size: 36px; }
    .installation-content .choose-services .wp-block-column{ margin-inline:auto; }
    .installation-banner .container{ max-width: 100%; padding-inline:0; }
    .installation-banner .wrap .box{ max-width: 80%; width:auto; }
    .installation-banner .container .img-b{ height:600px; }
    .installation-banner .container .img-b img{ width: 100%; height:100%; object-fit: cover; }
    .installation-banner .wrap .box .sub-box{ padding-block:20px; padding-inline:20px; }
    .section-with-photos .large-photo{ flex-direction:column-reverse; }
    .section-with-photos .swp-details{ width: 100%; }
    .section-with-photos .large-photo .sp-photo{ margin-inline-end:0; }
    .installation-content .faq-accord h2{ max-width:100%!important; }
    .page-id-122578 .tools-mterials + .section-with-photos .swp-details .box{ border-bottom: 1px solid #4C8A9C; padding-block: 40px; }
    .page-id-122578 .tools-mterials + .section-with-photos .swp-details .box:last-child{ border-bottom: 0; }
    .shutter-kit .wp-block-columns .wp-block-column:last-child{ margin-inline-start:0; }
    .page-template-template-remotely-pages .banner .top-banner .banner-left h3{ font-size:20px; letter-spacing: .1em; }
    .page-template-template-remotely-pages .banner .top-banner{ height:200px; }
    .page-template-template-remotely-pages .banner .top-banner .banner-left .wrap:before{ height:170px; }
    .page-template-template-remotely-pages .main .wp-block-column .wp-block-coblocks-row:first-child .wp-block-columns{ flex-direction:column-reverse; }
    .page-template-template-remotely-pages .main .wp-block-columns .wp-block-column{ align-items:center; }
    /*.carousel-content{ height:236px; }*/

    /** customize height of the menu please delete if they like the current menu layout **/
    /*#mega-menu-wrap-main-menu #mega-menu-main-menu{ max-height:inherit!important; }*/
    .mega-menu-item-2204 .mega-sub-menu #mega-menu-item-2207 .mega-menu-link,
    .mega-menu-item-2204 .mega-sub-menu #mega-menu-item-2206 .mega-menu-link{ display:none!important; }
    .mega-menu-item-2204 .mega-sub-menu #mega-menu-item-2207 .mega-menu-link .mega-menu-link,
    .mega-menu-item-2204 .mega-sub-menu #mega-menu-item-2206 .mega-menu-link .mega-menu-link{ display:block!important; }

    .section-with-imgright .wrap{ flex-direction:column; }
    .section-with-imgright .wrap .desc{ width: 100%; }
    .section-with-imgright .wrap .sir-box{ width: 100%; /*margin-block-start:60px;*/ }
    .section-with-imgleft .wrap .desc{ margin-block-start: 60px; }
    .section-with-imgright + .cleaning-schedule{ margin-block-start:0!important; }
    .section-with-imgright.section-with-imgleft + .cleaning-schedule{ margin-block-start:60px!important; }


}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .page-id-1950 .banner .banner-img{ height: 300px!important; }
    .section-with-photos .swp-details{ padding-block-start:110px; }
}

@media only screen and (max-width: 767px) {
    /* h2{ font-size: 36px!important; }*/
    .choose-services{ justify-content:center!important; }
    .how-itworks .wrap .box-img .img-b{ margin:0 calc(-50vw + 50%); }
    .page-id-122350 .container{ padding-left:20px!important; padding-right:20px; }
    .how-itworks .wrap .box h1{ font-size: 42px;  }
    .how-itworks .wrap .box p{ font-size: 18px; }
    .title-h2{ padding-top: 70px;  }
    .choose-services{ padding-top: 70px; padding-bottom: 70px; }
    .steps-container{ padding: 70px 0;  }
    .how-itworks .wrap .box{ padding-bottom:70px; }
    .steps-container h2, .steps-container p, .small-text{ text-align:left!important; }
    .page-id-122350 .main{ padding-bottom: 70px; padding-top:0!important; }
    .installation-banner .container .img-b{ height:265px; }
    .installation-banner .wrap{ display:flex; flex-direction:column-reverse; }
    .installation-banner .wrap .box{ position:static; max-width:100%; width: 100%; transform:none; }
    .installation-banner h1{ font-size:40px; text-align: center; }
    .installation-banner p{ text-align:center; }
    .installation-banner .wrap .box .sub-box,
    .faq-accord .wp-block-coblocks-column, .tools-mterials,
    .shutter-kit, .let-get-started, .installation-content .manufacture-warranty{ padding-block:80px; }
    .installation-banner .wrap .box p{ font-size:24px; }
    .installation-content .choose-products h2, .installation-content h2{ font-size:40px; }
    .installation-content .choose-products .has-text-align-center,
    .section-with-photos .swp-details{ padding-block-start:80px; }
    .let-get-started .facefit-buttons .facefit-buttons .button-with-arrow a, .let-get-started .facefit-buttons .facefit-buttons button{ width:45%; }
    .let-get-started .facefit-buttons .facefit-buttons, .let-get-started .facefit-buttons .facefit-buttons:before{ width:95%; }
    .let-get-started .wp-block-coblocks-column__inner .wp-block-coblocks-row .wp-block-heading strong:before{ left:0; }
    .let-get-started .wp-block-coblocks-row, .let-get-started .wp-block-columns, .let-get-started .wp-block-heading{ gap:inherit!important; flex-wrap:wrap!important; }
    .let-get-started .wp-block-coblocks-column__inner .wp-block-coblocks-row .wp-block-heading{ padding-inline-start:60px; }
    .let-get-started .wp-block-coblocks-column__inner .wp-block-coblocks-row .wp-block-heading strong{ position:absolute; top:6px; left:0; }
    .section-with-photos .swp-details .box:last-child{ border-bottom:0; }
    .section-with-photos .large-photo .sp-photo{ width:100vw; margin-inline:calc(-50vw + 50%); }
    .page-template-page-installation .banner.installation-banner .box-img{ height:auto; }
    .page-template-template-remotely-pages .banner .top-banner .banner-right .wrap h2{ margin-block-end:0!important; }
    .page-template-template-remotely-pages .banner .top-banner .banner-right .wrap h2 br, .banner .top-banner .banner-right .wrap h4 br{ display: none; }
    .page-template-template-remotely-pages .banner .banner-img{ height: 435px!important; }
    .page-template-template-remotely-pages .banner .banner-img img{ height: 100%!important; object-fit: cover; }
    /*.carousel__item{ height:250px!important; }*/
    .carousel__item{ width: 250px; height: 250px; padding-inline: 10px; }
    .beinspired-gallery{ padding-block:80px; }
    .swatches-stage .accordion-filter{ margin-block-start:0!important; }
    .banner .top-banner{ position:static!important; }
    #header .top-header .call-number{ margin-inline-end:0!important; margin-block-end:15px!important; }
    .page-template-template-remotely-pages .main .be-inspired .wp-block-columns .wp-block-column{ align-items:flex-start; }
    .page-template-page-product-care .banner.installation-banner .box-img{ height: 275px; }
    .product-care .section{ padding-block: 60px; }
    .choose-product-link + .section-with-imgright{ padding-block-start:60px!important; }
     #curtains + .section-with-imgright{ padding-block-start:0!important; }
     .section-with-imgright .wrap{ flex-direction:column-reverse; }
     .section-with-imgright.section-with-imgleft .wrap{ flex-direction: column!important; }
    .section-with-imgright .wrap .desc{ margin-block-start:60px; }
    .prod-bg{ padding-block-start:0!important; padding-block-end: 60px; }
    #aluminium + .prod-bg .wp-block-group__inner-container { padding-block-start:15px!important; padding-inline:15px!important;  }
     #aluminium + .prod-bg .wp-block-group__inner-container .wrap .sir-box{ margin-block-start:0!important; }
}
@media only screen and (max-width: 575px) {
    .page-id-122350 .choose-services .wp-block-column, .page-id-122350 .steps-container .wp-block-column{ flex-basis:unset!important; display:block; }
    .title-h2{ text-align: left; }
    .image-with-content .wp-block-image{ position:absolute!important; height:100%; left:0; top:0; }
    .image-with-content .wp-block-columns{ padding: 70px 0; position:static; transform:none; }
    .image-with-content .wp-block-columns h3{ margin-top:-5px; }
    .image-with-content .wp-block-columns p a{ margin-bottom:-10px; }
    .let-get-started .facefit-buttons .facefit-buttons, .let-get-started .facefit-buttons .facefit-buttons:before{ width: 100%; }
    .let-get-started .facefit-buttons .facefit-buttons{ flex-direction:column; padding:7px; }
    .let-get-started .facefit-buttons .facefit-buttons .button-with-arrow a, .let-get-started .facefit-buttons .facefit-buttons button{ width: 100%; margin:0; }
    .let-get-started .facefit-buttons .facefit-buttons button:first-child{ margin-block-end:7px; }
    .page-template-template-remotely-pages .banner .top-banner .banner-right{ background-color:rgba(79, 163, 193, 0.61)!important; }
    /*.carousel__item{ width:300px!important; }
    .carousel__list{ width:100vw!important; margin-inline:calc(-50vw + 50%); }*/
    .page-template-template-remotely-pages .banner .top-banner{ height:auto!important; }
    .page-template-template-remotely-pages .banner .top-banner .banner-left{ height:150px; }
    .page-template-template-remotely-pages .banner .top-banner .banner-left .wrap:before{ height:120px; }
    .page-template-page-product-care .banner.installation-banner .box-img{ height:auto; }
    .choose-product-link .cp-images .box{ width: 48%; }
    .cleaning-schedule .cs-wrap .cs-content .box{ font-size:20px; }
    .section-with-imgright .wrap .sir-box{ height:415px; }
    .section-with-imgright .wrap .sir-box img{ max-width:inherit; }
}
@media only screen and (max-width: 479px) {
    #footer .bottom-footer .wrap .footer-left .footer-nav{ align-items: flex-start!important; }

    .two-buttons{ justify-content:center; flex-direction:column; align-items:center; }
    .two-buttons a:last-child{ margin-block-start:25px;  }
    /*.carousel__item{ margin-inline:5px!important; }*/
}
@media only screen and (max-width: 400px) {
    .page-id-1875 .selling-point .sp-details .wrap{ width: 90%!important; }
    .page-id-1875 .selling-point .sp-details .wrap h2{ text-align: center!important; white-space:normal;!important; }
}