html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  letter-spacing: 0;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

*{-webkit-font-smoothing: antialiased;box-sizing: border-box;margin: 0}html, body{margin: 0;min-height: 100%}body{overflow-y: auto;scrollbar-width: thin;&::-webkit-scrollbar{width: var(--dimension-xxs)}}section{position: relative}button:focus-visible{outline: var(--outline-focus-blue);outline: -webkit-focus-ring-color auto var(--dimension-xxss) !important}a{text-decoration: none;transition: color 0.2s ease}.container{padding: 0 var(--dimension-xxxl);margin: 0 auto;max-width: 1200px;@media (max-width: 768px){padding: 0 var(--dimension-xl)}@media (max-width: 375px){padding: 0 var(--dimension-mdl)}}.btn{display: flex;align-items: center;justify-content: center;border-radius: var(--dimension-xxxxll);padding: var(--dimension-xxs) var(--dimension-smd);cursor: pointer;transition: color 0.2s ease, background-color 0.2s ease}.btn-transparent{border: var(--border-btn);background-color: transparent;color: var(--white);&:hover{background-color: var(--white);color: var(--red-dark)}}.btn-red{border:0;background-color: var(--red);color: var(--white);&:hover{background-color: var(--red-dark)}}.btn-yellow{border:0;background-color: var(--yellow);color: var(--black-text);&:hover{background-color: var(--yellow-dark)}}.btn-black{border:0;background-color: var(--black-text);color: var(--white);&:hover{background-color: var(--dark-grey)}}.logo{font-weight: var(--font-weight-extrabold);color: transparent;font-size: var(--font-size-lg);white-space: nowrap;@media (max-width: 375px){font-size: var(--font-size-xs)}}.no-scroll{overflow: hidden}
:root{--font-base: 1rem;--scale-ratio: 1.25;--line-height: 1.6;--line-height-heading: 1.2;--color-text: #1a1a1a;--color-heading: #0d0d0d;--color-muted: #666;--color-bg: #fff;--content-width: 70ch;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-size-xxxs: 9px;--font-size-xxs: 15px;--font-size-xs: 18px;--font-size-sm: 20px;--font-size-md: 22px;--font-size-lg: 25px;--font-size-xl: 32px;--font-size-xxl: 40px;@media (max-width: 768px){--font-size-xs: 16px;--font-size-xxl: 22px}--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extrabold: 800;--dimension-none: 0;--dimension-xxxxs: 2px;--dimension-xxxss: 3px;--dimension-xxxs: 4px;--dimension-xxss: 5px;--dimension-xxs: 6px;--dimension-xss: 8px;--dimension-xs: 10px;--dimension-sm: 12px;--dimension-smd: 14px;--dimension-md: 16px;--dimension-mdl: 18px;--dimension-lg: 20px;--dimension-xlg: 22px;--dimension-xl: 24px;--dimension-xll: 28px;--dimension-xlll: 30px;--dimension-xxl: 32px;--dimension-xxxl: 36px;--dimension-xxxxl: 40px;--dimension-xxxxll: 60px;--white: #fff;--black-text: #000;--black-add-text: #010100;--black-bg: #161616;--black-mask: #00000099;--black-mask-2: #00000055;--yellow: #ffc61a;--yellow-dark: #e0af1c;--red: #9f340a;--red-dark: #732101;--blue: #4a90e2;--dark-grey: #838383;--scroll-thumb-grey: #cbcbcb;--scroll-track-grey: #f0f0f0;--medium-grey: #535353;--light-grey: #f3f3f3;--outline-focus-white: var(--dimension-xxxxs) solid var(--white);--outline-focus-yellow: var(--dimension-xxxxs) solid var(--yellow);--outline-focus-blue: var(--dimension-xxxxs) solid var(--blue);--border-btn: 1.3px solid var(--white)}
.slider{overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;scroll-snap-type: x mandatory;overflow-y: auto;scrollbar-width: thin;scrollbar-color: var(--medium-grey);&::-webkit-scrollbar{width: var(--dimension-xxs)}&::-webkit-scrollbar-track{background: var(--medium-grey)}&::-webkit-scrollbar-thumb{background: var(--white);border-radius: var(--dimension-xxxss)}@media (max-width: 768px){scrollbar-width: auto;&::-webkit-scrollbar{display: block;height: var(--dimension-xxs)}&::-webkit-scrollbar-track, &::-webkit-scrollbar-thumb{border-radius: var(--dimension-xxxxl)}}}.slider-white{scrollbar-color: var(--medium-grey);&::-webkit-scrollbar-track{background: var(--medium-grey)}&::-webkit-scrollbar-thumb{background: var(--white)}}.slider-grey{scrollbar-color: var(--scroll-track-grey);&::-webkit-scrollbar-track{background: var(--scroll-track-grey)}&::-webkit-scrollbar-thumb{background: var(--scroll-thumb-grey)}}.slider-no-scrollbar{scrollbar-width: none;-ms-overflow-style: none;&::-webkit-scrollbar{display: none}}.slider > *{scroll-snap-align: start}.slider-controls{position: absolute;bottom: 50%;display: none;justify-content: space-between;transform: translateY(50%);pointer-events: none;@media (max-width: 768px){display: flex;left: var(--dimension-xl);width: calc(100% - var(--dimension-xl) * 2)}@media (max-width: 375px){left: var(--dimension-mdl);width: calc(100% - var(--dimension-mdl) * 2)}}.slider__btn{pointer-events: auto;display: flex;justify-content: center;align-items: center;width: var(--dimension-xl);height: var(--dimension-xl);padding: 0;border:0;border-radius: 50%;cursor: pointer;&:disabled{visibility: hidden;opacity: 0}}.slider-controls .button__prev{transform: translateX(-50%)}.slider-controls .button__next{transform: translateX(50%)}
 h1, h2, h3, h4, h5, h6{margin: var(--spacing-lg) 0 var(--spacing-md);color: var(--color-heading);line-height: var(--line-height-heading);font-weight: 700;text-wrap: balance}h1{font-size: clamp(1.75rem, 1.2rem + 3vw, 3rem);margin-top: 0}h2{font-size: clamp(1.5rem, 1.1rem + 2vw, 2.25rem)}h3{font-size: clamp(1.25rem, 1rem + 1.2vw, 1.75rem)}h4{font-size: clamp(1.12rem, 1rem + 0.6vw, 1.4rem)}h5{font-size: clamp(1rem, 0.95rem + 0.3vw, 1.2rem)}h6{font-size: clamp(0.9rem, 0.9rem + 0.1vw, 1rem);text-transform: uppercase;letter-spacing: 0.05em;color: var(--color-muted)}p{margin: 0 0 var(--spacing-md);font-size: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);max-width: 70ch}h1 + p, h2 + p{font-size: clamp(1.1rem, 1rem + 0.5vw, 1.3rem)}ul, ol{margin: 0 0 var(--spacing-md);padding-left: 1.5rem}li{margin-bottom: 0.35rem}li > ul, li > ol{margin-top: 0.35rem}a{color: #06c;text-decoration: none;transition: color 0.15s ease}a:hover{text-decoration: underline}strong, b{font-weight: 700;color: var(--color-heading)}em, i{font-style: italic}.page{position: relative;z-index: 2;margin-top: 47px}.breadcrumbs{padding: 30px 0}.header{position: fixed;z-index: 50;background-color: var(--white);top: 0;transition: all 0.5s ease;width: 100%;-webkit-box-shadow: 0 -2px 10px 1px var(--dark-grey);box-shadow: 0 -2px 10px 1px var(--dark-grey)}.header__content{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-top: var(--dimension-xs);padding-bottom: var(--dimension-xs);@media (max-width: 768px){padding-top: var(--dimension-sm);padding-bottom: var(--dimension-sm)}&.burger__open{opacity: 0;visibility: hidden}}.header__logo{& span:nth-child(1){color: var(--black-text)}& span:nth-child(2){color: var(--yellow)}}.header__nav ul{font-weight: var(--font-weight-medium);font-size: var(--font-size-xxs);display: flex;gap: calc(var(--dimension-xxxxll) + var(--dimension-xxs));align-items: center;justify-content: flex-start;@media (max-width: 768px){display: none;opacity: 0;visibility: hidden}a{color: var(--black-text);&:hover{color: var(--red)}}}.header__tel{font-weight: var(--font-weight-medium);font-size: var(--font-size-xxs);@media (max-width: 768px){display: none;opacity: 0;visibility: hidden}}.header__open-burger{display: none;opacity: 0;visibility: hidden;flex-direction: column;gap: var(--dimension-xxxs);padding: 0;border: 0;width: var(--dimension-xlll);background-color: transparent;cursor: pointer;@media (max-width: 768px){display: flex;opacity: 1;visibility: visible}@media (max-width: 375px){gap: var(--dimension-xxxss)}& span{width: 100%;height: var(--dimension-xxxs);background-color: var(--black-text);border-radius: var(--dimension-xxxl)}}.projects{position: relative;background-image: url(/images/remont/projects-bg.svg);background-repeat: no-repeat;background-position: center top;background-size: 100% 1053px}.projects__content{background-color: var(--black-bg);padding-top: var(--dimension-xlll);padding-bottom: calc(var(--dimension-xl) * 4);display: flex;flex-direction: column;align-items: flex-start;gap: var(--dimension-xlll);position: relative;@media (max-width: 768px){padding-top: var(--dimension-xll);padding-bottom: var(--dimension-xl);gap: var(--dimension-xxxxl)}}.projects__content > h2{font-weight: var(--font-weight-bold);color: var(--white);font-size: var(--font-size-xxl)}.projects__content > h2 > span{color: var(--yellow)}.projects__list{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows: max-content;column-gap: var(--dimension-xxss);row-gap: calc(var(--dimension-xxxl) / 2);padding-bottom: var(--dimension-xxxxl);@media (max-width: 768px){display: flex}}.projects__item{display: flex;flex-direction: column;align-items: stretch;@media (max-width: 768px){min-width: 339px}}.projects__item-title{background-color: #9f340a;text-align: center;padding: var(--dimension-sm);@media (max-width: 375px){font-size: var(--font-size-xxxs)}}.projects__item p{font-weight: var(--font-weight-bold);color: var(--white);font-size: var(--font-size-xs)}.projects__item p span{font-weight: var(--font-weight-medium)}.projects__item-img{aspect-ratio: 1.25;width: 100%;@media (max-width: 768px){aspect-ratio: 1.6}}.projects__item-img img{width: 100%;height: 100%;object-fit: cover}.projects__item-description{padding-top: var(--dimension-xs)}.services{background-color: var(--yellow);position: relative;color: var(--yellow-dark);&:after{content: '';width: 100%;height: var(--dimension-lg);position: absolute;bottom: 0;left: 0;background-color: currentColor;mask-image: url(/images/remont/separator.svg);mask-size: contain;mask-repeat: repeat;-webkit-mask-image: url(/images/remont/separator.svg);-webkit-mask-size: contain;-webkit-mask-repeat: repeat;@media (max-width: 768px){visibility: hidden}}}.services__content{padding-top: var(--dimension-xlll);padding-bottom: calc(var(--dimension-xxxxl) * 2);display: flex;flex-direction: column;gap: var(--dimension-xlll);@media (max-width: 768px){padding-top: var(--dimension-mdl);padding-bottom: var(--dimension-xll);gap: var(--dimension-xs)}}.services__content h2{font-weight: var(--font-weight-bold);color: var(--black-text);font-size: var(--font-size-xxl)}.services__list{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows: 248px;gap: var(--dimension-sm);@media (max-width: 768px){display: flex}}.services__item{font-weight: var(--font-weight-bold);color: var(--white);font-size: var(--font-size-xs);overflow: hidden;display: flex;flex-direction: column;align-items: stretch;justify-content: flex-end;& img{width: 100%;height: 100%}& p{background-color: var(--red);text-align: center;padding: var(--dimension-lg);@media (max-width: 768px){padding: var(--dimension-xxs)}}@media (max-width: 768px){min-width: 339px;aspect-ratio: 281 / 139}}.principles{position: relative;color: var(--light-grey);&:after{content: '';width: 100%;height: var(--dimension-lg);position: absolute;bottom: 0;left: 0;background-color: currentColor;mask-image: url(/images/remont/separator.svg);mask-size: contain;mask-repeat: repeat;-webkit-mask-image: url(/images/remont/separator.svg);-webkit-mask-size: contain;-webkit-mask-repeat: repeat;@media (max-width: 768px){mask-size: cover}}}.principles__content{padding-top: calc(var(--dimension-xxl) + var(--dimension-xxxxs));padding-bottom: var(--dimension-lg);display: flex;flex-direction: column;gap: var(--dimension-xlll);@media (max-width: 768px){padding-top: var(--dimension-xll);padding-bottom: var(--dimension-xxxxl);gap: var(--dimension-md)}}.principles__content h2{font-weight: var(--font-weight-bold);color: var(--black-add-text);font-size: var(--font-size-xxl)}.principles__list{display: grid;grid-template-columns: repeat(2, 1fr);column-gap: var(--dimension-xs);row-gap: var(--dimension-sm);padding-bottom: var(--dimension-md);@media (max-width: 768px){display: flex}}.principles__item{color: var(--white);background-color: var(--black-bg);padding: calc(var(--dimension-xxxl) - var(--dimension-xxxxs)) var(--dimension-xxxl);padding-right: var(--dimension-xxxxll);display: flex;flex-direction: column;gap: var(--dimension-xss);align-items: flex-start;justify-content: flex-start;@media (max-width: 768px){min-width: 339px;padding: var(--dimension-smd) var(--dimension-mdl)}}.principles__item h3{font-weight: var(--font-weight-bold);font-size: var(--font-size-lg);@media (max-width: 768px){font-size: var(--font-size-xxl)}}.principles__item p{font-weight: var(--font-weight-regular);font-size: var(--font-size-xs)}.calculator{position: relative;z-index: 1;&:after{content: "";position: absolute;z-index: 0;bottom: -3px;left: 0;width: 100%;height: 120px;background-image: url("data:image/svg+xml,%3Csvg width='1480' height='120' viewBox='0 0 1480 120' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M-64 101L1545 -4V966H-64V101Z' fill='%23FFC61A'/%3E %3C/svg%3E");background-repeat: no-repeat;background-size: 100% 100%;background-position: center;@media (max-width: 578px){height: 10px;z-index: 2}}}.calculator__content{padding: var(--dimension-xll) var(--dimension-none) var(--dimension-none);display: flex;flex-direction: column;gap: var(--dimension-xlll);position: relative;z-index: 2;@media (max-width: 768px){gap: var(--dimension-xl);padding: var(--dimension-xlg) var(--dimension-xl) var(--dimension-none)}@media (max-width: 375px){gap: var(--dimension-md);padding: var(--dimension-md) var(--dimension-mdl) var(--dimension-none)}}.calculator__content h2{margin-left: var(--dimension-xxxl);font-weight: var(--font-weight-bold);color: var(--black-add-text);font-size: var(--font-size-xxl);@media (max-width: 768px){margin-left: var(--dimension-none)}}.calculator__content h3{font-weight: var(--font-weight-bold);color: var(--black-text);font-size: var(--font-size-lg);@media (max-width: 768px){font-size: var(--font-size-xs)}}.calculator__content form{background-color: var(--light-grey);padding: var(--dimension-xxxxl);padding-top: var(--dimension-xl);display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: var(--dimension-xlg);@media (max-width: 768px){padding: var(--dimension-xl) var(--dimension-mdl);gap: var(--dimension-md)}@media (max-width: 375px){padding: var(--dimension-lg) var(--dimension-smd);gap: var(--dimension-sm)}}.calculator__content .btn{align-self: flex-end;font-weight: var(--font-weight-bold);color: var(--white);font-size: var(--font-size-sm)}.calculator__fields{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--dimension-sm);@media (max-width: 578px){grid-template-columns: 1fr}}.calculator__content fieldset{background-color: var(--white);padding: var(--dimension-xxl) var(--dimension-xl);display: flex;align-items: center;justify-content: flex-start;gap: var(--dimension-xll);@media (max-width: 768px){padding: var(--dimension-md) var(--dimension-sm);gap: var(--dimension-sm)}}.calculator__content input{-webkit-appearance: none;appearance: none;width: var(--dimension-xl);height: var(--dimension-xl);border-radius: var(--dimension-sm);border: var(--dimension-xxxss) solid var(--red);display: flex;align-items: center;justify-content: center;cursor: pointer;@media (max-width: 768px){width: var(--dimension-sm);height: var(--dimension-sm);border-width: 1.5px}&:checked::before{content: "";width: var(--dimension-sm);height: var(--dimension-sm);border-radius: var(--dimension-xxs);background-color: var(--red);@media (max-width: 768px){width: var(--dimension-xxs);height: var(--dimension-xxs)}}}.calculator__content label{font-weight: 700;color: #000;font-size: 18px;cursor: pointer}.calculator__content form button{margin-top: var(--dimension-mdl);@media (max-width: 768px){margin-top: var(--dimension-sm)}@media (max-width: 578px){width: 100%}}.hero{position: relative;height: 678px;z-index: 2;margin-top: 47px;@media (max-width: 768px){height: 520px;margin-top: 49px}@media (max-width: 375px){margin-top: 42px}&:before{content: "";background-image: url(/images/remont/hero-bg.webp);background-repeat: no-repeat;background-position: 90% 50%;background-size: cover;filter: grayscale(100%);position: absolute;width: 100%;height: 100%;z-index: -2;top: 0;left: 0}&:after{content: "";background-color: var(--black-mask);position: absolute;width: 100%;height: 100%;z-index: -1;top: 0;left: 0}}.hero__content{padding-top: calc(var(--dimension-xxxxl) * 1.375);padding-bottom: calc(var(--dimension-xxxxl) * 2.75);position: relative;z-index: 1;height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;@media (max-width: 768px){padding-top: var(--dimension-xll);padding-bottom: calc(var(--dimension-xxxxl) * 1.25)}@media (max-width: 375px){padding-top: var(--dimension-smd);padding-bottom: calc(var(--dimension-xxxxl) * 1.25)}}.hero__text{max-width: 470px;width: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: var(--dimension-smd);@media (max-width: 768px){max-width: 258px}}.hero__text > h1{font-weight: var(--font-weight-bold);color: var(--white);font-size: var(--font-size-xxl)}.hero__text > p{font-weight: var(--font-weight-regular);color: var(--white);font-size: var(--font-size-xs)}.hero__actions{font-weight: var(--font-weight-bold);font-size: var(--font-size-sm);max-width: 510px;width: 100%;display: flex;gap: var(--dimension-xlg);@media (max-width: 768px){flex-direction: column}& a{width: fit-content}}.footer{background-color: var(--black-bg)}.footer__content{padding-top: var(--dimension-xxl);padding-bottom: calc(var(--dimension-xxl) * 2);display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--dimension-xll);@media (max-width: 768px){padding-bottom: calc(var(--dimension-xl) * 2);gap: var(--dimension-xlg)}}.footer__logo{grid-column: 1 / 3;grid-row: 1;& span:nth-child(1){color: #fff}& span:nth-child(2){color: #ffc61a}}.footer__nav ul{grid-column: 1;grid-row: 2;font-weight: var(--font-weight-medium);font-size: var(--font-size-xs);display: flex;flex-direction: column;gap: var(--dimension-xxxl);align-items: flex-start;justify-content: flex-start;a{color: var(--white);&:hover{color: var(--yellow)}}}.footer__contacts{grid-column: 2;grid-row: 2;font-weight: var(--font-weight-bold);color: var(--white);font-size: var(--font-size-xs);text-align: right;display: flex;flex-direction: column;align-items: flex-end;gap: var(--dimension-xxxl);a{color: var(--white);&:hover{color: var(--yellow)}}p{font-weight: var(--font-weight-medium)}}.footer__privacy{margin-top: 120px;grid-column: 2;grid-row: 3;display: flex;flex-direction: column;align-items: flex-end;& a{font-weight: var(--font-weight-medium);color: var(--white);font-size: var(--font-size-xs);text-align: right;text-decoration: underline;&:hover{color: var(--yellow)}}@media (max-width: 768px){margin-top: var(--dimension-xxxxl);grid-column: 1 / 3;align-items: center}}.callback{position: relative;background-image: url(/images/remont/callback-bg.webp);background-repeat: no-repeat;background-position: 75% 50%;background-size: cover;z-index: 1;overflow: hidden;@media (max-width: 768px){background-position: 80% 50%;height: 453px}@media (max-width: 375px){height: 383px}}.callback__content{padding-top: calc(var(--dimension-xxxxl) * 2);padding-bottom: 112px;display: flex;flex-direction: column;gap: var(--dimension-xlll);position: relative;z-index: 2;height: 100%;@media (max-width: 768px){padding-top: var(--dimension-xxxxl);padding-bottom: var(--dimension-xxxxl);gap: var(--dimension-md)}@media (max-width: 375px){padding-top: var(--dimension-smd);padding-bottom: var(--dimension-md);gap: var(--dimension-xxs)}}.callback__content h2{font-weight: var(--font-weight-bold);color: var(--white);font-size: var(--font-size-xxl)}.callback__form{display: flex;flex-direction: column;gap: var(--dimension-xl);height: 100%;@media (max-width: 768px){gap: var(--dimension-smd)}}.callback__content h3{font-weight: var(--font-weight-bold);color: var(--white);font-size: var(--font-size-xs)}.callback__content label{display: none;visibility: hidden;opacity: 0}.callback__content input{border: 0;border-radius: var(--dimension-none);padding: var(--dimension-md);outline: 0;font-weight: var(--font-weight-bold);color: var(--black-bg);font-size: var(--font-size-xs);background: var(--white);width: 100%;@media (max-width: 768px){padding: var(--dimension-xxs) var(--dimension-xss);font-size: var(--font-size-xs)}&:focus{box-shadow: inset 0 0 0 var(--dimension-xxxxs) var(--yellow)}&::placeholder{font-weight: var(--font-weight-bold);color: var(--dark-grey);font-size: var(--font-size-xs)}&:focus::placeholder{color: transparent}}.callback__fields{display: flex;flex-direction: column;align-items: stretch;gap: var(--dimension-mdl);max-width: 540px;flex-grow: 1;@media (max-width: 768px){max-width: 430px;gap: var(--dimension-smd)}@media (max-width: 578px){max-width: none}@media (max-width: 375px){gap: var(--dimension-xss)}}.callback__form .btn{font-weight: var(--font-weight-bold);color: var(--black-text);font-size: var(--font-size-lg);padding: var(--dimension-xs) var(--dimension-xxxxl);width: fit-content;margin-top: var(--dimension-xxs);position: relative;z-index: 4;@media (max-width: 768px){font-size: var(--font-size-xs)}@media (max-width: 578px){width: 100%}}.callback__workman{width: fit-content;height: fit-content;position: absolute;bottom: 0;right: 0;display: flex;align-items: flex-end;z-index: 3;@media (max-width: 768px){right: 15%}& img{width: 492px;height: 492px;@media (max-width: 980px){width: 319px;height: 319px}@media (max-width: 820px){width: 229px;height: 229px}@media (max-width: 578px){width: 229px;height: 229px}}@media (max-width: 578px){right: 50%;transform: translateX(50%)}}.burger{position: absolute;top: 0;right: -110%;z-index: 55;width: 100%;background-color: var(--white);transition: all 0.5s ease;-webkit-box-shadow: 0 -2px 10px 1px var(--dark-grey);box-shadow: 0 -2px 10px 1px var(--dark-grey);&.burger__open{display: flex;opacity: 1;visibility: visible;right: 0}}.burger__content{width: 100%;display: flex;flex-direction: column;gap: 0;align-items: stretch}.burger__header{display: flex;justify-content: space-between;align-items: center;padding-top: var(--dimension-xs);padding-bottom: var(--dimension-xs);@media (max-width: 768px){padding-top: var(--dimension-sm);padding-bottom: var(--dimension-sm)}}.burger__logo{& span:nth-child(1){color: var(--black-text)}& span:nth-child(2){color: var(--yellow)}}.burger__close-burger{display: flex;flex-direction: column;gap: var(--dimension-xxxs);padding: 0;border: 0;width: var(--dimension-xlll);height: var(--dimension-xlll);position: relative;background-color: transparent;cursor: pointer;@media (max-width: 375px){gap: var(--dimension-xxxss)}& span{width: 100%;height: var(--dimension-xxxs);background-color: var(--black-text);border-radius: var(--dimension-xxxl);position: absolute;top: 50%;&:nth-child(1){transform: rotate(45deg)}&:nth-child(2){transform: rotate(135deg)}}}.burger__main{padding-top: var(--dimension-xxxxl);padding-bottom: var(--dimension-mdl);display: flex;flex-direction: column;align-items: center;gap: var(--dimension-xxxxll);text-align: center}.burger__nav ul{font-weight: var(--font-weight-medium);font-size: var(--font-size-xlg);display: flex;gap: calc(var(--dimension-xxxxl) + var(--dimension-xxxs));align-items: center;justify-content: flex-start;flex-direction: column;a{color: var(--black-text);&:hover{color: var(--red)}}}.advantages{position: relative;height: 661px;z-index: 2;display: flex;align-items: flex-end;@media (max-width: 768px){height: 372px;align-items: flex-start}&:before{content: "";background-image: url(/images/remont/advantages-bg.webp);background-repeat: no-repeat;background-position: 80% 50%;background-size: cover;filter: grayscale(100%);position: absolute;width: 100%;height: 100%;z-index: -2;top: 0;left: 0}&:after{content: "";background: linear-gradient(to top, var(--black-text), transparent);position: absolute;width: 100%;height: 500px;z-index: -1;bottom: 0;left: 0;@media (max-width: 768px){height: 372px;background: linear-gradient(to top, var(--black-text), var(--black-mask-2))}}}.advantages__content{padding-top: 124px;padding-bottom: 124px;width: 100%;display: flex;flex-direction: column-reverse;gap: calc(var(--dimension-xxxl) + var(--dimension-xxxxs));align-items: flex-start;@media (max-width: 768px){padding-top: var(--dimension-xl);padding-bottom: 100px;flex-direction: column}}.advantages__polygon{position: absolute;right: 0;top: 0}.advantages__content > h2{font-weight: var(--font-weight-bold);color: var(--white);font-size: var(--font-size-xxl)}.advantages__list{display: flex;gap: 100px;justify-content: space-between;align-items: flex-start;position: relative;@media (max-width: 768px){flex-direction: column;gap: var(--dimension-xlll)}}.advantages__item{color: var(--white);display: flex;flex-direction: column;gap: var(--dimension-none);align-items: flex-start;justify-content: flex-start;position: relative;@media (max-width: 768px){margin-left: var(--dimension-lg);&:before{content: '';position: absolute;left: -20px;top: 11px;transform: translateY(-50%);width: var(--dimension-xss);height: var(--dimension-xss);border-radius: var(--dimension-xss);background-color: var(--yellow)}}}.advantages__item > h3{font-weight: var(--font-weight-bold);font-size: var(--font-size-xxl);text-wrap: nowrap}.advantages__item > p{font-weight: var(--font-weight-medium);font-size: var(--font-size-xs)}.cta-price{position: relative;background-image: url(/images/remont/cta-price-bg.webp);background-repeat: no-repeat;background-position: 75% 50%;background-size: cover;z-index: 1;overflow: hidden;@media (max-width: 768px){background-position: 90% 50%}}.cta-price__content{padding-top: calc(var(--dimension-xxxs) + var(--dimension-xxxxl));padding-bottom: calc(var(--dimension-xxxs) + var(--dimension-xxxxl));display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 2;@media (max-width: 768px){padding-top: var(--dimension-xll);padding-bottom: var(--dimension-xll);justify-content: flex-start;gap: var(--dimension-lg);flex-direction: column}}.cta-price__content h2{font-weight: var(--font-weight-bold);color: var(--yellow);font-size: var(--font-size-xxl)}.cta-price__content span{color: var(--white)}.cta-price a{padding: var(--dimension-sm) calc(var(--dimension-xss) + var(--dimension-xxxl));font-weight: var(--font-weight-bold);color: var(--black-text);font-size: var(--font-size-xl);position: relative;z-index: 2;text-wrap: nowrap;@media (max-width: 768px){padding: var(--dimension-xxs) var(--dimension-xlg);font-size: var(--font-size-xs)}}.about{position: relative;z-index: 2;background-image: url(/images/remont/about-bg.svg);background-repeat: no-repeat;background-position: 75% 50%;background-size: cover;margin-top: -100px;height: 565px;mask-image: linear-gradient(to bottom right, transparent 49%, black 50%), linear-gradient(black, black);mask-size: 100% 100px, 100% calc(100% - 100px);mask-position: top left, bottom left;mask-repeat: no-repeat;-webkit-mask-image: linear-gradient(to bottom right, transparent 49%, black 50%), linear-gradient(black, black);-webkit-mask-size: 100% 100px, 100% calc(100% - 100px);-webkit-mask-position: top left, bottom left;-webkit-mask-repeat: no-repeat;@media (max-width: 768px){height: 380px;margin-top: -30px;mask-image: linear-gradient(to bottom right, transparent 48%, black 50%), linear-gradient(black, black);mask-size: 100% 30px, 100% calc(100% - 30px);-webkit-mask-image: linear-gradient(to bottom right, transparent 48%, black 50%), linear-gradient(black, black);-webkit-mask-size: 100% 30px, 100% calc(100% - 30px)}}.about__content{color: var(--black-add-text);padding-top: 200px;padding-bottom: 200px;position: relative;height: 100%;@media (max-width: 768px){padding-top: var(--dimension-xxxxll);padding-bottom: 213px}}.about__text{max-width: 492px;display: flex;flex-direction: column;gap: var(--dimension-xss);align-items: flex-start;@media (max-width: 768px){max-width: 284px}}.about__text > h2{font-weight: var(--font-weight-bold);font-size: var(--font-size-xxl)}.about__text > p{font-weight: var(--font-weight-regular);font-size: var(--font-size-xs)}.site{background-color: var(--white);overflow: hidden;width: 100%;position: relative;font-family: "Montserrat-Medium", Helvetica}.about__workman{width: fit-content;height: fit-content;position: absolute;bottom: 0;right: 0;display: flex;align-items: flex-end;& img{width: 479px;height: 479px;@media (max-width: 900px){width: 350px;height: 350px}@media (max-width: 768px){width: 310px;height: 310px}@media (max-width: 500px){width: 210px;height: 210px}}}