/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box;
  min-width: 0
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

details,
img,
main {
  display: block
}

h1 {
  font-size: 2em;
  margin: 0 0 .67em
}

h2,
h3,
h4,
h5,
h6 {
  margin-top: 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  max-width: 100%;
  height: auto;
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio],
legend {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

.hero .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,
.wrapper .swiper-button-next:after,
.wrapper .swiper-button-prev:after,
[hidden],
template {
  display: none
}

@font-face {
  font-family: "InterItalic";
  src: url(./../fonts/Inter-BoldItalic.woff2) format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: "Onest-400";
  font-style: 400;
  src: url(./../fonts/Onest-Regular.woff2) format("woff2");
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: "Onest-500";
  font-style: 500;
  src: url(./../fonts/Onest-Medium.woff2) format("woff2");
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: "Onest-600";
  font-style: 600;
  src: url(./../fonts/Onest-SemiBold.woff2) format("woff2");
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: "Onest-700";
  font-style: 700;
  src: url(./../fonts/Onest-Bold.woff2) format("woff2");
  font-display: swap;
  font-style: normal
}

:root {
  --page-bg: #fff;
  --text-color: #101010;
  --Montserrat: Montserrat, sans-serif;
  --font-Inter: Inter, sans-serif;
  --font-Onest-400: "Onest-400", sans-serif;
  --font-Onest-500: "Onest-500", sans-serif;
  --font-Onest-600: "Onest-600", sans-serif;
  --font-Onest-700: "Onest-700", sans-serif;
  --font-weight: 400;
  --font-size: rem(15);
  --line-height: 1.4;
  --border-radius: .25rem;
  --background-color-black: #212121;
  --background-accent-gradient: background: rgba(0, 0, 0, 0.6), linear-gradient(310deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  --border-1: .0625rem solid rgba(255, 255, 255, 0.5);
  --border-2: .0625rem solid #8d8d8d;
  --blur: blur(1.25rem);
  --accent-color: #ffa01c;
  --icon-check: url('data:image/svg+xml,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L7 11L17 1" stroke="%23FFA01C" stroke-width="2.5" /></svg>');
  --offset-70: clamp(2.188rem, 1.337rem + 3.63vw, 4.375rem);
  --offset-100: clamp(3.125rem, 1.911rem + 5.18vw, 6.25rem);
  --offset-175: clamp(5.313rem, 3.127rem + 9.33vw, 10.938rem);
  --icon-arrow: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 7H2M2 7L8 1M2 7L8 13" stroke="white" stroke-width="2" /></svg>');
  --icon-boolet: url('data:image/svg+xml,<svg width="49" height="3" viewBox="0 0 49 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.35" d="M1.65341 2.06818C1.44318 2.06818 1.26278 1.9929 1.11222 1.84233C0.961648 1.69176 0.886364 1.51136 0.886364 1.30114C0.886364 1.09091 0.961648 0.910511 1.11222 0.759943C1.26278 0.609375 1.44318 0.534091 1.65341 0.534091C1.86364 0.534091 2.04403 0.609375 2.1946 0.759943C2.34517 0.910511 2.42045 1.09091 2.42045 1.30114C2.42045 1.44034 2.38494 1.56818 2.31392 1.68466C2.24574 1.80114 2.15341 1.89489 2.03693 1.96591C1.9233 2.03409 1.79545 2.06818 1.65341 2.06818ZM4.9581 2.06818C4.74787 2.06818 4.56747 1.9929 4.4169 1.84233C4.26634 1.69176 4.19105 1.51136 4.19105 1.30114C4.19105 1.09091 4.26634 0.910511 4.4169 0.759943C4.56747 0.609375 4.74787 0.534091 4.9581 0.534091C5.16832 0.534091 5.34872 0.609375 5.49929 0.759943C5.64986 0.910511 5.72514 1.09091 5.72514 1.30114C5.72514 1.44034 5.68963 1.56818 5.61861 1.68466C5.55043 1.80114 5.4581 1.89489 5.34162 1.96591C5.22798 2.03409 5.10014 2.06818 4.9581 2.06818ZM8.26278 2.06818C8.05256 2.06818 7.87216 1.9929 7.72159 1.84233C7.57102 1.69176 7.49574 1.51136 7.49574 1.30114C7.49574 1.09091 7.57102 0.910511 7.72159 0.759943C7.87216 0.609375 8.05256 0.534091 8.26278 0.534091C8.47301 0.534091 8.65341 0.609375 8.80398 0.759943C8.95455 0.910511 9.02983 1.09091 9.02983 1.30114C9.02983 1.44034 8.99432 1.56818 8.9233 1.68466C8.85511 1.80114 8.76278 1.89489 8.64631 1.96591C8.53267 2.03409 8.40483 2.06818 8.26278 2.06818ZM11.5675 2.06818C11.3572 2.06818 11.1768 1.9929 11.0263 1.84233C10.8757 1.69176 10.8004 1.51136 10.8004 1.30114C10.8004 1.09091 10.8757 0.910511 11.0263 0.759943C11.1768 0.609375 11.3572 0.534091 11.5675 0.534091C11.7777 0.534091 11.9581 0.609375 12.1087 0.759943C12.2592 0.910511 12.3345 1.09091 12.3345 1.30114C12.3345 1.44034 12.299 1.56818 12.228 1.68466C12.1598 1.80114 12.0675 1.89489 11.951 1.96591C11.8374 2.03409 11.7095 2.06818 11.5675 2.06818ZM14.8722 2.06818C14.6619 2.06818 14.4815 1.9929 14.331 1.84233C14.1804 1.69176 14.1051 1.51136 14.1051 1.30114C14.1051 1.09091 14.1804 0.910511 14.331 0.759943C14.4815 0.609375 14.6619 0.534091 14.8722 0.534091C15.0824 0.534091 15.2628 0.609375 15.4134 0.759943C15.5639 0.910511 15.6392 1.09091 15.6392 1.30114C15.6392 1.44034 15.6037 1.56818 15.5327 1.68466C15.4645 1.80114 15.3722 1.89489 15.2557 1.96591C15.142 2.03409 15.0142 2.06818 14.8722 2.06818ZM18.1768 2.06818C17.9666 2.06818 17.7862 1.9929 17.6357 1.84233C17.4851 1.69176 17.4098 1.51136 17.4098 1.30114C17.4098 1.09091 17.4851 0.910511 17.6357 0.759943C17.7862 0.609375 17.9666 0.534091 18.1768 0.534091C18.3871 0.534091 18.5675 0.609375 18.718 0.759943C18.8686 0.910511 18.9439 1.09091 18.9439 1.30114C18.9439 1.44034 18.9084 1.56818 18.8374 1.68466C18.7692 1.80114 18.6768 1.89489 18.5604 1.96591C18.4467 2.03409 18.3189 2.06818 18.1768 2.06818ZM21.4815 2.06818C21.2713 2.06818 21.0909 1.9929 20.9403 1.84233C20.7898 1.69176 20.7145 1.51136 20.7145 1.30114C20.7145 1.09091 20.7898 0.910511 20.9403 0.759943C21.0909 0.609375 21.2713 0.534091 21.4815 0.534091C21.6918 0.534091 21.8722 0.609375 22.0227 0.759943C22.1733 0.910511 22.2486 1.09091 22.2486 1.30114C22.2486 1.44034 22.2131 1.56818 22.142 1.68466C22.0739 1.80114 21.9815 1.89489 21.8651 1.96591C21.7514 2.03409 21.6236 2.06818 21.4815 2.06818ZM24.7862 2.06818C24.576 2.06818 24.3956 1.9929 24.245 1.84233C24.0945 1.69176 24.0192 1.51136 24.0192 1.30114C24.0192 1.09091 24.0945 0.910511 24.245 0.759943C24.3956 0.609375 24.576 0.534091 24.7862 0.534091C24.9964 0.534091 25.1768 0.609375 25.3274 0.759943C25.478 0.910511 25.5533 1.09091 25.5533 1.30114C25.5533 1.44034 25.5178 1.56818 25.4467 1.68466C25.3786 1.80114 25.2862 1.89489 25.1697 1.96591C25.0561 2.03409 24.9283 2.06818 24.7862 2.06818ZM28.0909 2.06818C27.8807 2.06818 27.7003 1.9929 27.5497 1.84233C27.3991 1.69176 27.3239 1.51136 27.3239 1.30114C27.3239 1.09091 27.3991 0.910511 27.5497 0.759943C27.7003 0.609375 27.8807 0.534091 28.0909 0.534091C28.3011 0.534091 28.4815 0.609375 28.6321 0.759943C28.7827 0.910511 28.858 1.09091 28.858 1.30114C28.858 1.44034 28.8224 1.56818 28.7514 1.68466C28.6832 1.80114 28.5909 1.89489 28.4744 1.96591C28.3608 2.03409 28.233 2.06818 28.0909 2.06818ZM31.3956 2.06818C31.1854 2.06818 31.005 1.9929 30.8544 1.84233C30.7038 1.69176 30.6286 1.51136 30.6286 1.30114C30.6286 1.09091 30.7038 0.910511 30.8544 0.759943C31.005 0.609375 31.1854 0.534091 31.3956 0.534091C31.6058 0.534091 31.7862 0.609375 31.9368 0.759943C32.0874 0.910511 32.1626 1.09091 32.1626 1.30114C32.1626 1.44034 32.1271 1.56818 32.0561 1.68466C31.9879 1.80114 31.8956 1.89489 31.7791 1.96591C31.6655 2.03409 31.5376 2.06818 31.3956 2.06818ZM34.7003 2.06818C34.4901 2.06818 34.3097 1.9929 34.1591 1.84233C34.0085 1.69176 33.9332 1.51136 33.9332 1.30114C33.9332 1.09091 34.0085 0.910511 34.1591 0.759943C34.3097 0.609375 34.4901 0.534091 34.7003 0.534091C34.9105 0.534091 35.0909 0.609375 35.2415 0.759943C35.392 0.910511 35.4673 1.09091 35.4673 1.30114C35.4673 1.44034 35.4318 1.56818 35.3608 1.68466C35.2926 1.80114 35.2003 1.89489 35.0838 1.96591C34.9702 2.03409 34.8423 2.06818 34.7003 2.06818ZM38.005 2.06818C37.7947 2.06818 37.6143 1.9929 37.4638 1.84233C37.3132 1.69176 37.2379 1.51136 37.2379 1.30114C37.2379 1.09091 37.3132 0.910511 37.4638 0.759943C37.6143 0.609375 37.7947 0.534091 38.005 0.534091C38.2152 0.534091 38.3956 0.609375 38.5462 0.759943C38.6967 0.910511 38.772 1.09091 38.772 1.30114C38.772 1.44034 38.7365 1.56818 38.6655 1.68466C38.5973 1.80114 38.505 1.89489 38.3885 1.96591C38.2749 2.03409 38.147 2.06818 38.005 2.06818ZM41.3097 2.06818C41.0994 2.06818 40.919 1.9929 40.7685 1.84233C40.6179 1.69176 40.5426 1.51136 40.5426 1.30114C40.5426 1.09091 40.6179 0.910511 40.7685 0.759943C40.919 0.609375 41.0994 0.534091 41.3097 0.534091C41.5199 0.534091 41.7003 0.609375 41.8509 0.759943C42.0014 0.910511 42.0767 1.09091 42.0767 1.30114C42.0767 1.44034 42.0412 1.56818 41.9702 1.68466C41.902 1.80114 41.8097 1.89489 41.6932 1.96591C41.5795 2.03409 41.4517 2.06818 41.3097 2.06818ZM44.6143 2.06818C44.4041 2.06818 44.2237 1.9929 44.0732 1.84233C43.9226 1.69176 43.8473 1.51136 43.8473 1.30114C43.8473 1.09091 43.9226 0.910511 44.0732 0.759943C44.2237 0.609375 44.4041 0.534091 44.6143 0.534091C44.8246 0.534091 45.005 0.609375 45.1555 0.759943C45.3061 0.910511 45.3814 1.09091 45.3814 1.30114C45.3814 1.44034 45.3459 1.56818 45.2749 1.68466C45.2067 1.80114 45.1143 1.89489 44.9979 1.96591C44.8842 2.03409 44.7564 2.06818 44.6143 2.06818ZM47.919 2.06818C47.7088 2.06818 47.5284 1.9929 47.3778 1.84233C47.2273 1.69176 47.152 1.51136 47.152 1.30114C47.152 1.09091 47.2273 0.910511 47.3778 0.759943C47.5284 0.609375 47.7088 0.534091 47.919 0.534091C48.1293 0.534091 48.3097 0.609375 48.4602 0.759943C48.6108 0.910511 48.6861 1.09091 48.6861 1.30114C48.6861 1.44034 48.6506 1.56818 48.5795 1.68466C48.5114 1.80114 48.419 1.89489 48.3026 1.96591C48.1889 2.03409 48.0611 2.06818 47.919 2.06818Z" fill="black"/></svg>');
  --icon-user: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3346 19.25V17.4167C18.3346 16.4442 17.9483 15.5116 17.2607 14.8239C16.5731 14.1363 15.6404 13.75 14.668 13.75H7.33464C6.36217 13.75 5.42954 14.1363 4.74191 14.8239C4.05428 15.5116 3.66797 16.4442 3.66797 17.4167V19.25" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M10.9987 10.0833C13.0237 10.0833 14.6654 8.44171 14.6654 6.41667C14.6654 4.39162 13.0237 2.75 10.9987 2.75C8.97365 2.75 7.33203 4.39162 7.33203 6.41667C7.33203 8.44171 8.97365 10.0833 10.9987 10.0833Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
  --icon-phone: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_527_147)"><path d="M20.1683 15.5107V18.2607C20.1693 18.516 20.117 18.7687 20.0147 19.0026C19.9125 19.2366 19.7625 19.4465 19.5743 19.6191C19.3862 19.7917 19.1641 19.9231 18.9223 20.0049C18.6805 20.0867 18.4242 20.1171 18.1699 20.0941C15.3492 19.7876 12.6397 18.8237 10.2591 17.2799C8.04428 15.8725 6.1665 13.9947 4.75911 11.7799C3.20992 9.38851 2.24583 6.66582 1.94494 3.83241C1.92203 3.57892 1.95216 3.32344 2.0334 3.08223C2.11464 2.84102 2.24521 2.61937 2.41681 2.43139C2.5884 2.24341 2.79726 2.09322 3.03008 1.99039C3.2629 1.88755 3.51459 1.83431 3.76911 1.83407H6.51911C6.96397 1.82969 7.39525 1.98723 7.73256 2.27731C8.06986 2.56739 8.29018 2.97023 8.35244 3.41074C8.46851 4.2908 8.68377 5.15491 8.99411 5.98657C9.11744 6.31467 9.14413 6.67124 9.07102 7.01405C8.99791 7.35685 8.82807 7.67151 8.58161 7.92074L7.41744 9.08491C8.72237 11.3798 10.6225 13.28 12.9174 14.5849L14.0816 13.4207C14.3308 13.1743 14.6455 13.0044 14.9883 12.9313C15.3311 12.8582 15.6877 12.8849 16.0158 13.0082C16.8474 13.3186 17.7115 13.5338 18.5916 13.6499C19.0369 13.7127 19.4436 13.937 19.7343 14.2801C20.025 14.6232 20.1794 15.0612 20.1683 15.5107Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></g><defs><clipPath id="clip0_527_147"><rect width="22" height="22" fill="white" /></clipPath></defs></svg>');
  --icon-check-black: url('data:image/svg+xml,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L7 11L17 1" stroke="black" stroke-width="2.5" /></svg>');
  --icon-email: url('data:image/svg+xml,<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.st1{fill:none;stroke:%23000000;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}</style><polyline class="st0" points="2,16 12,22 22,16 "/><path class="st0" d="M18,11H6c-2.2,0-4,1.8-4,4v10c0,2.2,1.8,4,4,4h12c2.2,0,4-1.8,4-4V15C22,12.8,20.2,11,18,11z"/><line class="st0" x1="21.5" y1="13.1" x2="30" y2="8"/><path class="st0" d="M22,21h4c2.2,0,4-1.8,4-4V7c0-2.2-1.8-4-4-4H14c-2.2,0-4,1.8-4,4v4"/></svg>');
  --icon-text: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 9.00006H6.2C5.0799 9.00006 4.51984 9.00006 4.09202 9.21805C3.71569 9.40979 3.40973 9.71575 3.21799 10.0921C3 10.5199 3 11.08 3 12.2001V17.8001C3 18.9202 3 19.4802 3.21799 19.908C3.40973 20.2844 3.71569 20.5903 4.09202 20.7821C4.51984 21.0001 5.07989 21.0001 6.2 21.0001H17.787C18.9071 21.0001 19.4671 21.0001 19.895 20.7821C20.2713 20.5903 20.5772 20.2844 20.769 19.908C20.987 19.4802 20.987 18.9202 20.987 17.8001V12.0001M6 15.0001H6.01M10 15H10.01M11.5189 12.8946L12.8337 12.6347C13.5432 12.4945 13.8979 12.4244 14.2287 12.2953C14.5223 12.1807 14.8013 12.0318 15.06 11.8516C15.3514 11.6487 15.607 11.393 16.1184 10.8816L21.2668 5.73321C21.9541 5.04596 21.9541 3.9317 21.2668 3.24444C20.5796 2.55719 19.4653 2.55719 18.7781 3.24445L13.5416 8.48088C13.0625 8.96004 12.8229 9.19963 12.6294 9.47121C12.4576 9.71232 12.3131 9.97174 12.1986 10.2447C12.0696 10.5522 11.9921 10.8821 11.837 11.5417L11.5189 12.8946Z" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');





}

body,
html {
  height: 100%
}

html {
  scroll-behavior: smooth;
  scrollbar-width: thin
}

body {
  background-color: var(--page-bg);
  color: var(--text-color);
  font-family: var(--font-Onest-400);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height)
}

