@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
  font-size: 16px;
}

* {
	font-family: Inter, sans-serif;
}

html,
body {
  width: 100vw;
}
html {
  scroll-behavior: smooth;
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #000;
  font-weight: 400;
  letter-spacing: 0px;
  overflow-x: hidden;
}
button {
  border: none;
  outline: none;
  width: auto;
  color: #000;
  background-color: transparent;
  cursor: pointer;
}
a {
  color: #000;
  text-decoration: none;
  overflow: hidden;
}
.gray_backgroud {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.gray_backgroud.width1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.dark_feathers_background {
  background-color: #525759;
}
.max_width {
  max-width: 1200px;
  margin: 0 auto;
}
.paragraph {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  font-family: Inter, sans-serif;
}
@font-face {
  font-family: Gilroy;
  font-weight: 900;
  src: url(GILROY-BLACK.e0e336c52dc55924.TTF) format("truetype"),
    url(Gilroy-Black.fe729d33b2db76db.woff) format("woff"),
    url(Gilroy-Black.b673b24abaf004f7.woff2) format("woff2");
}
@font-face {
  font-family: Gilroy;
  font-weight: 800;
  src: url(GILROY-BLACK.e0e336c52dc55924.TTF) format("truetype"),
    url(Gilroy-Black.fe729d33b2db76db.woff) format("woff"),
    url(Gilroy-Black.b673b24abaf004f7.woff2) format("woff2");
}
@font-face {
  font-family: Gilroy;
  font-weight: 700;
  src: url(GILROY-BLACK.e0e336c52dc55924.TTF) format("truetype"),
    url(Gilroy-Black.fe729d33b2db76db.woff) format("woff"),
    url(Gilroy-Black.b673b24abaf004f7.woff2) format("woff2");
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 400;
  src: url(GILROY-BLACK.e0e336c52dc55924.TTF) format("truetype"),
    url(Gilroy-Black.fe729d33b2db76db.woff) format("woff"),
    url(Gilroy-Black.b673b24abaf004f7.woff2) format("woff2");
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 300;
  src: url(GILROY-BLACK.e0e336c52dc55924.TTF) format("truetype"),
    url(Gilroy-Black.fe729d33b2db76db.woff) format("woff"),
    url(Gilroy-Black.b673b24abaf004f7.woff2) format("woff2");
}
main {
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
}
main.scrolled {
  padding-top: 181px;
}
@media screen and (max-width: 1024px) {
  main.scrolled {
    padding-top: 83px;
  }
}
main .main_title_container {
  padding: 80px 0 60px;
  opacity: 0;
  overflow: visible;
  animation: reveal 2s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
  max-width: 1120px;
}
main .main_title {
  overflow: hidden;
  font-family: Gilroy;
  font-size: 40px;
  margin: 0 auto 0 0;
  font-weight: 800;
  line-height: 110%;
}
main .main_title .title_main,
main .main_title .title_clone {
  font-family: inherit;
}
main .main_title.index_title {
  font-style: normal;
  font-weight: 900;
  font-size: 64px;
  line-height: 100%;
}
main .title {
  font-family: Gilroy, serif;
  font-weight: 900;
  font-size: 48px;
  color: #000;
  padding: 0 30px;
}
main.ckad {
  overflow: hidden;
}
.link_projects {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-weight: 700;
  font-size: 21px;
}
.container_site.link_projects {
  padding: 0 0 60px;
}
.link_projects a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid #000000;
  padding: 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
}
.link_projects a > div {
  padding-bottom: 2px;
}
.link_projects span {
  display: flex;
  height: 25px;
  width: 25px;
  margin-left: 30px;
  overflow: hidden;
}
@keyframes reveal {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.swiper_pagination_cont {
  justify-content: space-between;
}
.swiper_pagination_cont span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: none;
  background: #000000;
  margin-right: 5px;
}
.swiper_pagination_cont span.active {
  background: transparent;
  border: 1px solid #000000;
}
.black_hover {
  position: relative;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  overflow: hidden;
}
.black_hover div {
  position: relative;
  z-index: 2;
}
.black_hover:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0px;
  width: 100%;
  content: "";
  color: #fff !important;
  background: #000000;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.black_hover:hover,
