@charset "UTF-8";
:root {
  --white: #ffffff;
  --black: #000000;
  --gray: #171717;
  --gray_hover: #f0f1f5;
  --gray_hoverhover: #e7e9ef;
  --gray_active: #ecedf2;
  --blue: #526687;
  --pink: #ec417a;
  --red: #743025;
  --yellow: #ae813d;
  --green: #089b40;
  --darkgray: #292933;
  --darkgray_hover: #1b1b26;
  --darkgray_active: #0a0a19;
  --textdesc: #8a8a8a;
  --max: 1850px;
  --min: 1000px;
  --breakpointMid: 990px;
}

@font-face {
  font-family: "PT Sans";
  src: url("fonts/pt_sans/pt_sans.eot"); /* IE 9 Compatibility Mode */
  src: url("fonts/pt_sans/pt_sans.eot?#iefix") format("embedded-opentype"), url("fonts/pt_sans/pt_sans.woff2") format("woff2"), url("fonts/pt_sans/pt_sans.woff") format("woff"), url("fonts/pt_sans/pt_sans.ttf") format("truetype"), url("fonts/pt_sans/pt_sans.svg#pt_sans") format("svg"); /* Chrome < 4, Legacy iOS */
}
@font-face {
  font-family: "PT Sans Italic";
  src: url("fonts/pt_sans/pt_sans_italic.eot"); /* IE 9 Compatibility Mode */
  src: url("fonts/pt_sans/pt_sans_italic.eot?#iefix") format("embedded-opentype"), url("fonts/pt_sans/pt_sans_italic.woff2") format("woff2"), url("fonts/pt_sans/pt_sans_italic.woff") format("woff"), url("fonts/pt_sans/pt_sans_italic.ttf") format("truetype"), url("fonts/pt_sans/pt_sans_italic.svg#pt_sans_italic") format("svg"); /* Chrome < 4, Legacy iOS */
}
@font-face {
  font-family: "PT Sans Bold";
  src: url("fonts/pt_sans/pt_sans_bold.eot"); /* IE 9 Compatibility Mode */
  src: url("fonts/pt_sans/pt_sans_bold.eot?#iefix") format("embedded-opentype"), url("fonts/pt_sans/pt_sans_bold.woff2") format("woff2"), url("fonts/pt_sans/pt_sans_bold.woff") format("woff"), url("fonts/pt_sans/pt_sans_bold.ttf") format("truetype"), url("fonts/pt_sans/pt_sans_bold.svg#pt_sans_bold") format("svg"); /* Chrome < 4, Legacy iOS */
}
@font-face {
  font-family: "PT Sans Bold Italic";
  src: url("fonts/pt_sans/pt_sans_bold_italic.eot"); /* IE 9 Compatibility Mode */
  src: url("fonts/pt_sans/pt_sans_bold_italic.eot?#iefix") format("embedded-opentype"), url("fonts/pt_sans/pt_sans_bold_italic.woff2") format("woff2"), url("fonts/pt_sans/pt_sans_bold_italic.woff") format("woff"), url("fonts/pt_sans/pt_sans_bold_italic.ttf") format("truetype"), url("fonts/pt_sans/pt_sans_bold_italic.svg#pt_sans_bold_italic") format("svg"); /* Chrome < 4, Legacy iOS */
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  src: url(/styles/material/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2) format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.karizplus__center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.catalog__content, .karizplus__content, .gra__center, .rozet__center, .about__center, .consultation__content, .footer__center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.lift__block, .limp__content, .installation__content, .avot__item, .article__bottom, .window__title, .faq__title, .mobmenu__link3, .mobmenu__link2, .mobmenu__link, .mobnav__top, .nav__ul, .menu__content, .cookie, .slidernav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.stena__center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.karizplus__icon, .gal__itemtext, .gal__forimage, .gal__item, .otp__icon, .limp__comand-name, .limp__comand-icon, .rozet__item, .dela__number, .dela__image, .avot__row, .kak__image, .paperheader__icon, .paperheader__row, .paginator__item, .paginator, .article__column, .article__row, .window__social, .window__closetop, .window__close, .dark, .faq__icon, .mobmenu__link .material-symbols-rounded, .mobmenu__link2 .material-symbols-rounded, .mobmenu__link3 .material-symbols-rounded, .mobmenu__social, .mobnav__link, .mobnav__icon, .nav__link, .social__item, .doc__item-icon, .slidernav .slick-dots, .slidernav__dots, .slidernav__arrow, .videos__item-icon, .videos__item-image, .check__icon, .portfolio__row, .portfolio__item-count, .header__item-icon, .button, .bread__link, .bread__li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.otp__content, .rozet__list, .newspage__content, .faq__content, .contact__images, .contact__center, .cifer__center, .doc__white-row, .doc__list, .doc__row, .order__row, .header__list, .linebutton {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.catalog__blocktext, .catalog__center, .karizplus__list, .limp__comands, .alice__comands, .avot__content, .kak__item, .about__images, .newspage__left, .window__form, .faq__block {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.karizplus__title, .limp__comand, .mobnav__logo, .mobnav__block, .menu__address, .menu__logo, .menu__block, .consultation__row, .social, .contact__row, .man__center, .doc__white-item, .footer__best-item, .slidernav__block, .check, .portfolio__item-images, .header__row, .header__center, .bread__center, .bread__ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.catalog__content, .karizplus__content, .gra__center, .rozet__center, .about__center, .consultation__content, .footer__center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.lift__content, .lift__center, .pult__button, .pult__block--content, .bas__item, .vrazrabotke__center, .paperheader__center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.itemcarniz, .menu__phone, .menu__socs {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.gra__item::before, .gra__item::after, .dela__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@keyframes pulseWhite {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulseRed {
  0% {
    box-shadow: 0 0 0 0 rgba(116, 48, 37, 0.8);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(116, 48, 37, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(116, 48, 37, 0);
  }
}
@keyframes pulseYellow {
  0% {
    box-shadow: 0 0 0 0 rgba(174, 129, 61, 0.8);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(174, 129, 61, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(174, 129, 61, 0);
  }
}
@keyframes pulseGreen {
  0% {
    box-shadow: 0 0 0 0 rgba(61, 174, 129, 0.8);
  }
  70% {
    box-shadow: 0 0 0 5px rgba(61, 174, 129, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(61, 174, 129, 0);
  }
}
::selection {
  background: rgba(35, 31, 32, 0.9);
  color: var(--white);
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
  background-color: var(--white);
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: var(--darkgray_active);
  border-radius: 0;
}

::-webkit-resizer,
::-webkit-scrollbar-corner {
  background-color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-family: inherit;
  font-weight: normal;
}

button,
input,
select,
textarea {
  transition: 0.2s;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: inherit;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}

a {
  text-decoration: none;
  color: inherit;
}

.material-symbols-rounded--fill, .menu__address-icon, .videos__item-icon {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
}

html {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}
@media screen and (max-width: 990px) {
  html {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    overflow-x: hidden;
  }
}

body {
  background: var(--white);
  color: var(--black);
  position: relative;
  resize: none;
  outline: none;
  font-family: "PT Sans";
  font-size: 17px;
  overflow-x: clip;
  line-height: 1.1;
}

b,
strong {
  font-family: "PT Sans Bold";
  font-weight: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  letter-spacing: 0;
}

.center {
  min-width: var(--min);
  max-width: var(--max);
  margin: 0 auto;
  padding-right: 40px !important;
  padding-left: 40px !important;
}
@media (max-width: 1400px) {
  .center {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 990px) {
  .center {
    min-width: auto;
    max-width: auto;
    width: 100%;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

.bread {
  font-size: 14px;
  line-height: 1;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 1400px) {
  .bread {
    font-size: 11px;
  }
}
@media screen and (max-width: 990px) {
  .bread {
    font-size: 13px;
  }
}
.bread ul,
.bread li {
  list-style: none;
}
.bread__li {
  margin-right: 40px;
  position: relative;
}
@media screen and (max-width: 990px) {
  .bread__li {
    margin-right: 30px;
  }
}
.bread__li::after {
  content: "";
  position: absolute;
  top: 0;
  right: -35px;
  width: 30px;
  height: 100%;
  background: url(../images/system/chevron_right_FILL0_wght400_GRAD0_opsz24.png) center no-repeat;
  background-size: 14px;
  opacity: 0.5;
}
@media screen and (max-width: 990px) {
  .bread__li::after {
    right: -30px;
  }
}
.bread__li:nth-last-child(1) {
  margin-right: 0;
}
@media screen and (max-width: 990px) {
  .bread__li:nth-last-child(1) {
    margin-right: 10px;
    padding-right: 10px;
  }
}
.bread__li:nth-last-child(1)::after {
  display: none;
}
.bread__link {
  transition: 0.2s;
  text-decoration: underline;
  text-decoration-color: transparent;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bread__link:hover {
  text-decoration-color: var(--black);
}
.bread__center {
  height: 50px;
}
@media screen and (max-width: 1650px) {
  .bread__center {
    height: 40px;
  }
}
@media screen and (max-width: 990px) {
  .bread__center {
    height: 35px;
  }
}

.heading, .text h3,
.text h4,
.text h5,
.text h6, .text h1,
.text h2 {
  font-family: "PT Sans Bold";
  font-weight: normal;
  font-size: 41px;
  line-height: 1;
  display: block;
}
@media screen and (max-width: 2000px) {
  .heading, .text h3,
  .text h4,
  .text h5,
  .text h6, .text h1,
  .text h2 {
    font-size: 35px;
  }
}
@media screen and (max-width: 1650px) {
  .heading, .text h3,
  .text h4,
  .text h5,
  .text h6, .text h1,
  .text h2 {
    font-size: 31px;
  }
}
@media screen and (max-width: 990px) {
  .heading, .text h3,
  .text h4,
  .text h5,
  .text h6, .text h1,
  .text h2 {
    font-size: 23px;
  }
}
.heading--big {
  font-size: 51px;
}
@media screen and (max-width: 2000px) {
  .heading--big {
    font-size: 47px;
  }
}
@media screen and (max-width: 1650px) {
  .heading--big {
    font-size: 41px;
  }
}
@media screen and (max-width: 990px) {
  .heading--big {
    font-size: 27px;
  }
}

@keyframes flare {
  0% {
    left: -150%;
  }
  80% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}
.button {
  height: 60px;
  padding: 0 30px;
  cursor: pointer;
  line-height: 1;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
  border: 0;
  text-align: center;
}
.button:disabled {
  opacity: 0.5;
  cursor: default;
  filter: grayscale(1);
  cursor: not-allowed;
}
.button__name {
  font-size: 15px;
  font-family: "PT Sans Bold";
  text-transform: uppercase;
  position: relative;
  z-index: 100;
}
.button__icon {
  margin-left: 10px;
  display: block !important;
  margin-left: 20px;
  position: relative;
  z-index: 100;
}
.button--big {
  height: 100px;
  padding: 0 60px;
}
@media screen and (max-width: 990px) {
  .button--big {
    height: 70px;
    padding: 0 20px;
  }
}
.button--big .button__name {
  font-size: 17px;
}
@media screen and (max-width: 990px) {
  .button--big .button__name {
    font-size: 15px;
  }
}
.button--blue {
  background: var(--blue);
  color: var(--white);
}
.button--red {
  background: var(--red);
  color: var(--white);
}
.button--white {
  background: var(--white);
  color: var(--black);
}
.button--yellow {
  background: var(--yellow);
}
.button--inline {
  display: inline-flex !important;
}
.button--animate::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  left: 0;
  height: 100%;
  width: 100%;
  transform: skewX(-45deg);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), white);
  box-shadow: 0.625rem 0 1.25rem -0.625rem #fff;
  animation: flare 5s infinite linear;
  transition: 0.5s;
}
.button--undo {
  background: none;
  border: 1px solid var(--black);
  color: var(--black);
}
.button--undo:hover {
  background: var(--black);
  color: var(--black);
}
@media screen and (max-width: 990px) {
  .button--undo:hover {
    background: none;
    color: var(--black);
  }
}
.button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--white);
  transition: 0.2s;
  opacity: 0;
}
.button:hover::after {
  opacity: 0.05;
}

.linebutton {
  display: inline-flex;
  gap: 10px;
  font-size: 17px;
  font-family: "PT Sans Bold";
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  line-height: 1;
  color: var(--red);
}
@media screen and (max-width: 990px) {
  .linebutton {
    font-size: 15px;
  }
}
.linebutton::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  border-bottom: 2px dotted var(--red);
  transition: 0.2s;
  opacity: 0;
}
.linebutton__name {
  position: relative;
  z-index: 100;
}
.linebutton__icon {
  display: block !important;
  position: relative;
  top: -5px;
}
.linebutton:hover::before {
  width: 50%;
  opacity: 1;
}

.description {
  font-size: 27px;
  display: block;
}
@media screen and (max-width: 2000px) {
  .description {
    font-size: 23px;
  }
}
@media screen and (max-width: 990px) {
  .description {
    font-size: 19px;
  }
}

div.description p {
  margin-bottom: 10px;
}
div.description p:last-child {
  margin-bottom: 0;
}

.header {
  height: calc(100vh - 140px);
  background: var(--gray) center no-repeat;
  background-size: cover;
  color: var(--white);
  position: relative;
  overflow: hidden;
  min-height: 700px;
}
@media screen and (max-width: 990px) {
  .header {
    height: calc(100vh - 60px);
    min-height: 700px;
  }
}
.header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.25));
}
.header__center {
  height: calc(100vh - 140px);
  position: relative;
  z-index: 100;
  min-height: 700px;
}
@media screen and (max-width: 990px) {
  .header__center {
    height: calc(100vh - 60px);
    min-height: 700px;
  }
}
.header__block {
  width: 60%;
}
@media screen and (max-width: 990px) {
  .header__block {
    width: 100%;
  }
}
.header__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 2000px) {
  .header__heading {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .header__heading {
    margin-bottom: 20px;
  }
}
.header__description {
  margin-bottom: 80px;
}
@media screen and (max-width: 2000px) {
  .header__description {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 990px) {
  .header__description {
    margin-bottom: 40px;
  }
}
.header__list {
  gap: 40px;
  list-style: none;
}
@media screen and (max-width: 990px) {
  .header__list {
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 990px) {
  .header__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}
.header__item-icon {
  width: 50px;
  min-width: 50px;
  height: 50px;
  background: none;
  border: 1px solid var(--white);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  display: flex !important;
  margin-bottom: 20px;
  cursor: default;
  animation: pulseWhite 2s infinite;
  flex-shrink: 0;
}
@media screen and (max-width: 1650px) {
  .header__item-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .header__item-icon {
    margin-bottom: 0;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
}
.header__item-text {
  font-size: 17px;
}
@media screen and (max-width: 990px) {
  .header__item-text {
    font-size: 15px;
  }
}
.header__row {
  gap: 20px;
  margin-top: 80px;
}
@media screen and (max-width: 2000px) {
  .header__row {
    margin-top: 50px;
  }
}
@media screen and (max-width: 990px) {
  .header__row {
    margin-top: 40px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 990px) {
  .header__button {
    width: 100%;
  }
}
.header__recall {
  cursor: default;
}
.header__recall-icon {
  cursor: default;
}
@media screen and (max-width: 990px) {
  .header__recall-icon {
    display: none;
  }
}
.header__recall-text {
  display: block;
  font-size: 13px;
  line-height: 1;
}
@media screen and (max-width: 990px) {
  .header__recall-text {
    text-align: center;
  }
  .header__recall-text br {
    display: none;
  }
}

.three {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .three {
    padding-top: 25px;
  }
}
.three__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  gap: 40px;
  margin-top: 40px;
}
@media screen and (max-width: 1650px) {
  .three__content {
    gap: 30px;
  }
}
@media screen and (max-width: 1400px) {
  .three__content {
    gap: 20px;
  }
}
@media screen and (max-width: 990px) {
  .three__content {
    grid-template-columns: 1fr;
    margin-top: 20px;
    gap: 20px;
  }
}
.three__item {
  width: 100%;
  padding: 40px;
  background: center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  aspect-ratio: 2/1.5;
  color: var(--white);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1650px) {
  .three__item {
    padding: 30px;
  }
}
@media screen and (max-width: 990px) {
  .three__item {
    width: 100%;
    padding: 20px;
  }
}
.three__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5));
}
.three__item-title {
  position: relative;
  z-index: 100;
}
.three__item-heading {
  font-size: 27px;
  font-family: "PT Sans Bold";
  display: block;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
  cursor: pointer;
}
@media screen and (max-width: 2000px) {
  .three__item-heading {
    font-size: 23px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .three__item-heading {
    font-size: 21px;
    margin-bottom: 10px;
  }
}
.three__item-heading:hover {
  text-decoration-color: var(--white);
}
.three__item-description {
  font-size: 19px;
  display: block;
}
.three__item-button {
  position: relative;
  z-index: 100;
}
.three__heading {
  margin-bottom: 10px;
}
@media screen and (max-width: 2000px) {
  .three__heading {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .three__heading {
    margin-bottom: 10px;
  }
}

.portfolio {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 990px) {
  .portfolio {
    padding-bottom: 25px;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #eee;
  }
}
.portfolio__heading {
  margin-bottom: 10px;
}
@media screen and (max-width: 2000px) {
  .portfolio__heading {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .portfolio__heading {
    margin-bottom: 10px;
  }
}
.portfolio__content {
  margin-top: 40px;
}
@media screen and (max-width: 990px) {
  .portfolio__content {
    margin-top: 20px;
  }
}
.portfolio .slick-slide {
  margin: 0 20px;
}
@media screen and (max-width: 1650px) {
  .portfolio .slick-slide {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1400px) {
  .portfolio .slick-slide {
    margin: 0 10px;
  }
}
@media screen and (max-width: 990px) {
  .portfolio .slick-slide {
    margin: 0 5px;
  }
}
.portfolio .slick-list {
  margin: 0 -20px;
}
@media screen and (max-width: 1650px) {
  .portfolio .slick-list {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 1400px) {
  .portfolio .slick-list {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 990px) {
  .portfolio .slick-list {
    margin: 0 -5px;
  }
}
.portfolio .slidernav {
  margin-top: 20px;
}
.portfolio__item-images {
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1650px) {
  .portfolio__item-images {
    gap: 10px;
  }
}
@media screen and (max-width: 990px) {
  .portfolio__item-images {
    gap: 10px;
  }
}
.portfolio__item-image {
  aspect-ratio: 1/1;
  background: center no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
  overflow: hidden;
}
.portfolio__item-image:nth-child(1) {
  width: 100%;
  aspect-ratio: 1/1;
}
.portfolio__item-image:nth-child(1):hover .portfolio__item-src {
  transform: scale(1.1);
}
.portfolio__item-image:nth-child(n+2) {
  width: calc((100% - 60px) / 4);
}
@media screen and (max-width: 1650px) {
  .portfolio__item-image:nth-child(n+2) {
    width: calc((100% - 30px) / 4);
  }
}
@media screen and (max-width: 990px) {
  .portfolio__item-image:nth-child(n+2) {
    width: calc((100% - 30px) / 4);
  }
}
.portfolio__item-image:nth-child(n+2):hover .portfolio__item-src {
  transform: scale(1.2);
}
.portfolio__item-src {
  display: block;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: cover;
  transition: 0.2s;
}
.portfolio__item-count {
  position: absolute;
  top: 40px;
  left: 40px;
  height: 40px;
  padding: 0 15px;
  background: var(--yellow);
  color: var(--white);
  font-size: 13px;
  text-transform: uppercase;
  z-index: 100;
}
@media screen and (max-width: 1650px) {
  .portfolio__item-count {
    top: 30px;
    left: 30px;
  }
}
@media screen and (max-width: 990px) {
  .portfolio__item-count {
    top: 10px;
    left: auto;
    right: 10px;
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
  }
}
.portfolio__item-heading {
  font-family: "PT Sans Bold";
  font-size: 23px;
  display: block;
  margin-bottom: 10px;
  margin-top: 20px;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
  cursor: pointer;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 2000px) {
  .portfolio__item-heading {
    font-size: 21px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .portfolio__item-heading {
    font-size: 19px;
    margin-bottom: 5px;
  }
}
.portfolio__item-heading:hover {
  text-decoration-color: var(--black);
}
.portfolio__item-description {
  font-size: 19px;
  display: block;
  color: var(--textdesc);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 990px) {
  .portfolio__item-description {
    font-size: 17px;
  }
}
.portfolio__item .linebutton {
  margin-top: 20px;
}
.portfolio__row {
  margin-top: 40px;
}

.order {
  background: var(--gray) center no-repeat;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 300px;
  color: var(--white);
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1400px) {
  .order {
    padding-top: 150px;
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 990px) {
  .order {
    background-attachment: scroll;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.order--symmetric {
  padding-top: 200px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1400px) {
  .order--symmetric {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 990px) {
  .order--symmetric {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.order--symmetric .order__layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  width: 100%;
}
@media screen and (max-width: 990px) {
  .order--symmetric .order__layout {
    flex-direction: column;
    align-items: stretch;
    gap: 30px;
  }
}
.order--symmetric .order__info {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 990px) {
  .order--symmetric .order__info {
    width: 100%;
  }
}
.order--symmetric .order__form {
  flex-shrink: 0;
  width: calc(33.3333333333% - 30px);
}
@media screen and (max-width: 990px) {
  .order--symmetric .order__form {
    flex-shrink: 1;
    width: 100%;
    max-width: 100%;
  }
}
.order--symmetric .order__fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.order--symmetric .order__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 2000px) {
  .order--symmetric .order__heading {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .order--symmetric .order__heading {
    margin-bottom: 10px;
    font-size: 23px !important;
  }
}
.order--symmetric .order__description {
  margin-bottom: 0;
}
.order--symmetric .order__button {
  width: 100%;
}
.order::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.25));
}
.order__center {
  position: relative;
  z-index: 100;
}
.order__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 2000px) {
  .order__heading {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .order__heading {
    margin-bottom: 10px;
    font-size: 23px !important;
  }
}
.order__description {
  margin-bottom: 80px;
}
@media screen and (max-width: 2000px) {
  .order__description {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 990px) {
  .order__description {
    margin-bottom: 40px;
  }
}
.order__row {
  align-items: flex-end;
  width: 100%;
  gap: 20px;
}
@media screen and (max-width: 990px) {
  .order__row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.order__button {
  flex-shrink: 0;
}
@media screen and (max-width: 990px) {
  .order__button {
    width: 100%;
  }
}
.order__check {
  margin-top: 0;
}

input {
  outline: none !important;
}

.label {
  display: block;
  width: 100%;
}
.label__name {
  display: block;
  font-size: 17px;
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (max-width: 990px) {
  .label__name {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
.label__input {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 15px;
  border: 0;
  background: var(--white);
  color: var(--black);
  font-size: 17px;
  font-family: "PT Sans";
  border: 3px solid var(--white);
  transition: 0.2s;
  border-radius: 0 !important;
}
@media screen and (max-width: 990px) {
  .label__input {
    height: 50px;
    padding: 0 15px;
    font-size: 15px;
  }
}
.label__input:focus {
  outline: none;
  border-color: var(--yellow);
}
.label select.label__input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
  background-image: url("/images/system/keyboard_arrow_down_24dp_000_FILL0_wght400_GRAD0_opsz24.png");
  background-size: 20px;
  background-position: right 15px center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 990px) {
  .label select.label__input {
    background-position: right 10px center;
  }
}

.check__icon {
  display: flex !important;
  width: 22px;
  height: 22px;
  background: transparent;
  border: 1px solid var(--white);
  margin-right: 10px;
  cursor: pointer;
  margin-right: 10px;
  font-size: 18px;
  transition: 0.2s;
  color: transparent;
  flex-shrink: 0;
}
.check__input {
  display: none;
}
.check__text {
  font-size: 11px;
}
.check__text a {
  text-decoration: underline;
}
.check--checked .check__icon {
  color: var(--white);
}

.seo {
  background: var(--gray) center no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  color: var(--white);
}
@media screen and (max-width: 990px) {
  .seo {
    padding-top: 25px;
    padding-bottom: 0;
    background: var(--white);
    color: var(--black);
  }
}
.seo__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .seo__heading {
    margin-bottom: 20px;
  }
}
.seo__content {
  height: 300px;
  overflow: hidden;
  position: relative;
  transition: height 0.3s ease;
}
@media screen and (max-width: 990px) {
  .seo__content {
    height: 250px;
  }
}
.seo__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent, var(--gray));
  z-index: 100;
  transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}
@media screen and (max-width: 990px) {
  .seo__content::before {
    background: linear-gradient(to bottom, transparent, var(--white));
  }
}
.seo__content--expanded {
  overflow: visible;
}
.seo__content--expanded::before {
  height: 0;
  opacity: 0;
}
.seo__button {
  margin-top: 40px;
  color: var(--yellow);
  transition: 0.2s;
}
@media screen and (max-width: 990px) {
  .seo__button {
    color: var(--red);
    margin-top: 20px;
  }
}
.seo__button::before {
  border-color: var(--yellow);
}
@media screen and (max-width: 990px) {
  .seo__button::before {
    border-color: var(--red);
  }
}

.text {
  font-size: 17px;
  line-height: 1.3;
}
@media screen and (max-width: 990px) {
  .text {
    font-size: 15px;
  }
}
.text h1,
.text h2 {
  margin-bottom: 20px;
  font-size: 27px;
  font-weight: 500;
  margin-top: 50px;
}
@media screen and (max-width: 1650px) {
  .text h1,
  .text h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .text h1,
  .text h2 {
    font-size: 21px;
  }
}
.text h3,
.text h4,
.text h5,
.text h6 {
  font-size: 25px;
  margin-bottom: 20px;
  font-weight: 500;
  margin-top: 50px;
}
@media screen and (max-width: 1650px) {
  .text h3,
  .text h4,
  .text h5,
  .text h6 {
    font-size: 23px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .text h3,
  .text h4,
  .text h5,
  .text h6 {
    font-size: 21px;
  }
}
.text p {
  margin-bottom: 10px;
}
.text p:last-child {
  margin-bottom: 0;
}
.text h3 {
  font-size: 27px;
  font-family: "PT Sans Bold";
  margin-bottom: 20px;
}
@media screen and (max-width: 990px) {
  .text h3 {
    font-size: 19px;
  }
}
.text ol {
  margin-bottom: 20px;
  list-style: none !important;
}
.text ol li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  counter-increment: list-counter;
}
.text ol li:last-child {
  margin-bottom: 0;
}
.text ol li::before {
  content: counter(list-counter) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  color: var(--yellow);
  font-size: 17px;
  line-height: 1.1;
}
.text ul {
  margin-bottom: 20px;
  list-style: none !important;
}
.text ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.text ul li:last-child {
  margin-bottom: 0;
}
.text ul li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 5px;
  height: 5px;
  background: var(--yellow);
  border-radius: 50%;
  transition: 0.2s;
}

.videos {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 990px) {
  .videos {
    padding-top: 25px;
    margin-top: 0;
    border-top: 1px solid #eee;
    padding-bottom: 0;
  }
}
.videos__heading {
  margin-bottom: 10px;
}
@media screen and (max-width: 2000px) {
  .videos__heading {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .videos__heading {
    margin-bottom: 10px;
  }
}
.videos__description {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .videos__description {
    margin-bottom: 20px;
  }
}
.videos .slick-slide {
  margin: 0 20px;
}
@media screen and (max-width: 1650px) {
  .videos .slick-slide {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1400px) {
  .videos .slick-slide {
    margin: 0 10px;
  }
}
@media screen and (max-width: 990px) {
  .videos .slick-slide {
    margin: 0 5px;
  }
}
.videos .slick-list {
  margin: 0 -20px;
}
@media screen and (max-width: 1650px) {
  .videos .slick-list {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 1400px) {
  .videos .slick-list {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 990px) {
  .videos .slick-list {
    margin: 0 -5px;
  }
}
.videos .slidernav {
  margin-top: 20px;
}
.videos__item {
  width: 100%;
}
.videos__item-image {
  position: relative;
  cursor: pointer;
  width: 100%;
  aspect-ratio: 1/1;
  background: center no-repeat;
  background-size: cover;
}
.videos__item-image:hover .videos__item-icon {
  transform: scale(1.1);
}
.videos__item-icon {
  cursor: pointer;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--red);
  color: var(--white);
  transition: 0.2s;
  animation: pulseRed 2s infinite;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.videos__item-name {
  display: block;
  font-size: 19px;
  margin-top: 20px;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
  cursor: pointer;
}
@media screen and (max-width: 990px) {
  .videos__item-name {
    font-size: 17px;
    margin-top: 10px;
  }
}
.videos__item-name:hover {
  text-decoration-color: var(--black);
}

.slidernav--hide {
  display: none;
}
@media screen and (max-width: 990px) {
  .slidernav--hide {
    display: flex;
  }
}
.slidernav__arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px #eee solid;
  transition: 0.2s;
  display: flex !important;
  cursor: pointer;
  margin-right: 5px;
  color: var(--black);
  font-size: 21px;
}
.slidernav__arrow:hover {
  color: var(--yellow);
}
.slidernav__dots {
  border-radius: 50px;
  padding: 0 20px;
  height: 40px;
  border: 1px #eee solid;
}
.slidernav .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slidernav .slick-dots {
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  margin-top: 0px;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  display: flex !important;
  color: transparent;
  font-size: 0px;
}
.slidernav .slick-dots li {
  display: inline-block;
  margin: 0 2.5px;
  list-style: none;
  width: 8px;
  height: 8px;
}
.slidernav .slick-dots li button {
  background: #eee;
  border: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
  padding: 0;
  cursor: pointer;
}
.slidernav .slick-dots li button::before {
  display: none;
}
.slidernav .slick-dots li button:hover {
  background: var(--black);
}
.slidernav .slick-dots li.slick-active button {
  background: var(--yellow);
}

.cookie {
  background: rgba(17, 17, 17, 0.8);
  backdrop-filter: blur(33px) saturate(150%);
  position: fixed;
  padding: 20px;
  bottom: 20px;
  color: var(--white);
  z-index: 999;
  line-height: 1;
  font-size: 13px;
  border: 1px #292929 solid;
  width: 600px;
  left: calc(50% - 300px);
  transition: 0.2s;
}
@media screen and (max-width: 990px) {
  .cookie {
    width: 100%;
    left: 0;
    bottom: 0;
    border: 0;
    border-radius: 0;
    padding: 30px;
    flex-direction: column;
  }
}
.cookie--hide {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
}
@media screen and (max-width: 990px) {
  .cookie__text {
    font-size: 12px;
    text-align: center;
  }
  .cookie__text br {
    display: none;
  }
}
.cookie__text a {
  text-decoration: underline;
}
.cookie__button {
  margin-left: 20px;
  flex-shrink: 0;
  padding: 0 15px;
  height: 45px;
}
@media screen and (max-width: 990px) {
  .cookie__button {
    margin: 0px;
    margin-top: 15px;
    padding: 0 15px;
    width: 100%;
    height: 35px;
  }
}
.cookie__button .button__name {
  font-family: "PT Sans";
  font-size: 13px;
}

.footer {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 990px) {
  .footer {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #eee;
    padding-bottom: 25px;
  }
}
.footer__row:nth-child(2) {
  margin-bottom: 0;
}
.footer__center {
  gap: 20px;
}
@media screen and (max-width: 990px) {
  .footer__center {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.footer__heading {
  font-size: 19px;
  font-family: "PT Sans Bold";
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}
@media screen and (max-width: 1400px) {
  .footer__heading {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .footer__heading {
    margin-bottom: 10px;
    font-size: 17px;
  }
}
.footer__list {
  list-style: none;
}
.footer__list--uppercase {
  text-transform: uppercase;
}
.footer__list-item {
  margin-bottom: 10px;
}
@media screen and (max-width: 990px) {
  .footer__list-item {
    margin-bottom: 5px;
  }
}
.footer__list-item:last-child {
  margin-bottom: 0;
}
.footer__list-link {
  font-size: 17px;
  color: var(--black);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
}
@media screen and (max-width: 1400px) {
  .footer__list-link {
    font-size: 15px;
  }
}
@media screen and (max-width: 990px) {
  .footer__list-link {
    font-size: 15px;
  }
}
.footer__list-link:hover {
  text-decoration-color: var(--black);
}
.footer__best {
  list-style: none;
}
.footer__best-item {
  margin-bottom: 10px;
}
@media screen and (max-width: 990px) {
  .footer__best-item {
    margin-bottom: 5px;
  }
}
.footer__best-item:last-child {
  margin-bottom: 0;
}
.footer__best-icon {
  color: var(--red);
  display: block;
  margin-right: 10px;
  font-size: 21px;
}
.footer__logo {
  display: inline-block;
  margin-bottom: 40px;
}
.footer__logo-image {
  width: 200px;
  object-fit: contain;
}
.footer__copyrights {
  margin-top: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 990px) {
  .footer__copyrights {
    margin-top: 20px;
  }
}
.footer__copyrights-item {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
}
.footer__copyrights-item:nth-last-child(1) {
  margin-bottom: 0;
}
.footer__copyrights-item strong {
  font-family: "PT Sans Bold";
}
.footer__policy {
  font-size: 15px;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
}
.footer__policy:hover {
  text-decoration-color: var(--black);
}
.footer__site {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .footer__site {
    margin-bottom: 20px;
  }
}
.footer__site-name {
  display: block;
  font-size: 19px;
  font-family: "PT Sans Bold";
  text-transform: uppercase;
  margin-bottom: 5px;
}
.footer__site-description {
  display: block;
  font-size: 15px;
}

.doc {
  background: var(--gray) center no-repeat;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 100px;
  color: var(--white);
  position: relative;
}
@media screen and (max-width: 990px) {
  .doc {
    padding-top: 25px;
    padding-bottom: 0;
    background: var(--white) !important;
    color: var(--black) !important;
  }
}
.doc__center {
  position: relative;
  z-index: 100;
  background: center no-repeat;
  background-size: cover;
  margin-top: -300px;
}
@media screen and (max-width: 990px) {
  .doc__center {
    margin-top: 0;
  }
}
.doc__content {
  padding: 100px 50px;
  padding-bottom: 0;
  background: center no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .doc__content {
    padding: 50px 30px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 990px) {
  .doc__content {
    background: none !important;
    padding: 0;
  }
}
.doc__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
@media screen and (max-width: 990px) {
  .doc__content::before {
    display: none;
  }
}
.doc__content * {
  position: relative;
  z-index: 100;
}
.doc__row {
  margin-top: 80px;
  gap: 40px;
  align-items: stretch;
}
@media screen and (max-width: 990px) {
  .doc__row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 40px;
  }
}
.doc__block {
  position: relative;
}
.doc__block:nth-child(1) {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 990px) {
  .doc__block:nth-child(1) {
    width: 100%;
  }
}
.doc__block:nth-child(2) {
  width: 30%;
}
@media screen and (max-width: 990px) {
  .doc__block:nth-child(2) {
    width: 100%;
  }
}
.doc__label1 {
  font-size: 23px;
  font-family: "PT Sans Bold";
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 990px) {
  .doc__label1 {
    font-size: 19px;
    margin-bottom: 10px;
  }
}
.doc__label2 {
  font-size: 17px;
  display: block;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 990px) {
  .doc__label2 {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 25px;
  }
}
.doc__list {
  gap: 40px;
  list-style: none;
  flex-wrap: wrap;
}
@media screen and (max-width: 990px) {
  .doc__list {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
  }
}
.doc__item {
  width: calc(33.3333333333% - 27px);
}
@media screen and (max-width: 990px) {
  .doc__item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
  }
}
@media screen and (max-width: 990px) and (max-width: 990px) {
  .doc__item {
    gap: 10px;
  }
}
.doc__item-icon {
  display: flex !important;
  width: 40px;
  height: 40px;
  background: var(--yellow);
  color: var(--white);
  border-radius: 50%;
  cursor: default;
  font-size: 21px;
  animation: pulseYellow 2s infinite;
  border: 1px solid rgba(255, 255, 255, 0.1);
  min-width: 40px;
  flex-shrink: 0;
}
@media screen and (max-width: 990px) {
  .doc__item-icon {
    background: none;
    border: 1px solid var(--green);
    color: var(--green);
    animation: pulseGreen 2s infinite;
  }
}
.doc__item-text {
  display: block;
  font-size: 17px;
  margin-top: 20px;
}
@media screen and (max-width: 990px) {
  .doc__item-text {
    margin-top: 0px;
    font-size: 15px;
  }
}
.doc__white {
  background: var(--white);
  color: var(--black);
  padding: 50px;
  margin-top: 80px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1400px) {
  .doc__white {
    padding: 30px;
  }
}
@media screen and (max-width: 990px) {
  .doc__white {
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
  }
}
.doc__white-row {
  gap: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .doc__white-row {
    gap: 10px;
    margin-bottom: 20px;
  }
}
.doc__white-item {
  width: calc(50% - 20px);
  gap: 20px;
}
@media screen and (max-width: 990px) {
  .doc__white-item {
    width: calc(50% - 5px);
    gap: 10px;
  }
}
.doc__white-icon {
  width: 100px;
  height: 100px;
  cursor: default;
  background: center no-repeat;
  background-size: contain;
}
.doc__white-name {
  font-size: 19px;
  display: block;
}
@media screen and (max-width: 1650px) {
  .doc__white-name {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .doc__white-name {
    font-size: 13px;
  }
  .doc__white-name br {
    display: none;
  }
}
.doc__blank {
  width: 100%;
  background: bottom center no-repeat;
  background-size: contain;
  aspect-ratio: 12/14;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 990px) {
  .doc__blank {
    margin-top: 20px;
    display: none;
  }
}
.doc__text {
  font-size: 19px;
}
@media screen and (max-width: 1400px) {
  .doc__text {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .doc__text {
    font-size: 15px;
  }
}
@media screen and (max-width: 990px) {
  .doc__heading {
    font-size: 23px !important;
  }
}

.man {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 990px) {
  .man {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #eee;
  }
}
.man::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/blur4.jpg) center no-repeat;
  background-size: cover;
  opacity: 0.5;
}
.man::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.man__center {
  gap: 40px;
  position: relative;
  z-index: 100;
  align-items: stretch;
}
@media screen and (max-width: 990px) {
  .man__center {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.man__block:nth-child(1) {
  width: 60%;
}
@media screen and (max-width: 990px) {
  .man__block:nth-child(1) {
    width: 100%;
  }
}
.man__block:nth-child(2) {
  width: 40%;
}
@media screen and (max-width: 990px) {
  .man__block:nth-child(2) {
    width: 100%;
    display: none;
  }
}
.man__heading1 {
  margin-bottom: 20px;
}
@media screen and (max-width: 990px) {
  .man__heading1 {
    margin-bottom: 0;
  }
}
.man__heading2 {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .man__heading2 {
    margin-bottom: 0;
    font-size: 19px;
  }
  .man__heading2 br {
    display: none;
  }
}
.man__text {
  font-size: 21px;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media screen and (max-width: 1650px) {
  .man__text {
    font-size: 19px;
  }
}
@media screen and (max-width: 990px) {
  .man__text {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.1;
  }
}
.man__image {
  width: 100%;
  height: 100%;
  background: right bottom no-repeat;
  background-size: contain;
  aspect-ratio: 16/23;
}
@media screen and (max-width: 2000px) {
  .man__image {
    background-position: center bottom;
    aspect-ratio: 1/1.5;
  }
}
@media screen and (max-width: 990px) {
  .man__image {
    display: none;
  }
}
@media screen and (max-width: 990px) {
  .man__top {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.man__top-image {
  width: 100px;
  height: 100px;
  min-width: 100px;
  background: center no-repeat;
  background-size: contain;
  border-radius: 50%;
  display: none;
}
@media screen and (max-width: 990px) {
  .man__top-image {
    display: block;
  }
}
.man .linebutton {
  margin-bottom: 100px;
}
@media screen and (max-width: 990px) {
  .man .linebutton {
    margin-bottom: 25px;
  }
}

.cifer {
  padding-top: 100px;
  padding-bottom: 100px;
  background: var(--gray) center no-repeat;
  background-size: cover;
  color: var(--white);
}
@media screen and (max-width: 990px) {
  .cifer {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.cifer__center {
  gap: 40px;
}
@media screen and (max-width: 990px) {
  .cifer__center {
    flex-wrap: wrap;
  }
}
.cifer__block {
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 990px) {
  .cifer__block {
    width: calc(50% - 20px);
  }
}
.cifer__number {
  font-size: 101px;
  font-family: "PT Sans Bold";
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 2000px) {
  .cifer__number {
    font-size: 81px;
  }
}
@media screen and (max-width: 1650px) {
  .cifer__number {
    font-size: 61px;
  }
}
@media screen and (max-width: 990px) {
  .cifer__number {
    font-size: 41px;
  }
}
.cifer__text {
  font-size: 19px;
  display: block;
}
@media screen and (max-width: 990px) {
  .cifer__text {
    font-size: 15px;
  }
  .cifer__text br {
    display: none;
  }
}

.contact {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .contact {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #eee;
  }
  .contact.topblock {
    border-top: none;
  }
  .contact--margin-top-0 {
    margin-top: 0;
  }
}
.contact__center {
  gap: 40px;
  align-items: stretch;
}
@media screen and (max-width: 1650px) {
  .contact__center {
    gap: 30px;
  }
}
@media screen and (max-width: 1400px) {
  .contact__center {
    gap: 20px;
  }
}
@media screen and (max-width: 990px) {
  .contact__center {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
  }
}
.contact__map {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 990px) {
  .contact__map {
    height: auto;
    aspect-ratio: 1/1;
  }
}
.contact__block:nth-child(1) {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 990px) {
  .contact__block:nth-child(1) {
    width: 100%;
  }
}
.contact__block:nth-child(2) {
  width: 25%;
}
@media screen and (max-width: 990px) {
  .contact__block:nth-child(2) {
    width: 100%;
  }
}
.contact__block:nth-child(3) {
  width: 50%;
  overflow: hidden;
}
@media screen and (max-width: 990px) {
  .contact__block:nth-child(3) {
    width: 100%;
  }
}
.contact__description {
  display: block;
  margin-bottom: 20px;
}
.contact__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .contact__heading {
    margin-bottom: 20px;
  }
  .contact__heading br {
    display: none;
  }
}
.contact__content {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .contact__content {
    margin-bottom: 20px;
  }
}
.contact__row {
  margin-bottom: 20px;
}
.contact__row:last-child {
  margin-bottom: 0;
}
.contact__row--big .contact__data {
  font-size: 23px;
  font-family: "PT Sans Bold";
}
@media screen and (max-width: 990px) {
  .contact__row--big .contact__data {
    font-size: 21px;
  }
}
.contact a.contact__row {
  cursor: pointer;
}
.contact a.contact__row .contact__data {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
}
.contact a.contact__row .contact__data:hover {
  text-decoration-color: var(--black);
}
.contact__icon {
  margin-right: 15px;
  cursor: default;
  font-size: 24px;
  color: var(--yellow);
}
.contact__data {
  font-size: 19px;
  display: block;
}
@media screen and (max-width: 990px) {
  .contact__data {
    font-size: 17px;
  }
}
.contact__images {
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1650px) {
  .contact__images {
    gap: 10px;
  }
}
@media screen and (max-width: 990px) {
  .contact__images {
    gap: 10px;
  }
}
.contact__image {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.contact__image-src {
  display: block;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: cover;
  transition: 0.2s;
}
.contact__image:hover .contact__image-src {
  transform: scale(1.1);
}
.contact__image:nth-child(1) {
  width: 100%;
  aspect-ratio: 1/1;
}
.contact__image:nth-child(n+2) {
  width: calc(33.3333333333% - 14px);
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1650px) {
  .contact__image:nth-child(n+2) {
    width: calc(33.3333333333% - 7px);
  }
}
@media screen and (max-width: 990px) {
  .contact__image:nth-child(n+2) {
    width: calc(33.3333333333% - 7px);
  }
}

.social {
  gap: 10px;
}
@media screen and (max-width: 990px) {
  .social {
    gap: 5px;
  }
}
.social__item {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--white);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  transition: 0.2s;
}
@media screen and (max-width: 990px) {
  .social__item {
    width: 40px;
    height: 40px;
    background-size: 18px;
  }
}
.social__item:nth-last-child(1) {
  margin-right: 0;
}
.social__item--whatsapp {
  background-color: #00e676;
  background-image: url(/images/system/whatsapp.png);
}
.social__item--viber {
  background-color: #563dbd;
  background-image: url(/images/system/viber.png);
}
.social__item--telegram {
  background-color: #28a3e3;
  background-image: url(/images/system/telegram.png);
}
.social__item--vk {
  background-color: #0077ff;
  background-image: url(/images/system/vk.png);
}

.consultation {
  background: var(--gray) center no-repeat;
  background-size: cover;
  color: var(--white);
  position: relative;
  padding-top: 100px;
}
.consultation--white {
  background-color: var(--white);
}
@media screen and (max-width: 1600px) {
  .consultation {
    padding-top: 0;
  }
}
@media screen and (max-width: 990px) {
  .consultation {
    padding-top: 0;
    width: calc(100% + 20px);
    left: -10px;
  }
}
.consultation__center {
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 990px) {
  .consultation__center {
    z-index: 110;
  }
}
@media screen and (max-width: 1600px) {
  .consultation__row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.consultation__lets {
  font-size: 19px;
  display: block;
  margin-right: 20px;
}
@media screen and (max-width: 1600px) {
  .consultation__lets {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .consultation__lets {
    font-size: 17px;
    margin-bottom: 10px;
    display: none;
  }
}
.consultation__content {
  padding: 100px 50px;
  padding-bottom: 0;
  background: center no-repeat;
  background-size: cover;
  position: relative;
  align-items: stretch;
}
@media screen and (max-width: 1400px) {
  .consultation__content {
    padding: 50px 30px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 990px) {
  .consultation__content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 50px 10px;
    background: none !important;
  }
}
.consultation__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
@media screen and (max-width: 990px) {
  .consultation__content::before {
    display: none;
  }
}
.consultation__content * {
  position: relative;
  z-index: 100;
}
.consultation__block {
  width: 60%;
  margin-right: 40px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1400px) {
  .consultation__block {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 990px) {
  .consultation__block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding-bottom: 0px;
  }
}
.consultation__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .consultation__heading {
    margin-bottom: 20px;
  }
}
.consultation__description {
  margin-bottom: 80px;
}
@media screen and (max-width: 990px) {
  .consultation__description {
    margin-bottom: 20px;
  }
}
.consultation__form {
  margin-top: 40px;
  width: 450px;
  flex-shrink: 0;
  margin-left: 40px;
  padding-bottom: 100px;
}
@media screen and (max-width: 990px) {
  .consultation__form {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    padding-bottom: 0;
    position: relative;
  }
}
.consultation__form-heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .consultation__form-heading {
    margin-bottom: 20px;
  }
}
.consultation__form-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.consultation__form-button {
  flex-shrink: 0;
  width: 100%;
}
.consultation__form .label__input {
  text-align: center;
}
.consultation__check {
  margin-top: 0;
}
.consultation__consent {
  margin-top: 20px;
}
.consultation__designer {
  margin-top: 40px;
  text-align: left;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 990px) {
  .consultation__designer {
    display: none;
  }
}
.consultation__designer-image {
  width: 100%;
  aspect-ratio: 800/900;
  position: absolute;
  bottom: 0;
  left: 0;
  background: bottom center no-repeat;
  background-size: contain;
  z-index: 100;
}
@media screen and (max-width: 1650px) {
  .consultation__designer-image {
    aspect-ratio: 800/1080;
  }
}
@media screen and (max-width: 1500px) {
  .consultation__designer-image {
    aspect-ratio: 800/1180;
  }
}
.consultation__designer-text {
  position: absolute;
  z-index: 100;
  bottom: 100px;
  right: 70px;
  width: 100%;
  text-align: right;
}
.consultation__designer-name {
  font-size: 25px;
  font-family: "PT Sans Bold";
  display: block;
  margin-bottom: 5px;
}
.consultation__designer-role {
  font-size: 17px;
}
@media screen and (max-width: 990px) {
  .consultation {
    background: url(/images/blur5.jpg) center no-repeat;
    background-size: cover;
    padding-top: 50px;
  }
  .consultation::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;
  }
  .consultation::after {
    content: "";
    position: absolute;
    top: -25px;
    right: -40%;
    width: 100%;
    height: calc(100% + 25px);
    background: url(/images/girl.png) right bottom no-repeat;
    background-size: contain;
    z-index: 109;
  }
}

@keyframes opas {
  0% {
    opacity: 0.2;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.menu {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px #eeeeee solid;
  height: 80px;
  overflow: hidden;
}
@media screen and (max-width: 1650px) {
  .menu {
    margin-top: 15px;
    padding-bottom: 15px;
    height: 70px;
  }
}
@media screen and (max-width: 990px) {
  .menu {
    display: none;
  }
}
.menu__block {
  gap: 40px;
}
.menu__div {
  display: block;
}
@media (max-width: 1400px) {
  .menu__div {
    margin-right: 25px;
  }
}
.menu__logo {
  display: flex !important;
  margin-right: 50px;
}
@media (max-width: 1400px) {
  .menu__logo {
    margin-right: 25px;
  }
}
.menu__logo-block:nth-child(1) {
  margin-right: 10px;
}
.menu__logo-image {
  width: 200px;
  object-fit: contain;
}
.menu__logo-description {
  display: block;
  font-size: 13px;
  margin-left: 20px;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
}
.menu__logo:hover .menu__logo-description {
  text-decoration-color: var(--black);
}
.menu__address {
  display: flex !important;
  cursor: pointer;
}
.menu__address-block {
  display: block;
}
.menu__address-icon {
  display: block;
  font-size: 31px;
  margin-right: 10px;
  color: var(--yellow);
}
.menu__address-place {
  display: block;
  font-size: 13px;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
}
.menu__address:hover .menu__address-place {
  text-decoration-color: var(--black);
}
.menu__span {
  position: relative;
  padding-left: 10px;
  font-size: 11px;
  text-transform: uppercase;
}
.menu__span::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 4px;
  height: 4px;
  background: var(--green);
  border-radius: 50%;
  animation: opas 1.1s infinite linear;
}
.menu__socs {
  display: flex !important;
  align-self: flex-start;
}
.menu__social {
  margin-top: 8px;
  gap: 5px;
}
.menu__social .social__item {
  width: 40px;
  height: 40px;
}
.menu__phone {
  display: flex !important;
  align-self: flex-start;
}
.menu__phone-link {
  font-size: 19px;
  display: block;
  margin-top: 5px;
  cursor: pointer;
  font-family: "PT Sans Bold";
}
.menu__phone-button {
  text-transform: uppercase;
  color: var(--yellow);
  border-bottom: 2px dotted var(--yellow);
  font-size: 13px;
  display: block;
  margin-top: 5px;
  cursor: pointer;
  transition: 0.2s;
}
.menu__phone-button:hover {
  color: var(--red);
  border-color: var(--red);
}

.nav {
  position: sticky;
  top: -1px;
  left: 0;
  width: 100%;
  background: var(--white);
  z-index: 990;
  border-bottom: 1px #eeeeee solid;
  height: 60px;
  overflow: hidden;
}
@media screen and (max-width: 1650px) {
  .nav {
    height: 40px;
  }
}
@media screen and (max-width: 990px) {
  .nav {
    display: none;
  }
}
.nav__ul {
  list-style: none;
}
.nav__li--active .nav__link {
  font-family: "PT Sans Bold";
}
.nav__link {
  height: 60px;
  text-transform: uppercase;
  transition: 0.2s;
  font-size: 14px;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media screen and (max-width: 1650px) {
  .nav__link {
    height: 40px;
  }
}
@media (max-width: 1400px) {
  .nav__link {
    font-size: 11px;
  }
}
.nav__link:hover {
  color: var(--red);
  text-decoration-color: var(--red);
}

.mobnav {
  background: var(--white);
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 990;
  border-bottom: 1px #eeeeee solid;
  display: none;
}
@media screen and (max-width: 990px) {
  .mobnav {
    display: block;
  }
}
.mobnav__top {
  height: 60px;
  border-bottom: 1px #eeeeee solid;
  align-items: stretch;
  padding: 10px 0;
}
.mobnav__down {
  height: 35px;
}
.mobnav__block {
  align-items: stretch;
}
.mobnav__block:nth-last-child(1) {
  margin-right: 10px;
  gap: 5px;
}
.mobnav__logo {
  margin-left: 10px;
  margin-right: 20px;
}
.mobnav__logo-image {
  width: 100px;
  height: 100%;
  background: url(../images/logo.png) center no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.mobnav__logo-name {
  display: block;
  font-size: 11px;
  line-height: 1;
}
.mobnav__icon {
  width: 40px;
  height: 40px;
  border: 1px #eeeeee solid;
  display: flex !important;
  flex-shrink: 0;
  cursor: pointer;
  font-size: 18px;
}
.mobnav__icon--font-size-24px {
  font-size: 24px;
}
.mobnav__icon:nth-last-child(1) {
  margin-right: 0;
}
.mobnav__link {
  display: flex !important;
  white-space: nowrap;
  padding: 10px 5px;
  height: 35px;
  font-size: 13px;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
}
.mobnav__link:hover, .mobnav__link:active {
  text-decoration-color: var(--black);
}
.mobnav__link.nav__li--active {
  font-family: "PT Sans Bold";
}
.mobnav .slick-slide {
  width: auto; /* Автоматическая ширина слайда */
  flex: 1 0 auto; /* Ширина слайда зависит от содержимого */
  margin: 0;
}
.mobnav .slick-list {
  display: flex;
  justify-content: space-between; /* Равномерное распределение слайдов */
  padding: 0 5px;
}
.mobnav .slick-track {
  display: flex !important;
}
.mobnav .slick-slide {
  height: auto !important;
}

.mobmenu {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(3px);
  z-index: 9999;
  height: 100vh;
  width: 100vw;
  display: none;
}
.mobmenu__content {
  position: absolute;
  top: 0;
  right: 0;
  width: 85%;
  padding-bottom: 50vh;
  background: var(--white);
  font-size: 15px;
  transition: 0.2s;
  height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
}
.mobmenu__content--hide {
  right: -85%;
}
.mobmenu__social {
  width: 100%;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 10px;
}
.mobmenu__link .material-symbols-rounded, .mobmenu__link2 .material-symbols-rounded, .mobmenu__link3 .material-symbols-rounded {
  width: 50px;
  height: 50px;
  display: flex !important;
  transition: 0.2s;
}
.mobmenu__link .material-symbols-rounded--rotate, .mobmenu__link2 .material-symbols-rounded--rotate, .mobmenu__link3 .material-symbols-rounded--rotate {
  transform: rotate(180deg);
}
.mobmenu__phone {
  margin: 0;
}
.mobmenu__div {
  padding: 20px;
}
.mobmenu__ul {
  list-style: none;
}
.mobmenu__link {
  border-bottom: 1px #eeeeee solid;
  padding-left: 15px;
  padding-right: 0;
  height: 50px;
}
.mobmenu__link2 {
  border-bottom: 1px #eeeeee solid;
  padding-left: 30px;
  padding-right: 0;
  height: 50px;
}
.mobmenu__link3 {
  border-bottom: 1px #eeeeee solid;
  padding-left: 45px;
  padding-right: 0;
  height: 50px;
}
.mobmenu__ul2 {
  list-style: none;
  display: none;
}
.mobmenu__ul3 {
  list-style: none;
  display: none;
}
.mobmenu .menu__span {
  font-size: 13px;
}

.faq {
  padding-top: 50px;
  position: relative;
}
.faq--padding-top-100 {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .faq--padding-top-100 {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px #eeeeee solid;
  }
}
.faq__center {
  position: relative;
  z-index: 100;
}
.faq__content {
  gap: 40px;
  margin-top: 40px;
}
@media screen and (max-width: 1650px) {
  .faq__content {
    gap: 30px;
  }
}
@media screen and (max-width: 1400px) {
  .faq__content {
    gap: 20px;
  }
}
@media screen and (max-width: 990px) {
  .faq__content {
    flex-direction: column;
    gap: 20px;
  }
}
.faq__heading {
  margin-bottom: 10px;
}
@media screen and (max-width: 2000px) {
  .faq__heading {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .faq__heading {
    margin-bottom: 10px;
    font-size: 23px;
  }
}
.faq__block {
  gap: 40px;
  width: 100%;
}
@media screen and (max-width: 1650px) {
  .faq__block {
    gap: 30px;
  }
}
@media screen and (max-width: 1400px) {
  .faq__block {
    gap: 20px;
  }
}
@media screen and (max-width: 990px) {
  .faq__block {
    gap: 15px;
  }
  .faq__block:last-child .faq__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.faq__title {
  width: 100%;
  gap: 40px;
  cursor: pointer;
}
.faq__item {
  background: #eeeeee;
  border: 1px solid #eeeeee;
  padding: 20px;
  width: 100%;
  transition: 0.2s;
}
@media screen and (max-width: 990px) {
  .faq__item {
    padding: 0px;
    border: none;
    background: none;
    border-bottom: 1px #eeeeee solid;
    padding-bottom: 15px;
  }
}
.faq__item--active {
  background: transparent;
}
.faq__item--active .faq__icon {
  transform: rotate(45deg);
  background: transparent;
  color: var(--yellow);
  border: 1px solid var(--yellow);
}
@media screen and (max-width: 990px) {
  .faq__item--active .faq__icon {
    border: none;
    animation: none;
  }
}
.faq__question {
  font-family: "PT Sans Bold";
  font-size: 21px;
}
@media screen and (max-width: 1650px) {
  .faq__question {
    font-size: 19px;
  }
}
@media screen and (max-width: 990px) {
  .faq__question {
    font-size: 19px;
  }
}
.faq__answer {
  font-size: 17px;
  line-height: 1.5;
  display: none;
  padding-top: 20px;
}
@media screen and (max-width: 990px) {
  .faq__answer {
    font-size: 17px;
    line-height: 1.1;
    padding-top: 0;
  }
}
.faq__icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: var(--yellow);
  color: var(--white);
  border-radius: 50%;
  display: flex !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation: pulseYellow 2s infinite;
  transition: 0.2s;
}
@media screen and (max-width: 990px) {
  .faq__icon {
    background: transparent;
    color: var(--yellow);
    border: none;
    animation: none;
  }
}

.pagetext {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .pagetext {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px #eeeeee solid;
  }
}
.pagetext__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .pagetext__heading {
    margin-bottom: 20px;
  }
}
.pagetext__text {
  font-size: 19px;
  line-height: 1.5;
}
@media screen and (max-width: 1650px) {
  .pagetext__text {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .pagetext__text {
    font-size: 17px;
    line-height: 1.1;
  }
}

.dark {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  backdrop-filter: blur(3px);
  display: none;
}
@media screen and (max-width: 990px) {
  .dark {
    backdrop-filter: none;
    background: var(--white);
  }
}

.window {
  background: var(--white);
  display: none;
}
.window--success {
  width: 600px;
}
@media screen and (max-width: 990px) {
  .window--success {
    width: 100%;
    height: 100dvh;
  }
}
.window--form {
  width: 900px;
  position: relative;
  padding: 50px;
  background: center no-repeat;
  background-size: cover;
}
.window--form .window__title {
  display: none;
}
@media screen and (max-width: 990px) {
  .window--form {
    width: 100%;
    height: 100dvh;
    padding: 0;
    background: none !important;
  }
  .window--form .window__title {
    display: flex;
  }
}
.window--form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
@media screen and (max-width: 990px) {
  .window--form::before {
    display: none;
  }
}
.window--form * {
  position: relative;
  z-index: 100;
}
.window__consultation {
  font-size: 27px;
  color: var(--white);
}
@media screen and (max-width: 990px) {
  .window__consultation {
    display: none;
  }
}
.window__form {
  gap: 10px;
  margin-top: 40px;
  position: relative;
  z-index: 100;
  width: 70%;
}
@media screen and (max-width: 990px) {
  .window__form {
    width: 100%;
    margin-top: 0;
    padding: 20px;
    height: calc(100vh - 70px);
    justify-content: center;
    align-items: center;
  }
  .window__form .label__input {
    border-width: 1px;
    border-color: #eee;
  }
  .window__form .label__input:focus {
    border-color: var(--yellow);
  }
  .window__form .check__icon {
    border-color: var(--black);
  }
  .window__form .check--checked .check__icon {
    color: var(--black);
  }
}
.window__form .check__text,
.window__form .label__name {
  color: var(--white);
}
@media screen and (max-width: 990px) {
  .window__form .check__text,
  .window__form .label__name {
    color: var(--black);
  }
}
.window__button {
  margin-top: 10px;
}
.window__button.button--undo {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .window__button.button--undo {
    display: flex !important;
  }
}
@media screen and (max-width: 990px) {
  .window__button {
    width: 100%;
    margin-top: 0;
  }
}
.window__check {
  width: 80%;
}
@media screen and (max-width: 990px) {
  .window__check {
    width: 100%;
  }
}
.window__girl {
  position: absolute;
  bottom: 0;
  right: -5%;
  width: 45%;
  aspect-ratio: 720/1160;
  background: bottom right no-repeat;
  background-size: contain;
}
@media screen and (max-width: 990px) {
  .window__girl {
    display: none;
  }
}
.window__title {
  border-bottom: 1px #eeeeee solid;
  height: 70px;
  padding-left: 20px;
}
.window__close {
  cursor: pointer;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  display: flex !important;
  transition: 0.2s;
}
.window__close:hover {
  color: var(--red);
}
.window__closetop {
  cursor: pointer;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  display: flex !important;
  transition: 0.2s;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--white);
}
.window__closetop:hover {
  color: var(--red);
}
@media screen and (max-width: 990px) {
  .window__closetop {
    display: none !important;
  }
}
.window__content {
  padding: 40px;
}
@media screen and (max-width: 990px) {
  .window__content {
    height: calc(100vh - 70px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.window__name {
  font-size: 19px;
  font-family: "PT Sans Bold";
}
.window__text {
  font-size: 17px;
}
.window__text--center {
  text-align: center;
}
.window__text p {
  margin-bottom: 10px;
}
.window__text p:last-child {
  margin-bottom: 0;
}
.window__social {
  width: 100%;
  justify-content: center !important;
  margin-top: 20px;
}

.topblock {
  padding-top: 50px;
  margin-top: 0;
}
@media screen and (max-width: 990px) {
  .topblock {
    padding-top: 25px !important;
    margin-top: 0 !important;
  }
}
.topblock--border-top-0 {
  border-top: none !important;
}

/*.newspage {
    &__center {
        position: relative;
        z-index: 100;
        padding-top: 50px;

        @media screen and (max-width: $breakpointMid) {
            padding-top: 25px;
        }
    }

    &__heading {
        margin-bottom: 10px;

        @media screen and (max-width: 2000px) {
            margin-bottom: 10px;
        }

        @media screen and (max-width: $breakpointMid) {
            margin-bottom: 10px;
        }
    }

    &__content {
        margin-top: 40px;
        @extend %flex-row-start-start;
        gap: 40px;
        flex-wrap: wrap;

        @media screen and (max-width: 1650px) {
            gap: 30px;
        }

        @media screen and (max-width: 1400px) {
            gap: 20px;
        }

        @media screen and (max-width: $breakpointMid) {
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            margin-top: 20px;
            gap: 20px;
        }
    }

    &__item {
        width: calc(100% / 3 - 27px);

        @media screen and (max-width: 1650px) {
            width: calc(100% / 3 - 20px);
        }

        @media screen and (max-width: 1400px) {
            width: calc(100% / 3 - 14px);
        }

        @media screen and (max-width: $breakpointMid) {
            width: 100%;
        }
    }
}

.article {
    &__top {
        position: relative;
        z-index: 100;
        cursor: pointer;
        overflow: hidden;
        width: 100%;
        display: block;
        aspect-ratio: 16 / 9;
        background: #eee;

        &:hover {
            .article__image {
                transform: scale(1.15);
            }
        }
    }

    &__image {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        transition: 0.2s;
        transform: scale(1.05);
    }

    &__row {
        @extend %flex-row-center-center;
        justify-content: flex-end;
        gap: 10px;
    }

    &__column {
        @extend %flex-row-center-center;
        gap: 2px;
        line-height: 1;
    }

    &__icon {
        font-size: 14px;
    }

    &__data {
        font-size: 13px;
        color: var(--textdesc);
    }

    &__name {
        font-size: 21px;
        font-family: "PT Sans Bold";
        margin-top: 20px;
        cursor: pointer;
        text-decoration: underline;
        text-decoration-color: transparent;
        transition: 0.2s;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;

        @media screen and (max-width: 1650px) {
            font-size: 19px;
        }

        @media screen and (max-width: 1400px) {
            font-size: 17px;
        }

        &:hover {
            text-decoration-color: var(--black);
        }
    }

    &__text {
        margin-top: 10px;
        color: var(--textdesc);
        font-size: 17px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;

        @media screen and (max-width: 1400px) {
            font-size: 15px;
        }
    }

    &__bottom {
        margin-top: 20px;
        width: 100%;
        @extend %flex-row-between-center;
    }
}*/
.newspage {
  position: relative;
  margin-top: 50px;
  position: relative;
}
@media screen and (max-width: 990px) {
  .newspage {
    margin-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 0;
    border-bottom: 1px #eeeeee solid;
  }
}
.newspage__center {
  position: relative;
  z-index: 100;
}
.newspage__heading {
  margin-bottom: 10px;
}
@media screen and (max-width: 2000px) {
  .newspage__heading {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .newspage__heading {
    margin-bottom: 10px;
  }
}
.newspage__description {
  margin-bottom: 40px;
}
@media screen and (max-width: 1650px) {
  .newspage__description {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .newspage__description {
    margin-bottom: 20px;
  }
}
.newspage__content {
  gap: 50px;
}
@media screen and (max-width: 1650px) {
  .newspage__content {
    gap: 30px;
  }
}
@media screen and (max-width: 1450px) {
  .newspage__content {
    gap: 20px;
  }
}
@media screen and (max-width: 990px) {
  .newspage__content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 30px;
    gap: 20px;
  }
}
.newspage__left {
  width: 70%;
  gap: 20px;
}
@media screen and (max-width: 990px) {
  .newspage__left {
    width: 100%;
    gap: 40px;
  }
}
.newspage__right {
  width: 30%;
}
@media screen and (max-width: 990px) {
  .newspage__right {
    width: 100%;
    display: none;
  }
}
.newspage__item {
  width: 100%;
}
.newspage__popular {
  width: 100%;
}
.newspage__popular-heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 1650px) {
  .newspage__popular-heading {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1450px) {
  .newspage__popular-heading {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .newspage__popular-heading {
    margin-bottom: 10px;
  }
}
.newspage__popular-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.newspage__popular-item {
  margin-bottom: 20px;
}
.newspage__popular-link {
  font-size: 17px;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
}
@media screen and (max-width: 1450px) {
  .newspage__popular-link {
    font-size: 15px;
  }
}
.newspage__popular-link:hover {
  text-decoration-color: var(--black);
}

.article {
  border: 1px #eeeeee solid;
  border-radius: var(--border-radius-small);
  padding: 30px;
}
@media screen and (max-width: 990px) {
  .article {
    padding: 0;
    border: none;
    border-radius: 0;
  }
}
.article__top {
  position: relative;
  z-index: 100;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  background: var(--color-constant-greyscale-100);
  border: 1px #eeeeee solid;
  border-radius: var(--border-radius-small);
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 990px) {
  .article__top {
    margin-bottom: 20px;
  }
}
.article__top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--dark);
  opacity: 0;
  transition: 0.2s;
  z-index: 10;
}
.article__top:hover .article__image {
  transform: scale(1.15);
}
.article:hover .article__top::before {
  opacity: 0.2;
}
.article__image {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: 0.2s;
  transform: scale(1.05);
  position: relative;
  overflow: hidden;
}
.article__row {
  justify-content: flex-end;
  gap: 10px;
}
.article__column {
  gap: 2px;
  line-height: 1;
}
.article__icon {
  font-size: 14px;
  cursor: default;
}
.article__data {
  font-size: 13px;
}
.article__name {
  font-size: 21px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
  font-family: "PT Sans Bold";
}
@media screen and (max-width: 1650px) {
  .article__name {
    font-size: 19px;
  }
}
@media screen and (max-width: 1450px) {
  .article__name {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .article__name {
    font-size: 19px;
  }
}
.article__name:hover {
  text-decoration-color: var(--black);
}
.article__text {
  margin-top: 10px;
  font-size: 19px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
  color: var(--textdesc);
}
@media screen and (max-width: 1450px) {
  .article__text {
    font-size: 15px;
  }
}
.article__text p {
  margin-bottom: 5px;
}
.article__text p:last-child {
  margin-bottom: 0;
}
.article__bottom {
  margin-top: 30px;
  width: 100%;
}
@media screen and (max-width: 990px) {
  .article__bottom {
    margin-top: 20px;
  }
}

.paginator {
  margin-top: 50px;
  gap: 10px;
}
@media screen and (max-width: 990px) {
  .paginator {
    margin-top: 25px;
    gap: 0;
  }
}
.paginator__item {
  width: 40px;
  height: 40px;
  transition: 0.2s;
  transition: 0.2s;
  font-size: 13px;
}
@media screen and (max-width: 990px) {
  .paginator__item {
    width: 30px;
    height: 30px;
  }
}
.paginator__item:hover {
  color: var(--blue);
}
.paginator__item--strong {
  border: 1px #eee solid;
  cursor: default;
  color: var(--red);
  font-weight: normal;
}
.paginator__item .material-symbols-rounded {
  font-size: 18px !important;
}

.paperheader {
  height: calc(100vh - 190px);
  background: center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 990px) {
  .paperheader {
    height: calc(100dvh - 105px);
  }
}
.paperheader::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.25));
}
.paperheader--noimage {
  height: auto;
}
.paperheader--noimage .paperheader__row,
.paperheader--noimage .paperheader__heading {
  color: #000000 !important;
}
.paperheader--noimage .paperheader__center {
  align-items: flex-start;
  justify-content: flex-start;
}
.paperheader--noimage .paperheader__heading {
  text-align: left;
}
.paperheader--noimage::before {
  display: none;
}
.paperheader__center {
  position: relative;
  z-index: 100;
  height: 100%;
}
.paperheader__row {
  justify-content: flex-end;
  gap: 20px;
  margin-top: 40px;
  color: #fff;
}
.paperheader__row .article__column {
  gap: 5px;
}
.paperheader__row .article__data {
  font-size: 15px;
}
.paperheader__heading {
  color: #fff;
  text-align: center;
  display: block;
  font-size: 41px;
}
@media screen and (max-width: 1950px) {
  .paperheader__heading {
    font-size: 37px;
  }
}
@media screen and (max-width: 1650px) {
  .paperheader__heading {
    font-size: 35px;
  }
}
@media screen and (max-width: 1450px) {
  .paperheader__heading {
    font-size: 31px;
  }
}
@media screen and (max-width: 990px) {
  .paperheader__heading {
    font-size: 23px;
  }
}
.paperheader__icon {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  color: #fff;
  border: 1px #fff solid;
  border-radius: 50%;
  display: flex !important;
  cursor: pointer;
  backdrop-filter: blur(10px) saturate(150%);
}
@media screen and (max-width: 990px) {
  .paperheader__icon {
    bottom: 30px;
    width: 45px;
    height: 45px;
  }
}

.paper__center {
  position: relative;
  z-index: 100;
  padding-top: 50px;
}
@media screen and (max-width: 990px) {
  .paper__center {
    padding-top: 25px;
  }
}
.paper__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .paper__heading {
    margin-bottom: 20px;
  }
}

.about {
  margin-top: 50px;
  position: relative;
  padding-bottom: 100px;
}
@media screen and (max-width: 990px) {
  .about {
    margin-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 0;
    border-bottom: 1px #eeeeee solid;
  }
}
.about__center {
  gap: 40px;
  position: relative;
}
@media screen and (max-width: 1650px) {
  .about__center {
    gap: 40px;
  }
}
@media screen and (max-width: 1400px) {
  .about__center {
    gap: 30px;
  }
}
@media screen and (max-width: 990px) {
  .about__center {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.about__block {
  width: 50%;
}
@media screen and (max-width: 990px) {
  .about__block {
    width: 100%;
  }
}
.about__block:nth-child(1) {
  position: sticky;
  top: 100px;
  left: 0;
}
@media screen and (max-width: 990px) {
  .about__block:nth-child(1) {
    position: relative;
    top: auto;
    left: auto;
  }
}
.about__images {
  gap: 20px;
}
@media screen and (max-width: 990px) {
  .about__images {
    gap: 10px;
  }
}
.about__image {
  position: relative;
  overflow: hidden;
}
.about__image:hover .about__img {
  transform: scale(1.15);
}
.about__img {
  width: 100%;
  object-fit: contain;
  transition: 0.2s;
}
.about__heading {
  margin-bottom: 10px;
}
.about__description {
  margin-bottom: 40px;
}
@media screen and (max-width: 1650px) {
  .about__description {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .about__description {
    margin-bottom: 20px;
  }
}
.about__container {
  font-size: 19px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1650px) {
  .about__container {
    font-size: 17px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .about__container {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

.sametext {
  padding-top: 100px;
}
@media screen and (max-width: 1600px) {
  .sametext {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 990px) {
  .sametext {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px #eeeeee solid;
    padding-bottom: 0;
  }
}
.sametext__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 1650px) {
  .sametext__heading {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .sametext__heading {
    margin-bottom: 20px;
  }
}
.sametext__text {
  font-size: 19px;
}
@media screen and (max-width: 1650px) {
  .sametext__text {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .sametext__text {
    font-size: 15px;
  }
}

.stena {
  background: #eeeeee center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.stena__center {
  height: calc(100vh - 210px);
  min-height: 700px;
  background: center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 100;
  color: var(--white);
}
@media screen and (max-width: 1650px) {
  .stena__center {
    height: calc(100vh - 160px);
  }
}
@media screen and (max-width: 990px) {
  .stena__center {
    height: calc(100vh - 130px);
    min-height: auto;
  }
}
.stena__heading {
  margin-bottom: 20px;
}
.stena__description {
  margin-bottom: 40px;
}
.stena__text {
  margin-bottom: 20px;
}
.stena__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.stena__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
}

.kak {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .kak {
    padding-top: 25px;
    border-top: 1px #eeeeee solid;
    margin-top: 25px;
  }
}
@media screen and (max-width: 990px) {
  .kak--karnizy {
    margin-top: 0;
    border-top: none;
  }
}
@media screen and (max-width: 990px) {
  .kak--none {
    border-top: none;
    margin-top: 0;
  }
}
.kak__heading {
  margin-bottom: 10px;
}
.kak__description {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .kak__description {
    margin-bottom: 20px;
  }
}
.kak__item {
  width: 100%;
}
.kak__item:hover .kak__number {
  color: var(--white);
  transform: scale(1.1);
  opacity: 1;
}
.kak__image {
  width: 100%;
  aspect-ratio: 1/1;
  background: #eee center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.kak__number {
  font-size: 151px;
  font-family: "PT Sans Bold";
  color: var(--white);
  color: transparent;
  -webkit-text-stroke: 1px var(--white);
  text-stroke: 1px var(--white);
  transition: 0.2s;
  text-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  cursor: default;
  opacity: 0.75;
}
@media screen and (max-width: 2000px) {
  .kak__number {
    font-size: 121px;
  }
}
@media screen and (max-width: 1650px) {
  .kak__number {
    font-size: 91px;
  }
}
.kak .slick-slide {
  margin: 0 20px;
}
@media screen and (max-width: 1650px) {
  .kak .slick-slide {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1400px) {
  .kak .slick-slide {
    margin: 0 10px;
  }
}
@media screen and (max-width: 990px) {
  .kak .slick-slide {
    margin: 0 5px;
  }
}
.kak .slick-list {
  margin: 0 -20px;
}
@media screen and (max-width: 1650px) {
  .kak .slick-list {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 1400px) {
  .kak .slick-list {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 990px) {
  .kak .slick-list {
    margin: 0 -5px;
  }
}
.kak .slidernav {
  margin-top: 20px;
}
.kak__name {
  font-family: "PT Sans Bold";
  font-size: 23px;
  display: block;
  margin-bottom: 10px;
  margin-top: 20px;
  transition: 0.2s;
}
@media screen and (max-width: 2000px) {
  .kak__name {
    font-size: 21px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1650px) {
  .kak__name {
    font-size: 19px;
  }
}
@media screen and (max-width: 990px) {
  .kak__name {
    font-size: 19px;
    margin-bottom: 5px;
  }
}
.kak__text {
  font-size: 19px;
  display: block;
  color: var(--textdesc);
}
@media screen and (max-width: 1650px) {
  .kak__text {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .kak__text {
    font-size: 15px;
  }
}

.avot {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .avot {
    padding-top: 25px;
  }
}
@media screen and (max-width: 990px) {
  .avot--karnizy {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px #eeeeee solid;
  }
}
.avot__heading {
  margin-bottom: 10px;
}
.avot__description {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .avot__description {
    margin-bottom: 20px;
  }
}
.avot__content {
  gap: 40px;
}
@media screen and (max-width: 990px) {
  .avot__content {
    gap: 20px;
  }
}
.avot__item {
  position: relative;
  gap: 40px;
}
@media screen and (max-width: 990px) {
  .avot__item {
    gap: 20px;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.avot__item--hidden {
  display: none;
}
.avot__block {
  width: 50%;
}
@media screen and (max-width: 990px) {
  .avot__block {
    width: 100%;
  }
}
.avot__name {
  font-family: "PT Sans Bold";
  font-size: 23px;
  display: block;
  margin-bottom: 10px;
  transition: 0.2s;
}
@media screen and (max-width: 1650px) {
  .avot__name {
    font-size: 21px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .avot__name {
    font-size: 19px;
  }
}
.avot__text {
  font-size: 19px;
  display: block;
}
@media screen and (max-width: 1650px) {
  .avot__text {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .avot__text {
    font-size: 15px;
  }
}
.avot__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  display: block;
}
.avot__image:hover .avot__img {
  transform: scale(1.15);
}
.avot__img {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  object-fit: cover;
  transition: 0.2s;
  aspect-ratio: 16/9;
  transform: scale(1.05);
}
.avot__row {
  width: 100%;
}

.dela {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 990px) {
  .dela {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 25px;
    border-top: 1px #eeeeee solid;
  }
}
.dela__heading {
  margin-bottom: 10px;
}
.dela__description {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .dela__description {
    margin-bottom: 20px;
  }
}
.dela__item {
  display: block;
}
.dela__top {
  position: relative;
  overflow: hidden;
}
.dela__top:hover .dela__image {
  filter: grayscale(1);
}
.dela__top:hover .dela__image::before {
  opacity: 1;
}
.dela__top:hover .dela__number {
  opacity: 1;
}
.dela__image {
  width: 100%;
  aspect-ratio: 16/9;
  background: #eee center center no-repeat;
  background-size: cover;
  position: relative;
  transition: 0.2s;
  overflow: hidden;
}
.dela__image::before {
  background: rgba(0, 0, 0, 0.5);
  transition: 0.2s;
  opacity: 0;
}
.dela__number {
  font-size: 151px;
  font-family: "PT Sans Bold";
  color: var(--white);
  color: transparent;
  -webkit-text-stroke: 1px var(--white);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  cursor: default;
  opacity: 0;
}
@media screen and (max-width: 2000px) {
  .dela__number {
    font-size: 121px;
  }
}
@media screen and (max-width: 1650px) {
  .dela__number {
    font-size: 91px;
  }
}
.dela__name {
  display: block;
  margin-top: 20px;
  font-size: 19px;
  color: var(--textdesc);
}
@media screen and (max-width: 1650px) {
  .dela__name {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .dela__name {
    font-size: 17px;
  }
}
.dela__name strong {
  color: var(--black);
}
.dela .slick-slide {
  margin: 0 20px;
}
@media screen and (max-width: 1650px) {
  .dela .slick-slide {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1400px) {
  .dela .slick-slide {
    margin: 0 10px;
  }
}
@media screen and (max-width: 990px) {
  .dela .slick-slide {
    margin: 0 5px;
  }
}
.dela .slick-list {
  margin: 0 -20px;
}
@media screen and (max-width: 1650px) {
  .dela .slick-list {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 1400px) {
  .dela .slick-list {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 990px) {
  .dela .slick-list {
    margin: 0 -5px;
  }
}
.dela__slidernav {
  margin-top: 20px;
}

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.rozet {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .rozet {
    padding-top: 25px;
  }
}
.rozet__heading {
  margin-bottom: 10px;
}
.rozet__description {
  margin-bottom: 40px;
}
@media screen and (max-width: 1450px) {
  .rozet__description {
    margin-bottom: 20px;
  }
}
.rozet__list {
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .rozet__list {
    gap: 5px;
  }
}
.rozet__center {
  align-items: stretch;
  gap: 40px;
}
@media screen and (max-width: 990px) {
  .rozet__center {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
  }
}
.rozet__block {
  width: 50%;
}
@media screen and (max-width: 990px) {
  .rozet__block {
    width: 100%;
  }
}
.rozet__item {
  height: 50px;
  padding: 0 20px;
  border-radius: 50px;
  background: #f5f5f5;
  cursor: pointer;
  transition: 0.2s;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media screen and (max-width: 990px) {
  .rozet__item {
    height: 35px;
    padding: 0 10px;
    font-size: 13px;
    border-radius: 0;
  }
}
.rozet__item--active {
  color: var(--white) !important;
  text-decoration-color: var(--red) !important;
  background: var(--red) !important;
}
.rozet__item:hover {
  color: var(--red);
  text-decoration-color: var(--red);
}
.rozet__image {
  width: 100%;
  cursor: pointer;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.rozet__image:hover .rozet__img {
  transform: scale(1.15);
}
.rozet__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s;
  transform: scale(1.05);
  aspect-ratio: 16/9;
}
.rozet__text {
  font-size: 19px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1450px) {
  .rozet__text {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .rozet__text {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

.vrazrabotke {
  text-align: center !important;
}
.vrazrabotke__heading {
  margin-bottom: 10px;
}
.vrazrabotke__center {
  height: 400px;
}

.pregra {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .pregra {
    padding-top: 25px;
  }
}
@media screen and (max-width: 990px) {
  .pregra--karnizy {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px #eeeeee solid;
  }
}
.pregra__heading {
  margin-bottom: 10px;
}
.pregra__description {
  margin-bottom: 40px;
}

.gra {
  margin-top: 100px;
}
@media screen and (max-width: 990px) {
  .gra {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px #eeeeee solid;
    margin-bottom: 25px;
  }
}
.gra--potolki {
  margin-top: 0;
}
@media screen and (max-width: 990px) {
  .gra--potolki {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}
.gra--karnizy {
  padding-bottom: 100px;
  margin-top: 40px;
}
@media screen and (max-width: 990px) {
  .gra--karnizy {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    padding-bottom: 0;
  }
}
.gra__center {
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 1650px) {
  .gra__center {
    gap: 30px;
  }
}
@media screen and (max-width: 1400px) {
  .gra__center {
    gap: 20px;
  }
}
@media screen and (max-width: 990px) {
  .gra__center {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
  }
}
.gra__item {
  width: calc(50% - 20px);
  aspect-ratio: 1/1;
  background: center no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  color: var(--white);
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
@media screen and (max-width: 1650px) {
  .gra__item {
    padding: 30px;
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 1400px) {
  .gra__item {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 990px) {
  .gra__item {
    padding: 20px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.gra__item::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
@media screen and (max-width: 990px) {
  .gra__item::after {
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  }
}
.gra__item::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
  opacity: 0;
  transition: 0.2s;
}
@media screen and (max-width: 990px) {
  .gra__item::before {
    background: rgba(0, 0, 0, 0.2);
  }
}
.gra__item:hover::before {
  opacity: 1;
}
.gra__item--three, .gra__item:nth-child(3), .gra__item:nth-child(4), .gra__item:nth-child(5) {
  width: calc(33.3333333333% - 27px);
  aspect-ratio: 1/1.5;
}
@media screen and (max-width: 1650px) {
  .gra__item--three, .gra__item:nth-child(3), .gra__item:nth-child(4), .gra__item:nth-child(5) {
    width: calc(33.3333333333% - 20px);
  }
}
@media screen and (max-width: 1400px) {
  .gra__item--three, .gra__item:nth-child(3), .gra__item:nth-child(4), .gra__item:nth-child(5) {
    width: calc(33.3333333333% - 14px);
  }
}
@media screen and (max-width: 990px) {
  .gra__item--three, .gra__item:nth-child(3), .gra__item:nth-child(4), .gra__item:nth-child(5) {
    width: 100%;
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 990px) {
  .gra__item--karnizy {
    justify-content: flex-end;
    align-items: flex-start;
    aspect-ratio: 1/1.55;
  }
  .gra__item--karnizy .gra__button {
    position: relative !important;
    bottom: auto;
    left: auto;
    top: auto;
    right: auto;
  }
}
.gra__title {
  font-size: 23px;
  font-family: "PT Sans Bold";
  margin-bottom: 20px;
  text-transform: uppercase;
  display: block;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1650px) {
  .gra__title {
    font-size: 21px;
  }
}
@media screen and (max-width: 990px) {
  .gra__title {
    font-size: 21px;
    margin-bottom: 10px;
  }
}
.gra__text {
  font-size: 19px;
  margin-bottom: 30px;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1650px) {
  .gra__text {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .gra__text {
    font-size: 17px;
    line-height: 1 !important;
    margin-bottom: 20px;
  }
}
.gra__button {
  z-index: 100;
}
@media screen and (max-width: 990px) {
  .gra__button {
    position: absolute !important;
    bottom: 20px;
    left: 20px;
  }
}

.bas {
  margin-top: 100px;
}
@media screen and (max-width: 990px) {
  .bas {
    margin-top: 25px;
  }
}
.bas__item {
  text-align: center;
  cursor: pointer;
  margin: 0 40px;
  width: auto;
}
@media screen and (max-width: 1650px) {
  .bas__item {
    margin: 0 30px;
  }
}
@media screen and (max-width: 1400px) {
  .bas__item {
    margin: 0 20px;
  }
}
@media screen and (max-width: 990px) {
  .bas__item {
    margin: 0 10px;
  }
}
.bas__item:hover .bas__title {
  color: var(--red);
  text-decoration-color: var(--red);
}
.bas__image {
  width: 200px;
  height: 200px;
  background: center no-repeat;
  background-size: cover;
  margin-bottom: 10px;
}
@media screen and (max-width: 1650px) {
  .bas__image {
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1200px) {
  .bas__image {
    width: 160px;
    height: 160px;
  }
}
@media screen and (max-width: 1200px) {
  .bas__image {
    width: 140px;
    height: 140px;
  }
}
@media screen and (max-width: 990px) {
  .bas__image {
    width: 80px;
    height: 80px;
  }
}
.bas__title {
  font-size: 17px;
  margin-bottom: 10px;
  display: block;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.2s;
  text-align: center;
}
@media screen and (max-width: 990px) {
  .bas__title {
    font-size: 13px;
  }
}

.alice {
  margin-top: 100px;
}
@media screen and (max-width: 990px) {
  .alice {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px #eeeeee solid;
    margin-bottom: 25px;
  }
}
.alice__content {
  background: #a6aaf4;
  padding: 50px;
  height: 800px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1650px) {
  .alice__content {
    height: 650px;
  }
}
@media screen and (max-width: 990px) {
  .alice__content {
    padding: 20px;
  }
}
.alice__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  pointer-events: none;
}
.alice__block {
  position: relative;
  z-index: 100;
  color: var(--white);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.alice__heading {
  margin-bottom: 10px;
}
.alice__description {
  margin-bottom: 40px;
}
.alice__comands {
  gap: 10px;
}
.alice__comand {
  font-size: 17px;
  display: block;
  background: #7137ff;
  color: var(--white);
  border-radius: 50px;
  padding: 10px 20px;
  width: auto;
  display: inline-block;
}
@media screen and (max-width: 990px) {
  .alice__comand {
    font-size: 13px;
  }
}

.matter {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media screen and (max-width: 990px) {
  .matter {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px #eeeeee solid;
    margin-bottom: 25px;
  }
}
.matter__item {
  filter: grayscale(100%);
  transition: 0.2s;
}
@media screen and (max-width: 990px) {
  .matter__item {
    filter: grayscale(0%);
  }
}
.matter__item:hover {
  filter: grayscale(0%);
}
.matter__title {
  font-size: 17px;
  margin-bottom: 20px;
  display: block;
  min-height: 60px;
}
@media screen and (max-width: 990px) {
  .matter__title {
    min-height: auto;
    margin-bottom: 10px;
  }
}
.matter__image {
  background: center no-repeat;
  background-size: cover;
  width: 100%;
  aspect-ratio: 1/1;
}
.matter .slick-slide {
  margin: 0 20px;
}
@media screen and (max-width: 1650px) {
  .matter .slick-slide {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1400px) {
  .matter .slick-slide {
    margin: 0 10px;
  }
}
@media screen and (max-width: 990px) {
  .matter .slick-slide {
    margin: 0 5px;
  }
}
.matter .slick-list {
  margin: 0 -20px;
}
@media screen and (max-width: 1650px) {
  .matter .slick-list {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 1400px) {
  .matter .slick-list {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 990px) {
  .matter .slick-list {
    margin: 0 -5px;
  }
}
.matter .slidernav {
  margin-top: 20px;
}

.installation {
  margin-top: 100px;
}
@media screen and (max-width: 990px) {
  .installation {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px #eeeeee solid;
    margin-bottom: 25px;
  }
}
.installation__content {
  gap: 40px;
}
@media screen and (max-width: 990px) {
  .installation__content {
    flex-direction: column;
    gap: 20px;
  }
}
.installation__block {
  width: calc(50% - 20px);
  position: relative;
}
@media screen and (max-width: 990px) {
  .installation__block {
    width: 100%;
  }
}
.installation__image {
  width: 100%;
  aspect-ratio: 3/3.2;
  background: center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.installation__heading {
  margin-bottom: 10px;
}
.installation__description {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .installation__description {
    margin-bottom: 20px;
  }
}
.installation__text {
  margin-bottom: 20px;
  font-size: 19px;
}
@media screen and (max-width: 990px) {
  .installation__text {
    font-size: 17px;
  }
}

.limp {
  margin-top: 100px;
}
@media screen and (max-width: 990px) {
  .limp {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px #eeeeee solid;
    margin-bottom: 25px;
  }
}
.limp__content {
  gap: 40px;
}
@media screen and (max-width: 990px) {
  .limp__content {
    flex-direction: column;
    gap: 20px;
  }
}
.limp__block {
  width: calc(50% - 20px);
  position: relative;
}
@media screen and (max-width: 990px) {
  .limp__block {
    width: 100%;
  }
}
.limp__image {
  width: 100%;
  aspect-ratio: 12/15;
  background: center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
}
.limp__heading {
  margin-bottom: 10px;
}
.limp__description {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .limp__description {
    margin-bottom: 20px;
  }
}
.limp__text {
  margin-bottom: 20px;
  font-size: 19px;
}
@media screen and (max-width: 990px) {
  .limp__text {
    font-size: 17px;
  }
}
.limp__comands {
  gap: 10px;
}
.limp__comand {
  font-size: 17px;
  gap: 5px;
  width: auto;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 50px;
  height: 40px;
}
.limp__comand-icon {
  font-size: 20px;
  border-radius: 50px;
  border: 2px #7137ff solid;
  width: 40px;
  height: 40px;
  color: #7137ff;
  transition: 0.2s;
}
.limp__comand-name {
  display: inline-flex;
  background: var(--white);
  color: #7137ff;
  border: 2px #7137ff solid;
  border-radius: 50px;
  padding: 0 20px;
  height: 40px;
}
.limp__comand--active, .limp__comand:hover {
  background: #7137ff;
  color: var(--white);
  gap: 0;
}
.limp__comand--active .limp__comand-icon, .limp__comand:hover .limp__comand-icon {
  color: var(--white);
}
@media screen and (max-width: 990px) {
  .limp__comand {
    font-size: 13px;
  }
}

.otp {
  margin-top: 100px;
}
@media screen and (max-width: 990px) {
  .otp {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px #eeeeee solid;
    margin-bottom: 25px;
  }
}
.otp__heading {
  margin-bottom: 10px;
}
.otp__description {
  margin-bottom: 40px;
}
.otp__content {
  gap: 40px;
}
@media screen and (max-width: 990px) {
  .otp__content {
    flex-direction: column;
    gap: 20px;
  }
}
.otp__item {
  width: 25%;
}
@media screen and (max-width: 990px) {
  .otp__item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
}
.otp__name {
  font-family: "PT Sans Bold";
  font-size: 19px;
  display: block;
  margin-bottom: 10px;
  transition: 0.2s;
}
@media screen and (max-width: 1650px) {
  .otp__name {
    font-size: 17px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .otp__name {
    font-size: 17px;
  }
}
.otp__text {
  font-size: 17px;
  display: block;
}
@media screen and (max-width: 1650px) {
  .otp__text {
    font-size: 15px;
  }
}
@media screen and (max-width: 990px) {
  .otp__text {
    font-size: 15px;
  }
}
.otp__icon {
  width: 50px;
  min-width: 50px;
  height: 50px;
  background: none;
  border: 1px solid #eee;
  backdrop-filter: blur(10px);
  border-radius: 50%;
  display: flex !important;
  margin-bottom: 20px;
  cursor: default;
  animation: pulseGreen 2s infinite;
  flex-shrink: 0;
  color: var(--green);
}
@media screen and (max-width: 1650px) {
  .otp__icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .otp__icon {
    margin-bottom: 0;
    margin-right: 0;
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
}

.gal {
  margin-top: 40px;
}
.gal .slick-slide {
  margin: 0 20px;
}
@media screen and (max-width: 1650px) {
  .gal .slick-slide {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1400px) {
  .gal .slick-slide {
    margin: 0 10px;
  }
}
@media screen and (max-width: 990px) {
  .gal .slick-slide {
    margin: 0 5px;
  }
}
.gal .slick-list {
  margin: 0 -20px;
}
@media screen and (max-width: 1650px) {
  .gal .slick-list {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 1400px) {
  .gal .slick-list {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 990px) {
  .gal .slick-list {
    margin: 0 -5px;
  }
}
.gal .slidernav {
  margin-top: 20px;
}
.gal__item {
  aspect-ratio: 1/1;
  overflow: hidden;
}
.gal__item:hover .gal__image {
  transform: scale(1.15);
}
.gal__forimage {
  aspect-ratio: 1/1;
  overflow: hidden;
}
.gal__forimage:hover .gal__image {
  transform: scale(1.15);
}
.gal__itemtext {
  overflow: hidden;
}
.gal__itemtext .gal__image {
  aspect-ratio: 1/1;
}
.gal__itemtext:hover .gal__image {
  transform: scale(1.15);
}
.gal__image {
  display: block;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: cover;
  transition: 0.2s;
}
.gal__name {
  font-family: "PT Sans Bold";
  font-size: 19px;
  display: block;
  margin-bottom: 10px;
  transition: 0.2s;
  margin-top: 20px;
}
@media screen and (max-width: 1650px) {
  .gal__name {
    font-size: 17px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .gal__name {
    font-size: 17px;
  }
}
.gal__text {
  font-size: 17px;
  display: block;
}
@media screen and (max-width: 1650px) {
  .gal__text {
    font-size: 15px;
  }
}
@media screen and (max-width: 990px) {
  .gal__text {
    font-size: 15px;
  }
}

.karizplus {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .karizplus {
    padding-top: 25px;
    margin-bottom: 25px;
    margin-top: 25px;
    border-top: 1px #eeeeee solid;
  }
}
@media screen and (max-width: 990px) {
  .karizplus__center {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.karizplus__heading {
  margin-bottom: 10px;
}
.karizplus__description {
  margin-bottom: 40px;
}
.karizplus__content {
  background: #eeeeee;
  padding: 40px;
  width: 100%;
  gap: 40px;
  align-items: stretch;
  justify-content: stretch;
}
@media screen and (max-width: 990px) {
  .karizplus__content {
    background: none;
    padding: 0;
    flex-direction: column;
    gap: 0;
  }
}
.karizplus__block {
  width: calc(50% - 20px);
}
@media screen and (max-width: 990px) {
  .karizplus__block {
    width: 100%;
  }
}
@media screen and (max-width: 990px) {
  .karizplus__block:nth-last-child(1) {
    display: none;
  }
}
.karizplus__item {
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: 2s;
}
@media screen and (max-width: 990px) {
  .karizplus__item {
    width: 100%;
    background: none;
    border-bottom: 1px #eee solid;
  }
}
@media screen and (max-width: 990px) {
  .karizplus__item:nth-last-child(1) {
    border-bottom: 0;
  }
}
.karizplus__list {
  list-style: none;
  gap: 10px;
}
.karizplus__title {
  gap: 20px;
  opacity: 1;
  transition: opacity 0.25s ease;
  padding: 20px;
}
@media screen and (max-width: 990px) {
  .karizplus__title {
    padding: 10px 0;
    flex-direction: row-reverse;
  }
}
.karizplus__icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: var(--yellow);
  color: var(--white);
  border-radius: 50%;
  display: flex !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation: pulseYellow 2s infinite;
  transition: 0.2s;
}
.karizplus__icon.is-open {
  transform: rotate(45deg);
}
@media screen and (max-width: 990px) {
  .karizplus__icon {
    background: transparent;
    color: var(--yellow);
    border: none;
    animation: none;
  }
}
.karizplus__name {
  font-size: 21px;
  display: block;
  font-family: "PT Sans Bold";
}
@media screen and (max-width: 1650px) {
  .karizplus__name {
    font-size: 19px;
  }
}
@media screen and (max-width: 990px) {
  .karizplus__name {
    width: 100%;
  }
}
.karizplus__text {
  font-size: 19px;
  line-height: 1.3;
  opacity: 0;
  transition: opacity 0.2s ease;
  cursor: text;
  padding: 20px;
  padding-top: 0;
}
.karizplus__text.is-open {
  opacity: 1;
}
@media screen and (max-width: 990px) {
  .karizplus__text {
    padding: 0 0 20px 0;
    font-size: 17px;
  }
}
.karizplus__addontext {
  font-size: 19px;
  line-height: 1.3;
  cursor: text;
  margin-top: 20px;
  transition: 0.2s;
  position: relative;
}
.karizplus__forimage {
  width: 100%;
  aspect-ratio: 1/1;
  background: #fff;
}
.karizplus__image {
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: contain;
}

.pult {
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .pult {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px #eeeeee solid;
  }
}
.pult__heading {
  margin-bottom: 10px;
}
.pult__content {
  width: 100%;
  flex-direction: row-reverse;
  gap: 40px;
}
.pult__block {
  width: 100%;
}
.pult__block--content {
  margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .pult__block--content {
    margin-bottom: 20px;
  }
}
.pult__img {
  width: 100%;
  height: 500px;
  background: center no-repeat;
  background-size: contain;
  border-radius: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1650px) {
  .pult__img {
    height: 400px;
  }
}
@media screen and (max-width: 990px) {
  .pult__img {
    height: 250px;
  }
}
.pult__list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}
@media screen and (max-width: 990px) {
  .pult__list {
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.pult__item {
  width: 100%;
  border: 1px solid #eee;
}
.pult__item.is-active {
  border-color: var(--yellow);
}
.pult__item.is-active .pult__icon {
  filter: grayscale(0);
}
.pult__button {
  gap: 10px;
  padding: 20px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  transition: 0.2s;
  cursor: pointer;
  border: none;
}
@media screen and (max-width: 990px) {
  .pult__button {
    padding: 10px 0;
  }
}
.pult__button:hover {
  background: var(--red);
  color: var(--white);
}
.pult__button:hover .pult__icon {
  filter: grayscale(0);
}
.pult__name {
  font-size: 19px;
  display: block;
  font-family: "PT Sans Bold";
}
@media screen and (max-width: 1650px) {
  .pult__name {
    font-size: 17px;
  }
}
@media screen and (max-width: 1450px) {
  .pult__name {
    font-size: 15px;
  }
}
@media screen and (max-width: 990px) {
  .pult__name {
    font-size: 13px;
    font-family: "PT Sans";
  }
}
.pult__icon {
  background: center no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  filter: grayscale(100%);
}
.pult__text {
  font-size: 19px;
  line-height: 1.3;
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 1650px) {
  .pult__text {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .pult__text {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.1;
    width: 100%;
    text-align: left;
  }
}

.lift {
  margin-top: 100px;
  margin-bottom: 100px;
}
.lift__h {
  text-align: center;
}
.lift__button {
  margin-bottom: 40px;
}
.lift__content {
  width: 100%;
  gap: 40px;
}
.lift__block {
  width: 100%;
  gap: 40px;
  background: #eee;
  border-radius: 20px;
  padding: 40px;
}
.lift__img {
  width: 300px;
  height: 300px;
  background: center no-repeat;
  background-size: contain;
  border-radius: 20px;
}
.lift__name {
  font-size: 25px;
  display: block;
  font-family: "PT Sans Bold";
  margin-bottom: 20px;
}
.lift__text {
  font-size: 15px;
  display: block;
  color: #575757;
}

.itemcarniz {
  padding: 20px;
  border: 1px solid #eee;
  transition: 0.2s;
  width: 100%;
  gap: 20px;
  cursor: pointer;
}
@media screen and (max-width: 990px) {
  .itemcarniz {
    padding: 10px;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
  }
}
.itemcarniz__images {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 20px;
  position: relative;
}
.itemcarniz__image1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: contain;
  z-index: 1;
}
.itemcarniz__image2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: contain;
  opacity: 0;
  transition: 0.2s;
  z-index: 2;
}
.itemcarniz__name {
  font-size: 19px;
  display: block;
  font-family: "PT Sans Bold";
}
@media screen and (max-width: 1650px) {
  .itemcarniz__name {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  .itemcarniz__name {
    font-size: 13px;
    font-family: "PT Sans";
    text-align: center;
  }
}
.itemcarniz:active, .itemcarniz:focus, .itemcarniz:hover {
  outline: none;
  border-color: var(--yellow);
}
.itemcarniz:active .itemcarniz__image2, .itemcarniz:focus .itemcarniz__image2, .itemcarniz:hover .itemcarniz__image2 {
  opacity: 1;
}

.catalog {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media screen and (max-width: 990px) {
  .catalog {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.catalog__heading {
  margin-bottom: 20px;
}
.catalog__content {
  gap: 40px;
  width: 100%;
}
@media screen and (max-width: 990px) {
  .catalog__content {
    flex-direction: column;
  }
}
.catalog__block {
  width: calc(50% - 20px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 990px) {
  .catalog__block {
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
.catalog__blocktext {
  width: calc(50% - 20px);
  position: sticky;
  top: 100px;
  left: 0;
}
@media screen and (max-width: 990px) {
  .catalog__blocktext {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
}
.catalog__title {
  font-family: "PT Sans Bold";
  font-size: 25px;
  display: block;
  margin-bottom: 10px;
  transition: 0.2s;
}
@media screen and (max-width: 1650px) {
  .catalog__title {
    font-size: 23px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .catalog__title {
    font-size: 21px;
  }
}
.catalog__text {
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media screen and (max-width: 1650px) {
  .catalog__text {
    font-size: 19px;
  }
}
@media screen and (max-width: 1450px) {
  .catalog__text {
    font-size: 17px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .catalog__text {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.1;
  }
}
/*# sourceMappingURL=styles.css.map */