[class*=__container]:not(.fancybox__container) {
  max-width: 81.25rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  padding-left: .9375rem;
  padding-right: .9375rem
}

.fill__container {
  max-width: 100% !important
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  margin: 0 auto;
  width: 100%
}

.wrapper>main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

p {
  margin: 0;
  margin-bottom: 1rem
}

* p:last-child {
  margin-bottom: 0
}

a,
button,
input,
select,
textarea {
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out
}

.h1,
.h2,
.h3,
h1,
h2,
h3,
h5 {
  font-weight: 500
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-Onest-500)
}

.h5,
.h6,
h6 {
  font-weight: 500
}

.none {
  display: none !important
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden
}

.no-scroll {
  overflow-y: hidden
}

._bgi img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1
}

.accent-color {
  color: var(--accent-color)
}

.bg-blured {
  background: rgba(255, 255, 255, .1);
  backdrop-filter: var(--blur)
}

.border-decor {
  border: var(--border-1);
  border-radius: var(--border-radius);
  border-radius: .25rem
}

.reset-list ol,
.reset-list ul {
  padding-left: 0;
  margin: 0
}

.reset-list li {
  list-style: none
}

.reset-list li:not(:last-child) {
  margin-bottom: .375rem
}

.costum-list li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.125rem
}

.costum-list li:not(:last-child) {
  margin-bottom: 1.125rem
}

