@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Rubik&display=swap');:root{--font-family:'Open Sans',sans-serif;--font-family-secondary:'Rubik',sans-serif;--color-primary:#0C0C0C;--color-secondary:#FAEDCD;--color-bg:#fefefe;--color-bg-secondary:#F5F6F8;--color-text:#0C0C0C;--color-text-secondary:#fefefe;--color-border:#432818;--color-secondary-hover:#f8e5b6;--section-spacing-bettween:4rem;--section-spacing-horizontal:8rem;--section-spacing-vertical:4rem}*{margin:0;padding:0;box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}body,html,section{display:block}body,html{font-family:var(--font-family);font-size:1rem;line-height:1.2;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:20rem}body{overflow-x:hidden;overflow-y:auto}.fade-in{opacity:0;transform:scale(0.95);will-change:opacity,transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;transition:opacity 0.6s ease-out var(--delay,0s),transform 0.6s cubic-bezier(0.22,1,0.36,1) var(--delay,0s)}.fade-in--visible{opacity:1;transform:scale(1)}.form-trackable{position:relative}.form__field label span.required{color:#c0392b;font-size:1rem;line-height:1}.errorlist{color:#c0392b;list-style:none}.errorlist li{font-size:0.875rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-secondary)}h1{font-size:3.75rem}h2{font-size:3rem}h3{font-size:2.25rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1rem;font-weight:600}p,a,li,label{font-size:1rem}small{font-size:0.875rem}.title{width:100%;text-align:left;margin-bottom:2rem;color:var(--color-text)}.subtitle{text-align:left;color:#282727}.section-intro{display:flex;margin-bottom:var(--section-spacing-bettween);justify-content:space-between;align-items:center;width:100%}.section-intro__content{display:flex;flex-direction:column;gap:2rem;max-width:45rem}.section-intro .title{margin-bottom:0}a{text-decoration:none}.container{display:flex;flex-direction:column;align-items:center;justify-content:center}.row{display:flex;align-items:center;justify-content:center}.page-status{padding:var(--section-spacing-vertical) var(--section-spacing-horizontal);display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}main{display:flex;flex-direction:column;height:100%;min-height:100vh}section{max-width:120rem;margin:auto}button{border:none}.btn,.btn-arrow{padding:1rem 2.375rem;font-size:1rem;background-color:var(--color-primary);color:var(--color-text-secondary);font-weight:400;border-radius:0.75rem;text-decoration:none;cursor:pointer;text-align:center;border:0.063rem solid transparent;transition:all 0.5s ease}.btn:hover{color:var(--color-text);background-color:var(--color-bg);border:0.063rem solid var(--color-primary)}.btn--large{font-size:1.625rem}.btn-arrow{display:flex;gap:0.75rem;align-items:center}.btn-arrow::after{content:"➜";transition:transform 0.5s ease}.btn-arrow:hover::after{transform:translateX(5px)}.btn-arrow--beige{background-color:var(--color-secondary);color:var(--color-text)}.btn-arrow--beige:hover{background-color:var(--color-secondary-hover)}.btn-arrow--white{background-color:var(--color-bg);color:var(--color-text);border:0.063rem solid var(--color-text)}.btn-arrow--white:hover{color:var(--color-text-secondary);background-color:var(--color-primary);border:0.063rem solid var(--color-bg)}.form__row{display:flex;gap:1rem}.form__field{display:flex;flex-direction:column;width:100%}.form-field__input{background-color:transparent;height:2.625rem;width:100%;border:none;outline:none;border-bottom:0.063rem solid var(--color-border)}@media screen and (min-width:1600px){:root{--section-spacing-horizontal:12rem}}@media screen and (max-width:1400px){:root{--section-spacing-horizontal:4rem}h1{font-size:3.25rem}h2{font-size:2.75rem}}@media screen and (max-width:1024px){:root{--section-spacing-bettween:2rem}.fade-in{transform:none;transition:opacity 0.6s ease-out}.fade-in--visible{opacity:1;transform:none}.title{text-align:center}.btn,.btn-arrow{font-size:0.875rem}.section-intro{flex-direction:column;gap:var(--section-spacing-bettween)}.section-intro__content{gap:var(--section-spacing-bettween)}.title{margin-bottom:var(--section-spacing-bettween)}.subtitle{text-align:center}}@media screen and (max-width:768px){body,html{font-size:0.875rem}h1{font-size:2.25rem}h2{font-size:1.75rem}h3,h4{font-size:1.25rem}h5,h6{font-size:1rem}p,a,li,label{font-size:0.875rem}small{font-size:0.75rem}:root{--section-spacing-horizontal:2rem;--section-spacing-vertical:2rem}}@media screen and (max-width:350px){:root{--section-spacing-bettween:1rem;--section-spacing-horizontal:1rem;--section-spacing-vertical:1rem}}.custom-primary-color{color:#0C0C0C}.custom-secondary-color{color:#FAEDCD}.custom-text-color{color:#0C0C0C}.custom-secondary-text-color{color:#fefefe}.custom-error-color{color:#ff4d4f}.bullet-list-disc{list-style-type:disc}.bullet-list-circle{list-style-type:circle}.bullet-list-square{list-style-type:square}.number-list-decimal{list-style-type:decimal}.number-list-lower-alpha{list-style-type:lower-alpha}.number-list-upper-alpha{list-style-type:upper-alpha}.number-list-lower-roman{list-style-type:lower-roman}.number-list-upper-roman{list-style-type:upper-roman}.number-list-custom{list-style-type:none}.number-list-custom li::before{content:'• ';color:#ff4d4f}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.align-justify{text-align:justify}.header{position:sticky;width:100%;min-width:20rem;z-index:10;top:0;background-color:var(--color-primary);display:flex;justify-content:center;padding:0.5rem var(--section-spacing-horizontal);height:7.5rem}.header .row{max-width:120rem;width:100%;justify-content:space-between}.header__logo a{display:flex;align-items:center;justify-content:center}.header__logo-img{width:7.5rem;height:7.5rem}.header__navbar{display:flex;align-items:center}.header__nav{list-style:none;display:flex;align-items:center}.header__nav .header__nav-item{margin:0 0.9rem;font-weight:600}.header__nav-item.header__nav-item--has-submenu{position:relative}.header__arrow-down{margin-left:0.25rem;fill:var(--color-text-secondary);width:0.625rem;height:0.625rem;transition:fill 0.4s ease,transform 0.4s ease}.header__nav-item.header__nav-item--has-submenu:hover .header__arrow-down{fill:var(--color-secondary);transform:rotate(180deg)}.header__nav-item.header__nav-item--has-submenu .header__nav-link{padding:0.6rem 0}.header__nav-item .header__nav-link{text-decoration:none;color:var(--color-text-secondary)}.header__nav-item span.header__nav-link{cursor:default}.header__nav-item .header__nav-link:hover{text-decoration:none;color:var(--color-secondary);transition:color 0.3s ease}.header__submenu{visibility:hidden;opacity:0;margin-top:0.3rem;width:max-content;left:50%;transform:translateX(-50%) translateY(5px);flex-direction:column;align-items:center;justify-content:center;position:absolute;background-color:var(--color-bg);border:0.063rem solid #ccc;padding:0.625rem;border-radius:0.313rem;list-style:none;box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.1);cursor:default;z-index:11;transition:visibility 0.1s ease,opacity 0.1s ease}.header__nav-item.header__nav-item--has-submenu:hover .header__submenu{visibility:visible;opacity:1;transition:visibility 0.5s ease,opacity 0.5s ease}.header__submenu-item{display:flex}.header__submenu-item a{min-width:10rem;width:100%;font-weight:500;padding:0.313rem 0.75rem;color:var(--color-text);border-radius:0.188rem;transition:background-color 0.4s ease,color 0.4s ease}.header__submenu-item a:hover{background-color:var(--color-secondary);color:var(--color-text)}.header__social-links-wrapper{display:flex;align-items:center;gap:0.625rem}.header__social-links{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem}.header__social-links .btn-arrow{font-size:1rem;font-weight:600;padding:0.875rem 2rem}.header__social-link img,.header__social-link{height:1.25rem;width:1.25rem}.header__social-link{cursor:pointer;will-change:transform;transform-origin:center;transition:all 0.3s ease}.header__social-link:hover{transform:scale(1.1)}@media (max-width:1200px){.header{height:5rem;padding:0 5rem}.header__logo-img{width:5rem;height:5rem}.header .row{justify-content:normal}.header__nav{display:none}.header__navbar{order:3}.header__social-links{margin-left:auto}.header__social-links .btn-arrow{font-size:0.875rem;padding:0.625rem 1.25rem}}@media screen and (max-width:768px){.header{height:5rem;padding:0.5rem;min-width:20rem}}@media screen and (max-width:350px){.header__social-links-wrapper{display:none}}.header__menu-toggle{display:none;align-items:center;cursor:pointer;margin-left:0.625rem;background-color:transparent;width:max-content;height:2.188rem}.header__mobile-menu-toggle{background-color:transparent;cursor:pointer;width:max-content;height:2.188rem;margin-left:auto}.header__mobile-menu{visibility:hidden;opacity:0;display:none;flex-direction:column;position:fixed;top:0;left:0;z-index:12;background-color:var(--color-primary);padding:3.125rem;box-shadow:15px 0 35px rgba(0,0,0,0.9);height:100Vh;max-width:30rem;min-width:max-content;width:80%;overflow:hidden;overflow-y:auto}.header__mobile-menu.header__mobile-menu--active{transition:visibility 0.4s ease,opacity 0.4s ease}.header__mobile-menu-header{display:flex;align-items:center;justify-content:space-between}.header__mobile-menu .header__nav-item{display:flex;align-items:center;margin:0 0 0.313rem 0}.header__mobile-menu .header__nav-link{padding:0.6rem 0}.header__mobile-menu .header__nav-item:last-child{margin-bottom:1.5rem}.header__mobile-menu .header__nav{display:flex;align-items:flex-start;flex-direction:column;padding-top:1.5rem}.header__mobile-menu .header__nav-icon-container{display:flex;align-items:center;justify-content:center;height:1.875rem;width:1.875rem;margin-right:0.25rem}.header__mobile-menu .header__nav-item.header__nav-item--has-submenu{flex-direction:column;align-items:flex-start;width:100%;overflow:hidden}.header__mobile-menu .header__nav-icon{height:1.625rem;width:1.625rem}.header__nav-item-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.header__nav-link-wrapper{display:flex;align-items:center}.header__mobile-menu .header__mobile-arrow-down-container{display:flex;align-items:center;justify-content:center;text-align:center;padding:0.5rem;background-color:var(--color-secondary);border-radius:0.313rem;cursor:pointer}.header__mobile-menu .header__mobile-arrow-down{fill:var(--color-text);height:1rem;width:1rem;transform:rotate(0);transition:transform 0.5s ease}.header__mobile-menu .header__mobile-arrow-down-container:hover .header__mobile-arrow-down{transform:rotate(180deg)}.header__mobile-menu .header__mobile-arrow-down-container.header__mobile-arrow-down-container--active .header__mobile-arrow-down{transform:rotate(180deg)}.header__mobile-submenu{display:flex;gap:0.313rem;flex-direction:column;opacity:0;visibility:hidden;max-height:0;transition:max-height 0.4s ease}.header__mobile-submenu.header__mobile-submenu-active{visibility:visible;opacity:1;transition:max-height 0.4s ease,visibility 0.4s ease 0.2s,opacity 0.4s ease 0.2s}.header__mobile-submenu .header__submenu-item:first-child{margin-top:0.313rem}.header__mobile-submenu .header__submenu-item a{color:var(--color-text-secondary)}.header__mobile-submenu .header__submenu-item a:hover{color:var(--color-text)}.header__contact{display:none;gap:0.625rem;align-items:center;border-top:1px solid var(--color-secondary);padding-top:1.25rem}@media (max-width:1200px){.header__menu-toggle{display:flex;align-items:center;justify-content:flex-end}.header__mobile-menu.header__mobile-menu--active{display:flex;opacity:1;visibility:visible}}@media screen and (max-width:350px){.header__contact{display:flex}.header__menu-toggle{margin-left:0}}.message{width:100%;text-align:center;padding:0.625rem;z-index:3;opacity:0;overflow:hidden;transition:opacity 0.5s ease}.message--error,.message--success{opacity:1}.message--error{color:#ff4d4f;background-color:#fff1f0;border:0.063rem solid #ff4d4f}.message--success{color:#52c41a;background-color:#f6ffed;border:0.063rem solid #b7eb8f}.footer{display:flex;justify-content:center;align-items:center;background-color:var(--color-primary);color:var(--color-text-secondary);min-height:10em;width:100%;padding:0 var(--section-spacing-horizontal)}.footer .container{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:120rem;width:100%}.footer__row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:3.125rem 0}.footer__row-wrapper{display:grid;grid-template-columns:repeat(4,minmax(10rem,12.5rem));gap:1rem}.footer__logo-img,.footer__logo-link{display:block;width:15.125rem;height:15.125rem}.footer__col-title-wrapper{margin-bottom:2rem}.footer__line{width:3.125rem;height:0.125rem;background-color:var(--color-secondary);margin-top:0.313rem}.footer__list{display:flex;flex-direction:column;gap:1rem}.footer__list-item{list-style:none;margin:0;padding:0}.footer__link,.footer__contact-link{transition:color 0.3s ease}.footer__link{text-decoration:none;color:var(--color-text-secondary);line-height:1.2}.footer__contact{margin-bottom:0.625rem;color:var(--color-text-secondary)}.footer__contact-link{text-decoration:none;font-weight:600;font-size:0.875rem;color:var(--color-text-secondary)}.footer__link:hover,.footer__contact-link:hover{color:var(--color-secondary)}.footer__social-links{margin-bottom:0.625rem}.footer__social-icon{width:1.75rem;height:1.75rem;margin-right:0.625rem;flex-shrink:0;will-change:transform;transform-origin:center;transition:all 0.3s ease}.footer__social-icon:hover{transform:scale(1.1)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:0.063rem solid var(--color-secondary);width:100%}.footer__copyright{color:var(--color-text-secondary)}.footer__bottom-links{display:flex;align-items:center;flex-wrap:wrap;gap:2rem}@media (max-width:1024px){.footer__row{flex-direction:column;justify-content:normal;align-items:center;padding:1.5rem 0}.footer__logo-img,.footer__logo-link{width:12.5rem;height:12.5rem;margin-bottom:1.5rem}.footer__row-wrapper{grid-template-columns:repeat(auto-fill,minmax(9rem,12.5rem));justify-content:center;width:100%;gap:2rem}.footer__col-title-wrapper{margin-bottom:1rem}.footer__contact,.footer__social-links{margin-bottom:1rem}.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:1rem}}@media (max-width:768px){.footer{width:100%;min-width:0}.footer__row-wrapper{gap:1.5rem}}@media screen and (max-width:350px){.footer__copyright{width:90%;text-align:center}.footer__bottom-links{gap:0.625rem}}.hero-section{padding:var(--section-spacing-vertical) var(--section-spacing-horizontal);background-color:var(--color-primary);width:100%}.hero-section .container{width:100%}.hero-section .section-intro__content{max-width:55rem}.hero-section .title{color:var(--color-text-secondary)}.hero-section .btn{border-color:var(--color-bg);border-radius:3.125rem}.hero-section .row{justify-content:space-between;align-items:stretch;gap:1rem;width:100%}.hero-section__image-container{height:30rem}.hero-section__image-container--left{width:40%}.hero-section__image-container--right{width:60%}.hero-section__image{width:100%;height:100%;object-fit:cover;object-position:center;flex-grow:1}@media screen and (max-width:1024px){.hero-section__image-container{height:25rem}.hero-section__image-container--left{display:none}.hero-section__image-container--right{width:100%}}.service-form-section{width:100%}.service-form-section__row{display:flex;justify-content:space-between;align-items:stretch}.service-form-section__image-wrapper{width:60%}.service-form-section__image{height:100%;width:100%;object-fit:cover}.service-form-section__wrapper{display:flex;align-items:center;justify-content:flex-start;width:50%;margin-left:var(--section-spacing-horizontal)}.service-form{width:100%;max-width:30rem;padding:var(--section-spacing-vertical) 0;background:transparent}.service-form__title{margin-bottom:2rem}.service-form__form{display:flex;flex-direction:column;gap:1rem;width:100%}.service-form__submit{padding:0.875rem 2rem;font-size:1rem;font-weight:500}.free-estimate-form-section{padding:var(--section-spacing-vertical) var(--section-spacing-horizontal);width:100%}.free-estimate-form-section .container{width:100%}.free-estimate-form-section .title{text-align:center}.free-estimate-form-section .service-form__form{width:100%;max-width:60rem}.form-field__input--file{display:none}.form-field__custom-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;height:3rem;width:100%;border:0.063rem solid var(--color-border);border-radius:0.75rem;padding:0.625rem;margin-bottom:0.625rem;cursor:pointer;transition:all 0.5s ease}.form-field__custom-file-label:hover{background-color:var(--color-bg-secondary)}.form-field__file-label-text{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20rem}.form-field__btn-loader{display:none;width:1.25rem;height:1.25rem;border:0.188rem solid #fff;border-top:0.188rem solid var(--color-primary);border-radius:50%;animation:spin 0.7s linear infinite}.form-field__file--show-loader .form-field__btn-loader{display:inline-block}.form-field__file--loaded{color:#52c41a}.form-field__file--reset{color:var(--color-text)}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width:1400px){.service-form-section__wrapper{margin:0 var(--section-spacing-horizontal)}}@media screen and (max-width:1024px){.service-form-section__row{display:block;position:relative}.service-form-section__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.service-form-section__image-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2}.service-form-section__wrapper{position:relative;z-index:3;justify-content:center;height:100%;width:100%;gap:2rem;padding:var(--section-spacing-vertical) var(--section-spacing-horizontal);margin:0}.service-form__title{color:var(--color-text-secondary);margin-bottom:var(--section-spacing-bettween);text-align:center;font-size:1.75rem}.service-form-section__wrapper label{color:var(--color-text-secondary)}.service-form-section__wrapper .form-field__input{border-bottom-color:var(--color-text-secondary);color:var(--color-text-secondary)}.service-form-section__wrapper .form-field__input::placeholder{color:rgba(254,254,254,0.5)}.service-form-section .service-form__submit{background-color:var(--color-text-secondary);color:var(--color-text)}}.calculator-section{width:100%;padding:var(--section-spacing-vertical) var(--section-spacing-horizontal)}.calculator-section__wrapper{display:flex;justify-content:space-between;gap:1rem;align-items:stretch;width:100%}.calculator-section__form-container{width:60%}.calculator-section__form{display:flex;flex-direction:column;gap:2rem}.calculator-section .form__field{display:flex;flex-direction:column;gap:0.625rem}.calculator-section label{font-size:1.125rem}.calculator-section .form-field__input{border:0.063rem solid var(--color-border);border-radius:0.75rem;padding:0 0.625rem}.calculator-section__clue-container{display:flex;justify-content:center;align-items:center;border-radius:0.625rem;background-color:var(--color-primary);padding:1.25rem}.calculator-section__clue-image{width:max-content;height:max-content}.calculator-section__clue-text{padding-left:1.25rem;margin:0;color:var(--color-text-secondary)}.form-field__input--range{appearance:none;width:100%;height:0.938rem;background:transparent;border-radius:0.625rem}.form-field__input--range::-webkit-slider-runnable-track{width:100%;height:0.938rem;border-radius:0.625rem}.form-field__input--range::-webkit-slider-thumb{appearance:none;margin-top:-0.313rem;background-color:var(--color-secondary);width:1.563rem;height:1.563rem;cursor:pointer;border-radius:50%}.form-field__input-range-numbers-block{display:flex;justify-content:space-between;width:100%}.form-field__input-range-numbers-block .form-field__input-range-number{display:inline-block;width:1.25rem;text-align:center;margin-right:0.125rem}.form-field__roofing-material-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.625rem,1fr));align-items:stretch;gap:1.25rem}.form-field__roofing-material-block{display:flex;justify-content:center;align-items:center;height:100%;width:100%;border-radius:0.75rem;flex-shrink:0;will-change:transform;transition:transform 0.5s ease}.form-field__roofing-material-block:has(input:checked):hover{transform:translateY(0)}.form-field__roofing-material-block:has(input:checked):hover .form-field__roofing-material-label{cursor:default}.form-field__roofing-material-block:hover{transform:translateY(-0.625rem)}.form-field__input--radio-select{display:none}.form-field__roofing-material-label{display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0.75rem;flex:1;min-height:10.625rem;height:100%;width:100%;text-align:center;position:relative;cursor:pointer}.form-field__roofing-material-label::before{content:'';position:absolute;border-radius:0.75rem;top:0;left:0;width:100%;height:100%;background:inherit;filter:contrast(140%) brightness(80%);z-index:2}.form-field__roofing-material-label-text{position:relative;padding:0.625rem;font-weight:700;border-radius:0.75rem;color:var(--color-text-secondary);z-index:3}#label_id_roofing_material_0{background-image:url("/static/main/img/sections/calculator/material/calculator-material-image-01.webp?24bfef221380")}#label_id_roofing_material_1{background-image:url("/static/main/img/sections/calculator/material/calculator-material-image-02.webp?24bfef221380")}#label_id_roofing_material_2{background-image:url("/static/main/img/sections/calculator/material/calculator-material-image-03.webp?24bfef221380")}#label_id_roofing_material_3{background-image:url("/static/main/img/sections/calculator/material/calculator-material-image-04.webp?24bfef221380")}#label_id_roofing_material_4{background-image:url("/static/main/img/sections/calculator/material/calculator-material-image-05.webp?24bfef221380")}#label_id_roofing_material_5{background-image:url("/static/main/img/sections/calculator/material/calculator-material-image-06.webp?24bfef221380")}#label_id_roofing_material_6{background-image:url("/static/main/img/sections/calculator/material/calculator-material-image-07.webp?24bfef221380")}#label_id_roofing_material_7{background-image:url("/static/main/img/sections/calculator/material/calculator-material-image-08.webp?24bfef221380")}.form-field__input--radio-select:checked + .form-field__roofing-material-label::after{content:'';position:absolute;bottom:-0.5rem;right:0.313rem;width:2.188rem;height:2.188rem;background-image:url("/static/main/img/sections/calculator/check.svg?24bfef221380");filter:drop-shadow(0 0 0.313rem rgba(0,0,0,0.5));background-size:100% 100%;background-repeat:no-repeat;z-index:4}.form_field--extras,.form_field--full_name{width:calc(50% - 0.5rem)}.form-field__dropdown-extras{position:relative;display:inline-block;width:100%}.form__row--z-index{z-index:4}.form-field__dropdown-select-extras{display:flex;align-items:center;gap:0.5rem;position:relative;width:100%;min-height:2.625rem;padding:0.625rem 1.25rem 0.625rem 0.625rem;font-weight:700;border:0.063rem solid var(--color-border);border-radius:0.75rem;box-sizing:border-box;cursor:pointer;user-select:none}.form-field__dropdown-extras-wrapper{display:none;flex-direction:column;position:absolute;background-color:var(--color-bg);min-width:100%;border:0.063rem solid #ccc;border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;z-index:1;box-shadow:0 0.25rem 0.25rem -0.125rem rgba(0,0,0,0.2);box-sizing:border-box;max-height:12.5rem;overflow-y:auto}.form-field__dropdown-extras-wrapper--active{display:flex}#dropdown_select_extras_text{flex:1;font-size:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#clear_extras_button{background:none;border:none;color:#c0392b;cursor:pointer;font-size:0.875rem;padding:0 0.25rem;display:none;will-change:transform;transform-origin:center;transform:scale(1);transition:all 0.3s ease}#clear_extras_button:hover{transform:scale(1.1);color:#ab3326}label.form-field__extras-label{font-size:0.875rem}.form-field__dropdown-extras-wrapper .form-field__extras-label{display:flex;align-items:center;gap:0.5rem;padding:0.625rem;cursor:pointer;user-select:none}.form-field__dropdown-extras-wrapper .form-field__extras-label:hover{background-color:var(--color-bg-secondary)}.form-field__select-extras-icon{transform:rotate(0);transition:transform 0.3s ease;width:1rem;height:1rem}.form-field__dropdown-select-extra--expanded{border-bottom-right-radius:0;border-bottom-left-radius:0}.form-field__dropdown-select-extras.form-field__dropdown-select-extra--expanded .form-field__select-extras-icon{transform:rotate(-180deg)}.form-field__dropdown-select-extras:hover .form-field__select-extras-icon{transform:rotate(-180deg)}.calculator-section .form-field__input--checkbox{display:none}.form-field__custom-checkbox-extras{display:flex;align-items:center;justify-content:center;border-radius:0.188rem;width:1.25rem;height:1.25rem;border:0.125rem solid #9e9e9e;position:relative;flex-shrink:0;transition:all 0.2s ease;cursor:pointer}.form-field__extras-label:hover .form-field__custom-checkbox-extras{border-color:var(--color-border)}.calculator-section .form-field__input--checkbox:checked + .form-field__custom-checkbox-extras{background-color:transparent;border-color:var(--color-checkbox-border-active)}.calculator-section .form-field__input--checkbox:checked + .form-field__custom-checkbox-extras::after{content:'✔';font-size:0.875rem;color:var(--color-text)}.calculator-section .form-field__input--checkbox:disabled + .form-field__custom-checkbox-extras{opacity:0.5;cursor:not-allowed}.calculator-section__preview-container{display:flex;flex-direction:column;position:relative}.calculator-section__preview{position:sticky;top:8.125rem;display:flex;flex-direction:column;box-shadow:0 0 0.063rem rgba(0,0,0,0.5);background-color:var(--color-primary);border-radius:0.313rem;padding:1.25rem 1.875rem;width:24rem}.calculator-section__preview-title{margin-top:0.625rem;margin-bottom:1.25rem;padding:0;color:var(--color-text-secondary);text-align:center}.calculator-section__preview-content{width:100%;display:flex;flex-direction:column;color:var(--color-text-secondary);gap:0.75rem}.calculator-section__preview-field-container{display:flex;align-items:center;gap:0.625rem;justify-content:space-between;padding-bottom:0.75rem;border-bottom:0.063rem solid var(--color-text-secondary)}.calculator-section__preview-value-list{margin-left:1rem;list-style:disc;color:var(--color-secondary)}.calculator-section__preview-value-list li{display:list-item;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;list-style-position:inside}.calculator-section__preview-value{color:var(--color-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1100px){.calculator-section__form-container{width:100%}.calculator-section__preview-container{display:none}}@media screen and (max-width:768px){.form-field__roofing-material-wrapper{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.form-field__roofing-material-label{min-height:8rem}.calculator-section label{font-size:1rem}}:root{--gallery-image-width:calc(50% - 0.5rem);--gallery-image-width-last:50%;--gallery-image-height:35rem;--gallery-image-margin:0.5rem;--gallery-border-radius:0.938rem;--gradient-height:0.25rem;--gradient-color:rgba(253,236,110,0.8)}.image-gallery-section{position:relative;overflow:hidden;padding:var(--section-spacing-vertical) var(--section-spacing-horizontal);width:100%}.image-gallery-section .container{width:100%}.image-gallery-section__viewport{width:100%;overflow:hidden;box-sizing:border-box;position:relative}.image-gallery-section__image-container{overflow:hidden;height:100%;flex:0 0 var(--gallery-image-width);width:var(--gallery-image-width);box-sizing:border-box;transition:transform 0.3s ease}.image-gallery-section__image{width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){:root{--gallery-image-width:100%}.image-gallery-section__viewport{max-width:21rem}}@media screen and (max-width:320px){.image-gallery-section__viewport{max-width:18rem}}.products-section{padding:var(--section-spacing-vertical) var(--section-spacing-horizontal);width:100%}.products-section.slider--initiated .slides{gap:4rem;align-items:stretch}.products-section .container{width:100%}.products-section__viewport{width:100%;overflow:hidden;box-sizing:border-box;position:relative}.products-section__product{display:flex;flex-direction:column;gap:1rem;width:100%;height:auto;color:var(--color-text)}.products-section.slider--initiated:not(.slider--mobile-only) .products-section__product{flex:0 0 calc((100% - 8rem) / 3)}.products-section__product-image-container{width:100%;height:50%}.products-section__product-image{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto;image-rendering:-webkit-optimize-contrast}.products-section__product-content{display:flex;flex-direction:column;gap:1rem;flex:1}.products-section__product-title{border-bottom:0.155rem solid var(--color-border);height:4.35rem;overflow:hidden}.products-section__product-text{flex-grow:1;overflow:hidden}.products-section__product ul{padding-left:2rem;margin-top:1rem}@media screen and (max-width:1200px){.products-section.slider--initiated .slides{gap:2rem}.products-section.slider--initiated:not(.slider--mobile-only) .products-section__product{flex:0 0 calc(50% - 1rem)}}@media screen and (max-width:768px){.products-section__product-image-container{height:20rem}.products-section__product-title{height:3.114rem}.products-section__viewport{max-width:24rem;min-width:18rem}.products-section.slider--initiated .slides{gap:1rem}.products-section__product{width:100%;padding:0 0.625rem;flex:0 0 100%}.products-section.slider--initiated:not(.slider--mobile-only) .products-section__product{flex:0 0 100%}.products-section__product:first-child.fade-in{opacity:0;transition:opacity 0.6s ease-out}.products-section__product:first-child.fade-in--visible{opacity:1}.products-section__product.fade-in{opacity:1}}.faq-section{padding:var(--section-spacing-vertical) var(--section-spacing-horizontal);width:100%}.faq-section .container{width:100%}.faq-section__list{display:flex;flex-direction:column;gap:0.063rem;width:100%}.faq-section__item{overflow:hidden;border-bottom:0.063rem solid var(--color-border);transition:background-color 0.3s ease}.faq-section__item:last-child{border-bottom:none}.faq-section__item:hover{background-color:var(--color-bg-secondary)}.faq-section__item-question-wrapper{display:flex;align-items:center;width:max-content;gap:1rem}.faq-section__item-question-icon{height:2rem;width:2rem}.faq-section__item-question{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--color-text);font-weight:bold;padding:1rem;cursor:pointer;transition:color 0.5s ease}.faq-section__item-question:focus{outline:none}.faq-section__item-question-title{text-align:left}.faq-section__item-answer{opacity:0;max-height:0;overflow:hidden;transition:max-height 0.5s ease,opacity 0.5s ease}.faq-section__item-answer.faq-section__item-answer--active{opacity:1}.faq-section__item-answer-text{padding-left:1rem;padding-right:1rem;padding-bottom:1.5rem}.faq-section__item-icon{display:flex;justify-content:center;align-items:center;height:max-content;font-size:2rem;margin-left:1rem}.faq-section__item-icon::before{content:"+";display:block;color:var(--color-primary);transition:transform 0.3s ease,color 0.3s ease}.faq-section__item-icon.faq-section__item-icon--open::before{content:"–";color:var(--color-primary);transform:rotate(180deg)}@media screen and (max-width:991px){.faq-section__list{width:100%}}@media screen and (max-width:768px){.faq-section__item-icon{font-size:1.5rem}}.slider--initiated .slides{display:flex;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;transition:transform 0.8s ease-in-out}.slider--mobile-only:not(.slider--active) .slides{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:var(--section-spacing-bettween);justify-content:center;width:100%;transform:none!important}.slider--mobile-only:not(.slider--active) .dots,.slider--mobile-only:not(.slider--active) .prev,.slider--mobile-only:not(.slider--active) .next{display:none}.slider--mobile-only .slider--active .slides{display:flex}.slider{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:visible;width:100%}.navigation{display:flex;justify-content:space-between;width:calc(100% + var(--section-spacing-horizontal));position:absolute;top:50%;transform:translateY(-50%);z-index:5;pointer-events:none}.navigation button{display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:0.063rem solid var(--color-primary);font-family:monospace;color:var(--color-text);height:2.5rem;width:2.5rem;cursor:pointer;pointer-events:all;border-radius:50%;text-align:center;will-change:transform;transform-origin:center;opacity:0.5;transition:all 0.3s ease;line-height:1.6rem}.navigation .navigation__arrow{display:inline-block;line-height:unset;font-size:1.25rem;vertical-align:middle}.navigation button:focus{outline:none}.navigation button:hover{color:var(--color-text);transform:scale(1.1);opacity:1}.dots{display:flex;align-items:center;margin-top:2rem;gap:0.625rem;width:100%;align-self:flex-start}.dots__dot{width:1rem;height:1rem;background-color:var(--color-bg);border:0.063rem solid var(--color-primary);border-radius:50%;cursor:pointer;transition:background-color 0.3s ease}.dots__dot:hover{background-color:var(--color-secondary)}.dots__dot--active{cursor:default;background-color:var(--color-primary)}.dots__dot.dots__dot--active:hover{background-color:var(--color-primary)}@media screen and (max-width:1400px){.slider--mobile-only:not(.slider--active) .slides{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}}@media screen and (max-width:1024px){.dots__dot:hover{background-color:initial}.dots{justify-content:center;margin-top:var(--section-spacing-vertical)}}@media screen and (max-width:768px){.navigation{display:none}.dots__dot{width:0.875rem;height:0.875rem}}