.black_hover:visited:hover {
  color: #fff;
}
.black_hover:hover:before {
  top: 0%;
  bottom: auto;
  height: 100%;
}
.black_hover.white_color {
  color: #fff;
}
.black_hover.white_color:hover,
.black_hover.white_color:visited:hover {
  color: #222;
}
.black_hover.white_color:before {
  color: #222 !important;
  background: #ffffff;
}
@media only screen and (max-width: 1230px) {
  .link_projects {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  main.zakaz {
    padding: 10px;
  }
  .link_projects {
    padding: 50px 30px 50px 0;
  }
}
@media only screen and (max-width: 900px) {
  main .main_title {
    font-weight: 800;
    font-size: 36px;
    width: 100%;
  }
  main .main_title.index_title {
    font-size: 36px;
  }
  .link_projects a > div {
    padding-bottom: 2px;
  }
}
@media only screen and (max-width: 768px) {
  main .title {
    font-size: 36px;
  }
  main .main_title {
    font-weight: 900;
    font-size: 36px;
  }
  main .main_title.index_title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 760px) {
  main .title {
    padding: 0 10px;
  }
  main .we_content_text .title {
    padding: 0;
  }
  main .main_title_container {
    width: 100%;
    padding: 20px 0;
  }
  .link_projects {
    padding: 40px 10px 40px 0;
  }
}
.footer_container {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1254901961);
}
.cards {
  display: flex;
  flex-wrap: wrap;
  gap: 58px 60px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  overflow-x: visible;
}
.cards.works {
  padding-bottom: 160px;
  max-width: 1200px;
  margin: 0 auto;
}
.cards.index_cards {
  justify-content: space-between;
  gap: 0;
}
.cards.index_cards .big_img {
  margin-bottom: 100px;
}
.cards.index_cards .card {
  margin-bottom: 58px;
}
.cards .card {
  flex-shrink: 0;
  position: relative;
  overflow-x: visible;
}
.cards .card .img_container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 270px;
  background-color: #f2f2f2;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cards .card .img_container img {
  width: 100%;
  height: auto;
}
.cards .card .card_title {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000;
}
.cards .card .card_description {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #000;
  width: 100%;
}
.cards .card .card_description span:last-child {
  margin-left: auto;
  float: right;
}
@media only screen and (max-width: 1230px) {
  .cards {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 900px) {
  .cards {
    gap: 50px 48px;
  }
  .cards .card .img_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .cards .card .img_container a img {
    width: 100%;
    height: auto;
  }
  .cards.index_cards .card:last-child {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  .cards {
    gap: 30px 40px;
    padding: 0 10px;
  }
  .cards.index_cards .card {
    flex-basis: auto;
    margin-bottom: auto;
    padding: 0 10px 50px;
  }
  .cards .card {
    flex-grow: 1;
    flex-basis: 50%;
    width: 100%;
  }
  .cards .card .img_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
  }
  .cards .card .img_container a {
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .cards {
    gap: 50px 10px;
  }
  .cards .card {
    width: 100%;
  }
  .cards .card .img_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 500px) {
  .cards.index_cards {
    padding: 0;
  }
}
.container_site {
  display: flex;
  padding: 100px 0;
  width: calc(100% - 120px);
  max-width: 1720px;
  margin: 0 auto;
}
.container_site.gray70 {
  max-width: 100%;
}
.container_site .container_site h2.title,
.container_site .container_site h1.title {
  text-transform: lowercase;
  width: 35%;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  text-align: left;
  padding: 0;
}
.container_site#contacts h2.title,
.container_site#contacts h1.title {
  width: 35%;
  text-transform: lowercase;
  font-weight: 900;
  font-family: Gilroy, sans-serif;
  font-size: 36px;
}
.container_site .content_title {
  display: flex;
}
.container_site .content h2 {
  padding: 0 0 100px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 64px;
  line-height: 110%;
  color: #282828;
}
.container_site .content h2.width65 {
  width: 65%;
  font-weight: 400;
  font-size: 48px;
}
.container_site .content .we_content_text {
  display: flex;
}
.container_site .content .we_content_text .content_title {
  width: 35%;
}
.container_site .content .we_content_text .content_text {
  padding-bottom: 60px;
}
.container_site .content .we_content_text h1 {
  text-transform: lowercase;
  color: #fff;
  padding-left: 0;
}
.container_site .content .we_content_text h2 {
  color: #fff;
}
.container_site .content .content_text {
  display: flex;
  padding-bottom: 130px;
  margin-left: auto;
  width: 65%;
}
.container_site .content .content_text > div {
  width: 100%;
}
.container_site .content .content_text > div:first-child {
  margin-right: 30px;
}
.container_site .content .content_text div h5 {
  padding: 20px 0;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 20px;
  text-transform: capitalize;
  color: #909090;
  overflow: hidden;
}
.container_site .content .content_text div div {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #fff;
}
.container_site .content .content_text.index_content_text h2 {
  width: 50%;
  margin-right: 30px;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  text-align: left;
  padding: 0;
}
.container_site .content .content_text.index_content_text .we_text {
  width: 50%;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  text-align: left;
  padding: 0;
}
.container_site
  .content
  .content_text.index_content_text
  .we_text
  > div:first-child {
  padding-bottom: 25px;
}
.container_site .content.icons {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.container_site .content.icons > div {
  width: 25%;
  margin: 0 25px 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container_site .count {
  display: flex;
  margin-left: auto;
  width: 65%;
}
.container_site .count.footer {
  width: 100%;
}
.container_site .count.width_100 {
  width: 65%;
}
.container_site .count .count_box {
  width: 32%;
}
.container_site .count .count_box.we {
  width: 50%;
}
.container_site .count .count_box:last-child {
  margin-left: 30px;
}
.container_site .count .count_box.contact_box span {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #000;
}
.container_site .count .count_box.contact_box > span {
  font-size: 14px;
  padding-bottom: 45px;
}
.container_site .count .count_box span {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  text-transform: lowercase;
  color: #282828;
}
.container_site .count .count_box.we span {
  color: #fff;
}
.container_site .count .count_box .count_num {
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.3137254902);
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 64px;
  line-height: 140%;
}
.container_site .count .count_box .count_num.contact {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  padding-top: 12px;
  border-top: none;
}
.container_site .count .count_box .count_num.contact .point {
  width: 162px;
  height: 45px;
  margin-top: 30px;
  border: 1px solid #000000;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  color: #000;
}
.container_site .count .count_box.mob100 .count_num {
  display: flex;
  padding-top: 20px;
  overflow: hidden;
}
.container_site .count .count_box.mob100 .count_num .unit {
  margin-top: 10px;
  font-weight: 400;
  font-size: 24px;
  line-height: 170%;
  letter-spacing: -0.02em;
  padding-left: 8px;
}
.container_site .count .count_box.mob100 .count_num .unit.uppercase {
  text-transform: uppercase;
}
.container_site .bolder {
  text-transform: lowercase;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 900;
  font-size: 96px;
  color: #000;
  overflow: visible;
}
.container_site .point {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: 0;
  width: 60px;
  height: 60px;
  margin-left: auto;
  background: #ffffff;
  border: 1px solid #000000;
}
.container_site .point .white {
  display: none;
}
.container_site .point:hover {
  background-color: #000;
  color: #fff;
}
.container_site .point:hover a {
  color: #fff;
}
.container_site .point:hover .black {
  display: none;
}
.container_site .point:hover .white {
  display: flex;
}
.container_site.let {
  align-items: center;
}
.container_site.let .point {
  bottom: -10px;
  margin-left: 80px;
}
.container_site .contact_content {
  width: 65%;
}
.container_site .contact_content .count {
  margin: 0;
}
.container_site .contact_content .count .count_box .count_num.contact .point {
  margin: 30px auto 0 0;
}
.container_site.buttons {
  flex-wrap: wrap;
  gap: 20px;
}
.container_site.volna {
  padding: 0 10px 40px;
  overflow: visible;
}
.container_site.logotipi {
  flex-direction: column;
  width: 100vw;
  max-width: 100vw;
  margin-left: 50%;
  transform: translate(-50%);
  padding-left: 0;
  padding-right: 0;
}
.container_site.logotipi .title_cont {
  max-width: 1720px;
  width: calc(100% - 120px);
  margin: 0 auto;
}
.container_site.logotipi .title_cont .title {
  width: 100%;
  padding-left: 0;
}
.section_marquee {
  display: flex;
  animation: marquee 5s linear infinite;
}
.section_marquee div {
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 50px;
}
.section_marquee img {
  width: auto;
  height: 60px;
}
.marquee_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: 100px;
}
.marquee_container .content.icons#marquee,
.marquee_container .content.icons#marquee2 {
  display: flex;
  justify-content: space-between;
  overflow: visible;
  width: auto;
  padding-top: 0;
  animation: marquee 25s linear infinite;
  animation-play-state: running;
  touch-action: pan-x;
}
.marquee_container .content.icons#marquee:hover,
.marquee_container .content.icons#marquee2:hover,
#marquee2:hover {
  animation-play-state: paused;
}
.marquee_container .content.icons > div {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 50px 0 0;
  white-space: nowrap;
}
.container_site.logotipi .title_cont {
  padding: 100px 30px 100px 0;
}
@keyframes marquee {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
@media only screen and (max-width: 1230px) {
  .container_site {
    padding: 100px 0;
    width: calc(100% - 60px);
  }
  .container_site.logotipi {
    padding: 100px 0;
  }
  .container_site.logotipi .title_cont {
    width: calc(100% - 60px);
    padding: 100px 30px 100px 0;
  }
  .container_site.let .point {
    bottom: -10px;
  }
  .container_site .count.width_100 {
    width: 100%;
  }
  .container_site .count .count_box.we:first-child {
    margin-right: 24px;
  }
  .container_site .content .we_content_text {
    flex-direction: column;
  }
  .container_site .content .we_content_text .content_title {
    width: 100%;
  }
  .container_site .content .we_content_text .content_text.index_content_text {
    width: 100%;
    flex-direction: column;
    margin-top: -40px;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    h2 {
    width: calc(50% - 24px);
    margin: 0;
    margin-left: calc(50% + 24px);
    overflow: hidden;
    padding-bottom: 70px;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    .we_text {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    .we_text
    > div {
    width: 50%;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    .we_text
    > div:first-child {
    margin-left: 0;
    margin-right: 24px;
    padding-bottom: 0;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    .we_text
    > div:last-child {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 900px) {
  .container_site {
    flex-direction: column;
    padding: 60px 0;
    width: calc(100% - 60px);
  }
  .container_site.logotipi {
    padding: 60px 0;
  }
  .container_site.logotipi .title_cont {
    padding: 0;
    margin-bottom: 30px;
  }
  .container_site .content .content_text {
    width: 100%;
    margin: 0;
    padding-bottom: 80px;
  }
  .container_site .content .content_text div h5 {
    font-size: 18px;
  }
  .container_site .content h2 {
    width: 50%;
    margin-left: 30px;
    font-size: 36px;
    padding-bottom: 80px;
  }
  .container_site .content h2.width65 {
    width: 50%;
    font-size: 32px;
  }
  .container_site .content h2 br {
    display: none;
  }
  .container_site .content.icons {
    padding-top: 70px;
    width: 100%;
  }
  .container_site .count {
    margin: 0;
  }
  .container_site .count .count_box span {
    font-size: 14px;
  }
  .container_site h2.title,
  .container_site h1.title {
    width: 50%;
    margin-right: 30px;
    font-size: 24px;
  }
  .container_site .bolder {
    font-size: 64px;
    line-height: 100%;
  }
  .container_site.let,
  .container_site.buttons {
    flex-direction: row;
  }
  .container_site .contact_content {
    padding-top: 70px;
    width: 100%;
  }
  .container_site#contacts .contact_content {
    width: 100%;
  }
  .container_site#contacts .count_box.contact_box > span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #a0a0a0;
  }
}
@media only screen and (max-width: 767px) {
  .container_site .bolder {
    font-size: 48px;
  }
  .container_site.let .point {
    align-self: flex-start;
    margin-left: auto;
  }
  .container_site.buttons {
    padding-top: 20px;
  }
  .container_site .content .content_title {
    flex-direction: column;
  }
  .container_site .content .content_title .padding_mob10 {
    padding-top: 10px;
  }
  .container_site .content .content_text {
    width: 100%;
  }
  .container_site .content .content_text div div {
    font-size: 14px;
  }
  .container_site .content h2.width65 {
    width: 100%;
    margin-left: 0;
  }
  .container_site .content .we_content_text .content_title {
    padding-bottom: 10px;
  }
  .container_site .content .we_content_text .content_text.index_content_text {
    margin: 0;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    h2 {
    width: 100%;
    margin: 0;
    padding-bottom: 30px;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    .we_text {
    flex-direction: column;
    margin: 0;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    .we_text
    > div {
    margin: 0;
    width: 100%;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    .we_text
    > div:first-child {
    margin: 0;
    padding-bottom: 40px;
  }
  .container_site
    .content
    .we_content_text
    .content_text.index_content_text
    .we_text
    > div:last-child {
    margin: 0;
    padding-bottom: 0;
  }
  .container_site#contacts .contact_content,
  .container_site#contacts .contact_content .count_box,
  .container_site .count .count_box.mob100 {
    width: 100%;
  }
  .container_site .count .count_box.mob100 .count_num {
    padding-top: 28px;
  }
  .container_site.volna > .full_screen_img {
    width: 100vw;
    height: auto;
  }
  .marquee_container {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 700px) {
  .container_site {
    padding: 60px 0;
    width: calc(100% - 20px);
  }
  .container_site.logotipi {
    padding: 60px 0;
  }
  .container_site.logotipi .title_cont {
    width: calc(100% - 20px);
  }
  .container_site .content .content_text {
    flex-direction: column;
    margin: 0;
    padding-bottom: 80px;
  }
  .container_site .content .content_text div h5 {
    padding-bottom: 10px;
  }
  .container_site .content .content_text div div {
    font-size: 14px;
  }
  .container_site .content .content_text div:first-child {
    margin: 0;
  }
  .container_site .content .content_text div:first-child div {
    padding: 0;
  }
  .container_site .content .content_text div:last-child {
    margin: 0;
    padding-top: 70px;
  }
  .container_site .content .content_text div:last-child div {
    padding: 0;
  }
  .container_site .content .content_text.index_content_text {
    padding-bottom: 120px;
  }
  .container_site .content .content_text.index_content_text > div:last-child {
    padding-top: 40px;
  }
  .container_site .content h2 {
    width: 100%;
    margin-left: 0;
    padding-bottom: 70px;
  }
  .container_site .content.icons > div {
    width: 33%;
  }
  .container_site .count {
    flex-direction: column;
  }
  .container_site .count .count_box:first-child,
  .container_site .count .count_box:last-child {
    margin: 0;
  }
  .container_site .count .count_box:nth-child(2) {
    padding: 40px 0;
  }
  .container_site .count .count_box span {
    font-size: 14px;
  }
  .container_site h2.title,
  .container_site#contacts h2.title,
  .container_site h1.title,
  .container_site#contacts h1.title {
    width: 100%;
    margin-right: 0;
  }
  .container_site .content_title {
    flex-direction: column;
  }
}
@media only screen and (max-width: 550px) {
  .container_site .content.icons > div {
    width: 50%;
  }
  .container_site.let .bolder {
    margin-right: 5px;
    width: 80%;
  }
  .container_site.let .point {
    width: 50px;
    height: 50px;
  }
  .container_site.let .point img {
    width: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .container_site.volna {
    padding: 0 30px 40px;
    flex-direction: column;
  }
  .gray70 {
    background-image: linear-gradient(#f4f4f4 0%, #f4f4f4 65%, white 65%);
  }
}
@media only screen and (min-width: 1230px) {
  .container_site.volna {
    padding: 0 0 40px;
  }
}
.works_nav {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  border: 1px solid #000000;
  min-width: 130px;
}
.works_nav:last-child {
  margin: 0;
}
.works_nav input[type="radio"] {
  display: none;
}
.works_nav input[type="radio"]:not(:disabled) ~ label {
  cursor: pointer;
}
.works_nav input[type="radio"]:disabled ~ label {
  color: #bcc2bf;
  border-color: #bcc2bf;
  box-shadow: none;
  cursor: not-allowed;
}
.works_nav .label,
.works_nav label {
  height: 100%;
  width: 100%;
  display: block;
  text-align: center;
  padding: 12px 20px;
  cursor: pointer;
}
.works_nav .label.selected,
.works_nav label.selected {
  background: black;
  color: #fff;
  cursor: url(ButtonEx.9692a22c783adc89.svg) 15 15, auto;
}
.works_nav:not(.empl) input[type="radio"]:checked + label {
  background: black;
  color: #fff;
  cursor: url(ButtonEx.9692a22c783adc89.svg) 15 15, auto;
}
.works_nav.empl input[type="radio"]:checked + label {
  background: black;
  color: #fff;
}
.error_page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}
.error_page .info {
  width: 370px;
  padding: 60px 0;
  text-align: center;
}
@media only screen and (max-width: 700px) {
  .error_page img {
    width: 90%;
  }
  .error_page .info {
    width: 320px;
  }
}
.apointment {
  display: flex;
  flex-wrap: wrap;
  padding: 0 30px;
}
.apointment .input {
  display: flex;
  flex-direction: column;
  font-family: Inter, sans-serif;
  font-weight: 400;
  width: 50%;
  padding: 20px 0;
}
.apointment .input > label {
  padding: 20px 0;
}
.apointment .input:nth-child(odd) {
  padding-right: 90px;
}
.apointment .input:nth-child(2n) {
  padding-left: 90px;
}
.apointment .input label {
  overflow: hidden;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #000;
}
.apointment .input input {
  padding: 0 0 13px;
  border: none;
  border-bottom: 1px solid #a0a0a0;
  font-size: 36px;
  color: #000;
}
.apointment .input input::placeholder {
  font-weight: 400;
  font-size: 36px;
  line-height: 43px;
  color: #e5e5e5;
}
.apointment .input textarea {
  width: 100%;
  height: 180px;
  padding: 20px;
  border: 1px solid #a0a0a0;
  font-size: 16px;
  resize: none;
  color: #000;
}
.apointment .input textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: #e5e5e5;
}
.apointment .input.check .checkbox_field {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.apointment .input.check .container {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: 45px;
  cursor: pointer;
  overflow: hidden;
}
.apointment .input.check .container label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  padding: 12px;
  white-space: nowrap;
  border: 1px solid #000000;
  top: 0;
  left: 0;
}
.apointment .input.check .container input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.apointment .input.check .container input:checked + label {
  background-color: #000;
  color: #fff;
}
.apointment .input .info {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #a0a0a0;
}
.apointment .input.btn {
  align-items: baseline;
}
.apointment .input.btn button {
  background-color: #000;
  padding: 10px;
}
@media only screen and (max-width: 1279px) {
  .apointment {
    padding: 0 30px;
  }
  .apointment .input:nth-child(odd) {
    padding-right: 24px;
  }
  .apointment .input:nth-child(2n) {
    padding-left: 24px;
  }
  .apointment .input > label {
    font-size: 12px;
    padding: 13px 0;
  }
  .apointment .input input::placeholder {
    font-size: 24px;
  }
  .apointment .input.check .contaiiner label {
    font-size: 12px;
  }
}
@media only screen and (max-width: 760px) {
  .apointment {
    padding: 0 10px;
  }
  .apointment .input {
    width: 100%;
  }
  .apointment .input:nth-child(odd),
  .apointment .input:nth-child(2n) {
    padding: 30px 0;
  }
}
.category {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.category .long_dash {
  width: 49px;
  height: 1px;
  background-color: #000;
  margin: 0 12px;
}
.client {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 14px;
}
.client .client_info {
  font-family: Inter, sans-serif;
  padding: 20px 0;
}
.client h3 {
  font-weight: 800;
  padding: 10px 0 20px;
  font-size: 18px;
}
.client .keywords {
  padding: 0 0 70px;
  font-size: 12px;
  white-space: pre-line;
  color: #a0a0a0;
}
.link {
  padding-bottom: 70px;
  font-family: Gilroy;
  font-weight: 900;
}
.link a {
  font-size: 24px;
  text-decoration-line: underline;
  color: #000;
}
.gray_frame {
  width: 100%;
  background-color: #f2f2f2;
  padding: 20px 30px;
}
.gray_frame img {
  width: 100%;
}
.about {
  padding: 20px 0;
}
.about p {
  line-height: 150%;
  overflow: visible;
}
.full_screen_img {
  margin: 0 -10px;
}
.description {
  padding: 80px 0 40px;
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
  font-family: Inter, sans-serif;
}
.first_section_img_padding {
  padding-top: 30px;
}
.brend_description .paragraph:last-child {
  padding: 70px 10px 35px;
}
.brend_description img {
  width: 100%;
  padding: 30px 10px 35px;
}
.dark {
  padding: 70px 10px;
}
.dark .safari100 {
  width: 100%;
}
.dark .padding_bottom {
  padding-bottom: 10px;
}
.dark .img {
  padding-top: 60px;
}
.img {
  width: 100%;
}
.image_row {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dark_container > div .paragraph {
  color: #fff;
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .client {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding-bottom: 70px;
  }
  .client .client_info {
    width: 50%;
    padding-right: 30px;
    min-height: 180px;
  }
  .client .about {
    width: 50%;
    padding-left: 30px;
  }
  .client .keywords {
    width: 50%;
    max-width: 350px;
    padding: 0 30px 0 0;
    position: absolute;
    bottom: 95px;
  }
  .client .keywords.volna_keywords {
    position: absolute;
    bottom: 95px;
  }
  .full_screen_img {
    margin: 0;
  }
  .full_screen_img.full {
    margin: 0 -30px;
  }
  .brend_description {
    width: 50%;
    padding: 45px 0 0 30px;
  }
  .brend_description .paragraph {
    padding: 35px 0;
  }
  .brend_description .paragraph:last-child {
    padding: 35px 0 0;
  }
  .brend_description img {
    padding: 30px 40px 0 0;
  }
  .dark_container {
    display: flex;
    align-items: flex-start;
  }
  .dark_container > div {
    width: 50%;
    padding-right: 24px;
  }
  .dark_container > div .paragraph {
    color: #fff;
    font-size: 15px;
  }
  .dark_container .img {
    width: 50%;
    padding: 0 0 0 24px;
  }
  .dark {
    padding: 70px 30px 60px;
  }
  .image_row {
    flex-direction: row;
  }
  .description {
    width: 50%;
    margin-left: auto;
    font-size: 18px;
  }
  .description.opis {
    padding-left: 30px;
  }
  .first_section_img_padding {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 800px) {
  .category .long_dash {
    margin: 0 8px;
  }
}
.client_link {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 900;
  margin-top: 50px;
}
@media only screen and (min-width: 900px) {
  .brend_description {
    width: 35%;
    padding-right: 30px;
  }
  .brend_description img {
    width: 100%;
    height: auto;
    padding: 40px 0 60px;
  }
  .dark {
    padding: 115px 30px;
  }
  .dark_container > div {
    width: 35%;
    padding-right: 30px;
  }
  .dark_container > div .paragraph {
    font-size: 14px;
  }
  .dark_container .img {
    width: 65%;
    padding: 0 0 0 30px;
  }
  .client_with_link {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .client_with_link.client,
  .client_with_link.client .client_info,
  .client_with_link.client .about {
    width: auto;
  }
  .client_with_link.client .client_link {
    justify-self: flex-end;
    font-size: 24px;
    margin-bottom: 30px;
    padding: 20px 0;
  }
  .client_with_link.client .client_link a {
    text-decoration: underline;
  }
  .client_with_link.client .client_link a:hover {
    color: #c4c4c4;
  }
  .client_with_link .link {
    width: 35%;
    display: flex;
    justify-content: flex-end;
    padding-top: 50px;
  }
  .client_with_link .link a {
    margin-left: auto;
  }
  .client {
    width: 65%;
  }
  .client .keywords {
    line-height: 150%;
    position: absolute;
    bottom: 85px;
  }
  .client .keywords.volna_keywords {
    position: absolute;
    bottom: 85px;
  }
  .description {
    width: 65%;
    margin-left: auto;
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  .client {
    width: 65%;
  }
  .client .client_info p {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 20px;
  }
  .client .about h3 {
    font-size: 18px;
  }
  .client .about p {
    font-size: 16px;
    line-height: 150%;
  }
  .client .keywords {
    font-size: 14px;
    width: 50%;
    max-width: 380px;
  }
  .category {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1230px) {
  .dark {
    padding: 100px 0;
  }
  .brend_description {
    padding-left: 0;
  }
}
.logo_section {
  padding-bottom: 30px;
}
.logo_section .logo:first-child {
  padding-bottom: 70px;
}
.logo_section .logo:last-child {
  padding-bottom: 30px;
}
.logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #a0a0a0;
}
.logo a {
  display: flex;
}
.logo img {
  max-width: 130px;
  width: 130px;
  height: 40px;
  max-height: 40px;
}
.logo .year {
  font-weight: 400;
}
.subtitle {
  font-weight: 400;
  font-size: 24px;
  padding: 0 0 30px;
}
.subtitle.font36 {
  font-size: 36px;
}
.subtitle span.num {
  margin-right: 0;
}
.process p {
  font-weight: 400;
  font-size: 15px;
}
.process img {
  display: flex;
  max-width: 400px;
  width: 100%;
  height: auto;
  padding: 40px 0;
  margin: 0 auto;
}
.process .hart {
  width: 95px;
  margin: 0 auto 0 0;
  padding-top: 70px;
}
.process.navigation .title_img {
  padding: 20px 0 70px;
}
.container_site.process {
  padding-bottom: 0;
}
.container_site.process img {
  width: 100%;
  object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .logo_section {
    flex-direction: row;
    justify-content: space-between;
  }
  .logo_section img {
    width: 300px;
  }
  .logo_section .logo {
    padding-bottom: 0;
  }
  .container_site.process {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .container_site.process img {
    width: 300px;
    margin: 0;
  }
  .container_site.process .content_process {
    max-width: 60%;
    min-width: 330px;
    padding-left: 80px;
  }
  .process.navigation {
    flex-direction: column;
  }
  .process.navigation .title_img img {
    max-width: 100%;
    width: 100%;
  }
  .process.navigation .paragraph {
    font-size: 14px;
  }
  .process.navigation .content_process {
    padding-left: 0;
  }
  .middle_right {
    margin-left: auto;
    max-width: 60%;
    min-width: 330px;
  }
  .middle_right.middle50 {
    max-width: 50%;
    width: 50%;
    padding-left: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .logo_section {
    align-items: center;
    padding-bottom: 100px;
  }
  .logo_section .border {
    width: 1px;
    height: 160px;
    background-color: #000;
  }
  .logo_section img {
    width: 405px;
  }
  .container_site.process {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .container_site.process img {
    width: 360px;
    padding-top: 70px;
  }
  .container_site.process p {
    font-size: 16px;
  }
  .container_site.process .content_process {
    max-width: 55%;
    min-width: 480px;
    padding-left: 60px;
  }
  .container_site.process .subtitle {
    font-size: 36px;
  }
  .padding95.width {
    width: 500px;
  }
  .process.navigation {
    flex-direction: column;
  }
  .process.navigation .subtitle {
    margin-left: 0;
  }
  .process.navigation .title_img {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    padding: 20px 0;
  }
  .process.navigation .title_img img {
    max-width: 65%;
    width: 65%;
  }
  .process.navigation .title_img .paragraph {
    width: 35%;
    position: relative;
    bottom: 30px;
  }
  .process.navigation .content_process {
    padding-left: 0;
    width: 35%;
  }
  .process.navigation .paragraph.middle_right {
    width: 35%;
    padding-left: 30px;
  }
  .subtitle {
    font-size: 36px;
  }
}
.pictures {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pictures .poser,
.pictures .process {
  padding: 40px 10px 0;
  width: 100%;
}
.pictures .process {
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .pictures {
    flex-direction: row;
    padding: 70px 30px;
  }
  .pictures .poser,
  .pictures .process {
    width: 50%;
    padding: 0;
  }
  .pictures .poser {
    padding-right: 20px;
  }
  .pictures .process {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .pictures {
    flex-direction: row;
    padding: 70px 30px;
  }
  .pictures .poser,
  .pictures .process {
    height: 470;
  }
  .pictures .poser {
    width: 33%;
    padding-right: 30px;
  }
  .pictures .process {
    width: 66%;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1230px) {
  .pictures {
    padding: 70px 0;
  }
}
.container_site.colors {
  margin-right: -10px;
}
.container_site.colors.center_section {
  margin: 0 auto;
}
.color_picker_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
}
.color_picker {
  display: flex;
  position: absolute;
}
.color_picker .small .color_row {
  display: flex;
}
.color_picker .color {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #000000;
}
.color_picker .color.pink {
  background: #f2a9cc;
}
.color_picker .color.lightblue {
  background: #cae7f3;
}
.color_picker .color.purple {
  background: #cdbede;
}
.color_picker .color.blue {
  background: #7ccbdd;
}
.color_picker .description {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  font-size: 12px;
  font-family: Montserrat;
}
.color_picker .description .main {
  font-weight: 900;
}
.color_picker .description .other {
  font-weight: 400;
}
.color_picker .color_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-right: 28px;
}
.color_picker .color_container.big {
  position: relative;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 15px;
}
.color_picker .color_container.big .color {
  width: 180px;
  height: 180px;
}
.color_picker .color_container.big .description {
  position: absolute;
  left: 0;
  bottom: 25px;
}
.volna_info {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.volna_info img {
  padding: 40px 0 120px;
  width: 100%;
}
.content_process.volna_content {
  margin-right: 10px;
}
.content_process.volna_content p,
.process .content_process p {
  line-height: 150%;
}
.content_images {
  display: flex;
  flex-direction: column-reverse;
}
.image_section .cover {
  width: 100%;
}
.image_section .title_img {
  display: flex;
  width: 100%;
  margin: 0 auto;
}
.image_section .paragraph {
  padding: 40px 10px;
}
.image_section.monohrom .title_images {
  display: flex;
  flex-direction: column;
}
.image_section.him {
  max-width: 1200px;
  margin: 0 auto;
}
.image_section.him .cover {
  padding: 35px 0;
}
.image_section.him .composition img {
  padding-top: 30px;
}
.image_section.him .color_scheme {
  padding: 0 10px;
}
.image_section.images {
  padding: 35px 0;
}
.image_section.images .image_row img {
  width: 100vw;
}
.image_section.images img {
  padding: 35px 0;
}
.gray_player {
  padding: 40px 0;
}
.gray_player .gray_player_container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #c4c4c4;
}
.next_prev {
  flex-direction: row;
  overflow: visible;
}
.next_prev .next_prev_box {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: visible;
  font-weight: 700;
  font-size: 18px;
}
.next_prev .next_prev_box img {
  padding-left: 40px;
}
.next_prev .next_prev_box.one_item {
  display: flex;
}
.next_prev .next_prev_box .preview_next {
  display: none;
  position: fixed;
  width: 360px;
  height: 200px;
  height: auto;
  right: 0;
  top: calc(100vh - 300px);
  z-index: -1;
}
.next_prev .next_prev_box .preview_next img {
  width: 100%;
  padding-left: 0 !important;
}
.next_prev .next_prev_box .preview_next.preview_prev {
  right: auto;
  left: 0;
}
.next_prev .next_prev_box .preview_next.preview_prev img {
  padding-right: 0 !important;
}
.next_prev .next_prev_box a {
  position: relative;
  overflow: visible;
}
.next_prev .next_prev_box a:hover .preview_next {
  display: block;
}
@media only screen and (max-width: 768px) {
  .next_prev {
    flex-direction: column-reverse;
    gap: 50px;
  }
  .next_prev .next_prev_box.previous img {
    padding-left: 0;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1320px) {
  .image_section.him,
  .gray_backgroud,
  .max_width {
    width: calc(100% - 120px);
    max-width: 1720px;
  }
}
.image_section.images .big_img {
  width: 100%;
}
.colors_wrapper {
  width: 100vw;
  max-width: 100vw;
  margin-left: 50%;
  transform: translate(-50%);
  padding-left: 10px;
}
@media only screen and (min-width: 370px) {
  .colors_wrapper .color_picker {
    width: 100%;
    justify-content: space-between;
  }
  .colors_wrapper .color_picker .color_container.big {
    right: -90px;
    position: absolute;
  }
}
@media only screen and (min-width: 768px) {
  .colors_wrapper {
    width: 100vw;
    max-width: 100%;
    margin-left: 0;
    transform: none;
    padding-left: 10px;
  }
  .colors_wrapper .color_picker {
    width: auto;
    justify-content: space-between;
  }
  .colors_wrapper .color_picker .color_container.big {
    right: 0;
    position: relative;
  }
  .color_picker .color_container {
    align-items: flex-start;
  }
  .color_picker .color_container.big .description {
    left: 15px;
  }
  .color_picker .description {
    width: 165px;
  }
  .volna_info {
    flex-direction: row;
    padding-bottom: 120px;
  }
  .volna_info p {
    width: 50%;
    padding: 0 24px 0 0;
  }
  .volna_info img {
    width: 50%;
    padding: 0 0 0 24px;
  }
  .content_process.volna_content {
    width: 50%;
    margin-left: auto;
    padding: 0 0 0 24px;
  }
  .image_section .title_images {
    display: flex;
    align-items: baseline;
  }
  .image_section .title_images .title_img_container {
    width: 100%;
  }
  .image_section .title_images .title_img_container .title_img {
    margin-left: 0;
  }
  .image_section .content_images {
    flex-direction: row;
    align-items: flex-end;
  }
  .image_section .content_images .paragraph_container {
    width: 100%;
    padding: 0 30px;
  }
  .image_section .content_images .paragraph_container .paragraph {
    width: 100%;
    max-width: 425px;
  }
  .image_section .cover.gradient {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 120px 30px 100px;
  }
  .image_section .cover.volna_cover {
    width: 103%;
  }
  .image_section .paragraph.align_right {
    width: 50%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
  }
  .image_section.monohrom .paragraph {
    width: 50%;
    margin: 0 auto;
    padding-bottom: 120px;
  }
  .image_section.monohrom .title_images {
    flex-direction: row;
  }
  .image_section.him .title_images {
    align-items: flex-start;
  }
  .image_section.him .cover {
    padding: 70px 30px;
  }
  .image_section.him .content_images {
    flex-direction: row-reverse;
    align-items: flex-start;
  }
  .image_section.him .content_images .cover {
    padding: 0 30px;
  }
  .image_section.him .composition {
    width: 100%;
    padding-left: 30px;
  }
  .image_section.him .composition p {
    padding-left: 0;
  }
  .image_section.him .composition img {
    padding: 60px 30px 0 0;
  }
  .image_section.him .color_scheme,
  .image_section.him .color_scheme .cover {
    width: 100%;
  }
  .image_section.images {
    padding: 35px 30px;
  }
  .image_section.images .image_row img {
    width: 100%;
  }
  .image_section.images img {
    padding: 35px 0;
    width: 100%;
  }
  .image_section.images img:first-child {
    padding-right: 24px;
  }
  .image_section.images img:last-child {
    padding-left: 24px;
  }
  .image_section.images > img {
    width: 100%;
    padding: 65px 0 85px;
  }
  .image_section img.big_img.nopadding {
    padding-left: 0;
  }
  .gray_player {
    padding: 40px 0;
  }
  .next_prev .next_prev_box:first-child {
    display: flex;
    justify-content: flex-start;
  }
  .next_prev .next_prev_box:first-child img {
    padding-left: 0;
    padding-right: 40px;
  }
  .next_prev .next_prev_box:last-child {
    justify-content: flex-end;
  }
  .container_site.process {
    padding-bottom: 70px;
  }
  .container_site.process.middle50 .content_process {
    max-width: 50%;
    width: 50%;
    padding-right: 24px;
  }
  .container_site.process.middle50 .content_process.tool {
    padding-right: 0;
    padding-left: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .container_site.colors {
    flex-direction: column;
  }
  .image_section.monohrom .paragraph {
    width: 500px;
    padding: 60px 30px 100px;
  }
  .image_section.him .title_images .cover {
    height: 509px;
    object-fit: cover;
    padding-top: 20px;
    padding-bottom: 130px;
  }
  .image_section.him .title_images .cover:first-child {
    width: 65%;
  }
  .image_section.him .title_images .cover:last-child {
    width: 35%;
  }
  .image_section.him .title_images .cover.big60 {
    width: 35%;
  }
  .image_section.him .title_images .cover.big40 {
    width: 65%;
  }
  .image_section.him .content_images.colore_sheme_content {
    display: flex;
    justify-content: space-between;
  }
  .image_section.him .content_images .composition {
    width: 35%;
    padding-left: 30px;
  }
  .image_section.him .content_images .composition img {
    padding-left: 0;
  }
  .image_section.him .content_images .cover {
    width: 65%;
    padding-right: 30px;
  }
  .image_section.him .color_scheme {
    width: 50%;
  }
  .image_section.him .color_scheme .cover {
    width: 85%;
  }
  .image_section.images {
    padding: 35px 30px;
  }
  .image_section.images .image_row img {
    padding: 35px 0;
    height: auto;
  }
  .image_section.images .image_row img:first-child {
    width: 840px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 60px 0 0;
  }
  .image_section.images .image_row img:last-child {
    width: 360px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0;
  }
  .image_section.images .big_img {
    width: 100%;
    padding: 65px 0 85px;
  }
  .image_section .content_images.margin_left .paragraph_container {
    padding-top: 60px;
    margin-bottom: auto;
  }
  .image_section .content_images.margin_left .paragraph_container .paragraph {
    font-size: 14px;
  }
  .image_section .align_right_p_cont {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
  }
  .image_section .paragraph.align_right {
    max-width: 480px;
  }
  .gray_player {
    padding: 40px 0;
  }
  .next_prev .next_prev_box:first-child img {
    padding-right: 35px;
  }
  .next_prev .next_prev_box:last-child {
    justify-content: flex-end;
  }
  .next_prev .next_prev_box:last-child img {
    padding-left: 35px;
  }
}
@media only screen and (min-width: 1060px) {
  .colors_wrapper {
    display: flex;
  }
  .colors_wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    transform: none;
    padding-left: 10px;
  }
  .color_picker_container {
    width: 55%;
  }
  .volna_info {
    flex-direction: column;
    align-items: flex-end;
    width: 45%;
    padding-bottom: 200px;
  }
  .volna_info img,
  .volna_info p {
    width: 360px;
    padding: 0;
  }
  .volna_info p {
    padding-bottom: 40px;
  }
  .color_picker {
    position: relative;
  }
  .color_picker .description {
    width: 165px;
  }
}
@media only screen and (min-width: 1160px) {
  .image_section .content_images.margin_left .paragraph_container {
    width: 50%;
    margin-bottom: auto;
  }
  .image_section .content_images.margin_left .cover {
    width: 50%;
  }
  .image_section .title_images.margin_right .cover {
    width: 100%;
  }
}
@media only screen and (min-width: 1230px) {
  .image_section.images {
    padding: 35px 0;
  }
  .image_section.him .title_images .cover.big60 {
    padding-left: 0;
  }
  .image_section.him .title_images .cover.big40 {
    padding-right: 0;
  }
  .image_section.him .color_scheme .cover,
  .image_section.him .title_images .cover:first-child {
    padding-left: 0;
  }
  .image_section.him .title_images .cover:last-child {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1250px) {
  .image_section .content_images.margin_left .paragraph_container {
    padding-left: calc((100% - 1200px) / 2);
  }
}
.small_pattern_img,
.pattern_img_big,
.pattern_img_middle {
  display: none;
}
.pattern_img_small {
  width: 100%;
  padding-top: 40px;
}
.container_site.top30 {
  padding-top: 30px;
}
.agro {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .pattern_img_small {
    display: none;
  }
  .pattern_img_middle {
    display: block;
    width: 100%;
    padding-top: 70px;
  }
  .agro .paragraph {
    width: 50%;
  }
}
@media only screen and (min-width: 900px) {
  .text_container {
    width: 35%;
    padding-right: 30px;
  }
  .text_container .subtitle {
    font-size: 36px;
  }
  .text_container .paragraph {
    font-size: 16px;
  }
  .container_site.agro {
    flex-direction: row;
  }
  .container_site.agro .paragraph {
    width: 100%;
  }
  .pattern_img_container {
    width: 65%;
  }
  .pattern_img_container .pattern_img_middle {
    padding-top: 0;
  }
  .pattern_img_big {
    display: block;
    padding-top: 70px;
    padding-left: 60px;
    width: 100%;
    margin-left: auto;
  }
  .small_pattern_img {
    display: flex;
    width: 30%;
    padding-top: 60px;
    padding-left: 60px;
  }
}
.list {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 40px 10px;
  color: #a0a0a0;
}
.container_site.exterier {
  padding-top: 30px;
}
.exterier .images {
  margin: 0 -10px;
}
.exterier .images .with_padding {
  padding: 40px 10px;
  width: 100%;
}
.exterier .images .full {
  width: 100%;
  margin: 0;
}
.exterier .images .images_cont .pattern {
  padding: 50px 0;
}
.exterier .text_cont .paragraph {
  padding: 20px 10px 0;
}
.exterier .text_cont .list {
  font-size: 14px;
}
.interier {
  padding-bottom: 0;
}
.interier .images .images_cont .pattern {
  padding: 20px 10px;
}
.interier .images .images_cont.mob .pattern {
  display: none;
}
.interier .exterier_text .paragraph {
  padding: 0;
  font-weight: 400;
  font-size: 16px;
}
.interier .exterier_text .text {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #000;
  padding: 24px 0 50px;
}
.interier .mockup {
  padding: 20px 0 50px;
}
.interier .full {
  margin: 0 -10px;
}
.interier .paragraph {
  padding: 60px 10px;
}
.full_screen_img.full.padding40 {
  padding: 20px 0;
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  .exterier_text {
    display: grid;
    padding-bottom: 50px;
    grid-template-columns: 1fr 2fr;
  }
  .exterier_text .paragraph {
    width: 50%;
    padding-right: 24px;
  }
  .exterier_text .list {
    width: 50%;
    padding: 0 0 0 24px;
  }
  .interier .text_part.realization .exterier_text .paragraph {
    padding-right: 30px;
  }
  .interier .text_part.realization .exterier_text .text {
    padding-left: 30px;
  }
  .container_site.exterier {
    padding-top: 30px;
  }
  .container_site.exterier.volna {
    padding-top: 80px;
  }
  .exterier .full {
    margin: 0;
  }
  .exterier .images {
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding: 35px 0;
  }
  .exterier .images .with_padding {
    width: 52%;
    padding: 0 24px 0 0;
  }
  .exterier .images .images_cont {
    width: 48%;
  }
  .exterier .images .images_cont .full {
    padding: 0 0 0 24px;
  }
  .exterier .images .images_cont.padding_left {
    width: 50%;
  }
  .exterier .images .images_cont.padding_left .paragraph {
    width: 100%;
  }
  .exterier .images.planshet_resize .images_cont {
    width: 50%;
    padding-right: 30px;
  }
  .exterier .images.planshet_resize .images_cont img {
    height: 190px;
    overflow: visible;
  }
  .exterier .images.planshet_resize .images_cont img.pattern.pattern2 {
    height: 86px;
    padding: 0;
    margin-top: 75px;
  }
  .exterier .images.planshet_resize .images_cont.padding_left {
    padding-right: 0;
    padding-left: 30px;
  }
  .interier .full {
    margin: 0 -30px;
  }
  .interier .mockup {
    margin: 0;
  }
  .interier .images .images_cont:first-child {
    padding: 0 24px 0 0;
  }
  .interier .images .images_cont .full {
    padding: 0;
    width: 100%;
  }
  .interier .images .images_cont .pattern {
    display: none;
  }
  .interier .images .images_cont.mob .pattern {
    display: block;
    padding-top: 70px;
  }
  .interier .images.client_cont {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .interier .images.client_cont .images_cont.client {
    width: 100%;
    padding: 0;
  }
  .interier .images.client_cont .images_cont.client img:first-child {
    padding-right: 24px;
  }
  .interier .images.client_cont .images_cont.client img:last-child {
    padding-left: 24px;
  }
  .interier .images.client_cont .images_cont.client .full {
    width: calc(50% - 25px);
  }
  .interier .images.client_cont .text_cont {
    display: flex;
  }
  .interier .images.client_cont .text_cont .paragraph {
    width: 50%;
    padding-right: 24px;
    padding-left: 0;
    padding-top: 40px;
  }
  .interier .images.client_cont .text_cont .list {
    width: 50%;
    padding-left: 24px;
  }
  .interier .text_part .exterier_text .paragraph {
    padding-top: 0;
  }
  .interier .text_part .exterier_text .text {
    width: 50%;
    padding: 0;
  }
  .full_screen_img.full.padding40 {
    padding: 35px 0;
    width: 100%;
  }
  .full_screen_img.full.padding40.planshet {
    width: 100vw;
  }
}
@media only screen and (min-width: 900px) {
  .container_site.exterier {
    padding-top: 100px;
  }
  .container_site.exterier.volna {
    padding-top: 170px;
  }
  .exterier {
    flex-direction: column;
  }
  .exterier .text_part {
    width: 65%;
    margin-left: auto;
  }
  .exterier .exterier_text .paragraph {
    padding: 0 30px 0 0;
  }
  .exterier .exterier_text .list {
    padding: 0 0 0 30px;
  }
  .exterier .exterier_text .subtitle {
    font-size: 36px;
  }
  .exterier .exterier_text .list {
    font-size: 12px;
  }
  .exterier .images .with_padding {
    width: 65%;
    padding: 0 30px 0 0;
  }
  .exterier .images .images_cont {
    width: 35%;
  }
  .exterier .images .images_cont .pattern {
    padding-left: 30px;
  }
  .exterier .images .images_cont .pattern.pattern1 {
    padding: 60px 0 0 30px;
  }
  .exterier .images .images_cont .full {
    padding: 0 0 0 30px;
  }
  .exterier .images .images_cont .full.padding_left,
  .exterier .images .images_cont.padding_left {
    padding-left: 30px;
  }
  .exterier .images .images_cont.padding_left .paragraph {
    width: 50%;
  }
  .exterier .images.top60 {
    padding-top: 60px;
  }
  .exterier .images.planshet_resize .images_cont {
    width: 35%;
  }
  .exterier .images.planshet_resize .images_cont img {
    height: auto;
  }
  .exterier .images.planshet_resize .images_cont img.pattern.pattern2 {
    height: 86px;
    margin-top: 80px;
  }
  .exterier .images.planshet_resize .images_cont.padding_left {
    padding-right: 0;
    padding-left: 30px;
  }
  .exterier .images.planshet_resize .images_cont .paragraph {
    padding-left: 0;
  }
  .interier .text_part {
    width: 100%;
  }
  .interier .text_part .exterier_text .paragraph {
    width: 65%;
  }
  .interier .text_part .exterier_text .list {
    width: 35%;
  }
  .interier .text_part.realization {
    margin-left: 0;
    margin-right: auto;
  }
  .interier .text_part.realization .exterier_text .paragraph,
  .interier .text_part.realization .exterier_text .text {
    width: 100%;
  }
  .interier .text_part.realization .exterier_text .text {
    padding-left: 30px;
    max-width: 460px;
  }
  .interier .images .images_cont:first-child {
    width: 33%;
  }
  .interier .images .images_cont:last-child {
    width: 66%;
  }
  .interier .images .images_cont .pattern {
    margin-left: auto;
  }
  .interier .images .images_cont.client .full {
    width: 50%;
  }
  .interier .images .images_cont.mob .pattern.pattern2 {
    padding-top: 75px;
  }
  .interier .images.client_cont {
    display: grid;
    grid-template-columns: calc((100% - 100px) / 3 * 2 + 50px) 1fr;
    gap: 50px;
    padding-top: 30px;
  }
  .interier .images.client_cont .images_cont.client {
    width: 100%;
    gap: 50px;
    padding-right: 0;
  }
  .interier .images.client_cont .images_cont.client img:first-child {
    padding-right: 0;
  }
  .interier .images.client_cont .images_cont.client img:last-child {
    padding-left: 0;
  }
  .interier .images.client_cont .text_cont {
    flex-direction: column;
    padding-left: 0;
  }
  .interier .images.client_cont .text_cont .paragraph {
    width: 100%;
    padding: 0;
  }
  .interier .images.client_cont .text_cont .list {
    width: 100%;
    padding-left: 0;
  }
  .interier.full_screen_section {
    max-width: 100%;
    width: 100%;
  }
  .interier.full_screen_section .text_part {
    max-width: 1200px;
    margin: 0 auto;
  }
  .interier.full_screen_section .images,
  .interier.full_screen_section .mockup {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .full_screen_img.full.padding40 {
    padding: 30px 0;
  }
  .full_screen_img.full.padding40.planshet {
    width: unset;
  }
}
@media only screen and (min-width: 1230px) {
  .exterier .images .images_cont .full {
    padding-left: 0;
  }
  .interier.full_screen_section .text_part,
  .interier.full_screen_section .images,
  .interier.full_screen_section .mockup {
    max-width: 1720px;
    width: calc(100% - 120px);
  }
}
.gray {
  padding: 40px 10px 40%;
  position: relative;
  overflow: visible;
  max-width: 1720px;
  margin: 0 auto;
}
.gray .absolute_between {
  position: absolute;
  bottom: -9%;
  width: 95%;
  left: 50%;
  transform: translate(-50%);
}
.gray_backgroud50 {
  background: linear-gradient(#e5e5e5, #e5e5e5 87%, white 87%);
}
.full_gray {
  background-color: #e5e5e5;
  margin-bottom: -1px;
}
.light_gray {
  background: #f4f4f4;
}
.overflow {
  overflow: visible;
}
@media only screen and (min-width: 550px) {
  .gray_backgroud50 {
    background: linear-gradient(#e5e5e5, #e5e5e5 90%, white 90%);
  }
}
.float_over {
  padding-top: 25%;
}
.float_over .paragraph {
  padding: 40px 0 20px;
}
.float_over .images img {
  width: 100%;
  padding: 20px 0;
}
.relative {
  position: relative;
}
.relative img {
  width: 100%;
}
.relative img:first-child {
  padding-bottom: 70px;
}
.right_container .paragraph {
  padding: 40px 0 60px;
}
@media only screen and (min-width: 550px) {
  .gray .absolute_between {
    bottom: -10%;
  }
}
@media only screen and (min-width: 650px) {
  .gray .absolute_between {
    bottom: -11%;
  }
}
@media only screen and (min-width: 768px) {
  .relative .image_under {
    position: absolute;
    right: 0;
    top: 0;
    width: 64%;
  }
  .relative .image_over {
    position: relative;
    z-index: 1;
    padding-top: 16%;
    width: 50%;
    left: 0;
  }
  .right_container {
    display: flex;
    align-items: flex-start;
    padding-top: 80px;
  }
  .right_container .paragraph {
    padding-top: 0;
    width: 50%;
  }
  .right_container img {
    padding-left: 40px;
  }
  .gray {
    padding: 40px 30px 15%;
  }
  .gray .absolute_between {
    bottom: -11%;
    width: 43%;
    right: 30px;
    left: auto;
    transform: translate(0);
  }
  .float_over {
    padding-top: 0;
  }
  .float_over .paragraph {
    width: 50%;
    padding: 50px 20px 50px 0;
  }
  .float_over .images {
    display: flex;
    align-items: flex-start;
  }
  .float_over .images img {
    padding: 20px 0;
  }
  .float_over .images img:first-child {
    padding-right: 24px;
  }
  .float_over .images img:last-child {
    padding-left: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .relative .image_under {
    width: 65%;
  }
  .column {
    display: flex;
    flex-direction: column;
  }
  .right_container {
    width: 67%;
    margin-left: auto;
    padding-top: 0;
  }
  .right_container.kzs_right_container {
    width: 65%;
    justify-content: space-between;
  }
  .right_container.kzs_right_container .paragraph {
    padding-right: 30px;
  }
  .right_container.kzs_right_container img {
    padding-left: 30px;
  }
  .right_container .paragraph {
    padding: 0 0 180px;
  }
  .gray .absolute_between {
    width: 65%;
    padding-left: 0;
  }
  .float_over {
    flex-direction: column;
  }
  .float_over .paragraph {
    width: 35%;
    padding: 105px 30px 105px 0;
  }
  .float_over .images img:first-child {
    padding-right: 30px;
    width: 67.5%;
  }
  .float_over .images img:last-child {
    padding-left: 30px;
    width: 32%;
  }
}
@media only screen and (min-width: 1230px) {
  .gray {
    padding: 40px 0 15%;
  }
  .gray .absolute_between {
    right: 0;
  }
}
.dark_background {
  background-color: #222;
  color: #fff;
}
.wrap_container {
  padding: 20px 0;
}
.wrap_container .paragraph {
  padding: 20px 0;
  font-size: 14px;
  color: #fff;
}
.images_container img {
  width: 100%;
}
.images_container img:first-child {
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .wrap_container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .wrap_container .paragraph {
    width: 50%;
  }
  .wrap_container .paragraph:nth-child(odd) {
    padding-right: 24px;
  }
  .wrap_container .paragraph:nth-child(2n) {
    padding-left: 24px;
  }
  .images_container .flex_images {
    display: flex;
  }
  .images_container .flex_images img:first-child {
    padding: 0 24px 0 0;
  }
  .images_container .flex_images img:last-child {
    padding: 0 0 0 24px;
  }
}
@media only screen and (min-width: 900px) {
  .dark {
    flex-direction: column;
  }
  .wrap_container {
    padding: 80px 0;
  }
  .wrap_container .paragraph {
    width: 33%;
    font-size: 14px;
  }
  .wrap_container .paragraph:first-child {
    padding-right: 30px;
  }
  .wrap_container .paragraph:nth-child(2n) {
    padding: 20px 30px;
  }
  .wrap_container .paragraph:last-child {
    padding-left: 30px;
    padding-right: 0;
  }
  .images_container {
    display: flex;
  }
  .images_container > img {
    padding-right: 30px;
    width: 67%;
  }
  .images_container .flex_images {
    flex-direction: column;
    padding-left: 30px;
    width: 32%;
  }
  .images_container .flex_images img {
    padding: 0;
  }
  .images_container .flex_images img:first-child {
    padding: 0 0 16px;
  }
  .images_container .flex_images img:last-child {
    padding: 16px 0 0;
  }
}
@media only screen and (min-width: 1600px) {
  .images_container > img {
    width: 65%;
  }
}
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}
.mySlides {
  width: 100%;
}
.mySlides > img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}
.dot {
  height: 8px;
  width: 8px;
  margin: 0 2px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active {
  background-color: transparent;
  border: 1px solid black;
}
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
.carousel_description {
  padding: 0 10px;
}
.carousel_description .paragraph {
  padding: 70px 0 40px;
}
@keyframes fade {
  0% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@media only screen and (min-width: 412px) {
  .mySlides > img {
    height: 220px;
  }
}
@media only screen and (min-width: 500px) {
  .mySlides > img {
    height: 280px;
  }
}
@media only screen and (min-width: 600px) {
  .mySlides > img {
    height: 350px;
  }
}
@media only screen and (min-width: 768px) {
  .mySlides > img {
    height: 170px;
  }
  .carousel_section {
    display: flex;
    flex-direction: column;
  }
  .carousel_section .carousel_container {
    width: 50%;
    padding-right: 24px;
  }
  .carousel_section .carousel_description {
    width: 50%;
    padding-left: 30px;
  }
  .carousel_section .carousel_description .paragraph {
    padding: 0 0 48px;
  }
}
@media only screen and (min-width: 768px) {
  .mySlides > img {
    height: 400px;
  }
}
@media only screen and (min-width: 900px) {
  .carousel_section .carousel_container {
    width: 65%;
    padding-right: 30px;
  }
  .carousel_section .carousel_description {
    width: 55%;
    max-width: 600px;
    padding-left: 30px;
  }
}
.swiper_carousel_container_wrapper {
  background: linear-gradient(#f4f4f4, #f4f4f4 68%, white 68%);
  padding: 60px 0;
}
.swiper_carousel_container_wrapper.kzs_carousel {
  background: transparent;
  padding: 0;
}
.swiper_carousel_container_wrapper.kzs_carousel .carousel_container {
  padding: 70px 0 70px 10px;
}
.swiper_carousel_container_wrapper.kzs_carousel
  .carousel_description
  .paragraph {
  padding-top: 0;
}
.swiper_carousel_container_wrapper .swiper-wrapper {
  overflow-x: visible;
  transition-timing-function: ease-in-out;
  transition-duration: 4s;
}
.swiper_carousel_container_wrapper .swiper {
  margin-right: -10px;
  padding-left: 10px;
}
.swiper_carousel_container_wrapper .swiper-slide {
  width: 80%;
  margin-right: 30px;
}
.swiper_carousel_container_wrapper .swiper-slide:last-child {
  margin-right: 0;
}
.swiper_carousel_container_wrapper .swiper-slide img {
  width: 100%;
}
.swiper_carousel_container_wrapper .swiper-pagination {
  display: flex;
  align-items: center;
  position: relative;
  bottom: 0;
  text-align: left;
}
.swiper_carousel_container_wrapper
  .swiper-pagination
  .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #000;
  opacity: 1;
}
.swiper_carousel_container_wrapper
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid #000000;
}
.swiper_carousel_container_wrapper .swiper_pagination_cont {
  width: 80%;
  display: flex;
  padding-top: 10px;
}
.swiper_carousel_container_wrapper .swiper_pagination_cont .counter {
  font-weight: 400;
  font-size: 18px;
}
.swiper_carousel_container_wrapper.first_patern {
  display: block;
}
.swiper_carousel_container_wrapper .content_process {
  padding-bottom: 70px;
  padding-left: 10px;
  padding-right: 10px;
}
.swiper_carousel_container_wrapper .content_process .paragraph {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.02em;
}
.swiper_carousel_container_wrapper .carousel_slides_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.swiper_carousel_container_wrapper .carousel_container {
  width: 100vw;
}
.swiper_carousel_container_wrapper .carousel_container .counter_slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90vw;
  margin: 0 auto 0 10px;
}
.swiper_carousel_container_wrapper
  .carousel_container
  .counter_slide
  .num_counter {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.02em;
}
.swiper_carousel_container_wrapper .carousel_container .slideshow-container {
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.swiper_carousel_container_wrapper
  .carousel_container
  .slideshow-container::-webkit-scrollbar {
  display: none;
}
.swiper_carousel_container_wrapper
  .carousel_container
  .slideshow-container
  .mySlides {
  width: 100%;
  overflow-x: visible;
  padding: 0 10px;
}
.swiper_carousel_container_wrapper
  .carousel_container
  .slideshow-container
  .mySlides
  img {
  width: 90vw;
  max-width: none;
}
.swiper_carousel_container_wrapper .mySlides > img {
  height: auto;
  width: 100%;
  margin: 0;
  max-width: 100%;
}
.swiper_carousel_container_wrapper .sablon_p {
  padding-top: 75px;
}
.swiper-cursor-arrow-left {
  cursor: url(arrowBoxLeft.e5eebf0f6d498383.svg) 25 25, auto;
}
.swiper-cursor-arrow-right {
  cursor: url(arrowBoxRight.35c5cb1ff26647a5.svg) 25 25, auto;
}
.swiper-force-default-cursor {
  cursor: default;
}
@media only screen and (min-width: 768px) {
  .swiper_carousel_container_wrapper {
    background: linear-gradient(#f4f4f4, #f4f4f4 66%, white 66%);
  }
  .swiper_carousel_container_wrapper.kzs_carousel .carousel_container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .swiper_carousel_container_wrapper.kzs_carousel .carousel_description {
    display: flex;
    width: 100%;
    padding: 0 30px;
  }
  .swiper_carousel_container_wrapper.kzs_carousel
    .carousel_description
    .paragraph {
    width: 50%;
    padding-right: 30px;
  }
  .swiper_carousel_container_wrapper.kzs_carousel
    .carousel_description
    .home_maket {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 50%;
    padding-left: 30px;
    padding-bottom: 48px;
  }
  .swiper_carousel_container_wrapper .swiper {
    margin-right: -30px;
    padding-left: 30px;
  }
  .swiper_carousel_container_wrapper .swiper-slide {
    width: 80%;
    margin-right: 60px;
  }
  .swiper_carousel_container_wrapper .swiper-slide:last-child {
    margin-right: 0;
  }
  .swiper_carousel_container_wrapper .swiper-slide img {
    margin-right: 60px;
  }
  .swiper_carousel_container_wrapper .swiper_pagination_cont {
    width: 65%;
  }
  .swiper_carousel_container_wrapper .content_process {
    width: 50%;
    margin-left: auto;
    padding-left: 0;
    padding-right: 30px;
  }
  .swiper_carousel_container_wrapper
    .carousel_container
    .slideshow-container
    .mySlides {
    padding: 0 30px;
  }
  .swiper_carousel_container_wrapper
    .carousel_container
    .slideshow-container
    .mySlides
    img {
    width: 80vw;
  }
  .swiper_carousel_container_wrapper .carousel_container .counter_slide {
    width: 80vw;
    margin: 0 auto 0 30px;
  }
}
@media only screen and (min-width: 900px) {
  .swiper_carousel_container_wrapper {
    flex-direction: row;
    flex-direction: column;
    max-width: 100%;
  }
  .swiper_carousel_container_wrapper.kzs_carousel .carousel_container {
    padding-top: 150px;
    padding-bottom: 80px;
  }
  .swiper_carousel_container_wrapper.kzs_carousel .carousel_description {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    padding-left: 30px;
    width: 100%;
  }
  .swiper_carousel_container_wrapper.kzs_carousel
    .carousel_description
    .paragraph {
    width: 50%;
    padding-right: 30px;
  }
  .swiper_carousel_container_wrapper.kzs_carousel
    .carousel_description
    .home_maket {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 25%;
    padding-left: 30px;
    padding-bottom: 48px;
  }
  .swiper_carousel_container_wrapper.kzs_carousel
    .carousel_description
    .home_maket
    img {
    width: 53px;
  }
  .swiper_carousel_container_wrapper .content_process {
    width: 30%;
    width: 35%;
    margin-left: auto;
    margin-right: 0;
    padding-left: 30px;
  }
  .swiper_carousel_container_wrapper .content_process .paragraph {
    width: 360px;
  }
  .swiper_carousel_container_wrapper .swiper-slide,
  .swiper_carousel_container_wrapper .swiper_pagination_cont {
    width: 80%;
  }
  .swiper_carousel_container_wrapper .carousel_container {
    width: 70%;
    width: 100vw;
    padding-left: 0;
  }
  .swiper_carousel_container_wrapper
    .carousel_container
    .slideshow-container
    .mySlides
    img {
    object-fit: cover;
    height: auto;
  }
  .swiper_carousel_container_wrapper.first_patern {
    display: flex;
    justify-content: space-between;
  }
  .swiper_carousel_container_wrapper.first_patern .swiper {
    margin-left: 0;
    height: -moz-fit-content;
    height: fit-content;
    width: 50%;
    padding-left: 30px;
    margin-right: 0;
  }
  .swiper_carousel_container_wrapper.first_patern .swiper-slide {
    width: 100%;
    width: 80%;
    margin-right: 130px;
  }
  .swiper_carousel_container_wrapper.first_patern .swiper-slide:last-child {
    margin-right: 0;
  }
  .swiper_carousel_container_wrapper.first_patern .swiper_pagination_cont {
    width: 100%;
  }
  .swiper_carousel_container_wrapper.first_patern .carousel_container {
    width: 100%;
    margin: 0 auto 0 0;
    transform: none;
    padding-left: 180px;
  }
  .swiper_carousel_container_wrapper.first_patern
    .carousel_container
    .counter_slide {
    width: 90%;
    margin: 0 auto 0 30px;
  }
  .swiper_carousel_container_wrapper.first_patern
    .carousel_container
    .slideshow-container {
    position: relative;
    max-width: none;
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    overflow-x: auto;
    width: 100%;
  }
  .swiper_carousel_container_wrapper.first_patern
    .carousel_container
    .slideshow-container
    .mySlides {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
  .swiper_carousel_container_wrapper.first_patern
    .carousel_container
    .slideshow-container
    .mySlides
    img {
    object-fit: contain;
    width: auto;
    margin-right: 10px;
  }
  .swiper_carousel_container_wrapper.first_patern .content_process {
    width: 35%;
    overflow: visible;
    padding-right: 30px;
  }
  .swiper_carousel_container_wrapper.first_patern .content_process h2 {
    display: flex;
    flex-direction: column;
  }
  .swiper_carousel_container_wrapper.first_patern .content_process h2 span {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1201px) {
  .swiper_carousel_container_wrapper {
    --minWidth: min(1720px, calc(100% - 120px));
    margin-left: calc((100% - var(--minWidth)) / 2);
  }
  .swiper_carousel_container_wrapper.kzs_carousel .swiper-slide,
  .swiper_carousel_container_wrapper.kzs_carousel .swiper_pagination_cont {
    --minWidth: min(1720px, calc(100% - 120px));
    width: calc(80% - (100% - var(--minWidth)) / 2);
  }
  .swiper_carousel_container_wrapper.kzs_carousel .swiper {
    padding-left: 0;
  }
  .swiper_carousel_container_wrapper.kzs_carousel .carousel_description {
    width: 66%;
    max-width: 100%;
    padding-left: 0;
  }
  .swiper_carousel_container_wrapper.kzs_carousel
    .carousel_description
    .paragraph {
    width: 50%;
    padding-right: 30px;
  }
  .swiper_carousel_container_wrapper.kzs_carousel
    .carousel_description
    .home_maket {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 25%;
    padding-left: 30px;
    padding-bottom: 48px;
  }
  .swiper_carousel_container_wrapper.kzs_carousel
    .carousel_description
    .home_maket
    img {
    width: 53px;
  }
}
.report_component {
  padding: 35px 0;
}
.report_component:first-child {
  padding-top: 0;
}
.report_component .report_title .paragraph {
  padding: 30px 0;
}
.report_component .report_imgs img {
  width: 100%;
}
.landscape {
  padding: 10px;
}
.landscape .paragraph {
  padding: 35px 0;
}
.landscape .paragraph:first-child {
  padding-top: 0;
}
.landscape .all_images img {
  width: 100%;
  padding: 35px 0;
}
@media only screen and (min-width: 768px) {
  .report_component .report_title .paragraph {
    width: 330px;
  }
  .report_component .report_imgs {
    display: flex;
  }
  .landscape {
    padding: 0 30px;
  }
  .landscape .all_images {
    margin: 0 -30px;
  }
  .landscape .all_images > img {
    width: 100%;
    padding: 35px 0 0;
  }
  .landscape .all_images .rest_imgs {
    display: flex;
    padding: 40px 30px 35px;
  }
  .middle_center {
    width: 300px;
    text-align: center;
    margin: 0 auto;
  }
  .middle_left {
    width: 370px;
    margin-right: auto;
    padding: 0;
  }
}
@media only screen and (min-width: 900px) {
  .report_component {
    padding: 75px 0;
  }
  .report_component:first-child {
    padding-top: 120px;
  }
  .report_component .report_title {
    display: flex;
    align-items: flex-start;
    padding-bottom: 50px;
  }
  .report_component .report_title .paragraph {
    width: 33%;
    margin: 0;
    padding: 0 0 0 30px;
  }
  .report_component .report_title h3 {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 36px;
    width: 33%;
    padding-right: 30px;
  }
  .landscape {
    flex-direction: column;
  }
  .landscape .paragraph:first-child {
    width: 35%;
    padding-bottom: 0;
    text-align: left;
  }
  .landscape .paragraph.middle_left {
    width: 50%;
  }
  .landscape .all_images {
    padding-bottom: 130px;
  }
  .landscape .all_images img {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 900px) {
  .landscape {
    padding: 0;
  }
}
section.image img {
  width: 100%;
  padding: 70px 0;
}
.container_site.fields_img .fields_image_container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.container_site.fields_img .fields_image_container img {
  width: 100%;
}
.computor_img {
  padding: 0 -10px;
}
.computor_img .safari_fix {
  width: 100vw;
  height: auto;
}
.computor_img.computor_img_text {
  padding-top: 0;
}
.computor_img.computor_img_text .img_container .full_screen_img:last-child {
  padding: 40px 0;
}
.computor_img.computor_img_text .padding_top_go3 {
  width: 100vw;
}
.computor_img .text_container .paragraph {
  padding-bottom: 30px;
}
.computor_img .text_container .report {
  padding: 40px 0;
}
.computor_img .img_container {
  margin: 0 -10px;
}
.computor_img .img_container img {
  object-fit: contain;
  width: 100%;
  padding: 70px 10px;
}
.computor_img .img_container img.full_screen_img {
  margin: 0;
  padding: 0;
}
.process.interior_design {
  padding-bottom: 70px;
}
.process.interior_design .star_content {
  margin: 0 -10px;
}
.process.interior_design .star_content .content_process {
  padding: 0 10px;
}
.process.interior_design .star_content .content_process .star_img {
  display: none;
}
.process.interior_design .star_content .full_screen_img {
  padding: 70px 0;
  margin: 0;
  max-width: 100%;
}
.process.interior_design .star_img {
  width: 80px;
  padding: 0;
  margin: 0 auto 0 0;
}
.process .small_image_container .hart {
  width: 93px;
}
.grid {
  padding: 60px 10px;
}
.grid.mobtab {
  display: grid;
}
.grid.desktop {
  display: none;
}
.grid .lego_img {
  width: 100%;
}
.grid .lego_img:nth-child(2n) {
  padding: 20px 0;
}
.lego_center {
  padding: 60px 10px;
}
.lego_center .mobile_no {
  display: none;
}
.lego_center .cancer_img {
  width: 100%;
}
.lego_center .paragraph {
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) {
  .computor_img .full_screen_img,
  .computor_img .img_container {
    margin: 0 -30px;
  }
  .computor_img .img_container img {
    padding: 70px 30px;
  }
  .computor_img .img_container img.full_screen_img {
    margin: 0;
    padding: 0;
  }
  .computor_img.computor_img_text .padding_top_go3 {
    width: 100%;
  }
  .computor_img.computor_img_text .text_container {
    display: flex;
    padding: 110px 0;
  }
  .computor_img.computor_img_text .text_container .paragraph {
    width: 50%;
    padding: 0 120px 0 0;
  }
  .computor_img.computor_img_text .text_container .report {
    width: 33%;
    padding: 0 0 0 30px;
  }
  .computor_img.computor_img_text .text_container .computor_img_paragraph {
    width: 68%;
    padding-right: 30px;
  }
  .computor_img.computor_img_text
    .text_container
    .computor_img_paragraph
    .paragraph {
    padding-right: 0;
    margin-right: 0;
    width: 100%;
  }
  .computor_img.computor_img_text .img_container {
    display: flex;
    padding: 0 30px;
  }
  .computor_img.computor_img_text .img_container .full_screen_img:first-child {
    width: 68%;
    padding-right: 30px;
  }
  .computor_img.computor_img_text .img_container .full_screen_img:last-child {
    width: 33%;
    padding-left: 30px;
  }
  .computor_img.computor_img_text .full_screen_img {
    margin: 0;
  }
  .container_site.fields_img {
    display: flex;
    flex-direction: row;
  }
  .container_site.fields_img img {
    width: 100%;
  }
  .container_site.fields_img img:last-child {
    margin-left: -1px;
  }
  .container_site.fields_img .fields_image_container {
    flex-direction: row;
  }
  .process .small_image_container {
    width: 50%;
  }
  .process .small_image_container .hart {
    width: 95px;
    margin-top: -65px;
  }
  .process.interior_design {
    flex-direction: column;
  }
  .process.interior_design .star_content {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    margin: 0;
  }
  .process.interior_design .star_content .content_process {
    padding: 0 0 0 24px;
    width: 50%;
  }
  .process.interior_design .star_content .full_screen_img {
    padding: 0 24px 0 0;
    width: 50%;
  }
  .process.interior_design .star_image_container {
    width: 50%;
    margin-left: auto;
    padding: 25px 0 0 24px;
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 70px 30px;
  }
  .grid .lego_img {
    width: 100%;
  }
  .grid .lego_img:first-child {
    grid-column-start: 1;
    grid-column-end: 4;
    padding: 0;
  }
  .grid .lego_img:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 1;
    padding: 30px 15px 30px 0;
  }
  .grid .lego_img:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 2;
    padding: 30px 0 30px 15px;
  }
  .grid .lego_img:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 1;
    padding: 0 15px 0 0;
  }
  .grid .lego_img:nth-child(5) {
    grid-column-start: 2;
    grid-column-end: 2;
    padding: 0 0 0 15px;
  }
  .lego_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px 0;
  }
  .lego_center .mobile_no {
    display: block;
    padding: 60px 0;
    width: 100%;
  }
  .lego_center .cancer_img {
    width: 300px;
    margin: 0 auto;
  }
  .lego_center .paragraph {
    text-align: left;
    padding-bottom: 0;
    width: 320px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 900px) {
  section.image img {
    padding: 55px 0 150px;
  }
  .computor_img {
    display: flex;
    flex-direction: column;
    padding-top: 0;
  }
  .computor_img .safari_fix {
    width: 100%;
  }
  .computor_img .img_container {
    display: flex;
    align-items: center;
    padding: 0 0 150px;
  }
  .computor_img .img_container img {
    width: 30%;
    padding: 0;
  }
  .computor_img .img_container img.full_screen_img {
    width: 70%;
    padding-right: 60px;
  }
  .computor_img.computor_img_text .text_container {
    width: 100%;
  }
  .computor_img.computor_img_text .text_container .report {
    width: 30%;
    padding-left: 0;
    margin-left: auto;
  }
  .computor_img.computor_img_text .text_container .computor_img_paragraph {
    width: 70%;
  }
  .computor_img.computor_img_text
    .text_container
    .computor_img_paragraph
    .paragraph {
    width: 100%;
    max-width: 600px;
  }
  .computor_img.computor_img_text .padding_top_go3 {
    padding-top: 20px;
  }
  .computor_img.grid_verstka .img_container img:first-child {
    width: 65%;
    padding-right: 30px;
  }
  .computor_img.grid_verstka .img_container img:last-child {
    width: 35%;
    padding-left: 30px;
  }
  .container_site.fields_img {
    padding: 50px 30px;
  }
  .container_site.fields_img .fields_image_container {
    width: 65%;
    align-items: center;
    padding-right: 30px;
  }
  .process .small_image_container .hart {
    margin-top: 5px;
  }
  .process.interior_design .subtitle {
    margin-left: 0;
    display: flex;
  }
  .process.interior_design .subtitle .num {
    padding-right: 5px;
  }
  .process.interior_design .star_image_container {
    display: none;
  }
  .process.interior_design .star_content {
    justify-content: space-between;
  }
  .process.interior_design .star_content .content_process {
    width: 43%;
  }
  .process.interior_design .star_content .content_process .star_img {
    display: block;
    margin: 50px 0 0;
    width: 80px;
    height: 80px;
  }
  .process.interior_design .star_content img {
    width: 50%;
  }
  .grid {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 150px 30px;
  }
  .grid.mobtab {
    display: none;
  }
  .grid.desktop {
    display: grid;
  }
  .grid .lego_img {
    height: 100%;
    object-fit: cover;
  }
  .grid .lego_img:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    padding: 0 60px 60px 0;
  }
  .grid .lego_img:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 3;
    padding: 0 0 60px;
  }
  .grid .lego_img:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 1;
    padding: 0 60px 0 0;
  }
  .grid .lego_img:nth-child(4) {
    grid-column-start: 2;
    grid-column-end: 2;
    padding: 0 60px 0 0;
  }
  .grid .lego_img:nth-child(5) {
    grid-column-start: 3;
    grid-column-end: 3;
    padding: 0;
  }
  .lego_center,
  .lego_center .mobile_no {
    padding: 100px 0;
  }
  .lego_center .cancer_img {
    width: 360px;
  }
  .lego_center .paragraph {
    width: 360px;
    text-align: left;
  }
}
@media only screen and (min-width: 1230px) {
  .container_site.fields_img {
    padding: 50px 0;
  }
  .container_site.grid {
    padding: 150px 0;
  }
}
.rosatom img {
  width: 100%;
}
.rosatom img.full_screen_img {
  margin: 0;
}
.rosatom .outer_container {
  margin: 0 -10px;
}
.rosatom .outer_container .mid_row {
  margin: 0 10px;
}
.rosatom .outer_container .mid_row .paragraph {
  padding: 40px 0;
}
.rosatom .rosatom_img_horizontal {
  padding: 70px 0;
}
.rosatom .ros_row img {
  padding: 40px 0;
}
.stands {
  font-family: Inter, sans-serif;
}
.stands .stands_title {
  font-weight: 400;
  font-size: 24px;
}
.stands .stands_container {
  display: flex;
  flex-direction: column;
}
.stands .stands_container .stand_col {
  display: flex;
  flex-direction: column;
  padding-top: 70px;
}
.stands .stands_container .stand_col .stand_title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stands .stands_container .stand_col .stand_title h4 {
  font-weight: 500;
  font-size: 24px;
}
.stands .stands_container .stand_col .stand_title .box {
  width: 40px;
  height: 40px;
  background-color: #dadada;
  margin-bottom: 40px;
}
.stands .stands_container .stand_col .stand_title .box.peninsular {
  border-top: 1px solid black;
}
.stands .stands_container .stand_col .stand_title .box.angle {
  border-top: 1px solid black;
  border-right: 1px solid black;
}
.stands .stands_container .stand_col .stand_title .box.linear {
  border: 1px solid black;
  border-bottom: none;
}
.stands .stands_container .stand_col .stand_images {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stands .stands_container .stand_col .stand_images div {
  padding: 30px;
  width: 100%;
  text-align: center;
}
.stands .stands_container .stand_col .stand_images div img {
  width: 100%;
  max-width: 300px;
}
.stands .stands_container .stand_col .stand_images div p {
  margin-top: -10px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: #8c9cb1;
}
.rosatom_full_screen_img {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .rosatom .outer_container .mid_row {
    display: flex;
    padding: 30px 0 0;
  }
  .rosatom .outer_container .mid_row .paragraph {
    padding: 0 24px 0 0;
  }
  .rosatom .outer_container .mid_row img {
    padding: 0 0 0 24px;
  }
  .rosatom .ros_row {
    display: flex;
    flex-direction: row-reverse;
  }
  .rosatom .ros_row .paragraph {
    width: 100%;
    padding: 0 0 0 24px;
    font-weight: 400;
    font-size: 14px;
  }
  .rosatom .ros_row img {
    width: 100%;
    padding: 0 24px 0 0;
  }
  .stands .stands_container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
@media only screen and (min-width: 900px) {
  .rosatom .outer_container {
    display: flex;
  }
  .rosatom .outer_container .mid_row {
    flex-direction: column;
    justify-content: space-between;
    width: 35%;
    padding: 0 0 0 30px;
  }
  .rosatom .outer_container .mid_row .paragraph {
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
  }
  .rosatom .outer_container .mid_row img {
    padding: 0;
  }
  .rosatom .outer_container .full_screen_img {
    width: 65%;
    padding: 0 30px 0 0;
  }
  .rosatom .ros_row .paragraph {
    padding: 0 0 0 60px;
    width: 35%;
  }
  .rosatom .ros_row img {
    padding: 0 60px 0 0;
    width: 65%;
  }
  .container_site.volna.rosatom {
    padding-top: 70px;
  }
  .stands {
    flex-direction: column;
  }
  .stands .stands_title {
    padding-bottom: 100px;
  }
  .stands .stands_container {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
  }
  .stands .stands_container .stand_col {
    border-right: 1px solid #e5e5e5;
    padding-top: 0;
  }
  .stands .stands_container .stand_col:last-child {
    border: none;
  }
  .rosatom_full_screen_img {
    padding-top: 100px;
  }
}
.dark.poisk,
.dark.poisk h3 {
  color: #fff;
}
.dark.poisk .poisk_item {
  padding: 50px 0;
}
.dark.poisk .poisk_item:first-child {
  padding-top: 0;
}
.dark.poisk .poisk_item img {
  width: 100%;
}
.dark.poisk .poisk_item .item_content .title {
  padding: 40px 0 30px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
}
.dark.poisk .poisk_item .item_content .paragraph {
  font-weight: 400;
  font-size: 14px;
}
.dark.poisk .co_killers_container {
  font-family: Inter, sans-serif;
}
.dark.poisk .co_killers_container img {
  width: 100%;
}
.dark.poisk .co_killers_container .killers_item .items_content .title {
  padding: 40px 0 10px;
}
.dark.poisk .co_killers_container .killers_item .items_content .paragraph {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.02em;
}
.dark.poisk .co_killers_container .killers_smaller_cont .absolute_image {
  padding: 70px 0;
}
.dark.poisk
  .co_killers_container
  .killers_smaller_cont
  .killers_desc_cont
  .desc_cont
  .paragraph {
  padding: 70px 0;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.poisk .poisk_media_cont > img {
  padding: 70px 0;
}
.poisk .poisk_media_cont img,
.poisk .poisk_media_cont video {
  width: 100%;
}
.poisk .poisk_media_cont .img_video_row .video_cont {
  position: relative;
  padding-bottom: 70px;
}
.poisk .content_process p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
.swiper.home_swiper .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  height: 150px;
  object-fit: cover;
}
.swiper.home_swiper .swiper-wrapper {
  overflow-x: visible;
  transition-timing-function: linear !important;
}
@media only screen and (min-width: 768px) {
  .poisk .content_process {
    width: 50%;
  }
  .dark.poisk .item_row > .poisk_item {
    margin-left: auto;
    padding-bottom: 100px;
  }
  .dark.poisk .poisk_item {
    width: 50%;
    padding-left: 24px;
  }
  .dark.poisk .poisk_item_group {
    display: flex;
  }
  .dark.poisk .poisk_item_group .poisk_item {
    padding: 0;
  }
  .dark.poisk .poisk_item_group .poisk_item:first-child {
    padding-right: 24px;
    padding-left: 0;
  }
  .dark.poisk .poisk_item_group .poisk_item:last-child {
    padding-left: 24px;
  }
  .dark.poisk .co_killers_container .killers_smaller_cont {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 70px;
  }
  .dark.poisk .co_killers_container .killers_smaller_cont .absolute_image {
    padding: 0 0 0 24px;
    width: 50%;
  }
  .dark.poisk .co_killers_container .killers_smaller_cont .killers_desc_cont {
    padding: 0 24px 0 0;
    width: 50%;
  }
  .dark.poisk
    .co_killers_container
    .killers_smaller_cont
    .killers_desc_cont
    .desc_cont:last-child
    .paragraph {
    padding: 40px 0 0;
  }
  .poisk.top_50 {
    padding-top: 0;
  }
  .poisk .poisk_media_cont .img_video_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
  .poisk .poisk_media_cont .img_video_row .video_cont {
    padding-bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media only screen and (min-width: 900px) {
  .poisk .poisk_media_cont .img_video_row {
    grid-template-columns: 1fr calc((100% - 100px) / 3 * 2 + 50px);
    margin-top: 100px;
  }
  .poisk.top_50 {
    padding-top: 50px;
  }
  .poisk .content_process {
    width: 30%;
    margin: 0 auto;
  }
  .poisk .content_process .subtitle {
    font-size: 36px;
  }
  .poisk .content_process p {
    font-size: 16px;
  }
  .dark.poisk .item_row {
    display: flex;
  }
  .dark.poisk .item_row > .poisk_item {
    padding-bottom: 0;
  }
  .dark.poisk .item_row .poisk_item {
    width: 33%;
    padding-top: 0;
    padding-left: 30px;
  }
  .dark.poisk .item_row .poisk_item_group {
    width: 66%;
  }
  .dark.poisk .item_row .poisk_item_group .poisk_item {
    width: 100%;
  }
  .dark.poisk .item_row .poisk_item_group .poisk_item:first-child {
    padding-right: 30px;
    padding-left: 0;
  }
  .dark.poisk .item_row .poisk_item_group .poisk_item:last-child {
    padding-left: 30px;
  }
  .dark.poisk .co_killers_container {
    position: relative;
  }
  .dark.poisk .co_killers_container .killers_item {
    display: flex;
    flex-direction: column-reverse;
    width: 66%;
    padding-top: 180px;
  }
  .dark.poisk .co_killers_container .killers_item .items_content {
    display: flex;
    align-items: center;
    padding-bottom: 100px;
    width: 100%;
  }
  .dark.poisk .co_killers_container .killers_item .items_content .title {
    padding: 0 30px 0 0;
    width: 100%;
  }
  .dark.poisk .co_killers_container .killers_item .items_content .paragraph {
    width: 100%;
    padding-left: 30px;
  }
  .dark.poisk .co_killers_container .killers_smaller_cont .absolute_image {
    position: absolute;
    top: 307px;
    width: 33%;
  }
  .dark.poisk .co_killers_container .killers_smaller_cont .killers_desc_cont {
    width: 66%;
    margin-left: auto;
  }
  .dark.poisk
    .co_killers_container
    .killers_smaller_cont
    .killers_desc_cont
    .desc_cont:first-child {
    width: 50%;
    padding-left: 30px;
  }
  .dark.poisk
    .co_killers_container
    .killers_smaller_cont
    .killers_desc_cont
    .desc_cont:first-child
    .paragraph {
    padding: 60px 0 100px;
  }
  .dark.poisk
    .co_killers_container
    .killers_smaller_cont
    .killers_desc_cont
    .desc_cont:last-child {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .dark.poisk
    .co_killers_container
    .killers_smaller_cont
    .killers_desc_cont
    .desc_cont:last-child
    img {
    width: 50%;
    padding: 0 0 0 30px;
  }
  .dark.poisk
    .co_killers_container
    .killers_smaller_cont
    .killers_desc_cont
    .desc_cont:last-child
    .paragraph {
    width: 50%;
    padding: 0 0 0 60px;
  }
  .poisk .poisk_media_cont .img_video_row > img {
    object-fit: cover;
  }
  .poisk .poisk_media_cont .img_video_row .video_cont {
    padding-bottom: 0;
    height: 100%;
    overflow: hidden;
  }
  .poisk .poisk_media_cont video {
    height: 100%;
    object-fit: cover;
  }
  .rosatom_full_screen_img.poisk_full {
    padding-top: 50px;
  }
}
.ckad_main {
  padding: 70px 10px 0;
}
.ckad_main .ckad_title {
  font-weight: 400;
  font-size: 24px;
  font-family: Inter, sans-serif;
  padding-bottom: 70px;
}
.ckad_main_images img {
  width: 100%;
}
.ckad_main_images img:first-child {
  padding-bottom: 70px;
}
.ckad_main_what {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 0;
}
.ckad_main_what .paragraph {
  padding-bottom: 70px;
  line-height: 150%;
}
.ckad_main_what img {
  width: 190px;
  height: 394px;
}
.ckad_main_absolute {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 10px;
}
.ckad_main_absolute .column {
  padding: 0 10px;
}
.ckad_main_absolute .column .paragraph {
  padding: 70px 0;
}
.ckad_main_absolute .column img,
.ckad_main_absolute .mix_order {
  width: 100%;
}
.ckad_main_absolute .mix_order .paragraph {
  padding: 60px 0 70px;
}
.ckad_main_absolute .mix_order img {
  display: flex;
  margin: 0 auto;
  width: 190px;
  height: 394px;
}
.white60 {
  background-image: linear-gradient(white 0%, white 77%, #e5e5e5 77%);
}
.road {
  padding-bottom: 0;
}
.road > img {
  width: 100%;
}
.road > video {
  width: 100%;
}
.road .road_over .paragraph {
  padding: 70px 10px;
}
.road .road_over .phone_imgs {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.road .road_over .phone_imgs img {
  width: 100%;
}
.road .road_over .phone_imgs img:first-child {
  padding-right: 20px;
}
.road .road_over .phone_imgs img:last-child {
  padding-left: 20px;
}
.road_images {
  padding-top: 70px;
  padding-bottom: 80px;
}
.road_images .situations {
  display: flex;
  flex-wrap: wrap;
}
.road_images .situations img {
  width: 50%;
  padding-bottom: 40px;
}
.road_images .situations img:nth-child(odd) {
  padding-right: 20px;
}
.road_images .situations img:nth-child(2n) {
  padding-left: 20px;
}
.road_images .small_cars {
  padding-top: 35px;
}
.road_images .small_cars img {
  width: 100%;
}
.ovelaping_img {
  padding-bottom: 70px;
}
.ovelaping_img img {
  width: 100%;
}
.ovelaping_img .paragraph {
  padding: 70px 0;
}
@media only screen and (min-width: 768px) {
  .ckad_main {
    padding: 70px 30px 0;
  }
  .ckad_main_title_part {
    position: relative;
    overflow: visible;
  }
  .ckad_main_images {
    display: flex;
    position: relative;
    overflow: visible;
  }
  .ckad_main_images img {
    width: 60%;
  }
  .ckad_main_images img:first-child {
    margin-left: auto;
  }
  .ckad_main_images img:last-child {
    position: absolute;
    left: 0;
    top: 140px;
  }
  .ckad_main_what {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 130px;
  }
  .ckad_main_what .paragraph,
  .ckad_main_what img {
    width: 50%;
  }
  .ckad_main_what .fix_width {
    width: 190px;
  }
  .ckad_main_absolute {
    position: relative;
    flex-direction: row-reverse;
    overflow: visible;
    align-items: flex-start;
    padding: 70px 0;
  }
  .ckad_main_absolute > img {
    width: 190px;
  }
  .ckad_main_absolute .column {
    width: 70%;
    padding-left: 24px;
  }
  .ckad_main_absolute .column .paragraph {
    position: absolute;
    bottom: -100px;
    left: 30px;
    width: 300px;
  }
  .ckad_main_absolute .column img {
    padding-left: 0;
    width: 100%;
  }
  .ckad_main_absolute .mix_order {
    display: flex;
    flex-direction: column;
    width: 30%;
    padding-right: 24px;
    overflow: visible;
  }
  .ckad_main_absolute .mix_order img {
    order: 1;
    width: 100%;
  }
  .ckad_main_absolute .mix_order .paragraph {
    width: 300px;
    order: 2;
    padding: 70px 0 0;
  }
  .gray_backgroud50 {
    background: linear-gradient(#e5e5e5, #e5e5e5 76%, white 76%);
  }
  .white60 {
    background-image: linear-gradient(white 0%, white 85%, #e5e5e5 85%);
  }
  .road .road_over {
    display: flex;
    align-items: flex-start;
    padding-top: 70px;
  }
  .road .road_over .paragraph {
    width: 100%;
    padding: 0 108px 0 30px;
  }
  .road .road_over .phone_imgs {
    background-image: none;
    width: 100%;
    padding: 0 0 0 60px;
  }
  .road .road_over .phone_imgs img {
    width: 100%;
  }
  .road_images .situations {
    flex-wrap: nowrap;
  }
  .road_images .situations img {
    width: 100%;
    padding: 0 20px 40px;
  }
  .road_images .situations img:first-child {
    padding-left: 0;
  }
  .road_images .situations img:last-child {
    padding-right: 0;
  }
  .road_images .small_cars {
    display: flex;
    justify-content: center;
  }
  .road_images .small_cars img {
    width: 50%;
  }
  .ovelaping_img {
    display: flex;
    flex-direction: column;
  }
  .ovelaping_img img {
    width: 65%;
  }
  .ovelaping_img img:first-child {
    order: 1;
  }
  .ovelaping_img img:last-child {
    order: 2;
    position: relative;
    margin-top: -110px;
    margin-left: auto;
  }
  .ovelaping_img .paragraph {
    order: 3;
    width: 300px;
    padding: 70px 0 0;
  }
}
@media only screen and (min-width: 900px) {
  .ckad_main {
    padding: 150px 30px 0;
  }
  .ckad_main .ckad_title {
    padding-bottom: 0;
    margin-bottom: -40px;
  }
  .ckad_main_what {
    justify-content: normal;
    padding-top: 150px;
    padding-bottom: 130px;
    width: 65%;
    margin-left: auto;
  }
  .ckad_main_what img {
    margin-left: 30px;
  }
  .ckad_main_what .paragraph {
    width: 50%;
    padding-right: 30px;
  }
  .ckad_main_absolute {
    align-items: flex-start;
  }
  .ckad_main_absolute > img {
    margin-right: auto;
  }
  .ckad_main_absolute .column {
    width: 65%;
    padding-left: 30px;
  }
  .ckad_main_absolute .column .paragraph {
    bottom: 50px;
    width: 360px;
  }
  .ckad_main_absolute .mix_order {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 35%;
    padding-right: 30px;
    overflow: visible;
  }
  .ckad_main_absolute .mix_order img {
    order: 1;
    width: 190px;
    margin: 0 auto 0 0;
  }
  .ckad_main_absolute .mix_order .paragraph {
    width: 100%;
    order: 2;
    padding: 190px 0 0;
  }
  .ckad_main_images img:last-child {
    top: 253px;
    width: 65%;
  }
  .ckad_main_images img:first-child {
    width: 65%;
  }
  .gray_backgroud50 {
    background: linear-gradient(#e5e5e5, #e5e5e5 87%, white 87%);
  }
  .white60 {
    background-image: linear-gradient(white 0%, white 87%, #e5e5e5 87%);
  }
  .road {
    flex-direction: column;
  }
  .road > img {
    width: 65%;
    padding-right: 30px;
  }
  .road > video {
    width: 65%;
    padding-right: 30px;
  }
  .road .road_over {
    display: flex;
    align-items: flex-start;
    padding-top: 70px;
    background-image: none;
    width: 65%;
    margin-left: auto;
  }
  .road .road_over .paragraph {
    width: 100%;
    padding: 0 60px 0 0;
  }
  .road .road_over .phone_imgs {
    background-image: none;
    width: 100%;
    padding: 0 0 0 30px;
  }
  .road .road_over .phone_imgs img {
    width: 100%;
  }
  .road_images {
    flex-direction: column;
    padding-top: 150px;
  }
  .road_images .small_cars {
    padding-top: 110px;
  }
  .road_images .small_cars img {
    width: 40%;
  }
  .ovelaping_img {
    padding-bottom: 0;
  }
  .ovelaping_img img:last-child {
    margin-top: -15%;
  }
  .ovelaping_img .paragraph {
    position: relative;
    top: -530px;
    width: 35%;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .ovelaping_img .paragraph {
    top: -730px;
  }
}
@media only screen and (min-width: 1230px) {
  .ckad_main {
    padding: 150px 0 0;
  }
  .ckad_main_absolute {
    padding: 70px 0;
  }
  .road .road_over .phone_imgs {
    padding: 0;
  }
}
@media screen and (min-width: 1320px) {
  .ckad_main,
  .road_images,
  .ovelaping_img {
    width: calc(100% - 120px);
    max-width: 1720px;
  }
}
.process_left .swiper-wrapper {
  overflow-x: visible;
}
.process_left .swiper {
  margin-right: -10px;
}
.process_left .swiper-slide img,
.process_left .swiper-slide .swiper-slide {
  width: 100%;
}
.process_left .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #000;
  opacity: 1;
}
.process_left
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid #000000;
}
.process_left .swiper_pagination_cont {
  width: 80%;
  display: flex;
  padding-top: 10px;
}
.process_left .swiper_pagination_cont .counter {
  font-weight: 400;
  font-size: 18px;
}
.process_left .swiper-counter {
  position: absolute;
  right: 10px;
  bottom: 0;
}
.content_process_slider .swiper-pagination {
  bottom: 0 !important;
  text-align: left;
  max-width: 600px;
  display: flex;
  align-items: center;
}
.process_left.first_patern {
  display: block;
}
.process_left .content_process {
  padding-bottom: 70px;
}
.process_left .content_process .paragraph {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.02em;
}
.process_left .carousel_slides_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.process_left .carousel_container {
  width: 100vw;
  margin-left: 50%;
  transform: translate(-50%);
}
.process_left .carousel_container .counter_slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90vw;
  margin: 0 auto 0 10px;
}
.process_left .carousel_container .counter_slide .num_counter {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.02em;
}
.process_left .carousel_container .slideshow-container {
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.process_left .carousel_container .slideshow-container::-webkit-scrollbar {
  display: none;
}
.process_left .carousel_container .slideshow-container .mySlides {
  width: 100%;
  overflow-x: visible;
  padding: 0 10px;
}
.process_left .carousel_container .slideshow-container .mySlides img {
  width: 90vw;
  max-width: none;
}
.gray70 {
  background-image: linear-gradient(#f4f4f4 0%, #f4f4f4 65%, white 65%);
}
.content_result_slider {
  position: relative;
  padding-top: 30px;
}
.content_result_slider .swiper-counter {
  bottom: 0;
  right: calc((100% - 1200px) / 2 + 60px);
}
.rez_right {
  background: linear-gradient(#f4f4f4, #f4f4f4 68%, white 68%);
}
.rez_right .swiper-pagination {
  bottom: 0 !important;
  text-align: left;
  max-width: 1200px;
  display: flex;
  align-items: center;
}
.rez_right .content_process {
  padding-right: 10px;
}
.rez_right .mySlides > img {
  height: auto;
  width: 100%;
  margin: 0;
  max-width: 100%;
}
.rez_right .sablon_p {
  padding-top: 75px;
}
@media only screen and (min-width: 768px) {
  .process_left .swiper-slide:last-child {
    margin-right: 0;
  }
  .process_left .content_process {
    width: 50%;
  }
  .process_left .swiper_pagination_cont {
    width: 80%;
  }
  .process_left .carousel_container .slideshow-container .mySlides {
    padding: 0 30px;
  }
  .process_left .carousel_container .slideshow-container .mySlides img {
    width: 80vw;
  }
  .process_left .carousel_container .counter_slide {
    width: 80vw;
    margin: 0 auto 0 30px;
  }
  .rez_right {
    background: linear-gradient(#f4f4f4, #f4f4f4 66%, white 66%);
  }
  .rez_right .content_process {
    width: 50%;
    margin-left: auto;
    padding-left: 0;
    padding-right: 30px;
  }
  .rez_right .sablon_p {
    width: 60%;
  }
  .rez_right .swiper-slide,
  .rez_right .swiper_pagination_cont {
    width: 65%;
  }
}
@media only screen and (min-width: 900px) {
  .content_process_slider {
    width: 50%;
    position: relative;
  }
  .content_process_slider.slider_result {
    width: 100%;
  }
  .process_left {
    flex-direction: row;
  }
  .process_left .content_process {
    width: 30%;
  }
  .process_left .carousel_container {
    width: 70%;
    padding-left: 180px;
  }
  .process_left.first_patern {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
    align-items: flex-start;
  }
  .process_left.first_patern .swiper {
    margin-left: 0;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 20px;
    margin-right: 0;
  }
  .process_left.first_patern .swiper-slide,
  .process_left.first_patern .swiper_pagination_cont {
    width: 100%;
  }
  .process_left.first_patern .carousel_container {
    width: 100%;
    margin: 0 auto 0 0;
    transform: none;
    padding-left: 180px;
  }
  .process_left.first_patern .carousel_container .counter_slide {
    width: 90%;
    margin: 0 auto 0 30px;
  }
  .process_left.first_patern .carousel_container .slideshow-container {
    position: relative;
    max-width: none;
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    overflow-x: auto;
    width: 100%;
  }
  .process_left.first_patern
    .carousel_container
    .slideshow-container
    .mySlides {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
  .process_left.first_patern
    .carousel_container
    .slideshow-container
    .mySlides
    img {
    object-fit: contain;
    width: auto;
    margin-right: 10px;
  }
  .process_left.first_patern .content_process {
    width: 35%;
    overflow: visible;
    padding-right: 30px;
    padding-bottom: 0;
  }
  .process_left.first_patern .content_process h2 {
    display: flex;
    flex-direction: column;
  }
  .process_left.first_patern .content_process h2 span {
    padding-bottom: 30px;
  }
  .rez_right {
    flex-direction: column;
    max-width: 100%;
    width: 100%;
  }
  .rez_right .swiper {
    margin-left: 0;
  }
  .rez_right .swiper-slide {
    width: 90%;
  }
  .rez_right .swiper_pagination_cont {
    margin-left: calc((100% - 1200px) / 2);
    width: 80%;
  }
  .rez_right .content_process {
    width: 35%;
    margin-left: calc((100% - 1200px) / 2 + 600px);
    margin-right: 0;
  }
  .rez_right .content_process .paragraph {
    width: 360px;
  }
  .rez_right .carousel_container {
    width: 100vw;
    padding-left: 0;
  }
  .rez_right .carousel_container .slideshow-container .mySlides img {
    object-fit: cover;
    height: auto;
  }
  .rez_right .sablon_p {
    width: 50%;
  }
}
@media only screen and (min-width: 1201px) {
  .rez_right .swiper {
    --minWidth: min(1720px, calc(100% - 120px));
    margin-left: calc((100% - var(--minWidth)) / 2);
    padding-bottom: 30px;
    margin-right: 0;
    padding-left: 0;
  }
}
.admin_page {
  position: relative;
}
.admin_page .gradient {
  background: linear-gradient(
    to right,
    #f2f2f2 0%,
    #f2f2f2 38%,
    transparent 38%,
    transparent 100%
  );
}
.admin_page .gradient.black_gradient {
  background: linear-gradient(
    to right,
    #282828 0%,
    #282828 38%,
    transparent 38%,
    transparent 100%
  );
}
.admin_page header {
  max-width: 1200px;
}
.admin_page h1 {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
  color: #000;
}
.admin_page .page_header {
  display: none;
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  color: #000;
}
.admin_page .title {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #000;
  padding: 0;
}
.admin_page .menu_title {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 100%;
  overflow: hidden;
}
.admin_page span.invalid {
  color: #fc350a;
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
}
.admin_page input.invalid {
  border-bottom: 1px solid red;
}
.admin_page .apointment.screen_max_width {
  padding-top: 40px;
}
.admin_page .apointment.screen_max_width label {
  padding-bottom: 60px;
}
.admin_page .apointment .input {
  width: 43%;
}
.admin_page .apointment .info {
  position: relative;
  white-space: pre-line;
}
.admin_page .apointment .next_page_arrow {
  width: 50%;
}
.admin_page .apointment .next_page_arrow .input {
  width: 100%;
  padding-left: 90px;
}
.admin_page .apointment .next_page_arrow .input.btn {
  cursor: default;
}
.admin_page .apointment .next_page_arrow .input.btn button {
  cursor: pointer;
}
.admin_page span.white_text {
  cursor: pointer;
  font-size: larger;
  font-weight: 700;
  color: #fff;
}
.admin_page .dropbtn {
  cursor: pointer;
}
.admin_page .dropdown {
  position: absolute;
  display: flex;
  right: 0;
}
.admin_page .dropdown-content {
  display: none;
  background-color: #f1f1f1;
  min-width: 100px;
  z-index: 1;
}
.admin_page .dropdown-content li {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.admin_page .dropdown-content li:nth-child(2n) {
  background-color: #e5e5e5;
}
.admin_page .dropdown-content li:nth-child(odd) {
  background-color: #fff;
}
.admin_page .show {
  display: flex;
  flex-direction: column;
}
.admin_page .copyright {
  position: absolute;
  right: 0;
  bottom: 40px;
  height: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #a0a0a0;
  overflow: hidden;
}
.admin_page .project_container {
  display: flex;
  position: relative;
  width: 100%;
  height: 100vh;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.admin_page .project_container::-webkit-scrollbar {
  display: none;
  width: 0px;
  background: transparent;
}
.admin_page .project_container.personal_area .right_container .header {
  height: 115px;
}
.admin_page .project_container .left_container {
  display: flex;
  flex-direction: column;
  width: 33%;
  margin-right: calc((100% - 1200px) / 2);
  padding-top: 0;
  padding-left: 0;
  background: #282828;
}
.admin_page .project_container .left_container.gray {
  background-color: #f2f2f2;
}
.admin_page .project_container .left_container .logo {
  align-items: start;
  padding-top: 68px;
  padding-bottom: 92px;
  overflow: visible;
}
.admin_page .project_container .left_container .logo img {
  max-width: 130px;
}
.admin_page .project_container .left_container .name,
.admin_page .project_container .left_container .project {
  color: #fff;
  overflow: visible;
}
.admin_page .project_container .left_container .name.blackFont,
.admin_page .project_container .left_container .project.blackFont {
  color: #000;
}
.admin_page .project_container .left_container .name.blackFont li,
.admin_page .project_container .left_container .project.blackFont li {
  padding-left: 0;
}
.admin_page .project_container .left_container .name {
  padding-bottom: 56px;
}
.admin_page .project_container .left_container .name a h2 {
  font-size: 24px;
  font-weight: 900;
  line-height: 100%;
  overflow: hidden;
}
.admin_page .project_container .left_container ul a {
  font-size: 18px;
}
.admin_page .project_container .left_container li {
  padding: 20px;
}
.admin_page .project_container .left_container li.padding30 {
  padding: 30px 30px 0;
}
.admin_page .project_container .left_container li.listItem {
  padding-top: 10px;
  padding-bottom: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000;
}
.admin_page .project_container .left_container li.listItem.first {
  padding-left: 7%;
}
.admin_page .project_container .left_container li.listItem.second {
  padding-left: 14%;
}
.admin_page .project_container .right_container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 66%;
  min-height: 100vh;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 0;
  padding: 80px 0 60px 60px;
}
.admin_page .project_container .right_container.mobile .burger {
  display: none;
  flex-direction: column;
  gap: 4px;
  position: absolute;
  margin-top: 15px;
  right: 30px;
}
.admin_page .project_container .right_container.mobile .burger.close {
  display: none;
  z-index: 2;
}
.admin_page .project_container .right_container.mobile .burger span {
  width: 20px;
  height: 2px;
  background: #000000;
}
.admin_page .project_container .right_container.mobile .logo,
.admin_page .project_container .right_container.mobile .mobile_label,
.admin_page .project_container .right_container.mobile .tablet_label,
.admin_page
  .project_container
  .right_container
  .next_prev
  .next_prev_box.hidden {
  display: none;
}
.admin_page .project_container .right_container .next_prev .next_prev_box img {
  padding-left: 0;
  padding-right: 35px;
}
.admin_page .project_container .right_container .next_prev .logo,
.admin_page .project_container .right_container .next_prev .name {
  display: none;
}
.admin_page .project_container .right_container .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 115px;
}
.admin_page .project_container .right_container .header p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}
.admin_page .project_container .right_container .exit {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 150px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}
.admin_page .project_container .right_container .exit.padding95 {
  padding-bottom: 110px;
}
.admin_page .project_container .right_container .input.search {
  width: 50%;
}
.admin_page .project_container .right_container .input.search input,
.admin_page .project_container .right_container .input.search.start {
  width: 100%;
}
.admin_page .project_container .right_container .search {
  position: relative;
  padding-bottom: 40px;
}
.admin_page .project_container .right_container .search .fa {
  position: absolute;
  right: 5px;
  top: 5px;
  rotate: 90deg;
  color: #a0a0a0;
}
.admin_page .project_container .right_container .search input {
  width: 360px;
  height: 30px;
  padding: 0 0 0 9px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.admin_page .project_container .right_container .search input::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.admin_page .project_container .right_container .project_info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.admin_page .project_container .right_container .project_info .infodata_name {
  display: flex;
  justify-content: space-between;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #a0a0a0;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .infodata_wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .infodata_wrapper
  label {
  display: flex;
  align-items: center;
  max-width: 80%;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 24px;
  overflow: hidden;
}
.admin_page .project_container .right_container .project_info .name_date {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.admin_page .project_container .right_container .project_info .name_date label {
  display: flex;
  align-items: center;
  max-width: 80%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 31px;
  overflow: hidden;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .name_date_header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 16px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #a0a0a0;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .name_date_header
  img {
  padding-left: 10px;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .name_date
  .gray_text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #a0a0a0;
}
.admin_page .project_container .right_container .project_info .input {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .input:first-child {
  padding-top: 0;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .input
  > .name_header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 16px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #a0a0a0;
}
.admin_page .project_container .right_container .project_info .input input {
  border: none;
  border-bottom: 1px solid #000000;
  font-size: 36px;
  color: #000;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .input
  input.invalid {
  border-bottom: 1px solid red;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .input
  input.input_data {
  height: 31px;
  font-size: 18px;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .input
  .name_date:only-child {
  border-bottom: 1px solid #000000;
}
.admin_page .project_container .right_container .project_info .input .info {
  bottom: 0;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .input
  span.invalid {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  overflow: hidden;
}
.admin_page .project_container .right_container .project_info .input.saveFile {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 34px 0 0;
  height: -moz-fit-content;
  height: fit-content;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .input
  .input_data.textarea {
  width: 100%;
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  border: 1px solid #a0a0a0;
  resize: none;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .input
  .input_data.description {
  height: 117px;
}
.admin_page .project_container .right_container .project_info .preview {
  width: 100%;
  display: flex;
  align-items: center;
}
.admin_page .project_container .right_container .project_info .preview label {
  width: 109px;
  height: 40px;
  border: 1px solid #000000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
}
.admin_page .project_container .right_container .project_info .preview input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .preview
  .calendar-image {
  width: 74px;
  height: 40px;
  margin-left: 41px;
  padding: 4px 12px;
  background: #f2f2f2;
  border: 1px solid #000000;
  overflow: hidden;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .preview
  .calendar-image
  img {
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: scale-down;
}
.admin_page .project_container .right_container .project_info .input_group {
  width: 100%;
}
.admin_page
  .project_container
  .right_container
  .project_info
  .input_group
  > div {
  width: 50%;
}
.admin_page .project_container .right_container .input_group {
  display: flex;
  flex-direction: row;
  gap: 60px;
}
.admin_page .project_container .right_container .input_group.bottom_separator {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.admin_page .project_container .right_container .input_group select {
  background: transparent;
  border: none;
  width: 100%;
  height: 31px;
  border-bottom: 1px solid #a0a0a0;
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
  margin-bottom: 30px;
}
.admin_page
  .project_container
  .right_container
  .input_group
  select.project_direction {
  margin-bottom: 0;
}
.admin_page .project_container .right_container .input_group .multiimagebox {
  max-height: 180px;
  overflow: auto;
}
.admin_page
  .project_container
  .right_container
  .input_group
  > div:nth-child(2)
  .preview
  .ex_btn_cont {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.admin_page
  .project_container
  .right_container
  .input_group
  > div:nth-child(2)
  .preview
  .ex_btn_cont
  .ex_btn {
  padding: 0;
}
.admin_page .project_container .right_container .button_section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.admin_page .project_container .right_container .button_section .fatbuttons {
  display: flex;
  align-items: center;
}
.admin_page
  .project_container
  .right_container
  .button_section
  .fatbuttons
  .fatbutton {
  width: -moz-fit-content;
  width: fit-content;
}
.admin_page
  .project_container
  .right_container
  .button_section
  .fatbuttons
  .fatbutton:first-child {
  margin-right: 50px;
}
.admin_page
  .project_container
  .right_container
  .button_section
  .fatbuttons
  .fatbutton
  label {
  width: auto;
  padding: 11px 20px;
  white-space: nowrap;
  overflow: hidden;
}
.admin_page .project_container .right_container .fatbutton {
  width: 100%;
  display: flex;
  align-items: center;
}
.admin_page .project_container .right_container .fatbutton label {
  width: 109px;
  height: 40px;
  border: 1px solid #000000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
}
.admin_page .project_container .right_container .calendar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 38px 125px;
  background: #f2f2f2;
}
.admin_page .project_container .right_container .calendar img {
  width: 100%;
  height: 100%;
  padding: 0;
}
.admin_page .project_container .right_container .printFile {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 18px;
}
.admin_page .project_container .right_container .printFile label {
  padding-right: 35px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.admin_page .project_container .right_container .printFile button {
  width: 30px;
  height: 30px;
  background-color: #000;
}
.admin_page .project_container .right_container .printFile button img {
  width: 21.5px;
  height: 19px;
  padding: 0;
  color: #fff;
}
.admin_page .project_container .right_container .saveFile {
  padding-top: 60px;
  padding-left: 244px;
}
.admin_page .project_container .right_container .saveFile.save_patern_project {
  padding: 0;
  display: flex;
  align-items: center;
}
.admin_page
  .project_container
  .right_container
  .saveFile.save_patern_project
  label {
  display: flex;
  align-items: center;
}
.admin_page .project_container .right_container .saveFile label {
  width: -moz-fit-content;
  width: fit-content;
  height: 31px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.admin_page .project_container .right_container .saveFile button {
  width: 60px;
  height: 60px;
  margin-left: 30px;
  background: #020203;
}
.admin_page .project_container .right_container .saveFile button img {
  width: 43px;
  height: 38px;
  padding: 0;
  color: #fff;
}
.admin_page .project_container .right_container .customers_container {
  display: flex;
  flex-direction: row;
}
.admin_page .project_container .right_container .customers_container .customer {
  width: 50%;
  padding-right: 30px;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .customer.add_project
  .project_info {
  padding-top: 40px;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .customer.add_project
  .project_info
  .name_date_header {
  padding-bottom: 6px;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .customer
  .search
  input {
  width: 100%;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .pattern_project.add_project
  .project_info {
  padding-top: 40px;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .pattern_project.add_project
  .project_info
  .name_date_header {
  padding-bottom: 6px;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .pattern_project.add_project
  .project_info
  .name_date_header.download {
  padding-bottom: 16px;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .pattern_project
  .search
  input {
  width: 100%;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .add_customer {
  padding-left: 30px;
  width: 50%;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .add_customer
  .title {
  overflow: visible;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .add_customer
  form {
  background: #f2f2f2;
  margin-top: 46px;
  padding: 20px 10px 30px 20px;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .add_customer
  .input {
  height: auto;
  font-size: 14px;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .add_customer
  .name_date_header {
  padding-bottom: 0;
}
.admin_page
  .project_container
  .right_container
  .customers_container
  .add_customer
  .name_date_header
  label {
  overflow: hidden;
}
.admin_page .project_container .right_container .edit {
  position: absolute;
  right: 20px;
}
.admin_page .project_container .right_container .edit.edit_proekt {
  position: relative;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-bottom: 18px;
}
.admin_page .project_container .remove_project {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
}
.admin_page .project_container .remove_project .printFile {
  padding-top: 0;
}
.admin_page .project_container .remove div {
  padding: 8px 10px;
  background-color: #fc350a;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  cursor: pointer;
}
.admin_page .arrow_down {
  padding-left: 0;
  width: 10px;
  height: 6px;
}
.admin_page .container_site {
  padding-bottom: 0;
}
.admin_page .container_site.none {
  display: none;
}
.project_title {
  display: flex;
  width: 100%;
}
.project_title .tablet_label {
  width: 50%;
  padding-right: 30px;
}
.project_title > a {
  width: 50%;
  padding-left: 30px;
}
.screen_max_width {
  width: calc(100% - 120px);
  max-width: 1720px;
  margin: 0 auto;
}
@media screen and (max-width: 1230px) {
  .screen_max_width {
    width: calc(100% - 60px);
  }
}
.admin_page .screen_max_width .input {
  width: 50%;
}
@media only screen and (max-width: 1279px) {
  .admin_page .apointment.screen_max_width {
    padding-top: 27px;
    min-height: calc(100vh - 643px);
  }
  .admin_page .apointment.screen_max_width label {
    padding-bottom: 10px;
  }
  .admin_page .apointment .next_page_arrow .input {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 1200px) {
  .admin_page .copyright {
    display: none;
    position: relative;
    left: 0;
    right: auto;
    padding: 100px 30px 30px 0;
    bottom: 0;
  }
  .admin_page .copyright.padding30 {
    display: block;
    padding: 100px 30px 30px;
  }
  .admin_page .container_site.volna {
    padding: 0;
  }
  .admin_page .project_container .mobile_menu {
    display: none;
    width: 50%;
    margin-right: auto;
    z-index: 1;
    padding: 100px 30px 30px 10px;
  }
  .admin_page .project_container .mobile_menu .logo {
    display: none;
  }
  .admin_page .project_container .right_container {
    padding-right: 60px;
  }
  .admin_page .project_container .right_container.mobile {
    width: 100%;
    padding: 20px 30px;
  }
  .admin_page .project_container .right_container.mobile .burger {
    display: flex;
  }
  .admin_page .project_container .right_container.mobile .exit {
    display: none;
  }
  .admin_page .project_container .right_container.mobile .logo {
    display: flex;
    max-width: 130px;
    padding-bottom: 60px;
  }
  .admin_page .project_container .right_container.mobile .Exit {
    display: none;
  }
  .admin_page .project_container .right_container.mobile .header {
    align-items: flex-start;
    overflow: hidden;
  }
  .admin_page .project_container .right_container.mobile .header .logo img {
    padding-left: 0;
  }
  .admin_page .project_container .right_container.mobile .next_prev_box.hidden {
    display: block;
  }
  .admin_page .project_container .right_container.mobile .calendar {
    padding: 34px 113px;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .remove_project
    .printFile
    button {
    width: 50px;
    height: 50px;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .remove_project
    .printFile
    button
    img {
    width: 36px;
    height: 32px;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .remove_project
    .remove {
    display: none;
  }
  .admin_page .project_container .right_container.mobile .customers_container {
    overflow: visible;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .customers_container.start {
    width: 100%;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .customers_container
    .customer {
    width: 50%;
    padding-right: 30px;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .customers_container
    .customer.add_project
    .project_info {
    padding-top: 60px;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .customers_container
    .customer.add_project
    .title {
    padding: 0;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .customers_container
    .add_customer {
    margin-top: -150px;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .customers_container
    .add_customer.start {
    margin-top: 0;
  }
  .admin_page .project_container .right_container.column_reverse .header {
    align-items: flex-start;
  }
  .admin_page .project_container .right_container.column_reverse .search {
    display: none;
  }
  .admin_page .project_container .right_container.column_reverse .tablet_label {
    display: flex;
    padding-bottom: 40px;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    color: #000;
  }
  .admin_page .project_container .right_container.column_reverse .mobile_label {
    display: flex;
    padding-bottom: 60px;
  }
  .admin_page .project_container .right_container.column_reverse .display_none {
    display: none;
  }
  .admin_page
    .project_container
    .right_container.column_reverse
    .customers_container
    .add_customer {
    width: 50%;
  }
  .admin_page
    .project_container
    .right_container.column_reverse
    .customers_container
    .add_customer
    form {
    margin-top: 0;
  }
  .admin_page
    .project_container
    .right_container.column_reverse
    .customers_container
    .add_customer
    form
    .edit {
    bottom: 30px;
  }
  .admin_page .gradient,
  .admin_page .gradient.black_gradient {
    background: transparent;
  }
  .admin_page .project_title {
    flex-direction: column;
    width: 50%;
  }
  .admin_page .project_title > a {
    padding-left: 0;
  }
  .admin_page .project_title > a .mobile_label.title {
    padding-left: 0;
  }
}
@media only screen and (max-width: 900px) {
  .admin_page .personal_area .left_container {
    width: 0;
    padding: 0;
  }
  .admin_page .personal_area .right_container {
    width: 100%;
    padding: 20px 30px;
  }
  .admin_page .personal_area .right_container .header {
    align-items: flex-start;
    padding: 0;
  }
  .admin_page .personal_area .right_container .search {
    padding-bottom: 60px;
  }
  .admin_page .personal_area .right_container .next_prev .logo {
    display: block;
    padding-bottom: 60px;
  }
  .admin_page .personal_area .right_container .next_prev .logo img {
    padding-left: 0;
  }
  .admin_page .personal_area .right_container .next_prev .name {
    display: block;
    padding-bottom: 30px;
  }
  .admin_page .personal_area .right_container .next_prev .next_prev_box {
    display: none;
  }
  .admin_page .personal_area .right_container .next_prev .back {
    display: block;
    padding-bottom: 60px;
  }
  .admin_page .personal_area .right_container .calendar {
    padding: 34px 113px;
  }
  .admin_page .personal_area .right_container .printFile {
    justify-content: start;
  }
  .admin_page .project_info .name_date {
    align-items: flex-end;
  }
  .admin_page .project_info .name_date label,
  .admin_page .project_info .name_date div {
    height: -moz-fit-content;
    height: fit-content;
    white-space: pre-wrap;
    font-size: 15px;
  }
  .admin_page .project_info .name_date label.gray_text,
  .admin_page .project_info .name_date div.gray_text {
    font-size: 12px;
  }
  .admin_page .project_info .infodata_name {
    align-items: flex-end;
  }
  .admin_page .project_info .infodata_name label,
  .admin_page .project_info .infodata_name div {
    height: -moz-fit-content;
    height: fit-content;
    white-space: pre-wrap;
    font-size: 15px;
  }
  .admin_page .project_info .infodata_name label.gray_text,
  .admin_page .project_info .infodata_name div.gray_text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 880px) {
  .admin_page .page_header {
    display: flex;
    padding: 80px 30px 70px;
  }
  .admin_page .container_site.none {
    display: block;
  }
  .admin_page .container_site .title {
    overflow: hidden;
  }
  .admin_page .container_site .count .count_box .count_num {
    margin-top: 35px;
  }
  .admin_page .container_site .count .count_box.contact_box span.gray_text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #a0a0a0;
    text-transform: capitalize;
  }
  .admin_page .container_site .count .count_box.contact_box span.capitalize {
    text-transform: capitalize;
  }
  .admin_page .next_prev .next_prev_box.visible {
    display: block;
  }
}
@media only screen and (max-width: 760px) {
  .admin_page .page_header {
    padding: 20px 32px 0 7px;
  }
  .admin_page .copyright.padding30 {
    padding: 100px 10px 30px;
  }
  .admin_page .personal_area .right_container .calendar {
    padding: 26px 52px;
  }
  .admin_page
    .project_container
    .right_container.mobile
    .customers_container
    .customer {
    width: 100%;
    padding-right: 0;
  }
  .admin_page .project_container .right_container.mobile .mobile_label,
  .admin_page .project_container .right_container .project_title {
    width: 100%;
  }
  .admin_page .project_container .right_container .project_title > a {
    width: 100%;
  }
  .admin_page
    .project_container
    .right_container.column_reverse
    .customers_container
    .add_customer {
    margin-top: 0;
  }
  .admin_page .project_container .right_container.column_reverse .tablet_label,
  .admin_page .project_container .right_container .input.search {
    width: 100%;
  }
  .admin_page .project_container .right_container .project_info .input_group {
    flex-direction: column;
  }
  .admin_page
    .project_container
    .right_container
    .project_info
    .input_group
    > div {
    width: 100%;
  }
  .admin_page .project_container .right_container .button_section {
    flex-direction: column;
  }
  .admin_page .project_container .right_container .button_section .fatbuttons {
    width: 100%;
  }
  .admin_page
    .project_container
    .right_container
    .button_section
    .saveFile.save_patern_project {
    justify-content: flex-end;
    width: 100%;
    padding-top: 30px;
  }
  .admin_page .apointment .next_page_arrow .input {
    padding-left: 0;
  }
  .admin_page .apointment .input {
    width: 100%;
  }
  .admin_page .apointment .input.password,
  .admin_page .apointment .input.password label {
    padding-top: 0;
  }
}
@media only screen and (max-width: 630px) {
  .admin_page {
    overflow-y: auto;
  }
  .admin_page .project_container .right_container.mobile .mobile_label {
    display: flex;
    padding-bottom: 60px;
  }
  .admin_page .project_container .right_container.mobile .add_customer {
    display: none;
  }
  .admin_page .project_container .right_container.mobile .saveFile {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-left: 0;
  }
  .admin_page .project_container .right_container.mobile .saveFile button {
    width: 50px;
    height: 50px;
  }
  .admin_page .project_container .right_container.mobile .calendar {
    padding: 26px 52px;
  }
  .admin_page .project_container .right_container.column_reverse {
    height: -moz-fit-content;
    height: fit-content;
    overflow-y: auto;
  }
  .admin_page
    .project_container
    .right_container.column_reverse
    .customers_container {
    flex-direction: column-reverse;
  }
  .admin_page
    .project_container
    .right_container.column_reverse
    .customers_container
    .add_customer {
    position: relative;
    top: 0;
    display: flex;
    width: 100%;
    padding: 0 0 60px;
  }
  .admin_page .project_container .mobile_menu {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .admin_page .project_container .right_container .button_section .fatbuttons {
    flex-direction: column;
    align-items: flex-start;
  }
  .admin_page
    .project_container
    .right_container
    .button_section
    .fatbuttons
    .fatbutton:first-child {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 440px) {
  .admin_page .personal_area .right_container .search input {
    width: 100%;
  }
}
#modal {
  display: flex;
}
.modal_container {
  position: fixed;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: #00000049;
  z-index: 25;
}
.modal_container .modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 20%;
  height: 31%;
  display: block;
  z-index: 30;
  background: #ffffff;
}
.modal_container .modal h2 {
  padding-bottom: 50px;
  font-style: normal;
  font-weight: 900;
  font-size: 48px;
  line-height: 60px;
  text-align: center;
  color: #000;
}
.modal_container .modal .button_box {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.modal_container .modal .button_box button {
  padding: 7px 11px 10px 10px;
  border: 1px solid black;
}
.modal_container .modal .button_box button span {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
}
.modal_container .modal .button_box button.white {
  color: #000;
  background-color: #fff;
}
.modal_container .modal .button_box button.black {
  color: #fff;
  background-color: #000;
}
.modal_container .close {
  position: fixed;
  top: 28.5%;
  left: 60%;
  width: 60px;
  height: 60px;
  background-color: #000;
}
.modal_container .close button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 40px;
}
@media only screen and (max-width: 1500px) {
  .modal_container .modal {
    width: 28%;
    height: 31%;
  }
  .modal_container .close {
    left: 64%;
  }
}
@media only screen and (max-width: 1200px) {
  .modal_container .modal {
    width: 35%;
    height: 35%;
  }
  .modal_container .modal h2 {
    font-size: 38px;
  }
  .modal_container .modal .button_box button span {
    font-size: 26px;
  }
  .modal_container .close {
    top: 26.5%;
    left: 67.5%;
  }
}
@media only screen and (max-width: 880px) {
  .modal_container .modal {
    width: 45%;
  }
  .modal_container .close {
    left: 72.5%;
  }
}
@media only screen and (max-width: 650px) {
  .modal_container .modal {
    width: 55%;
  }
  .modal_container .close {
    left: 77.5%;
    font-size: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .modal_container .modal {
    width: 62%;
    height: 30%;
  }
  .modal_container .modal h2 {
    font-size: 25px;
  }
  .modal_container .modal h2 .button_box button span {
    font-size: 20px;
  }
  .modal_container .close {
    top: 31%;
    left: 81.5%;
    width: 40px;
    height: 40px;
  }
  .modal_container .close button {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1320px) {
  html {
    --minWidth: min(1720px, calc(100% - 120px));
    --oneCol: calc((var(--minWidth) - 100px) / 3);
    --twoCols: calc((var(--oneCol) * 2) + 50px);
    --gridTemplate1fr2fr: 1fr calc(((100% - 100px) / 3 * 2) + 50px);
    --gridTemplate2fr1fr: calc(((100% - 100px) / 3 * 2) + 50px) 1fr;
  }
  .process_left.first_patern {
    display: grid;
    grid-template-columns: var(--gridTemplate1fr2fr);
    gap: 50px;
  }
  .process_left.first_patern .content_process {
    width: auto;
    padding-right: 0;
  }
  .content_process_slider {
    width: auto;
  }
  .description {
    max-width: 780px;
    margin-left: calc((100% - 100px) / 3 + 50px);
  }
  .rez_right .content_process {
    width: calc(100% - 120px);
    max-width: 1720px;
    margin: 0 auto;
    padding: 0;
  }
  .rez_right .content_process .subtitle,
  .rez_right .content_process .paragraph {
    width: calc((100% - 100px) / 3);
    margin-left: calc((100% - 100px) / 3 + 50px);
  }
  .content_result_slider {
    padding-top: 100px;
  }
  .container_site.process {
    display: grid;
    grid-template-columns: var(--gridTemplate1fr2fr);
    gap: 50px;
    padding-bottom: 100px;
  }
  .container_site.process.navigation {
    padding-top: 80px;
  }
  .container_site.process .content_process {
    max-width: calc(50% - 25px);
    padding: 0;
    grid-column: 2;
  }
  .container_site.process img {
    grid-row: 1;
  }
  .gray_backgroud.width1200 {
    max-width: 1720px;
  }
  .container_site.logo_section {
    justify-content: center;
    gap: 200px;
  }
  .content_process.volna_content {
    width: calc((100% - 100px) / 3);
    margin-left: calc((100% - 100px) / 3 + 50px);
    padding: 0;
  }
  .image_section .cover.gradient,
  .image_section .align_right_p_cont {
    width: calc(100% - 120px);
    max-width: 1720px;
  }
  .image_section .paragraph.align_right {
    width: calc((100% - 100px) / 3);
    max-width: 460px;
    margin-left: calc((100% - 100px) / 3 + 50px);
    padding: 0;
  }
  .image_section.monohrom .paragraph,
  .lego_center .paragraph {
    padding-left: 0;
    padding-right: 0;
    width: calc((var(--minWidth) - 100px) / 3);
    max-width: 460px;
    margin-left: calc((100% - var(--minWidth)) / 2 + var(--oneCol) + 50px);
  }
  .container_site.fields_img {
    justify-content: flex-end;
  }
  .container_site.fields_img .fields_image_container {
    width: calc((100% - 100px) / 3 * 2 + 50px);
    padding-right: 0;
  }
  .container_site.process.middle50 .content_process.tool {
    padding-left: 0;
  }
  .container_site.process.middle50 .content_process {
    grid-column: 2;
  }
  .process.navigation .title_img img {
    max-width: none;
    width: auto;
    padding-top: 0;
  }
  .container_site.process.interior_design {
    display: block;
  }
  .container_site.process.interior_design .star_content {
    display: grid;
    grid-template-columns: var(--twoCols) 1fr;
  }
  .process .small_image_container {
    grid-row: 1;
  }
  .process.navigation .title_img {
    grid-column: 2;
    grid-row: 1;
    padding: 0;
  }
  .process.interior_design .star_content .full_screen_img {
    width: auto;
    max-width: 840px;
  }
  .colors_wrapper {
    display: grid;
    grid-template-columns: var(--gridTemplate2fr1fr);
    gap: 50px;
    padding-left: 0;
  }
  .color_picker_container {
    width: 100%;
  }
  .colors_wrapper .color_picker {
    justify-content: flex-start;
    gap: 60px;
  }
  .volna_info {
    width: auto;
    margin-right: 0;
    padding-bottom: 150px;
  }
  .volna_info img,
  .volna_info p {
    width: 100%;
    object-fit: cover;
  }
  .image_section.him .title_images {
    display: grid;
    grid-template-columns: var(--gridTemplate1fr2fr);
    gap: 50px;
    margin-bottom: 70px;
  }
  .image_section.him .title_images.left {
    grid-template-columns: var(--gridTemplate2fr1fr);
  }
  .image_section.him .title_images.bigRight {
    grid-template-columns: var(--gridTemplate1fr2fr);
  }
  .image_section.him .title_images .cover:first-child,
  .image_section.him .title_images .cover:last-child,
  .image_section.him .content_images .composition,
  .image_section.him .color_scheme,
  .image_section.him .title_images .cover.big40,
  .image_section.him .title_images .cover.big60,
  .image_section.images .image_row img:first-child,
  .image_section.images .image_row img:last-child {
    width: 100%;
    padding: 0;
  }
  .image_section.him .title_images .cover {
    height: 50vh;
    max-height: 650px;
  }
  .image_section.him .content_images.colore_sheme_content {
    display: grid;
    grid-template-columns: var(--gridTemplate2fr1fr);
    gap: 50px;
  }
  .image_section.him .content_images .composition {
    grid-column: 2;
  }
  .image_section.him .color_scheme {
    grid-row: 1;
  }
  .image_section.images {
    padding: 50px 0 0;
  }
  .image_section.images .image_row {
    display: grid;
    grid-template-columns: var(--gridTemplate2fr1fr);
    gap: 50px;
  }
  .image_section img.big_img.nopadding {
    padding-bottom: 0;
  }
  #contacts {
    display: grid;
    grid-template-columns: var(--gridTemplate1fr2fr);
    gap: 50px;
  }
  .container_site#contacts h2.title,
  .container_site .contact_content,
  .container_site#contacts h1.title {
    width: 100%;
  }
  .container_site .contact_content .count {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 45px;
    gap: 50px;
  }
  .container_site .count .count_box {
    width: 100%;
  }
  .count_box.contact_box.last_col {
    margin-left: 20px;
  }
  .interier .text_part .exterier_text .paragraph {
    width: 50%;
    max-width: 460px;
  }
  .right_container.kzs_right_container .paragraph {
    padding-bottom: 150px;
  }
  .full_gray.overflow .container_site.gray.column {
    padding: 40px 0 calc(11% + 150px);
  }
  .container_site.process_left.rez_right.left_right_arrows,
  .computor_img.computor_img_text,
  .column.lego_center {
    padding-bottom: 0;
  }
  .float_over .paragraph {
    padding-bottom: 120px;
  }
  .float_over .images {
    display: grid;
    gap: 50px;
    grid-template-columns: var(--gridTemplate2fr1fr);
    max-height: 600px;
    overflow: hidden;
  }
  .float_over .images img:first-child,
  .float_over .images img:last-child {
    width: 100%;
    padding: 0;
    height: 100%;
  }
  .pictures {
    display: grid;
    grid-template-columns: var(--gridTemplate1fr2fr);
    gap: 50px;
  }
  .pictures .poser,
  .pictures .process {
    width: 100%;
    padding: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .client_with_link.client .keywords {
    position: unset;
  }
  .client_with_link.client .client_link {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.about p a {
  text-decoration: underline;
}
.about p a:hover {
  color: #c4c4c4;
}
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  inset: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}




/* --- 1. Базовые стили Header --- */
header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: visible;
    width: 100%;
    color: #222;
    background: #ffffff;
}

header .container_site {
    display: flex;
    padding: 68px 0;
    width: calc(100% - 120px);
    max-width: 1720px;
    margin: 0 auto;
    color: #222;
    background: #ffffff;
    animation: reveal 1s cubic-bezier(.645, .045, .355, 1) 1;
}

/* --- 2. Логотип и Навигация --- */
header .navbar_container {
    overflow: visible;
    background: #ffffff;
    color: #222;
}

header .navbar {
    display: flex;
    font-family: Inter, sans-serif;
    list-style: none;
}

header .navbar li {
    color: #222;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
    height: 17px;
    cursor: pointer;
}

header .navbar li a {
    text-decoration: none;
    color: #222;
    overflow: hidden;
    line-height: 1.2;
    height: 1.2em;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: .6s transform cubic-bezier(.55, 0, .1, 1);
}

header .navbar li a:after {
    content: attr(title);
    height: 0;
    visibility: hidden;
    overflow: hidden;
    user-select: none;
    pointer-events: none;
    font-weight: 700;
}

/* --- 3. Кнопка "Заказать проект" --- */
.link_projects {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 700;
    font-size: 21px;
}

header .navbar_container .link_projects {
    margin: 0;
    padding: 0;
}

header .navbar_container .link_projects a {
    border-color: #222;
    min-width: 142px;
}

.black_hover.white_color {
    color: #fff;
}

.black_hover:before {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0px;
    width: 100%;
    content: "";
    color: #fff !important;
    background: #000000;
    transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
}

.black_hover.white_color:before {
    color: #222 !important;
    background: #ffffff;
}

/* --- 4. Языковой переключатель --- */
header .language {
    position: relative;
    width: 30px;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    overflow: visible;
    text-transform: uppercase;
}

header .language #first_lang_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #222;
    cursor: pointer;
}

header .language #first_lang_item:hover {
    color: #fff;
    background-color: #222;
}

header .language .options {
    display: none;
    position: absolute;
    top: 30px;
    width: 100%;
    cursor: pointer;
    padding-top: 2px;
}

/* Когда открыт (через JS добавляем класс open или active) */
header .language.open .options {
    display: block;
}

header .language .options div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 14px;
}

/* --- 5. Бургер (Общее) --- */
header .burger {
    display: none; /* Скрыт на десктопе по умолчанию */
    flex-direction: column;
    gap: 4px;
    position: absolute;
    margin-top: 15px;
    right: 30px;
}

header .burger span {
    width: 20px;
    height: 2px;
    background: #222222;
}



/* --- 6. DARKMODE --- */
header.darkmode, 
header.darkmode .container_site,
header.darkmode .navbar_container {
    color: #fff;
    background: #222222;
}

header.darkmode .navbar li,
header.darkmode .navbar li a,
header.darkmode .language #first_lang_item {
    color: #fff;
}

header.darkmode .language #first_lang_item:hover {
    color: #222;
    background: #ffffff;
}

header.darkmode .navbar_container .link_projects a {
    border-color: #fff;
}

header.darkmode .burger span {
    background: #ffffff;
}

@media only screen and (min-width: 1025px) {
    .logo.desktop_hide {
        display: none;
    }

    .navbar_container {
        width: 100%;
        display: grid;
        grid-template-columns: max-content 1fr max-content 30px;
        gap: 50px;
        align-items: center;
    }

    header .navbar {
        justify-content: center;
    }
}

@media only screen and (max-width: 1024px) {
    header .burger.visible {
        display: flex;  
    }

    header .navbar_container {
        display: flex;
        flex-direction: column;
        width: 50%;
        height: 0px; 
        position: absolute;
        z-index: 22;
        right: 0;
        top: 60px;
        transition: all 1s ease;
        overflow: hidden;
    }

    header .navbar_container.open {
        height: auto; 
        padding-bottom: 30px;
    }

    header .navbar_container .language {
        order: 2;
        padding-bottom: 50px;
        font-size: 18px;
        display: flex;
        width: 100%;
        overflow: visible;
        padding-left: 10px;
        box-shadow: -10px 0 12px -13px #888;
        text-transform: capitalize;
    }
	
    header .container_site {
        flex-direction: column;
        align-items: start;
        padding: 20px 30px;
        overflow: visible;
        width: 100%;
    }
	
	
}

header .burger.desktop {
    display: none;
}
header .burger.desktop.open {
    display: flex;
}

@media only screen and (max-width: 1024px) {
    header .navbar_container .navbar {
        order: 1;
    }
}
@media only screen and (max-width: 1024px) {
    header .navbar {
        height: auto;
    }
}
@media only screen and (max-width: 1024px) {
    header .navbar {
        flex-direction: column;
        display: flex;
        overflow: visible;
        height: 300px;
        padding: 40px 0 40px 10px;
    }
}
header .navbar {
    display: flex;
    font-family: Inter, sans-serif;
    list-style: none;
}

header .navbar_container.open li a:after {
	display: none;
}

header.darkmode .navbar li {
    color: #fff;
}
@media only screen and (max-width: 1024px) {
    header .navbar li {
        padding: 15px 0;
        width: -moz-fit-content;
        width: fit-content;
        overflow: hidden;
        list-style-type: none;
        height: 40px;
        text-align: left;
        white-space: nowrap;
    }
	
    header .navbar_container.open li + span {
		display: none;
	}
	
	
}

header .navbar li {
    color: #222;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
    height: 17px;
    cursor: pointer;
}

header.darkmode .navbar li a {
    color: #fff;
}


header .navbar li a {
    text-decoration: none;
    color: #222;
    overflow: hidden;
    line-height: 1.2;
    height: 1.2em;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: .6s transform cubic-bezier(.55, 0, .1, 1);
}

header .navbar_container .link_projects {
    margin: 0;
    padding: 0;
}

header.darkmode .navbar_container .link_projects a {
    border-color: #fff;
}


@media only screen and (max-width: 1024px) {
    header .navbar li a {
        font-size: 18px;
    }
}


@media only screen and (max-width: 1024px) {
    header .navbar_container .link_projects {
        order: 3;
        margin: 10px;

    }
}

@media only screen and (max-width: 1024px) {
    header .navbar_container .logo {
        display: none;
    }
}



@media only screen and (max-width: 1024px) {
    header .navbar_container.open {
        /* height: 450px; */
        width: 50%;
    }
}

@media only screen and (max-width: 760px) {
    header .container_site {
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 760px) {
    header .navbar_container.open {
        width: 100%;
        right: 0;
    }
}


@media only screen and (max-width: 1024px) {
    header .language .options {
        display: flex;
        position: relative;
        top: -2px;
        overflow: visible;
        width: -moz-fit-content;
        width: fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
}
 
@media only screen and (max-width: 1230px) {
    header .container_site {
        flex-direction: row;
        width: calc(100% - 60px);
    }
}

header .navbar li a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #222;
    overflow: hidden; 
    height: 17px;   
    line-height: 17px;
    padding: 0 40px;
}

header .navbar li a span {
    display: block;
    position: relative;
    transition: transform 0.5s cubic-bezier(.55, 0, .1, 1);
}

header .navbar li a span:after {
    content: attr(data-title);
    position: absolute;
    top: 100%; 
    left: 0;
    width: 100%;
}

header .navbar li a:hover span {
    transform: translateY(-100%);
}

header .navbar li.menu-active a span,
header .navbar li.current-menu-item a span {
    transform: translateY(-100%);
}


/* home section 1 */
.main_title.index_title {
    overflow: hidden;
    line-height: 1;
    height: 1.1em;
    display: block;
    transition: .6s transform cubic-bezier(.55, 0, .1, 1);
    color: #fff;
}