.costum-list li::before {
  content: "";
  width: 1rem;
  height: .625rem;
  flex-shrink: 0;
  background-image: var(--icon-check);
  background-size: contain;
  background-repeat: no-repeat
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}



a.link-phone {
  font-weight: 700;
  font-size: 1.19rem;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dashed transparent
}

a.link-phone:hover {
  color: rgba(255, 255, 255, .75);
  border-color: rgba(255, 255, 255, .75)
}

a.link-border {
  font-weight: 400;
  font-size: .94rem;
  line-height: 1.25;
  color: #fff;
  display: inline;
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-underline-offset: .3125rem;
  text-decoration-thickness: from-font;
  opacity: .8;
  transition: text-decoration-color .2s ease-in-out, opacity .2s ease-in-out
}

.map__header a:hover,
a.link-border:hover {
  opacity: 1;
  text-decoration-color: transparent
}

._bgi {
  position: relative
}

.grid_columns {
  display: grid;
  grid-template-columns: 1fr;
  /* gap: var(--offset-100) */
}

.grid_columns .hero,
.grid_columns section:not(.section__mt-0),
.grid_columns section:not(.map) {
  margin-bottom: var(--offset-100);
}

.grid-col-2,
.grig-col-3,
.grig-col-5 {
  display: grid;
}

.grid-col-2 {
  grid-template-columns: repeat(2, 1fr)
}

.grig-col-3 {
  grid-template-columns: repeat(3, 1fr)
}


.grig-col-5 {
  display: grid;
}

@media (min-width: 0px) and (max-width: 30rem) {
  .grig-col-5 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
  }

}

@media (min-width: 30rem) and (max-width: 47.9937rem) {
  .grig-col-5 {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr))
  }
}

@media (min-width: 48rem) {
  .grig-col-5 {
    grid-template-columns: repeat(auto-fill, minmax(16.25rem, 1fr))
  }
}


.wrapper .swiper-button-next,
.wrapper .swiper-button-prev {
  border: 0;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color .3s ease;
  background-image: var(--icon-arrow);
  background-size: 1.125rem;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10
}

.wrapper .swiper-button-next:hover,
.wrapper .swiper-button-prev:hover {
  background-color: rgba(0, 0, 0, .8)
}

.wrapper .products__wrapper .swiper-button-next,
.wrapper .products__wrapper .swiper-button-prev {
  margin-top: -3.25rem
}

.wrapper .swiper-button-next {
  transform: rotate(180deg);
  right: 0
}

.wrapper .swiper-button-prev {
  left: 0
}

.wrapper .swiper-pagination-bullet {
  border: .0625rem solid transparent;
  background-color: transparent;
  position: relative;
  opacity: 1
}

.wrapper .swiper-pagination-bullet:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff
}

.wrapper .swiper-pagination-bullet-active {
  border-color: #fff
}

.bg-grey {
  background-color: #f5f5f5;
  padding-top: var(--offset-100);
  padding-bottom: var(--offset-100)
}

.slider-conteiner {
  max-width: 86.25rem;
  margin: 0 auto
}

.slider-conteiner .swiper {
  padding-inline: 1.25rem
}

.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .75rem
}

.mb-0 {
  margin-bottom: 0 !important
}

.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.h-60 {
  height: 3.75rem !important;
  line-height: 1 !important;
  padding-block: 0 !important
}

.bg-color {
  padding-top: var(--offset-100);
  padding-bottom: var(--offset-100)
}

.bg-block {
  background-color: #151515;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain
}

.list__dev-black .h4,
.list__dev-black h4 {
  color: #fff
}

.list__dev-black-list {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap
}

.list__dev-black-item {
  position: relative;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  padding: 1.125rem 1.25rem 1.125rem 3.75rem;
  background-color: #141414;
  border: .0625rem solid #2b2b2b;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  background-image: var(--icon-check);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.125rem;
  min-width: 12.5rem
}

.list__dev-black-item b,
.list__dev-black-item strong {
  font-weight: 700
}

.h2,
h2 {
  margin-bottom: 0
}

.h2,
.h3,
h2,
h3 {
  line-height: 1.1;
  letter-spacing: -.01em;
  color: #000
}

.h4,
h4 {
  font-weight: 600;
  color: #000
}

.title__small {
  opacity: .7;
  display: inline-flex
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]),
textarea {
  font-family: var(--font-Onest);
  font-weight: 400;
  font-size: .94rem;
  color: #000;
  background-color: #f3f3f3;
  border: 0;
  outline: 0;
  padding: 22px 20px;
  border-radius: var(--border-radius);
  width: 100%
}

input[type=submit] {
  border: 0
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: var(--border-radius);
  cursor: pointer
}

.btn-black {
  background-color: #212121;
  color: #fff;
  border: 0;
  padding: 1.25rem 1.375rem;
  width: 100%
}

.btn-black:hover {
  background-color: #000
}

.btn-black:active {
  transform: scale(.99)
}

.btn-accent {
  background-color: #ffa01c;
  font-weight: 700;
  font-size: .94rem;
  color: #212121;
  border: 0;
  transition: transform .3s ease 0s, background-color .3s ease 0s
}

.btn-accent:hover {
  background-color: #d88406
}

.btn-accent:active {
  transform: scale(.98)
}

.form__inner {
  background-color: #fff;
  border-radius: var(--border-radius);
  color: #000
}

.form__title.h3 {
  font-size: 1.25rem;
  margin-bottom: 1rem
}

.form__title+small {
  font-weight: 400;
  font-size: .9375rem;
  line-height: 1.55;
  display: inline-block;
  margin-bottom: 1.375rem
}

.form__inputs {
  display: grid;
  gap: .75rem;
  margin-bottom: 1.5rem
}

.form__submit {
  margin-bottom: 1.75rem
}

.form__agreement {
  font-size: .81rem;
  line-height: 1.5;
  color: #9a9a9a
}

.block-form-100,
.form__input-label-text,
.form__input-label-email,
.form__input-label-phone,
.form__input-label-user {
  position: relative
}

.form__input-label-text input,
.form__input-label-email input,
.form__input-label-phone input,
.form__input-label-user input {
  padding-left: 3.25rem !important
}

.form__input-label-text::before,
.form__input-label-email::before,
.form__input-label-phone::before,
.form__input-label-user::before {
  content: "";
  position: absolute;
  top: 1.1875rem;
  left: 1.25rem;
  width: 1.375rem;
  height: 1.375rem;
  /* transform: translateY(-50%); */
  background-size: 1.375rem;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.form__input-label-user::before {
  background-image: var(--icon-user)
}

.form__input-label-phone::before {
  background-image: var(--icon-phone)
}

.form__input-label-email::before {
  background-image: var(--icon-email)
}

.form__input-label-text::before {
  background-image: var(--icon-text)
}

.form__item-1--row.flex-row {
  margin-bottom: 1.25rem
}

.style-form-1 form .form__submit .btn {
  padding-inline: 2.0625rem;
  font-family: var(--second-family);
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  width: 100%
}

.style-form-1 form .form_agreement {
  font-weight: 400;
  font-size: .75rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, .4)
}

.block-form-100 {
  background-color: #151515
}

.block-form {
  max-width: 35rem
}

.block-form .block-form__subtitle,
.block-form .h3,
.block-form .list__details-included .h4,
.block-form .list__details-included h4,
.block-form .list__details-included li {
  color: #fff
}

.block-form .form__inner {
  background-color: transparent;
  color: #fff
}

.block-form .form__item-1 {
  border-bottom: 2px dashed rgba(255, 255, 255, .2);
  margin-bottom: 1.875rem
}

.block-form .list__details-included .h4,
.block-form .list__details-included h4 {
  margin-bottom: 1.25rem
}

.block-form .list__details-included ol,
.block-form .list__details-included ul {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap
}

.block-form .list__details-included li {
  border: .0625rem solid rgba(255, 255, 255, .2);
  border-radius: 6.25rem;
  padding: .625rem 1rem;
  background: rgba(255, 255, 255, .05);
  margin-bottom: 0;
  font-size: .9375rem
}

.block-form-100.bg-color {
  background-repeat: no-repeat
}

.block-form-100__container {
  position: relative;
  z-index: 4
}

.home .header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10
}

@media (max-width: 61.9937rem) {
  .home .header {
    position: fixed;
    background-color: #151515;
  }
}

body:not(.home) .header{
  background-color: #151515;
  margin-bottom: 40px;
}
body:not(.home) .page__container h2,
body:not(.home) .page__container h1{
  margin-bottom: 40px;
}

.header__top {
  padding: 1.5rem 0 1.25rem;
  border-bottom: 1px solid #797979
}

.header__top ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: .3125rem
}

.header__top li a {
  text-decoration: none;
  font-weight: 500;
  font-size: .94rem;
  line-height: 1.25;
  color: #fff;
  border-bottom: 1px dashed transparent;
  outline: 0;
  white-space: nowrap
}

.header__top li a:focus {
  outline: 0
}

.header__top li a:focus-visible {
  outline: .0625rem solid #fff;
  outline-offset: 2px;
  transform: scale(.95)
}

.header__top li a:hover {
  color: rgba(255, 255, 255, .75);
  border-color: rgba(255, 255, 255, .75)
}

.header__bottom {
  padding: 1.5rem 0 1.25rem;
  display: flex;
  align-items: center
}

.header__contacts {
  margin-left: auto;
  display: flex;
  align-items: center
}

.header__contacts-phone {
  display: grid;
  text-align: right
}

.header_fixed {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-200%);
  width: 100%;
  z-index: 1;
  background-color: rgba(21, 21, 21, 0.9);
  transition: transform 0.3s ease 0s;
}

@media (min-width: 61.9937rem) {
  #header.header.scrolled .header_fixed {
    transform: translateY(0);
  }

}

.header_fixed__container {
  display: flex;

  align-items: center;
  gap: 1.5rem;
}

.header_fixed-menu .menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .1875rem 1.5rem;
  padding-left: 0;
  list-style: none;
}

.header_fixed-buttom .btn {
  background-color: transparent;
  font-size: .0006rem;
  text-indent: -312.5rem;
  padding: 0;
  height: 1.875rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-image: url(../img/svg/icon-email-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -0.0625rem;
}

.header_fixed-menu .menu a {
  text-decoration: none;
  font-weight: 500;
  font-size: .94rem;
  line-height: 1.25;
  color: #fff;
  border-bottom: .0625rem dashed transparent;
  transition: border-bottom 0.3s ease 0s;
}

.header_fixed-menu .menu a:hover {
  border-color: #d9d9d9;
}

.header_fixed-buttom {
  margin-left: auto;
}

.header_fixed-phone .link-phone {
  align-items: center;
  white-space: nowrap;

}

/* //======================================================================================================================================================== */


.hero .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  width: .5rem;
  height: .5rem;
  background-color: rgba(217, 217, 217, .75)
}

.hero .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #d9d9d9
}

.hero .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.hero .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-right: .875rem;
  margin-left: .875rem
}

.hero__slide {
  position: relative;
  min-height: 56.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: auto !important
}

.hero__slide.hero_shadow::before,
.products__item__body li::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1
}

.hero__slide.hero_shadow::before {
  top: 0;
  height: 100%;
  object-fit: cover;
  background-color: rgba(0, 0, 0, .65);
  background-image: linear-gradient(310deg, transparent 0, rgba(0, 0, 0, .35) 100%)
}

.hero__container {
  padding-bottom: 4.375rem
}

.hero__content {
  position: relative;
  z-index: 2;
  color: #fff
}

.hero__top {
  display: flex;
  flex-direction: column
}

.hero__content .hero__top small {
  font-family: "InterItalic";
  font-style: italic;
  font-weight: 700;
  font-size: 1.12rem;
  display: inline-block;
  margin-bottom: 1.25rem;
  opacity: .8
}

.hero__title {
  font-family: var(--font-Onest);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.01em;
  color: #fff;
  margin-top: 0
}

.hero__content {
  padding-top: 3.125rem
}

.hero__content ul {
  margin-bottom: 3.4375rem
}

.hero__label {
  display: inline-flex;
  flex-direction: column;
  padding: 1.125rem 2.8125rem 1.125rem 1.75rem;
  position: relative;
  margin-bottom: 3.75rem;
  background: rgba(255, 255, 255, .1);
  backdrop-filter: var(--blur);
  border: var(--border-1);
  border-radius: .25rem;
}

/* .hero__label svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1
} */

.hero__dev {
  display: grid;
  gap: 1.25rem
}

.hero__dev__item {
  padding: clamp(1rem, .466rem + 2.28vw, 2.375rem) 1rem;
  /* font-family: "Onest-700";
  font-weight: 700; */
  font-size: 1.0625rem;
  text-align: center
}

.hero__content-top {
  display: grid
}

.hero__content-top__right {
  padding-top: .625rem
}

.types-roofing__item {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius);
  overflow: hidden;
  position: relative;
  padding-bottom: 85%
}

.types-roofing__item:after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../img/types-roofing/bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1
}

.types-roofing__item .h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  font-weight: 500;
  color: #fff;
  margin-top: auto;
  margin-bottom: 0
}

.products__item {
  background-color: #fff;
  overflow: hidden
}

.products__item__img._bgi {
  padding-bottom: 90.322581%;
  border-radius: var(--border-radius);
  /* overflow: hidden */
}

.products__item,
.products__item__img img {
  border-radius: .5rem
}

.products__item__galery-inner,
.products__item__galery {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.products__item__galery__item {
  flex-grow: 1;
}

.products__item__galery__item[data-fancybox] {
  cursor: zoom-in;
}

.products__item__galery__item img {
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
}

.products__item__galery__item:first-child img {
  opacity: 1;
  z-index: -1;
  visibility: visible;
  transition: opacity 0.3s ease 0s, z-index 0.3s ease 0s, visibility 0.3s ease 0s;
}

.products__item__galery__item:hover img {
  opacity: 1;
  z-index: -1;
  visibility: visible;
}

.products__item__galery-boolets {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .375rem;

  position: absolute;
  top: calc(100% + .5rem);
  left: 0;
  right: 0;
  z-index: 20;
}

.reset-list li.products__item__galery-boolet {
  width: .625rem;
  height: .625rem;
  aspect-ratio: 1;
  background-color: #000;
  border-radius: 50%;
  margin: 0;
  /* margin-bottom: 0; */
  padding: 0;
  border: 0;
  cursor: pointer;
  transition: background-color 0.3s ease 0s;
}

.reset-list li.products__item__galery-boolet--curent {
  background-color: #ffa01c;
}

.products__item__body ul {
  margin: 0 0 1.75rem
}

.products__item__body li {
  display: flex;
  justify-content: space-between;
  font-size: .9375rem;
  position: relative
}

.products__item__body li b,
.products__item__body li span {
  background-color: #fff;
  position: relative;
  z-index: 3
}

.products__item__body li span {
  color: rgba(0, 0, 0, .7);
  padding-right: .375rem
}

.products__item__body li b {
  padding-left: .375rem;
  font-weight: 400
}

.products__item__body li::after {
  height: .375rem;
  bottom: .3125rem;
  background-image: var(--icon-boolet);
  background-repeat: repeat-x;
  background-position: bottom center
}

.products__item__price,
.products__item__title {
  color: #000;
  font-weight: 600;
  margin-bottom: 1rem
}

.products__item__price {
  font-size: 1.25rem;
  margin-bottom: 1.75rem
}

.products__slider:not(.swiper-initialized) .products__wrapper {
  display: grid !important;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(16.25rem, 1fr))
}

.production__slide {
  padding-bottom: 66.533333%;
  cursor: pointer
}

.production__sl-tumb__slide {
  padding-bottom: 8%;
  cursor: pointer;
  min-height: 3.125rem
}

.production__sl-tumb__slider:not(.swiper-initialized) .production__sl-tumb__slide {
  height: 4.375rem;
  opacity: 0
}

.services__item {
  position: relative;
  color: #dbdbdb;
  border-radius: var(--border-radius);
  overflow: hidden;
  background-color: #000;
  margin-bottom: 0 !important;
}

.services__item__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.services__item--body {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(0, 0, 0, .85) 0, transparent 48.08%, rgba(0, 0, 0, .85) 100%)
}

.services__item__header {
  margin-bottom: 2.5rem
}

.services__item__footer {
  display: flex;
  margin-top: auto;
  gap: 1rem
}

.services__item__header__title .h3 {
  color: #fff;
  margin-bottom: .625rem
}

.about__container {
  display: flex;
  justify-content: space-between;
  align-items: start
}

.about__bg img {
  border-radius: var(--border-radius)
}

.sertificates__images ul {
  display: grid;
  gap: .625rem;
  grid-template-columns: repeat(3, 1fr);
  max-width: 24.5rem
}

.sertificates__images li {
  padding: .875rem 1.25rem;
  background-color: #fff;
  border-radius: .1875rem;
  text-align: center;
  max-width: 7.75rem;
  margin-bottom: 0 !important
}

.sertificates__images li img {
  display: inline-block;
  cursor: pointer
}

.production__left {
  max-width: 30.9375rem
}

.production__slider:not(.swiper-initialized) .production__wrapper {
  display: flex !important;
  gap: 1.25rem;
  flex-wrap: nowrap;
  opacity: 0;
  height: 31.1875rem;
  overflow: hidden
}

.production__right {
  max-width: 46.875rem
}

.production__right img {
  border-radius: .25rem
}

.production__slider {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 1rem
}

.production__sl-tumb__slide:not(.swiper-slide-thumb-active) {
  opacity: .5;
  cursor: pointer
}

.galery-works__slider:not(.swiper-initialized) .galery-works__wrapper {
  display: flex;
  gap: 1.25rem;
  flex-wrap: nowrap;
  height: 31.1875rem;
  overflow: hidden;
  opacity: 0
}

.galery-works__slider:not(.swiper-initialized) .galery-works__wrapper .galery-works__slide {
  flex: 1 1 .0625rem
}

.galery-works__slide {
  position: relative;
  padding-bottom: 30%;
  min-height: 11rem;
  cursor: pointer
}

.galery-works__slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(187deg, transparent 0, rgba(0, 0, 0, .6) 100%);
  z-index: 1
}

.galery-works__slide img,
.shoorum__slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1
}

.shoorum__slider:not(.swiper-initialized) .shoorum__wrapper {
  display: flex;
  gap: 1.25rem;
  flex-wrap: nowrap;
  height: 29.1875rem;
  overflow: hidden
}

.shoorum__slider:not(.swiper-initialized) .shoorum__wrapper .shoorum__slide:not(:first-child) {
  display: none
}

.shoorum__slide {
  border-radius: var(--border-radius);
  overflow: hidden;
  padding-bottom: 54.302326%;
  cursor: pointer
}

.map,
.map__container,
.shoorum__slide {
  position: relative
}

.map__container {
  z-index: 3
}

.map_contacts {
  color: #fff;
  background: linear-gradient(155deg, #2b2b2b 0, #000 100%);
  border-radius: var(--border-radius)
}

.map__item {
  display: grid;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: .125rem dashed rgba(255, 255, 255, .2)
}

.map__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.map__header a,
.map__item-label {
  color: #fff;
  opacity: .8;
  display: inline-block
}

.map__header a {
  margin-top: .75rem;
  font-size: 1.0625rem;
  text-decoration: underline;
  text-underline-offset: .1875rem;
  transition: opacity .2s ease-in-out, text-decoration-color .2s ease-in-out;
  width: max-content
}

.map__phone a {
  text-decoration-color: transparent;
  transition: text-decoration-color .3s ease 0s;
  display: inline-block;
  width: max-content
}

.map__phone a:hover {
  text-decoration-color: rgba(255, 255, 255, .75)
}

.map__email a,
.map__phone a {
  font-weight: 700;
  font-size: 1.1875rem;
  text-decoration: underline;
  text-underline-offset: .1875rem;
  color: #fff
}

.map__email a:hover {
  text-decoration-color: transparent
}

.map__item-label {
  font-size: .875rem;
  margin-top: .375rem
}

@media (min-width:47.99375em) {
  .slider-conteiner {
    padding: 0 1.25rem
  }
}


.hero.templ_4 .hero__slide::before,
.hero.templ_3 .hero__slide::before,
.hero.templ_2 .hero__slide::before {
  background-color: rgba(0, 0, 0, .01);
  background-image: linear-gradient(310deg, transparent 0, rgba(0, 0, 0, .25) 100%);
}

@media (min-width:61.99375em) {
  .block-form-100.bg-color {
    background-size: contain;
    background-position: center right
  }

  .hero__top {
    max-width: 35.75rem;
  }

  .hero__content ul {
    margin-bottom: 8.4375rem
  }

  .hero.templ_2 .hero__content ul {
    margin-bottom: 1.25rem;
  }

  .hero__content-top__left {
    max-width: 35.9375rem;
  }

  .hero.templ_2 .hero__content-top {
    gap: 1.25rem;
  }


  .hero__label {
    margin-bottom: 6.6875rem
  }

  .hero__content-top {
    grid-template-columns: 1fr clamp(18.75rem, 16.321rem + 10.36vw, 25rem)
  }
}

@media (min-width:68.8125em) {
  .burger {
    display: none
  }
}

@media (min-width:75.00625em) {
  .list__dev-black-item {
    flex: 1 1 .0625rem
  }
}

@media (min-width:83.125em) {
  .costum-list li {
    gap: 1.125rem
  }

  .grid-col-2,
  .grig-col-3 {
    gap: 1.25rem
  }

  .wrapper .swiper-button-next,
  .wrapper .swiper-button-prev {
    width: 3rem;
    height: 3rem;
    background-size: 1.125rem
  }

  .wrapper .swiper-horizontal>.swiper-pagination-bullets,
  .wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
  .wrapper .swiper-pagination-custom,
  .wrapper .swiper-pagination-fraction {
    bottom: 1.25rem
  }

  .wrapper .swiper-pagination-bullet {
    width: 1.625rem;
    height: 1.625rem
  }

  .wrapper .swiper-pagination-bullet:after {
    width: .625rem;
    height: .625rem
  }

  .h2,
  h2 {
    font-size: 2.5rem
  }

  .h3,
  h3 {
    font-size: 2.25rem
  }

  .h4,
  h4 {
    font-size: 1.0625rem
  }

  .title {
    margin-bottom: 2.5rem
  }

  .title__small {
    padding-top: 1.25rem
  }

  .form__inner {
    padding: 2rem
  }

  .header__top ul {
    column-gap: 3.875rem
  }

  .header__contacts {
    column-gap: 2.75rem
  }

  .hero__title {
    font-size: 2.9375rem;
    margin-bottom: 2.875rem
  }

  .types-roofing__item .h3 {
    font-size: 1.25rem;
    padding: 1.5rem
  }

  .products__item__body {
    padding: 1.5rem 1.75rem 2.125rem
  }

  .products__item__title {
    font-size: 1.1875rem
  }

  .services__item--body {
    padding-inline: 2rem;
    padding-block: 1.5625rem;
    min-height: 31.8125rem
  }

  .services__item__header__title .h3 {
    font-size: 1.625rem
  }

  .about__container {
    gap: 3.4375rem
  }

  .about__content h2 {
    margin-bottom: 2rem
  }

  .production__left__content {
    margin-bottom: 2.25rem
  }

  .map_contacts {
    padding: 2.5rem
  }
}

@media (min-width:83.1875em) and (min-width:83.125em) {
  .bg-block {
    padding-block: 5rem;
    padding-inline: 5rem
  }
}

@media (min-width:36em) {
  .style-form-1 form .form__input-label-phone {
    flex: 1 20 auto
  }

  .services__item__footer {
    justify-content: space-between;
    align-items: end;
    flex-direction: row
  }
}

@media (min-width:48em) {
  .hero__dev {
    grid-template-columns: repeat(3, 1fr)
  }

  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
  }

  .map {
    padding-top: var(--offset-70);
    padding-bottom: 24%;
    min-height: 31.25rem;
  }

  .map__container {
    position: relative;
  }

  .map_contacts {
    width: fit-content;
    max-width: 23.625rem;
    position: absolute;
  }
}

@media (min-width:62em) {
  .hero .swiper-horizontal>.swiper-pagination-bullets {
    bottom: 13.3125rem
  }

  .hero.templ_2 .swiper-horizontal>.swiper-pagination-bullets {
    bottom: .625rem;
  }

  .hero.templ_3 .swiper-horizontal>.swiper-pagination-bullets {
    bottom: .625rem;
  }

  .hero.templ_4 .swiper-horizontal>.swiper-pagination-bullets {
    bottom: .625rem;
  }

  .hero__content {
    padding-top: 4.0625rem
  }

  .hero__content-top__left {
    min-height: 41.125rem
  }

  .about__content {
    max-width: 30.9375rem
  }

  .about__container.flex-revers {
    flex-direction: row-reverse
  }

  .production__left {
    flex: 0 1 auto
  }

  .production__inner {
    display: flex;
    gap: 1.25rem;
    justify-content: space-between
  }

  .production__right {
    flex: 0 2 auto
  }

  .shoorum__body {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 2fr 1fr
  }
}

@media (max-width:23.4375em) {
  .costum-list li {
    gap: .5625rem
  }

  .grid-col-2,
  .grig-col-3 {
    gap: .5rem
  }


  .wrapper .swiper-horizontal>.swiper-pagination-bullets,
  .wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
  .wrapper .swiper-pagination-custom,
  .wrapper .swiper-pagination-fraction {
    bottom: .625rem
  }

  .wrapper .swiper-pagination-bullet {
    width: .8125rem;
    height: .8125rem
  }

  .wrapper .swiper-pagination-bullet:after {
    width: .3125rem;
    height: .3125rem
  }

  .h2,
  h2 {
    font-size: 1.75rem
  }

  .h3,
  h3 {
    font-size: 1.5rem
  }

  .h4,
  h4 {
    font-size: .9375rem
  }

  .about__content h2,
  .title {
    margin-bottom: 1.5rem
  }

  .title__small {
    padding-top: .875rem
  }

  .form__inner {
    padding: 1.25rem
  }

  .header__contacts,
  .header__top ul {
    column-gap: 1rem
  }

  .hero__title {
    font-size: 2.5625rem;
    margin-bottom: 1.875rem
  }

  .types-roofing__item .h3 {
    font-size: .875rem;
    padding: .875rem
  }

  .products__item__body {
    padding: 1rem 1rem 1.125rem
  }

  .products__item__title {
    font-size: 1.125rem
  }

  .services__item--body {
    padding-inline: 1rem;
    padding-block: 1rem;
    min-height: 18.75rem
  }

  .services__item__header__title .h3 {
    font-size: 1.25rem
  }

  .about__container {
    gap: 1.5rem
  }

  .production__left__content {
    margin-bottom: 1.5rem
  }

  .map_contacts {
    padding: 1rem
  }
}

@media (min-width:23.4375em) and (max-width:83.125em) {
  @supports (gap:clamp(.5625rem, .3416230366rem + .942408377vw, 1.125rem)) {
    .costum-list li {
      gap: clamp(.5625rem, .3416230366rem + .942408377vw, 1.125rem)
    }
  }

  @supports not (gap:clamp(.5625rem, .3416230366rem + .942408377vw, 1.125rem)) {
    .costum-list li {
      gap: calc(.5625rem + .5625*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (gap:clamp(.5rem, .2054973822rem + 1.2565445026vw, 1.25rem)) {
    .grig-col-3 {
      gap: clamp(.5rem, .2054973822rem + 1.2565445026vw, 1.25rem)
    }
  }

  @supports not (gap:clamp(.5rem, .2054973822rem + 1.2565445026vw, 1.25rem)) {
    .grig-col-3 {
      gap: calc(.5rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (gap:clamp(.5rem, .2054973822rem + 1.2565445026vw, 1.25rem)) {
    .grid-col-2 {
      gap: clamp(.5rem, .2054973822rem + 1.2565445026vw, 1.25rem)
    }
  }

  @supports not (gap:clamp(.5rem, .2054973822rem + 1.2565445026vw, 1.25rem)) {
    .grid-col-2 {
      gap: calc(.5rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }



  @supports (bottom:clamp(.625rem, .3795811518rem + 1.0471204188vw, 1.25rem)) {

    .wrapper .swiper-horizontal>.swiper-pagination-bullets,
    .wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
    .wrapper .swiper-pagination-custom,
    .wrapper .swiper-pagination-fraction {
      bottom: clamp(.625rem, .3795811518rem + 1.0471204188vw, 1.25rem)
    }
  }

  @supports not (bottom:clamp(.625rem, .3795811518rem + 1.0471204188vw, 1.25rem)) {

    .wrapper .swiper-horizontal>.swiper-pagination-bullets,
    .wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
    .wrapper .swiper-pagination-custom,
    .wrapper .swiper-pagination-fraction {
      bottom: calc(.625rem + .625*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (width:clamp(.8125rem, .4934554974rem + 1.3612565445vw, 1.625rem)) {
    .wrapper .swiper-pagination-bullet {
      width: clamp(.8125rem, .4934554974rem + 1.3612565445vw, 1.625rem)
    }
  }

  @supports not (width:clamp(.8125rem, .4934554974rem + 1.3612565445vw, 1.625rem)) {
    .wrapper .swiper-pagination-bullet {
      width: calc(.8125rem + .8125*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (height:clamp(.8125rem, .4934554974rem + 1.3612565445vw, 1.625rem)) {
    .wrapper .swiper-pagination-bullet {
      height: clamp(.8125rem, .4934554974rem + 1.3612565445vw, 1.625rem)
    }
  }

  @supports not (height:clamp(.8125rem, .4934554974rem + 1.3612565445vw, 1.625rem)) {
    .wrapper .swiper-pagination-bullet {
      height: calc(.8125rem + .8125*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (width:clamp(.3125rem, .1897905759rem + .5235602094vw, .625rem)) {
    .wrapper .swiper-pagination-bullet:after {
      width: clamp(.3125rem, .1897905759rem + .5235602094vw, .625rem)
    }
  }

  @supports not (width:clamp(.3125rem, .1897905759rem + .5235602094vw, .625rem)) {
    .wrapper .swiper-pagination-bullet:after {
      width: calc(.3125rem + .3125*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (height:clamp(.3125rem, .1897905759rem + .5235602094vw, .625rem)) {
    .wrapper .swiper-pagination-bullet:after {
      height: clamp(.3125rem, .1897905759rem + .5235602094vw, .625rem)
    }
  }

  @supports not (height:clamp(.3125rem, .1897905759rem + .5235602094vw, .625rem)) {
    .wrapper .swiper-pagination-bullet:after {
      height: calc(.3125rem + .3125*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(1.75rem, 1.4554973822rem + 1.2565445026vw, 2.5rem)) {

    .h2,
    h2 {
      font-size: clamp(1.75rem, 1.4554973822rem + 1.2565445026vw, 2.5rem)
    }
  }

  @supports not (font-size:clamp(1.75rem, 1.4554973822rem + 1.2565445026vw, 2.5rem)) {

    .h2,
    h2 {
      font-size: calc(1.75rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(1.5rem, 1.2054973822rem + 1.2565445026vw, 2.25rem)) {

    .h3,
    h3 {
      font-size: clamp(1.5rem, 1.2054973822rem + 1.2565445026vw, 2.25rem)
    }
  }

  @supports not (font-size:clamp(1.5rem, 1.2054973822rem + 1.2565445026vw, 2.25rem)) {

    .h3,
    h3 {
      font-size: calc(1.5rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(.9375rem, .8884162304rem + .2094240838vw, 1.0625rem)) {

    .h4,
    h4 {
      font-size: clamp(.9375rem, .8884162304rem + .2094240838vw, 1.0625rem)
    }
  }

  @supports not (font-size:clamp(.9375rem, .8884162304rem + .2094240838vw, 1.0625rem)) {

    .h4,
    h4 {
      font-size: calc(.9375rem + .125*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (margin-bottom:clamp(1.5rem, 1.1073298429rem + 1.6753926702vw, 2.5rem)) {
    .title {
      margin-bottom: clamp(1.5rem, 1.1073298429rem + 1.6753926702vw, 2.5rem)
    }
  }

  @supports not (margin-bottom:clamp(1.5rem, 1.1073298429rem + 1.6753926702vw, 2.5rem)) {
    .title {
      margin-bottom: calc(1.5rem + 1*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding-top:clamp(.875rem, .7277486911rem + .6282722513vw, 1.25rem)) {
    .title__small {
      padding-top: clamp(.875rem, .7277486911rem + .6282722513vw, 1.25rem)
    }
  }

  @supports not (padding-top:clamp(.875rem, .7277486911rem + .6282722513vw, 1.25rem)) {
    .title__small {
      padding-top: calc(.875rem + .375*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(1.75rem, 1.4554973822rem + 1.2565445026vw, 2.5rem)) {

    .h2,
    h2 {
      font-size: clamp(1.75rem, 1.4554973822rem + 1.2565445026vw, 2.5rem)
    }
  }

  @supports not (font-size:clamp(1.75rem, 1.4554973822rem + 1.2565445026vw, 2.5rem)) {

    .h2,
    h2 {
      font-size: calc(1.75rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(1.5rem, 1.2054973822rem + 1.2565445026vw, 2.25rem)) {

    .h3,
    h3 {
      font-size: clamp(1.5rem, 1.2054973822rem + 1.2565445026vw, 2.25rem)
    }
  }

  @supports not (font-size:clamp(1.5rem, 1.2054973822rem + 1.2565445026vw, 2.25rem)) {

    .h3,
    h3 {
      font-size: calc(1.5rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(.9375rem, .8884162304rem + .2094240838vw, 1.0625rem)) {

    .h4,
    h4 {
      font-size: clamp(.9375rem, .8884162304rem + .2094240838vw, 1.0625rem)
    }
  }

  @supports not (font-size:clamp(.9375rem, .8884162304rem + .2094240838vw, 1.0625rem)) {

    .h4,
    h4 {
      font-size: calc(.9375rem + .125*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (margin-bottom:clamp(1.5rem, 1.1073298429rem + 1.6753926702vw, 2.5rem)) {
    .title {
      margin-bottom: clamp(1.5rem, 1.1073298429rem + 1.6753926702vw, 2.5rem)
    }
  }

  @supports not (margin-bottom:clamp(1.5rem, 1.1073298429rem + 1.6753926702vw, 2.5rem)) {
    .title {
      margin-bottom: calc(1.5rem + 1*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding-top:clamp(.875rem, .7277486911rem + .6282722513vw, 1.25rem)) {
    .title__small {
      padding-top: clamp(.875rem, .7277486911rem + .6282722513vw, 1.25rem)
    }
  }

  @supports not (padding-top:clamp(.875rem, .7277486911rem + .6282722513vw, 1.25rem)) {
    .title__small {
      padding-top: calc(.875rem + .375*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding:clamp(1.25rem, .9554973822rem + 1.2565445026vw, 2rem)) {
    .form__inner {
      padding: clamp(1.25rem, .9554973822rem + 1.2565445026vw, 2rem)
    }
  }

  @supports not (padding:clamp(1.25rem, .9554973822rem + 1.2565445026vw, 2rem)) {
    .form__inner {
      padding: calc(1.25rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (column-gap:clamp(1rem, -.1289267016rem + 4.8167539267vw, 3.875rem)) {
    .header__top ul {
      column-gap: clamp(1rem, -.1289267016rem + 4.8167539267vw, 3.875rem)
    }
  }

  @supports not (column-gap:clamp(1rem, -.1289267016rem + 4.8167539267vw, 3.875rem)) {
    .header__top ul {
      column-gap: calc(1rem + 2.875*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (column-gap:clamp(1rem, .3128272251rem + 2.9319371728vw, 2.75rem)) {
    .header__contacts {
      column-gap: clamp(1rem, .3128272251rem + 2.9319371728vw, 2.75rem)
    }
  }

  @supports not (column-gap:clamp(1rem, .3128272251rem + 2.9319371728vw, 2.75rem)) {
    .header__contacts {
      column-gap: calc(1rem + 1.75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(2.5625rem, 2.4152486911rem + .6282722513vw, 2.9375rem)) {
    .hero__title {
      font-size: clamp(2.5625rem, 2.4152486911rem + .6282722513vw, 2.9375rem)
    }
  }

  @supports not (font-size:clamp(2.5625rem, 2.4152486911rem + .6282722513vw, 2.9375rem)) {
    .hero__title {
      font-size: calc(2.5625rem + .375*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (margin-bottom:clamp(1.875rem, 1.4823298429rem + 1.6753926702vw, 2.875rem)) {
    .hero__title {
      margin-bottom: clamp(1.875rem, 1.4823298429rem + 1.6753926702vw, 2.875rem)
    }
  }

  @supports not (margin-bottom:clamp(1.875rem, 1.4823298429rem + 1.6753926702vw, 2.875rem)) {
    .hero__title {
      margin-bottom: calc(1.875rem + 1*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(.875rem, .7277486911rem + .6282722513vw, 1.25rem)) {
    .types-roofing__item .h3 {
      font-size: clamp(.875rem, .7277486911rem + .6282722513vw, 1.25rem)
    }
  }

  @supports not (font-size:clamp(.875rem, .7277486911rem + .6282722513vw, 1.25rem)) {
    .types-roofing__item .h3 {
      font-size: calc(.875rem + .375*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding:clamp(.875rem, .6295811518rem + 1.0471204188vw, 1.5rem)) {
    .types-roofing__item .h3 {
      padding: clamp(.875rem, .6295811518rem + 1.0471204188vw, 1.5rem)
    }
  }

  @supports not (padding:clamp(.875rem, .6295811518rem + 1.0471204188vw, 1.5rem)) {
    .types-roofing__item .h3 {
      padding: calc(.875rem + .625*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding-top:clamp(1rem, .8036649215rem + .8376963351vw, 1.5rem)) {
    .products__item__body {
      padding-top: clamp(1rem, .8036649215rem + .8376963351vw, 1.5rem)
    }
  }

  @supports not (padding-top:clamp(1rem, .8036649215rem + .8376963351vw, 1.5rem)) {
    .products__item__body {
      padding-top: calc(1rem + .5*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding-bottom:clamp(1.125rem, .7323298429rem + 1.6753926702vw, 2.125rem)) {
    .products__item__body {
      padding-bottom: clamp(1.125rem, .7323298429rem + 1.6753926702vw, 2.125rem)
    }
  }

  @supports not (padding-bottom:clamp(1.125rem, .7323298429rem + 1.6753926702vw, 2.125rem)) {
    .products__item__body {
      padding-bottom: calc(1.125rem + 1*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding-left:clamp(1rem, .7054973822rem + 1.2565445026vw, 1.75rem)) {
    .products__item__body {
      padding-left: clamp(1rem, .7054973822rem + 1.2565445026vw, 1.75rem)
    }
  }

  @supports not (padding-left:clamp(1rem, .7054973822rem + 1.2565445026vw, 1.75rem)) {
    .products__item__body {
      padding-left: calc(1rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding-right:clamp(1rem, .7054973822rem + 1.2565445026vw, 1.75rem)) {
    .products__item__body {
      padding-right: clamp(1rem, .7054973822rem + 1.2565445026vw, 1.75rem)
    }
  }

  @supports not (padding-right:clamp(1rem, .7054973822rem + 1.2565445026vw, 1.75rem)) {
    .products__item__body {
      padding-right: calc(1rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(1.125rem, 1.0759162304rem + .2094240838vw, 1.25rem)) {
    .products__item__title {
      font-size: clamp(1.125rem, 1.0759162304rem + .2094240838vw, 1.25rem)
    }
  }

  @supports not (font-size:clamp(1.125rem, 1.0759162304rem + .2094240838vw, 1.25rem)) {
    .products__item__title {
      font-size: calc(1.125rem + .125*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding-inline:clamp(1rem, .6073298429rem + 1.6753926702vw, 2rem)) {
    .services__item--body {
      padding-inline: clamp(1rem, .6073298429rem + 1.6753926702vw, 2rem)
    }
  }

  @supports not (padding-inline:clamp(1rem, .6073298429rem + 1.6753926702vw, 2rem)) {
    .services__item--body {
      padding-inline: calc(1rem + 1*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding-block:clamp(1rem, .7791230366rem + .942408377vw, 1.5625rem)) {
    .services__item--body {
      padding-block: clamp(1rem, .7791230366rem + .942408377vw, 1.5625rem)
    }
  }

  @supports not (padding-block:clamp(1rem, .7791230366rem + .942408377vw, 1.5625rem)) {
    .services__item--body {
      padding-block: calc(1rem + .5625*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (min-height:clamp(18.75rem, 13.6207460733rem + 21.8848167539vw, 31.8125rem)) {
    .services__item--body {
      min-height: clamp(18.75rem, 13.6207460733rem + 21.8848167539vw, 31.8125rem)
    }
  }

  @supports not (min-height:clamp(18.75rem, 13.6207460733rem + 21.8848167539vw, 31.8125rem)) {
    .services__item--body {
      min-height: calc(18.75rem + 13.0625*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (font-size:clamp(1.25rem, 1.1027486911rem + .6282722513vw, 1.625rem)) {
    .services__item__header__title .h3 {
      font-size: clamp(1.25rem, 1.1027486911rem + .6282722513vw, 1.625rem)
    }
  }

  @supports not (font-size:clamp(1.25rem, 1.1027486911rem + .6282722513vw, 1.625rem)) {
    .services__item__header__title .h3 {
      font-size: calc(1.25rem + .375*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (gap:clamp(1.5rem, .7392015707rem + 3.2460732984vw, 3.4375rem)) {
    .about__container {
      gap: clamp(1.5rem, .7392015707rem + 3.2460732984vw, 3.4375rem)
    }
  }

  @supports not (gap:clamp(1.5rem, .7392015707rem + 3.2460732984vw, 3.4375rem)) {
    .about__container {
      gap: calc(1.5rem + 1.9375*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (margin-bottom:clamp(1.5rem, 1.3036649215rem + .8376963351vw, 2rem)) {
    .about__content h2 {
      margin-bottom: clamp(1.5rem, 1.3036649215rem + .8376963351vw, 2rem)
    }
  }

  @supports not (margin-bottom:clamp(1.5rem, 1.3036649215rem + .8376963351vw, 2rem)) {
    .about__content h2 {
      margin-bottom: calc(1.5rem + .5*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (margin-bottom:clamp(1.5rem, 1.2054973822rem + 1.2565445026vw, 2.25rem)) {
    .production__left__content {
      margin-bottom: clamp(1.5rem, 1.2054973822rem + 1.2565445026vw, 2.25rem)
    }
  }

  @supports not (margin-bottom:clamp(1.5rem, 1.2054973822rem + 1.2565445026vw, 2.25rem)) {
    .production__left__content {
      margin-bottom: calc(1.5rem + .75*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding:clamp(1rem, .4109947644rem + 2.5130890052vw, 2.5rem)) {
    .map_contacts {
      padding: clamp(1rem, .4109947644rem + 2.5130890052vw, 2.5rem)
    }
  }

  @supports not (padding:clamp(1rem, .4109947644rem + 2.5130890052vw, 2.5rem)) {
    .map_contacts {
      padding: calc(1rem + 1.5*(100vw - 23.4375rem)/59.6875)
    }
  }
}

@media (min-width:0em) and (max-width:61.99375em) {
  .bg-block {
    padding: 1rem
  }

  .block-form-100::before,
  .header__top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
  }

  .block-form-100::before {
    content: "";
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    background: #000;
    opacity: .6
  }

  .block-form-100.bg-color {
    background-size: cover;
    background-position: center;
    backdrop-filter: blur(0)
  }

  .header__top {
    transform: translateY(5rem);
    height: 100dvh;
    overflow-x: auto;
    z-index: 10;
    border: 0;
    background-color: #252629;
    padding: 5rem .9375rem 5.625rem;
    display: none
  }

  .header__top ul {
    display: block;
    text-align: center
  }

  .header__top li a {
    font-size: 1.225rem
  }

  .header__top li:not(:last-child) {
    margin-bottom: .5rem
  }

  .header__bottom {
    position: relative;
    padding-left: 3.4375rem
  }

  .header__container {
    border-bottom: .0625rem solid #797979;
  }

  .header__contacts-phone .link-border {
    display: none
  }

  .header__contacts-phone .link-phone {
    font-size: .000625rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff;
    background-image: url(../img/svg/icon-phone.svg);
    background-size: 1.625rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: var(--border-radius)
  }

  html._open-menu body {
    overflow: hidden
  }

  .hero__content {
    padding-top: 8.0625rem
  }

  .services__top__list.grid-col-2 {
    grid-template-columns: repeat(1, 1fr)
  }

  .about__container {
    flex-direction: column
  }

  .about__bg {
    margin: 0 auto;
    max-width: 31.25rem
  }

  .production__left {
    margin: 0 auto 2.5rem
  }

  .about__bg img,
  .production__right {
    margin: 0 auto
  }

  .shoorum__body {
    display: grid;
    gap: 1.25rem
  }
}

@media (min-width:62em) and (max-width:83.125em) and (min-width:81.25em) {
  .bg-block {
    padding-block: 1.25rem;
    padding-inline: 1.25rem
  }
}

@media (min-width:62em) and (max-width:83.125em) and (min-width:23.4375em) and (max-width:81.25em) {
  @supports (padding-block:clamp(1rem, .8986486486rem + .4324324324vw, 1.25rem)) {
    .bg-block {
      padding-block: clamp(1rem, .8986486486rem + .4324324324vw, 1.25rem)
    }
  }

  @supports not (padding-block:clamp(1rem, .8986486486rem + .4324324324vw, 1.25rem)) {
    .bg-block {
      padding-block: calc(1rem + .25*(100vw - 23.4375rem)/57.8125)
    }
  }

  @supports (padding-inline:clamp(1rem, .8986486486rem + .4324324324vw, 1.25rem)) {
    .bg-block {
      padding-inline: clamp(1rem, .8986486486rem + .4324324324vw, 1.25rem)
    }
  }

  @supports not (padding-inline:clamp(1rem, .8986486486rem + .4324324324vw, 1.25rem)) {
    .bg-block {
      padding-inline: calc(1rem + .25*(100vw - 23.4375rem)/57.8125)
    }
  }
}

@media (min-width:62em) and (max-width:83.125em) and (max-width:23.4375em) {
  .bg-block {
    padding-block: 1rem;
    padding-inline: 1rem
  }
}

@media (min-width:83.1875em) and (min-width:23.4375em) and (max-width:83.125em) {
  @supports (padding-block:clamp(1rem, -.5706806283rem + 6.7015706806vw, 5rem)) {
    .bg-block {
      padding-block: clamp(1rem, -.5706806283rem + 6.7015706806vw, 5rem)
    }
  }

  @supports not (padding-block:clamp(1rem, -.5706806283rem + 6.7015706806vw, 5rem)) {
    .bg-block {
      padding-block: calc(1rem + 4*(100vw - 23.4375rem)/59.6875)
    }
  }

  @supports (padding-inline:clamp(1rem, -.5706806283rem + 6.7015706806vw, 5rem)) {
    .bg-block {
      padding-inline: clamp(1rem, -.5706806283rem + 6.7015706806vw, 5rem)
    }
  }

  @supports not (padding-inline:clamp(1rem, -.5706806283rem + 6.7015706806vw, 5rem)) {
    .bg-block {
      padding-inline: calc(1rem + 4*(100vw - 23.4375rem)/59.6875)
    }
  }
}

@media (min-width:83.1875em) and (max-width:23.4375em) {
  .bg-block {
    padding-block: 1rem;
    padding-inline: 1rem
  }
}

@media (min-width:0em) and (max-width:75.00625em) {
  .list__dev-black-item {
    flex: 1 1 auto
  }
}

@media (min-width:0em) and (max-width:61.95em) {
  .burger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-radius: .1875rem;
    width: 1.875rem;
    height: 1.875rem;
    flex-shrink: 0;
    cursor: pointer;
    background-color: var(--accent);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .375rem
  }

  .burger__line {
    width: 100%;
    height: .125rem;
    background-color: #fff;
    transition: all .3s ease
  }

  .burger__line:nth-child(1) {
    top: 0
  }

  .burger__line:nth-child(3) {
    bottom: 0
  }

  .burger.active .burger__line:nth-child(1) {
    transform: rotate(45deg) translate(15px, 5px)
  }

  .burger.active .burger__line:nth-child(2) {
    opacity: 0
  }

  .burger.active .burger__line:nth-child(3) {
    transform: rotate(-45deg) translate(15px, -5px)
  }
}

@media (min-width:0em) and (max-width:35.99375em) {
  .form__item-1--row.flex-row {
    flex-direction: column
  }

  .style-form-1 form .form__input-label-phone,
  .style-form-1 form .form__submit {
    width: 100%
  }

  .header__contacts {
    gap: .5rem
  }

  .header__contacts .btn {
    padding: 0;
    height: 2.5rem;
    width: 2.5rem;
    flex-basis: 2.5rem;
    flex-shrink: 0;
    font-size: .000625rem;
    background-image: url(../img/svg/icon-email.svg);
    background-size: 1.625rem;
    background-repeat: no-repeat;
    background-position: center
  }

  .logo-img {
    max-width: 7.5rem
  }

  .services__item__img {
    opacity: .6
  }

  .services__item__footer {
    flex-direction: column
  }
}

@media (min-width:35.99375em) and (max-width:61.99375em) {
  .header__contacts {
    gap: .75rem
  }

  .header__contacts .btn {
    padding-top: .75rem;
    padding-bottom: .75rem;
    height: 2.5rem
  }
}

@media (min-width:36em) and (max-width:61.99375em) {
  .logo-img {
    max-width: 10rem
  }
}

@media (min-width:0em) and (max-width:47.99375em) {
  .hero__dev {
    grid-template-columns: repeat(1, 1fr)
  }

  .types-roofing__list.grig-col-3 {
    grid-template-columns: repeat(2, 1fr)
  }

  .map iframe {
    max-height: 28.75rem
  }

  .map__container {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .map_contacts {
    border-radius: 0
  }

  .map__item {
    max-width: 26.25rem;
    margin-inline: auto
  }
}