html,
body,
ul,
li {
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: none;
}
ul,
li {
  list-style: none;
}
a,
a:visited {
  text-decoration: none;
  color: #fff;
}
a:hover {
  text-decoration: none;
}
.link--boldunderline {
  font-family: montserrat-semibold;
  text-decoration: underline;
  transition: all 0.7s ease-out;
}
.link--boldunderline:hover {
  color: #94d4f1;
  text-decoration: none;
}
body {
  width: 100%;
  height: 100%;
  background-color: #000;
  color: #ddd;
  font-family: montserrat-regular;
  font-size: 14px;
}
:root {
    --container-max: 1180px;
}
@font-face {
  font-family: montserrat-regular;
  font-display: swap;
  src: url(/assets/legacy/fonts/Montserrat-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: montserrat-semibold;
  font-display: swap;
  src: url(/assets/legacy/fonts/Montserrat-SemiBold.ttf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: montserrat-bold;
  font-display: swap;
  src: url(/assets/legacy/fonts/Montserrat-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: montserrat-light;
  font-display: swap;
  src: url(/assets/legacy/fonts/Montserrat-Light.ttf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family:roboto-regular;
  font-display: swap;
  src: url("/assets/legacy/fonts/roboto-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:roboto-light;
  font-display: swap;
  src: url("/assets/legacy/fonts/roboto-light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'roboto-bold';
  font-display: swap;
  src: url("/assets/legacy/fonts/roboto-bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.text-roboto-regular {
  font-family: roboto-regular;
}
.text-roboto-light {
  font-family: roboto-light;
}
.text-roboto-bold {
  font-family: roboto-bold;
}
.text-montserat-regular {
  font-family: montserrat-regular;
}
h1,
h2,
.first_screen h3 {
  font-family: montserrat-bold;
  font-size: 30px;
  color: #94d4f1;
}
h2 {
  margin: 75px 0;
}
h4 {
  font-family: montserrat-semibold;
  font-size: 16px;
  color: #fbcc95;
}
.blue {
  color: #94d4f1;
}
.container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  padding-top: 160px;
}
.top_active_block {
  position: absolute;
  top: 100px;
  z-index: -1;
}
header {
  position: fixed;
  z-index: 250;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  opacity: 0;
  transition: all 0.7s ease-out;
}
.top_active_block._active + header,
header:hover {
  opacity: 1;
}
header .container {
  display: flex;
  justify-content: space-between;
  padding-top: 22px;
}
header a,
header a:visited {
  color: #fff;
}
.header-column__1 {
  display: flex;
}
/*
.logo {
	flex-basis:124px;
	height: 38px;
}
*/


.logo_text {
  padding: 5px 0 0 10px;
  font-family: montserrat-regular;
  color: #94d4f1;
  font-size: 12px;

  width: 195px;
}
.header-login__user {
  display: none;
}
.login-text {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}
.user-fill {
  opacity: 0;
  transition: all 0.7s ease-out;
}
.login-text a:first-child {
  border-right: 1px solid #dddddd;
  padding-right: 7px;
}
@media (max-width: 1200px) {
  .container {
    padding: 0 calc(10px + (15 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .logo {
    width: calc(80px + (124 - 80) * ((100vw - 320px) / (1200 - 320)));
    height: calc(38px + (38 - 38) * ((100vw - 320px) / (1200 - 320)));
  }
  .logo__img {
    width: calc(90px + (124 - 90) * ((100vw - 320px) / (1200 - 320)));
  }
  .header-column__1 {
    width: 329px;
  }
  header .container {
    padding-top: calc(7px + (22 - 7) * ((100vw - 320px) / (1200 - 320)));
  }
}

.header-column__2 {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.header-nav-wrap {
  display: flex;
  flex-direction: column;
}
.header-burger {
  display: none;
}
.header-menu {
  display: flex;
  justify-content: center;
  font-family: montserrat-regular;
  font-size: 14px;
}
.header-menu__link,
.header-menu__link:visited {
  padding: 5px 7px;
  margin: 2px;
  white-space: nowrap;
}
.header-menu__link {
  position: relative;
  transition-duration: 0.7s;
}
.header-menu__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: #94d4f1;
  transition: width 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    background 0.8s linear;
}
.header-menu__link:hover::after {
  width: 100%;
  background-color: #fbcc95;
}
.header-column__3 {
  width: 195px;
  padding-top: 5px;
  text-align: right;
  background: url(/assets/legacy/images/phone_icon.png) 0 0 no-repeat;
}
.phone_link {
  font-family: montserrat-bold;
  font-size: 18px;
  display: block;
  transition: color 0.7s linear;
}
.phone_link:hover {
  color: #94d4f1;
}
.email_link {
  font-family: montserrat-regular;
  font-size: 12px;
  display: block;
}
@media (max-width: 930px) {
  header .container {
    flex-wrap: wrap;
  }
  .header-column__2 {
    order: 4;
    flex-grow: 0;
  }
  .header-menu__link:first-child {
    margin-left: 0;
    padding-left: 0;
  }
  .header-column__3 {
    background-size: calc(18px + (32 - 18) * ((100vw - 320px) / (930 - 320)));
    width: calc(134px + (195 - 134) * ((100vw - 521px) / (930 - 521)));
    padding-top: calc(0px + (5 - 0) * ((100vw - 320px) / (930 - 320)));
  }
}
@media (max-width: 830px) {
  header {
    opacity: 1;
  }
}
@media (max-width: 526px) {
  .logo_text {
    display: none;
  }
  .header-column__1 {
    display: block;
    width: calc(90px + (100 - 90) * ((100vw - 320px) / (526 - 320)));
  }
  .phone_link {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (526 - 320)));
  }
  .header-column__3 {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
  }
  .header-login {
    /*position: relative;*/
  }
  .header-login__user {
    display: block;
  }
  .header-login__text {
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    background: rgba(0, 0, 0, 0.9);
    border-top: 1px solid #333333;
    width: 100%;
    padding: 5px 0 15px 0;
    z-index: 252;
  }
  .login-text {
    padding: 0 10px;
    flex-direction: column;
  }
  .login-text a {
    padding: 5px 10px;
    margin: 2px 0;
  }
  .login-text a:first-child {
    border-right: none;
    padding-right: 10px;
  }
  .header-login__text._active {
    display: block;
  }
  .user-fill._active {
    opacity: 1;
  }
}

@media (max-width: 930px) {
  header {
    opacity: 1;
  }
  .header-column__3 {
    flex-grow: 1;
    background-image: none;
  }
  .header-burger {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    order: 3;
    margin: calc(5px + (12 - 5) * ((100vw - 320px) / (769 - 320))) 0 0 15px;
  }
  .header-burger:before,
  .header-burger:after {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all 0.3s ease 0s;
  }
  .header-burger:before {
    top: 0;
  }
  .header-burger:after {
    bottom: 0;
  }
  .header-burger span {
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 9px;
    transition: all 0.3s ease 0s;
  }
  .header-menu {
    flex-direction: column;
    display: none;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 55px;
    transform: translateY(-250px);
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.9s ease 0s;
    border-top: 1px solid #333;
  }
  .header-menu__link,
  .header-menu__link:first-child {
    padding: 5px 10px;
    margin: 2px 0;
  }

  header .container {
    justify-content: flex-end;
  }
  .header-menu._active-menu {
    display: flex;
    transform: none;
    transition: all 0.9s ease 0s;
  }
  .header-burger._active-menu:before {
    transform: rotate(45deg);
    top: 9px;
  }
  .header-burger._active-menu:after {
    transform: rotate(-45deg);
    bottom: 9px;
  }
  .header-burger._active-menu span {
    transform: scale(0);
  }
}

 .first_screen {
  height: 637px;
  padding-top: 110px;
  background-image: url(/assets/legacy/images/first_screen_bg.webp);
  background-repeat: no-repeat;
  background-position: bottom right;
  transform: translatey(-50%);
  opacity: 0;
  transition: all 0.5s ease-out;
}
.first_screen._active {
  opacity: 1;
  transform: none;
}
.first_screen h3 {
  width: 50%;
  max-width: 500px;
  padding: 48px 0 22px 0;
  margin: 0;
  /*transform: translate(-100%);*/
  /*opacity: 0;*/
  /*transition: all 0.9s ease-out;*/
}
.first_screen h3._active {
  transform: none;
  opacity: 1;
}
.first_screen h3 span {
  display: block;
  font-family: montserrat-semibold;
  font-size: 22px;
  color: #fff;
  padding-top: 62px;
}
.first_screen p {
  display: block;
  width: 50%;
  max-width: 427px;
  font-family: montserrat-regular;
  font-size: 16px;
  color: #fff;
  padding: 0;
  margin: 0;
  transform: translate(100%);
  opacity: 0;
  transition: all 1s ease-out;
}
.first_screen p._active {
  transform: none;
  opacity: 1;
}
.first_screen .btn {
  margin-top: 75px;
  width: 28%;
  background-color: #fbcc95;
  border-radius: 10px;
  border: none;
  padding: 21px 0;
  text-align: center;
  font-family: montserrat-semibold;
  font-size: 18px;
  color: #000;
  transform: scale(0.1, 0.1);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.first_screen .btn._active {
  transform: none;
  opacity: 1;
}
.first_screen .btn._active:hover {
  background-color: #94d4f1;
}
.btn-description {
  font-size: 12px;
  position: relative;
  border-radius: 10px;
  width: 210px;
  padding: 15px;
  top: -140px;
  left: 300px;
  border: 1px solid #999;
  color: #000;
  background-color: #ddd;
  opacity: 0;
  transition: all 0.5s ease-out;
}
.btn-description:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 12px;
  top: 100%;
  border: 6px solid;
  border-color: #999 transparent transparent #999;
}
.btn-description:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 13px;
  top: 100%;
  border: 5px solid;
  border-color: #ddd transparent transparent #ddd;
}
.first_screen .btn._active:hover + .btn-description {
  opacity: 1;
}
@media (max-width: 1200px) {
  .first_screen {
    background-size: calc(
      595px + (926 - 595) * ((100vw - 769px) / (1200 - 769))
    );
    background-position: bottom 0px right
      calc(-50px + (0 + 50) * ((100vw - 769px) / (1200 - 769)));
    height: calc(487px + (637 - 487) * ((100vw - 769px) / (1200 - 769)));
    padding-top: calc(50px + (110 - 50) * ((100vw - 320px) / (1200 - 320)));
  }
  .first_screen h3 {
    width: 40%;
  }
  h1,
  h2,
  .first_screen h3 {
    font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1200 - 320)));
  }
  h2 {
    margin: calc(30px + (75 - 30) * ((100vw - 320px) / (1200 - 320))) 0;
  }
  .first_screen p {
    font-size: calc(12px + (16 - 12) * ((100vw - 530px) / (1200 - 520)));
  }
  .first_screen .btn {
    padding: calc(16px + (21 - 16) * ((100vw - 769px) / (1200 - 769))) 0;
    font-size: calc(14px + (18 - 14) * ((100vw - 769px) / (1200 - 769)));
  }
  .first_screen h3 span {
    font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1200 - 320)));
    padding-top: calc(20px + (62 - 20) * ((100vw - 320px) / (1200 - 320)));
  }
}
@media (max-width: 769px) {
  .first_screen {
    background-size: calc(
      380px + (595 - 380) * ((100vw - 320px) / (769 - 320))
    );
    background-position: bottom 0px right 0px;
      /*calc(-80px + (-50 + 80) * ((100vw - 320px) / (769 - 320)));*/
    height: 520px;
  }
  .first_screen h3 {
    width: calc(100% + (70 - 100) * ((100vw - 320px) / (769 - 320)));
    padding: 38px 0 22px 0;
  }
  .first_screen p {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (769 - 320)));
    width: calc(130px + (358 - 130) * ((100vw - 320px) / (769 - 320)));
  }
  .first_screen .btn {
    padding: calc(14px + (16 - 14) * ((100vw - 320px) / (769 - 320))) 0;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (769 - 320)));
    width: calc(160px + (208 - 160) * ((100vw - 320px) / (769 - 320)));
    margin-top: calc(50px + (75 - 50) * ((100vw - 320px) / (769 - 320)));
  }
}
@media (max-width: 520px) {
  .first_screen {
    height: 585px;
    background-size: calc(
      507px + (595 - 507) * ((100vw - 320px) / (520 - 320))
    );
    background-position: bottom 0 right
      calc(0px + (-70px) * ((100vw - 320px) / (520 - 320)));
  }
  .first_screen p {
    padding-bottom: 320px;
    width: 100%;
  }
}

@media (max-width: 500px) {
  .first_screen {
    height: 552px;
    background-size: 120%;
			/*calc( 507px + (595 - 507) * ((100vw - 320px) / (520 - 320)));*/
    background-position: bottom 0 right 0
      /*calc(0px + (-70px) * ((100vw - 320px) / (520 - 320)));*/
  }
  .first_screen p {
    padding-bottom: 203px;
    width: 100%;
  }
} 
.second_screen {
  height: 880px;
  background-image: url(/assets/legacy/images/second_screen_bg.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  margin-bottom: 0px;
}

.second_screen h2 {
  margin-top: 10px;
  font-family: montserrat-semibold;
  font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1200 - 320)));
  color: #fff;
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.second_screen h2._active {
  transform: none;
  opacity: 1;
}
.trigger-container {
  display: flex;
  justify-content: space-between;
}
.trigger-container_items {
  width: 22.8%;
  text-align: left;
}
.trigger-container li {
  transform: translatey(150%);
  opacity: 0;
}

.trigger-container_items h4 {
  margin-bottom: 24px;
}
.trigger-container._active > li {
  opacity: 1;
  transform: none;
}
.trigger-container > li:nth-child(1) {
  transition: all 0.8s ease-out 0.1s;
}
.trigger-container > li:nth-child(2) {
  transition: all 0.8s ease-out 0.2s;
}
.trigger-container > li:nth-child(3) {
  transition: all 0.8s ease-out 0.3s;
}
.trigger-container > li:nth-child(4) {
  transition: all 0.8s ease-out 0.4s;
}

.callme-send {
  text-align: center;
  padding-top: 100px;
  transform: scale(0.1, 0.1);
  opacity: 0;
  transition: all 0.75s ease-out;
}
.callme-send._active {
  opacity: 1;
  transform: none;
}
.input-phone__form {
  padding: 0;
  margin: 0;
}
.input-phone_txt,
.input-phone_btn {
  border-radius: 10px 0 0 10px;
  border: none;
  width: 332px;
  padding: 0 0 0 20px;
  margin: 0;
  height: 60px;
  font-family: montserrat-semibold;
  font-size: 18px;
  color: #000;
}
.input-phone_txt:focus {
  background-color: #ddd;
}

.input-phone_btn {
  border-radius: 0 10px 10px 0;
  background-color: #fbcc95;
  padding: 0;
  cursor: pointer;
}
.input-phone_comments {
  font-family: montserrat-regular;
  font-size: 14px;
  padding-top: 10px;
}

@media (max-width: 1200px) {
  .trigger-container_items h4 {
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1200 - 320)));
    margin-bottom: calc(10px + (24 - 10) * ((100vw - 500px) / (1200 - 500)));
  }
  .trigger-container_items img {
    height: calc(50px + (68 - 50) * ((100vw - 320px) / (1200 - 320)));
  }
  .trigger-container_items {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1200 - 320)));
  }
  .second_screen {
    height: 880px;
    background-size: calc(
      520px + (1067 - 520) * ((100vw - 320px) / (1200 - 320))
    );
  }
  .callme-send {
    padding-top: calc(20px + (100 - 20) * ((100vw - 320px) / (1200 - 320)));
  }
}
@media (max-width: 769px) {
  .input-phone_txt,
  .input-phone_btn {
    width: calc(105px + (332 - 105) * ((100vw - 320px) / (769 - 320)));
    padding: 0 0 0 calc(5px + (20 - 5) * ((100vw - 320px) / (769 - 320)));
    height: calc(20px + (60 - 20) * ((100vw - 320px) / (769 - 320)));
    font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (769 - 320)));
    border-radius: 6px 0 0 6px;
  }
  .input-phone_btn {
    width: calc(155px + (332 - 155) * ((100vw - 320px) / (769 - 320)));
    border-radius: 0 6px 6px 0;
    padding: 0 0 0 calc(2px + (20 - 2) * ((100vw - 320px) / (769 - 320)));
    font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (769 - 320)));
  }
  .input-phone_comments {
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (769 - 320)));
    padding-top: calc(5px + (10 - 5) * ((100vw - 320px) / (769 - 320)));
  }
}

@media (max-width: 650px) {
  .trigger-container {
    flex-wrap: wrap;
  }
  .trigger-container_items {
    width: 46%;
    margin-bottom: calc(10px + (24 - 10) * ((100vw - 320px) / (650 - 320)));
  }
  .second_screen {
    height: calc(1000px + (950 - 1000) * ((100vw - 320px) / (500 - 320)));
  }
}
@media (max-width: 500px) {
  .second_screen {
    height: calc(1000px + (920 - 1000) * ((100vw - 320px) / (500 - 320)));
  }
  .trigger-container {
    flex-direction: column;
  }
  .trigger-container_items {
    position: relative;
    width: auto;
    margin-bottom: calc(18px + (24 - 18) * ((100vw - 320px) / (500 - 320)));
    margin-left: 70px;
  }
  .trigger-container_items img {
    position: absolute;
    top: 6px;
    left: -70px;
  }
  .trigger-container_items h4 {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .input-phone_txt,
  .input-phone_btn {
    font-family: montserrat-regular;
  }
}

.fourth h2 {
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.fourth h2._active {
  transform: none;
  opacity: 1;
}
.link-all {
  font-family: montserrat-semibold;
  color: #ddd;
  font-size: 18px;
  text-decoration: underline;
  opacity: 0;
  transition: all 2s ease-out;
}
.link-all._active {
  transform: none;
  opacity: 1;
}
a.link-all:hover {
  color: #94d4f1;
  text-decoration: none;
}
.product-list {
  display: flex;
  color: #fbcc95;
  margin-top: 55px;
}
.product-list li {
  margin-right: 35px;
  text-align: left;
  flex-grow: 1;
}
.product-list > li {
  transform: translate(100%);
  opacity: 0;
}
.product-list li:last-child {
  margin-right: 0;
}
.product-list._active > li {
  opacity: 1;
  transform: none;
}
.product-list > li:nth-child(1) {
  transition: all 0.8s ease-out 0.1s;
}
.product-list > li:nth-child(2) {
  transition: all 0.8s ease-out 0.2s;
}
.product-list > li:nth-child(3) {
  transition: all 0.8s ease-out 0.3s;
}
.product-list > li:nth-child(4) {
  transition: all 0.8s ease-out 0.4s;
}

/* вот тут правил */
.product-list_img {
  height: auto;
}
.product-list--long3 .product-list_img {
  height: 300px;
}
.product-list_img--mini {
  height: auto;
}
.product-list_img--midle {
  height: 220px;
}
.product-list_title {
  font-family: montserrat-semibold;
  font-size: 18px;
  padding: 20px 0;
  padding-top: 5px;
}

.character-type {
  color: #fff;
  padding-right: 5px;
}
.product-list .btn {
  margin-top: 28px;
  height: 36px;
  padding: 8px 34px;
  background-color: #fbcc95;
  border-radius: 8px;
  border: none;
  font-family: montserrat-regular;
  font-size: 16px;
  color: #000;
}

a.more {
  display: block;
  margin-top: 20px;
  padding: 8px 10px;
  width: 100px;
  height: 20px;
  background: #fbcc95;
  color: #000;
  border-radius: 8px;
  border: none;
  transition: all 0.3s ease-out;
  text-align: center;
  cursor: pointer;
  font-family: montserrat-semibold;
  font-size: 14px;
}

@media (max-width: 1200px) {
  .link-all {
    font-size: calc(15px + (18 - 15) * ((100vw - 735px) / (1200 - 735)));
  }
  .product-list {
    margin-top: calc(30px + (55 - 30) * ((100vw - 735px) / (1200 - 735)));
  }
  .product-list_img a img {
    /* height: calc(200px + (305 - 200) * ((100vw - 735px) / (1200 - 735))); */
    height: auto;
    width: auto;
  }
  .product-list_img--mini a img {
    height: calc(110px + (180 - 110) * ((100vw - 735px) / (1200 - 735)));
  }

  .product-list li {
    margin-right: calc(15px + (35 - 15) * ((100vw - 735px) / (1200 - 735)));
  }
  .product-list_img {
    height: calc(210px + (320 - 210) * ((100vw - 735px) / (1200 - 735)));
  }
  .product-list_img--mini {
    height: calc(110px + (180 - 110) * ((100vw - 735px) / (1200 - 735)));
  }
  .product-list_title {
    font-family: montserrat-semibold;
    font-size: calc(15px + (18 - 15) * ((100vw - 735px) / (1200 - 735)));
    padding: 20px 0;
  }
  .product-list_text {
    font-size: calc(13px + (14 - 13) * ((100vw - 735px) / (1200 - 735)));
  }
  a.more {
    margin-top: 20px;
    padding: 8px 10px;
    width: 100px;
    height: calc(16px + (20 - 16) * ((100vw - 735px) / (1200 - 735)));
    border-radius: calc(5px + (8 - 5) * ((100vw - 735px) / (1200 - 735)));
  }
}
@media (max-width: 735px) {
  .link-all {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .product-list {
    flex-wrap: wrap;
    padding-top: 10px;
  }
  .product-list > li {
    width: 47%;
    display: flex;
    position: relative;
    margin-right: calc(10px + (15 - 10) * ((100vw - 320px) / (734 - 320)));
    margin-bottom: 20px;
  }

  .product-list--long .product-list_container__items,
  .product-list--long2 .product-list_container__items,
  .product-list--long3 .product-list_container__items {
    flex-direction: column;
  }
  .product-list_img {
    width: calc(104px + (120 - 104) * ((100vw - 570px) / (734 - 570)));
    min-width: 105px;
  }
  .product-list--long .product-list_img,
  .product-list--long2 .product-list_img,
  .product-list--long3 .product-list_img {
    height: calc(100px + (150 - 100) * ((100vw - 570px) / (1200 - 570)));
  }
  .product-list--long .product-list_img a img,
  .product-list--long2 .product-list_img a img,
  .product-list--long3 .product-list_img a img {
    height: calc(110px + (150 - 110) * ((100vw - 570px) / (735 - 570)));
  }
  .product-list_img--mini a img {
    height: calc(80px + (110 - 80) * ((100vw - 735px) / (735 - 570)));
  }
  .product-list_title {
    position: absolute;
    top: -18px;
    left: calc(104px + (120 - 104) * ((100vw - 570px) / (734 - 570)));
  }
  .product-list--long .product-list_title,
  .product-list--long2 .product-list_title,
  .product-list--long3 .product-list_title {
    top: 100px;
    left: 0;
    right: 0;
    text-align: center;
  }
  .product-list_title--mini {
    left: calc(120px + (120 - 120) * ((100vw - 570px) / (734 - 570)));
  }
  .product-list--long .product-list_text--mini {
    left: calc(120px + (120 - 120) * ((100vw - 570px) / (734 - 570)));
  }
  .product-list_text {
    font-size: 12px;
    flex-grow: 1;
    margin-top: 26px;
  }
  .product-list_text--mini {
    margin-top: 36px;
  }
  a.more {
    margin-top: calc(12px + (20 - 12) * ((100vw - 570px) / (734 - 570)));
    padding: 8px 10px;
    height: 14px;
    border-radius: 5px;
  }
}
@media (max-width: 570px) {
  .product-list_img {
    width: 104px;
  }
  .product-list_img a img {
    height: 162px;
  }
  .product-list_img--mini a img {
    height: 80px;
  }
  .product-list_title {
    left: 104px;
  }
  .product-list--long .product-list_img a img,
  .product-list--long2 .product-list_img a img,
  .product-list--long3 .product-list_img a img {
    height: 210px;
    max-width: 90%;
  }
}
@media (max-width: 520px) {
  .link-all {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .product-list {
    margin-top: 10px;
  }
  .product-list > li {
    width: 100%;
    margin-right: 0;
    height: 200px;
  }
  .product-list_img a img {
    height: 200px;
  }
  .product-list_title {
    left: calc(150px + (160 - 150) * ((100vw - 320px) / (520 - 320)));
  }
  .product-list_img {
    width: 140px;
  }
  a.more {
    margin-top: 12px;
  }
}

.catalog {
  padding-top: 70px;
  padding-bottom: 70px;
}
.catalog h1 {
  /* margin-top: 80px; */
  width: 60%;
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.catalog h1._active {
  transform: none;
  opacity: 1;
}
.catalog .product-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.catalog .product-list._active {
  transform: none;
  opacity: 1;
}
.catalog .product-list li {
  text-align: left;
}
.catalog .product-list > li {
  margin-bottom: 100px;
  opacity: 1;
  transform: none;
  flex-grow: 0;
  transition: all 0s ease-out;
  width: 22%;
  margin-right: 4%;
}
.catalog .product-list > li.product-list--long {
  width: 36%;
}
.catalog .product-list > li.product-list--long2 {
  width: 60%;
}
.catalog .product-list > li.product-list--long3 {
  width: 45%;
}
.catalog .product-list_img,
.catalog .product-list_title,
.catalog .product-list_text {
  text-align: center;
}
.catalog .product-list_text .more {
  margin-left: auto;
  margin-right: auto;
}
.catalog .product-list > li.last-of-row {
  margin-right: 0;
}
.catalog .product-list > li.no_active {
  display: none;
}

.character-type__more {
  display: none;
}
.character-type-mini--no-wrap {
  white-space: nowrap;
}
.catalog .product-list > li:hover .product-list_title,
.catalog .product-list > li:hover .character-type__small,
.catalog .product-list > li:hover .character-type-mini {
  color: #94d4f1;
}

.catalog .product-list .character-type {
  color: #ccc;
  padding-right: 5px;
  font-size: 12px;
}

.character-type__small {
  font-size: 12px;
  color: #fbcc95;
}
.character-type__big {
  font-family: montserrat-semibold;
  color: #fff;
}
.diametr {
  font-size: 20px;
  line-height: 16px;
}
.square {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 2px;
  border: 2px solid #fff;
}

.catalog .product-list > li:hover .more {
  background-color: #94d4f1;
}
a.more:hover {
  background-color: #94d4f1;
  color: #000;
}
.sort_by__container {
  position: fixed;
  z-index: 100;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  margin-top: -30px;
  opacity: 0.5;
  transition: all 0.7s ease-out;
  transform: translateY(-175px);
}
.sort_by__arroy-conteiner {
  position: relative;
  width: 25px;
  height: 24px;
}
.sort_by__arroy {
  position: absolute;
  width: 25px;
  height: 50px;
  top: -12px;
  background-color: #333;
  z-index: 10;
  display: none;
  border-radius: 4px 0 0 4px;
}
.sort_by__arroy:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  z-index: 10;
  border: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-top: -12px;
  top: 50%;
  border-right: 12px solid #fff;
  left: 3px;
}
.sort_by__arroy:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  z-index: 12;
  border: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  margin-top: -8px;
  top: 50%;
  border-right: 8px solid #333;
  left: 7px;
}
.sort_by__arroy._active-sort {
  background: none;
}
.sort_by__arroy._active-sort:before {
  border-left: 8px solid #000;
  border-right: 0;
  right: 10px;
  left: auto;
}
.sort_by__arroy._active-sort:after {
  border-left: 12px solid #fff;
  border-right: 0;
  right: 6px;
  left: auto;
}

.sort_by_active_block._active + .sort_by__container,
.sort_by__container:hover {
  opacity: 1;
}
.sort_by_active_block._active + .sort_by__container {
  transform: none;
}
.sort_by {
  display: flex;
  justify-content: flex-end;
}
.sort_by__items {
  border: 1px solid #666;
  color: #666;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
  margin: 0 10px;
  padding: 3px 7px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.sort_by__items:hover {
  background-color: #94d4f1;
  border: 1px solid #fff;
  color: #000;
}
._active-tag {
  background-color: #94d4f1;
  border: 1px solid #fff;
  color: #000;
  font-family: montserrat-semibold;
  transition: all 0.3s ease-out;
  -webkit-transition: background-color 0.3s ease-out;
}
@media (max-width: 1200px) {
  .catalog {
    padding: calc(50px + (70 - 50) * ((100vw - 320px) / (1200 - 320)))
      calc(10px + (15 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .catalog h1 {
    margin-top: calc(30px + (80 - 30) * ((100vw - 320px) / (1200 - 320)));
    width: calc(300px + (720 - 300) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1200 - 320)));
  }
  .character-type-mini {
    font-size: 12px;
  }
  .sort_by__container {
    margin-top: calc(-35px + (-30 + 35) * ((100vw - 735px) / (1200 - 735)));
    transform: translateY(
      calc(-112px + (-175 + 112) * ((100vw - 735px) / (1200 - 735)))
    );
  }
  .sort_by {
    margin-right: calc(10px + (15 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .sort_by__items {
    margin: 0 calc(7px + (10 - 7) * ((100vw - 735px) / (1200 - 735)));
    padding: 3px calc(5px + (7 - 5) * ((100vw - 735px) / (1200 - 735)));
    font-size: calc(12px + (14 - 12) * ((100vw - 735px) / (1200 - 735)));
  }
}
@media (max-width: 735px) {
  .catalog .product-list > li {
    width: 44%;
    margin-right: 4%;
    display: block;
    margin-bottom: calc(50px + (100 - 50) * ((100vw - 560px) / (735 - 560)));
  }

  .catalog .product-list > li.product-list--long,
  .catalog .product-list > li.product-list--long2,
  .catalog .product-list > li.product-list--long3 {
    width: 36%;
  }
  .product-list_container__items {
    display: flex;
  }
  .sort_by__container {
    margin-top: -10px;
    transform: translateY(
      calc(-90px + (-112 + 90) * ((100vw - 320px) / (735 - 320)))
    );
  }

  .sort_by__items {
    margin: 0 7px;
    padding: 3px 5px;
    font-size: 12px;
  }
  .sort_by__arroy {
    display: block;
  }
  .sort_by {
    transform: translate(260px);
    transition: all 0.3s ease-out;
    margin-right: 10px;
  }
  .sort_by._active-sort {
    transform: none;
    background: rgba(0, 0, 0, 0.8);
  }
  .catalog .link-all {
    font-size: calc(12px + (14 - 12) * ((100vw - 560px) / (735 - 560)));
    margin-bottom: 20px;
  }
}
@media (max-width: 560px) {
  .catalog .product-list > li {
    width: 100%;
    margin-right: 0;
    display: block;
    margin-bottom: 50px;
    height: auto;
  }
  .catalog .product-list > li.product-list--long,
  .catalog .product-list > li.product-list--long2,
  .catalog .product-list > li.product-list--long3 {
    width: 100%;
  }
  .product-list_container__items {
    display: block;
  }
  .catalog .product-list_container__items .product-list_text {
    margin-top: 10px;
  }
  .product-list_text .short_price {
    font-size: 30px;
    color: #dddddd;
  }
  .product-list_text .short_price span {
    font-size: 14px;
    color: #fbcc95;
  }
  .catalog .product-list_title {
    top: 0px;
    text-align: left;
  }
  .product-list--long .product-list_title,
  .product-list--long2 .product-list_title,
  .product-list--long3 .product-list_title {
    position: static;
    font-size: 16px;
    /*top: 0;*/
    /*left: calc(150px + (160 - 150) * ((100vw - 320px)/(520 - 320)));*/
  }
  .product-list--long .product-list_container__items,
  .product-list--long2 .product-list_container__items,
  .product-list--long3 .product-list_container__items {
    /* flex-direction: row; */
  }

  .character-type-mini {
    text-align: center;
  }
  /* .catalog .product-list_img a img {
    height: 200px;
  }
  .catalog .product-list_img--mini a img {
    height: 90px;
  }
  .product-list--long .product-list_img a img,
  .product-list--long2 .product-list_img a img,
  .product-list--long3 .product-list_img a img {
    height:90px;
  } */
  .product-list_img a img {
    height: auto;
  }
  .catalog .product-list_container__items .product-list_title {
    text-align: center;
  }
  .catalog .product-list_container__items .product-list_img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .catalog .link-all {
    font-size: 12px;
  }
  .catalog .product-list_text .more {
    margin: 15px 0;
    padding: 15px 30px;
  }
  .catalog .product-list_title {
    position: static;
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .product-list_footer {
    display: flex;
    gap: 10px;
  }
  .product-list_footer .addToBasket {
    display: block;
    flex-grow: 1;
    margin: 15px 0;
    padding: 15px 30px;
    background: #fbcc95;
    color: #000;
    border-radius: 8px;
    border: none;
    transition: all 0.3s ease-out;
  }
}
.fifth {
  height: 800px;
  background-image: url(/assets/legacy/images/fifth_screen_bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 60px;
}
.fifth h2 {
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.fifth h2._active {
  opacity: 1;
  transform: none;
}
.contact-row {
  display: flex;
  justify-content: space-between;
}
.contact-row__column {
  width: 40%;
}
.contact-row__column._anim-items {
  opacity: 0;
  transition: all 2s ease-out;
}
.contact-row__column._active {
  opacity: 1;
  transform: none;
}
.contact-row__column a {
  color: #94d4f1;
  text-decoration: underline;
  transition: all 2s ease-out;
}
.contact-row__column a:hover {
  color: #fbcc95;
}

.contact-form {
  display: flex;
  width: 100%;
  flex-direction: column;
  /*transform:translate(100%); opacity:0; transition: all .9s ease-out;*/
}
.contact-form._active {
  opacity: 1;
  transform: none;
}
.contact-form__title {
  margin: 10px 0;
  margin-bottom: 18px;
  color: #fbcc95;
  font-family: montserrat-regular;
  font-size: 16px;
}

.contact-form__input,
.contact-form__btn {
  height: 44px;
  margin: 12px 0;
  padding: 0 17px;
  border-radius: 10px;
  border: none;
  background: #fff;
  font-family: montserrat-regular;
  font-size: 16px;
  color: #666;
}
.contact-form__input._error {
  box-shadow: 0 0 15px #ff0000;
}
.contact-form__input._edit {
  color: #000;
  font-family: montserrat-semibold;
}
.contact-form__btn {
  color: #000;
  background: #fbcc95;
  font-family: montserrat-semibold;
  font-size: 18px;
  text-align: center;
}
.contact-form__btn:disabled {
  background: #ccc;
  color: #666;
  cursor: not-allowed;
}
.contact-form__btn:hover {
  background-color: #94d4f1;
}
.contact-operating-mode {
  margin: 10px 0;
  font-size: 18px;
}
.contact-phone-txt {
  font-size: 30px;
}

@media (max-width: 1200px) {
  .fifth {
    background-size: calc(
      500px + (1104 - 500) * ((100vw - 320px) / (1200 - 320))
    );
    background-position: bottom 0px left
      calc(-80px + (0 + 80) * ((100vw - 320px) / (1200 - 320)));
    height: calc(700px + (800 - 700) * ((100vw - 750px) / (1200 - 750)));
  }
  .contact-row--right {
    width: calc(360px + (472 - 360) * ((100vw - 690px) / (1200 - 690)));
  }
}
@media (max-width: 769px) {
  .contact-form__input,
  .contact-form__btn {
    padding: 0 0 0 calc(5px + (17 - 5) * ((100vw - 320px) / (769 - 320)));
    height: calc(24px + (44 - 24) * ((100vw - 320px) / (769 - 320)));
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (769 - 320)));
    border-radius: 6px;
    margin: calc(5px + (12 - 5) * ((100vw - 320px) / (769 - 320))) 0;
  }
  .contact-row,
  .contact-form__subtitle {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (769 - 320)));
  }
  .contact-form__subtitle {
    margin-bottom: 15px;
  }
  .contact-phone-txt {
    font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (769 - 320)));
  }
  .contact-operating-mode {
    margin: 10px 0;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (769 - 320)));
  }
}
@media (max-width: 690px) {
  .contact-row {
    display: block;
  }
  .contact-row__column,
  .contact-row--right {
    width: 100%;
  }
}
@media (max-width: 520px) {
  .contact-form__input,
  .contact-form__btn {
    height: 40px;
    font-size: 14px;
  }
}

.sixth {
  background: url(/assets/legacy/images/sixth_screen_bg.jpg) bottom no-repeat;
  height: 650px;
}
.seventh {
  height: 690px;
}

.animation h2 {
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.animation h2._active {
  opacity: 1;
  transform: none;
}
.animation {
  min-height: 870px;
}
.decription-row {
  display: flex;
  justify-content: space-between;
}
.animation__container {
  position: relative;
  width: 300px;
  margin: 0 auto;
}
.animation__position {
  position: absolute;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: all 0.75s ease-out;
  -webkit-transition: all 0.75s ease-out;
}
.on {
  z-index: 14;
  top: 0px;
  right: 0;
  width: 30px;
  height: 30px;
  background: #666;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
}
.animation__light {
  z-index: 13;
  top: 242px;
  width: 229px;
  height: 170px;
  background-image: url(/assets/legacy/images/animation_white/light.gif);
  opacity: 0;
  transition-duration: 0.3s;
}

.animation__light._active-light {
  opacity: 1;
}

.animation__body_top {
  z-index: 12;
  top: 0px;
  width: 228px;
  height: 309px;
  background-image: url(/assets/legacy/images/animation_white/body_top.png);
  opacity: 1;
}
.animation__body_top._active-lamp,
.animation__body_top:hover {
  opacity: 0.6;
}
.animation__ring_metal_top {
  z-index: 11;
  top: 264px;
  left: -1px;
  width: 229px;
  height: 92px;
  background-image: url(/assets/legacy/images/animation_white/ring_metal_top.png);
  opacity: 1;
}
.animation__pmma {
  z-index: 10;
  top: 234px;
  width: 227px;
  height: 147px;
  background-image: url(/assets/legacy/images/animation_white/pmma.png);
  opacity: 1;
}
.animation__body_top._active-lamp ~ .animation__pmma,
.animation__body_top:hover ~ .animation__pmma {
  transform: translatey(100px);
}
.animation__ring_metal {
  z-index: 9;
  top: 264px;
  width: 228px;
  height: 147px;
  background-image: url(/assets/legacy/images/animation_white/ring_metal.png);
  opacity: 1;
}
.animation__body_top._active-lamp ~ .animation__ring_metal,
.animation__body_top._active-lamp ~ .animation__ring_metal_top,
.animation__body_top:hover ~ .animation__ring_metal,
.animation__body_top:hover ~ .animation__ring_metal_top {
  transform: translatey(150px);
}
.animation__body_pre_top {
  z-index: 8;
  top: 249px;
  left: 28px;
  width: 182px;
  height: 44px;
  background-image: url(/assets/legacy/images/animation_white/body_pre_top.png);
  opacity: 1;
}

.animation__holder_top {
  z-index: 7;
  top: 125px;
  left: 71px;
  width: 88px;
  height: 66px;
  background-image: url(/assets/legacy/images/animation_white/holder_top.png);
  opacity: 1;
}
.animation__lamp {
  z-index: 5;
  top: 143px;
  left: 30px;
  width: 167px;
  height: 190px;
  background-image: url(/assets/legacy/images/animation_white/lamp.png);
  opacity: 1;
}
.animation__body_top._active-lamp ~ .animation__lamp,
.animation__body_top:hover ~ .animation__lamp {
  transform: translatey(40px);
}
.animation__holder {
  z-index: 4;
  top: 125px;
  left: 71px;
  width: 89px;
  height: 92px;
  background-image: url(/assets/legacy/images/animation_white/holder.png);
  opacity: 1;
}
.animation__body_top._active-lamp ~ .animation__holder,
.animation__body_top._active-lamp ~ .animation__holder_top,
.animation__body_top:hover ~ .animation__holder,
.animation__body_top:hover ~ .animation__holder_top {
  transform: translatey(-100px);
}
.animation__light_lamp {
  z-index: 6;
  top: 263px;
  left: 33px;
  width: 160px;
  height: 74px;
  background-image: url(/assets/legacy/images/animation_white/light_lamp.gif);
  opacity: 0;
}
.animation__light_lamp._active-light {
  opacity: 1;
  transform: translatey(40px);
}
.animation__lamp_with_holder {
  z-index: 3;
  top: 0px;
  left: 26px;
  width: 177px;
  height: 215px;
  background-image: url(/assets/legacy/images/animation_white/lamp_wiht_holder.gif);
  opacity: 0;
}
.animation__base {
  z-index: 2;
  top: 5px;
  left: 8px;
  width: 213px;
  height: 144px;
  background-image: url(/assets/legacy/images/animation_white/base.png);
  opacity: 1;
}
.animation__body_top._active-lamp ~ .animation__base,
.animation__body_top:hover ~ .animation__base {
  transform: translatey(-100px);
}
.animation__body {
  z-index: 1;
  top: 0px;
  width: 228px;
  height: 361px;
  background-image: url(/assets/legacy/images/animation_white/body.png);
}
.decription-row__column .white {
  font-size: 18px;
  color: #fff;
  font-family: montserrat-semibold;
}

.decription-row__column .blue {
  font-size: 18px;
  color: #94d4f1;
  font-family: montserrat-semibold;
}
.decription__title {
  margin: 70px 0;
  font-size: 18px;
}
.decription__title span {
  display: block;
  font-size: 24px;
}
.decription-row__column:nth-child(1) {
  width: 50%;
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.decription-row__column:nth-child(2) {
  width: 40%;
  transform: translate(100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.decription-row .decription-row__column._active {
  opacity: 1;
  transform: none;
}
.decription-column__container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.decription-row__box {
  position: relative;
  width: 22%;
  padding: 217px 0 50px 0;
  margin-right: 4%;

  transform: translatey(100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.decription-row__box:nth-child(1) {
  transition-delay: 0s;
}
.decription-row__box:nth-child(2) {
  transition-delay: 0.2s;
}
.decription-row__box:nth-child(3) {
  transition-delay: 0.4s;
}
.decription-row__box:nth-child(4) {
  transition-delay: 0.6s;
  margin-right: 0;
}
.decription-row__box:nth-child(5) {
  transition-delay: 0.8s;
}
.decription-row__box:nth-child(6) {
  transition-delay: 1s;
}
.decription-column__container._active .decription-row__box {
  transform: none;
  opacity: 1;
}
.decription-row__box span {
  color: #fbcc95;
  font-family: montserrat-semibold;
}
.decription-row__box span.blue {
  color: #94d4f1;
}
.decription-row__box span.decription__text {
  font-family: montserrat-regular;
  color: #ccc;
}

.description_picture__body {
  background-image: url(/assets/legacy/images/animation/color-tehno.jpg);
}
.description_picture__tehnolog {
  background-image: url(/assets/legacy/images/animation/backlash.jpg);
}
.description_picture__terminal-block {
  background-image: url(/assets/legacy/images/animation/terminal-block.jpg);
}
.description_picture__hover {
  background-image: url(/assets/legacy/images/animation/hover.jpg);
}
.description_picture__pmma {
  background-image: url(/assets/legacy/images/animation/pmma.jpg);
}
.description_picture__lamp {
  background-image: url(/assets/legacy/images/animation/lamp-2.jpg);
}
.description_picture {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  font-size: 12px;
  border-radius: 10%;
  border: 1px solid #999;
  background-size: 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 1;
  transition: all 0.25s ease-out;
  z-index: 14;
}
/*
.decription-row__box:hover .description_picture:before{ 
	content: ' '; 
	position: absolute; 
	width: 0; 
	height: 0; 
	left: 40px; 
	top: 100%;
	border: 15px solid; 
	border-color: #999 transparent transparent #999; 
}
.decription-row__box:hover .description_picture:after { 
	content: ' '; 
	position: absolute; 
	width: 0; 
	height: 0; 
	left: 41px; 
	top: 100%; 
	border: 14px solid; 
	border-color: #000 transparent transparent #000; 
}*/
.decription-row__box:hover .description_picture {
  opacity: 1;
  width: 300px;
  height: 300px;
  z-index: 16;
  transform: translate(10%, -100px);
}

@media (max-width: 1200px) {
  .decription-row__box,
  .decription-row__column {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1200 - 320)));
  }
  .decription-row__column .white,
  .decription-row__column .blue {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
  }
  .decription__title {
    margin: calc(10px + (70 - 10) * ((100vw - 320px) / (1200 - 320))) 0;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
  }
  .decription__title span {
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1200 - 320)));
  }

  .description_picture {
    width: calc(160px + (200 - 160) * ((100vw - 769px) / (1200 - 769)));
    height: calc(160px + (200 - 160) * ((100vw - 769px) / (1200 - 769)));
  }
  .decription-row__box {
    padding: calc(170px + (217 - 170) * ((100vw - 769px) / (1200 - 769))) 0 50px
      0;
  }
  .animation__container {
    width: calc(160px + (250 - 160) * ((100vw - 320px) / (1200 - 320)));
    margin-top: calc(80px + (0 - 80) * ((100vw - 500px) / (1200 - 500)));
  }
  .animation__light {
    top: calc(161.33px + (242 - 161.33) * ((100vw - 320px) / (1200 - 320)));
    width: calc(152.66px + (229 - 152.66) * ((100vw - 320px) / (1200 - 320)));
    height: calc(113.33px + (170 - 113.33) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__body_top {
    top: 0px;
    width: calc(152px + (228 - 152) * ((100vw - 320px) / (1200 - 320)));
    height: calc(206px + (309 - 206) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__ring_metal_top {
    top: calc(176px + (264 - 176) * ((100vw - 320px) / (1200 - 320)));
    left: calc(-0.66px + (-1 + 0.66) * ((100vw - 320px) / (1200 - 320)));
    width: calc(152.66px + (229 - 152.66) * ((100vw - 320px) / (1200 - 320)));
    height: calc(61.33px + (92 - 61.33) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__pmma {
    top: calc(156px + (234 - 156) * ((100vw - 320px) / (1200 - 320)));
    width: calc(151.33px + (227 - 151.33) * ((100vw - 320px) / (1200 - 320)));
    height: calc(98px + (147 - 98) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__body_top._active-lamp ~ .animation__pmma,
  .animation__body_top:hover ~ .animation__pmma {
    transform: translatey(
      calc(66.66px + (100 - 66.66) * ((100vw - 320px) / (1200 - 320)))
    );
  }
  .animation__ring_metal {
    top: calc(176px + (264 - 176) * ((100vw - 320px) / (1200 - 320)));
    width: calc(152px + (228 - 152) * ((100vw - 320px) / (1200 - 320)));
    height: calc(98px + (147 - 98) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__body_top._active-lamp ~ .animation__ring_metal,
  .animation__body_top._active-lamp ~ .animation__ring_metal_top,
  .animation__body_top:hover ~ .animation__ring_metal,
  .animation__body_top:hover ~ .animation__ring_metal_top {
    transform: translatey(
      calc(100px + (150 - 100) * ((100vw - 320px) / (1200 - 320)))
    );
  }
  .animation__body_pre_top {
    top: calc(166px + (249 - 166) * ((100vw - 320px) / (1200 - 320)));
    left: calc(18.66px + (28 - 18.66) * ((100vw - 320px) / (1200 - 320)));
    width: calc(121.33px + (182 - 121.33) * ((100vw - 320px) / (1200 - 320)));
    height: calc(29.33px + (44 - 29.33) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__holder_top {
    top: calc(83.33px + (125 - 83.33) * ((100vw - 320px) / (1200 - 320)));
    left: calc(47.33px + (71 - 47.33) * ((100vw - 320px) / (1200 - 320)));
    width: calc(58.66px + (88 - 58.66) * ((100vw - 320px) / (1200 - 320)));
    height: calc(44px + (66 - 44) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__lamp {
    top: calc(95.33px + (143 - 95.33) * ((100vw - 320px) / (1200 - 320)));
    left: calc(20px + (30 - 20) * ((100vw - 320px) / (1200 - 320)));
    width: calc(111.33px + (167 - 111.33) * ((100vw - 320px) / (1200 - 320)));
    height: calc(126.66px + (190 - 126.66) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__body_top._active-lamp ~ .animation__lamp,
  .animation__body_top:hover ~ .animation__lamp {
    transform: translatey(
      calc(26.66px + (40 - 26.66) * ((100vw - 320px) / (1200 - 320)))
    );
  }
  .animation__holder {
    top: calc(83.33px + (125 - 83.33) * ((100vw - 320px) / (1200 - 320)));
    left: calc(47.33px + (71 - 47.33) * ((100vw - 320px) / (1200 - 320)));
    width: calc(59.33px + (89 - 59.33) * ((100vw - 320px) / (1200 - 320)));
    height: calc(61.33px + (92 - 61.33) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__body_top._active-lamp ~ .animation__holder,
  .animation__body_top._active-lamp ~ .animation__holder_top,
  .animation__body_top:hover ~ .animation__holder,
  .animation__body_top:hover ~ .animation__holder_top {
    transform: translatey(
      calc(-66.66px + (-100 + 66.66) * ((100vw - 320px) / (1200 - 320)))
    );
  }

  .animation__light_lamp {
    top: 0px;
    left: calc(23.33px + (35 - 23.33) * ((100vw - 320px) / (1200 - 320)));
    width: calc(148px + (222 - 148) * ((100vw - 320px) / (1200 - 320)));
    height: calc(49.33px + (74 - 49.33) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__lamp_with_holder {
    top: 0px;
    left: calc(17.33px + (26 - 17.33) * ((100vw - 320px) / (1200 - 320)));
    width: calc(118px + (177 - 118) * ((100vw - 320px) / (1200 - 320)));
    height: calc(143.33px + (215 - 143.33) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__base {
    top: calc(3.33px + (5 - 3.33) * ((100vw - 320px) / (1200 - 320)));
    left: calc(5.33px + (8 - 5.33) * ((100vw - 320px) / (1200 - 320)));
    width: calc(142px + (213 - 142) * ((100vw - 320px) / (1200 - 320)));
    height: calc(96px + (144 - 96) * ((100vw - 320px) / (1200 - 320)));
  }
  .animation__body_top._active-lamp ~ .animation__base,
  .animation__body_top:hover ~ .animation__base {
    transform: translatey(
      calc(-66.66px + (-100 + 66.66) * ((100vw - 320px) / (1200 - 320)))
    );
  }
  .animation__body {
    top: 0px;
    width: calc(152px + (228 - 152) * ((100vw - 320px) / (1200 - 320)));
    height: calc(240.66px + (361 - 240.66) * ((100vw - 320px) / (1200 - 320)));
  }
}
@media (max-width: 730px) {
  .decription-row__box {
    width: 30%;
    margin-right: 3.33%;
  }
  .decription-row__box:nth-child(4) {
    margin-right: 3.33%;
  }
}
@media (max-width: 560px) {
  .decription-row__box {
    width: 100%;
    margin-right: 0;
    min-height: 160px;
    padding: 0;
    margin-bottom: calc(10px + (0 - 10) * ((100vw - 320px) / (560 - 320)));
  }
  .decription-row__box:nth-child(4) {
    margin-right: 0;
  }
  .decription__text {
    padding-top: 0;
    padding-left: calc(150px + (200 - 150) * ((100vw - 320px) / (560 - 320)));
  }
}
@media (max-width: 500px) {
  .decription-row {
    flex-direction: column-reverse;
  }
  .animation__container {
    margin-top: 50px;
    height: calc(300px + (640 - 300) * ((100vw - 320px) / (1200 - 320)));
    margin-left: auto;
    margin-right: auto;
    transition: all 0.9s ease-out;
  }
  .animation__container._active-lamp {
    height: calc(400px + (640 - 400) * ((100vw - 320px) / (1200 - 320)));
  }
  .decription-row .decription-row__column {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .decription__title span {
    display: inline;
  }
}

.map h2 {
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.map h2._active {
  transform: none;
  opacity: 1;
}
.map__container {
  position: relative;
  width: 100%;
  max-width: 1080px;
  opacity: 0;
  transition: all 0.9s ease-out;
}
.map__container._active {
  opacity: 1;
}
.map__container:before {
  content: "";
  display: block;
  padding-top: 62.5%;
}
.map__container__content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.map_bg {
  width: 100%;
  height: 100%;
  background: url(/assets/legacy/images/map/map_bg.jpg) 0 0 no-repeat;
  background-size: 100%;
  position: relative;
}

.map__select-penza {
  background: url(/assets/legacy/images/map/select_penza.gif) 0 0 no-repeat;
}
.map__select-samara {
  background: url(/assets/legacy/images/map/select_samara.gif) 0 0 no-repeat;
}
.map__select-peter {
  background: url(/assets/legacy/images/map/select_peter.gif) 0 0 no-repeat;
}
.map__select-kazan {
  background: url(/assets/legacy/images/map/select_kazan.gif) 0 0 no-repeat;
}
.map__select-krasnodar {
  background: url(/assets/legacy/images/map/select_krasnodar.gif) 0 0 no-repeat;
}
.map__select-voroneg {
  background: url(/assets/legacy/images/map/select_voroneg.gif) 0 0 no-repeat;
}
.map__select-volgograd {
  background: url(/assets/legacy/images/map/select_volgograd.gif) 0 0 no-repeat;
}
.map__select-moskva {
  background: url(/assets/legacy/images/map/select_moskva.gif) 0 0 no-repeat;
}

.map__select {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100%;
  opacity: 0;
  transition: all 0.75s ease-out;
}
.geoposition_icon_title-penza._active-click ~ .comment-penza,
.geoposition_icon-penza._active-click ~ .comment-penza,
.geoposition_icon_title-penza._active-click ~ .map__select-penza,
.geoposition_icon-penza._active-click ~ .map__select-penza {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-samara._active-click ~ .comment-samara,
.geoposition_icon-samara._active-click ~ .comment-samara,
.geoposition_icon_title-samara._active-click ~ .map__select-samara,
.geoposition_icon-samara._active-click ~ .map__select-samara {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-moskva._active-click ~ .comment-moskva,
.geoposition_icon-moskva._active-click ~ .comment-moskva,
.geoposition_icon_title-moskva._active-click ~ .map__select-moskva,
.geoposition_icon-moskva._active-click ~ .map__select-moskva {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-peter._active-click ~ .comment-peter,
.geoposition_icon-peter._active-click ~ .comment-peter,
.geoposition_icon_title-peter._active-click ~ .map__select-peter,
.geoposition_icon-peter._active-click ~ .map__select-peter {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-kazan._active-click ~ .comment-kazan,
.geoposition_icon-kazan._active-click ~ .comment-kazan,
.geoposition_icon_title-kazan._active-click ~ .map__select-kazan,
.geoposition_icon-kazan._active-click ~ .map__select-kazan {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-krasnodar._active-click ~ .comment-krasnodar,
.geoposition_icon-krasnodar._active-click ~ .comment-krasnodar,
.geoposition_icon_title-krasnodar._active-click ~ .map__select-krasnodar,
.geoposition_icon-krasnodar._active-click ~ .map__select-krasnodar {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-voroneg._active-click ~ .comment-voroneg,
.geoposition_icon-voroneg._active-click ~ .comment-voroneg,
.geoposition_icon_title-voroneg._active-click ~ .map__select-voroneg,
.geoposition_icon-voroneg._active-click ~ .map__select-voroneg {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-volgograd._active-click ~ .comment-volgograd,
.geoposition_icon-volgograd._active-click ~ .comment-volgograd,
.geoposition_icon_title-volgograd._active-click ~ .map__select-volgograd,
.geoposition_icon-volgograd._active-click ~ .map__select-volgograd {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-rostov._active-click ~ .comment-rostov,
.geoposition_icon-rostov._active-click ~ .comment-rostov,
.geoposition_icon_title-rostov._active-click ~ .map__select-rostov,
.geoposition_icon-rostov._active-click ~ .map__select-rostov {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-yaroslavl._active-click ~ .comment-yaroslavl,
.geoposition_icon-yaroslavl._active-click ~ .comment-yaroslavl,
.geoposition_icon_title-yaroslavl._active-click ~ .map__select-yaroslavl,
.geoposition_icon-yaroslavl._active-click ~ .map__select-yaroslavl {
  opacity: 1;
  transform: none;
}
.geoposition_icon_title-novosib._active-click ~ .comment-novosib,
.geoposition_icon-novosib._active-click ~ .comment-novosib,
.geoposition_icon_title-yaroslavl._active-click ~ .map__select-novosib,
.geoposition_icon-novosib._active-click ~ .map__select-novosib {
  opacity: 1;
  transform: none;
}
.geoposition_icon {
  width: 28px;
  height: 30px;
  background: #fbcc95;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  z-index: 10;
}
.geoposition_icon::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  border: 3px solid #fff;
  position: relative;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.geoposition_icon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: relative;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 20px solid #fbcc95;
  top: 8px;
  left: 2px;
}
.geoposition_icon:hover,
.geoposition_icon._active-click {
  background: #ff0000;
}
.geoposition_icon:hover::after,
.geoposition_icon._active-click::after {
  border-top-color: #ff0000;
}
.geoposition_icon-samara {
  left: 25.6%;
  top: 57%;
}
.geoposition_icon-penza {
  left: 20%;
  top: 55.5%;
}
.geoposition_icon-moskva {
  left: 16%;
  top: 50.5%;
}
.geoposition_icon-peter {
  left: 13%;
  top: 42.5%;
}
.geoposition_icon-kazan {
  left: 27.5%;
  top: 52.5%;
}
.geoposition_icon-krasnodar {
  left: 9%;
  top: 69%;
}
.geoposition_icon-voroneg {
  left: 13.5%;
  top: 57.5%;
}
.geoposition_icon-volgograd {
  left: 17.4%;
  top: 63.6%;
}
.geoposition_icon-rostov {
  left: 13.5%;
  top: 66%;
}
.geoposition_icon-yaroslavl {
  left: 19.5%;
  top: 45.5%;
}
.geoposition_icon-novosib {
  left: 54.5%;
  top: 47.5%;
}
.comment {
  display: block;
  position: absolute;
  top: 27px;
  width: 300px;
  font-size: 12px;
  border-radius: 10px;
  padding: 15px;
  border: 1px solid #999;
  color: #000;
  background-color: #ddd;
  transform: translate(95px, 230px) scale(0.1);
  opacity: 0;
  transition: all 0.75s ease-out 0.2s;
  z-index: 140;
}
.comment:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 12px;
  top: 100%;
  border: 6px solid;
  border-color: #999 transparent transparent #999;
}
.comment:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 13px;
  top: 100%;
  border: 5px solid;
  border-color: #ddd transparent transparent #ddd;
}
.comment__title {
  font-family: montserrat-semibold;
  font-size: 16px;
  margin-bottom: 8px;
}
.comment__contact {
  font-family: montserrat-semibold;
  font-size: 14px;
  margin-bottom: 8px;
}
.comment--wrap {
  display: block;
}

.comment__close {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.comment__close:after {
  content: "X";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  font-size: 24px;
  font-family: montserrat-regular;
}

/*
.geoposition_icon._active-click + .comment {
	opacity: 1;
	transform: none;
}
*/
.geoposition_icon_title {
  display: block;
  cursor: pointer;
  color: #fff;
  font-family: montserrat-semibold;
  position: absolute;
  font-size: 12px;
  z-index: 12;
  text-shadow: 1px 1px 2px #000;
}
.geoposition_icon_title._active-click {
  color: #ddd;
}

.geoposition_icon_title-samara {
  left: 27.7%;
  top: 61.4%;
}
.geoposition_icon_title-peter {
  left: 3.3%;
  top: 46.6%;
}
.geoposition_icon_title-penza {
  left: 22%;
  top: 59.9%;
}
.geoposition_icon_title-moskva {
  left: 18%;
  top: 53.9%;
}
.geoposition_icon_title-kazan {
  left: 29.7%;
  top: 56.4%;
}
.geoposition_icon_title-voroneg {
  left: 15.6%;
  top: 61%;
}
.geoposition_icon_title-volgograd {
  left: 19.8%;
  top: 67.6%;
}
.geoposition_icon_title-krasnodar {
  left: 11.4%;
  top: 73%;
}
.geoposition_icon_title-rostov {
  left: 16%;
  top: 70%;
}
.geoposition_icon_title-yaroslavl {
  left: 22%;
  top: 49%;
}
.geoposition_icon_title-novosib {
  left: 56.5%;
  top: 52%;
}
.map__delivery {
  display: flex;
  position: relative;
  font-size: 14px;
}
.map__delivery_description {
  width: 42%;
  transform: translate(100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}

.map__delivery_description._active {
  transform: none;
  opacity: 1;
}
.map__delivery--subtitle {
  font-family: montserrat-semibold;
  font-size: 16px;
  color: #fbcc95;
}
.map__delivery_logistic {
  width: 35%;
  position: absolute;
  right: 0;
  padding-top: 500px;
  z-index: 10;

  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.map__delivery_logistic._active {
  transform: none;
  opacity: 1;
}
.map__delivery--subtitle-white {
  display: block;
  font-family: montserrat-semibold;
  margin-bottom: 10px;
}
.map__delivery_logistic-img {
  display: flex;
}
.map__delivery_logistic-img img {
  opacity: 0.8;
  transform: scale(0.6);
  transition: all 0.75s ease-out;
}
.map__payment {
  width: 45%;
  padding-bottom: 50px;
}
.map__delivery_logistic-img img:hover {
  opacity: 1;
  transform: none;
}
.payment {
  display: flex;
  justify-content: space-between;
}
.payment li {
  width: 28.2%;
  margin-right: 5%;
  padding-top: 40px;
}

.paymen__text {
  padding-top: 15px;
}
.paymen__text span {
  color: #94d4f1;
  font-family: montserrat-regular;
}

@media (max-width: 1200px) {
  .map__delivery,
  .map__payment {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1200 - 320)));
  }
  .map__delivery_description {
    width: calc(400px + (495 - 400) * ((100vw - 560px) / (1200 - 560)));
  }
  .map__delivery_logistic {
    width: calc(400px + (413 - 400) * ((100vw - 670px) / (1200 - 670)));
    padding-top: calc(700px + (500 - 700) * ((100vw - 1100px) / (1200 - 1100)));
  }
  .map__payment {
    padding-bottom: calc(
      250px + (50 - 250) * ((100vw - 1028px) / (1200 - 1028))
    );
  }

  .comment__title {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
    margin-bottom: calc(5px + (8 - 5) * ((100vw - 320px) / (1200 - 320)));
  }
  .comment__contact {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1200 - 320)));
    margin-bottom: calc(5px + (8 - 5) * ((100vw - 320px) / (1200 - 320)));
  }
}
@media (max-width: 1100px) {
  .map__delivery_logistic {
    padding-top: 700px;
  }
  .map__payment {
    padding-bottom: 250px;
  }
}
@media (max-width: 1028px) {
  .map__delivery_logistic {
    padding-top: calc(495px + (700 - 495) * ((100vw - 700px) / (1028 - 700)));
  }
  .map__payment {
    padding-bottom: calc(
      200px + (250 - 200) * ((100vw - 800px) / (1028 - 800))
    );
  }
}
@media (max-width: 800px) {
  .map__payment {
    padding-bottom: calc(150px + (100 - 150) * ((100vw - 650px) / (800 - 650)));
  }
  .payment {
    flex-direction: column;
    justify-content: flex-start;
  }
  .payment li {
    display: flex;
    width: calc(180px + (250 - 180) * ((100vw - 650px) / (800 - 650)));
    margin-right: 0;
    padding-left: calc(0px + (20 - 0) * ((100vw - 650px) / (800 - 650)));
  }
  .payment__img {
    width: calc(40px + (65 - 40) * ((100vw - 650px) / (800 - 650)));
    height: calc(40px + (65 - 40) * ((100vw - 650px) / (800 - 650)));
  }
  .paymen__text {
    padding-top: 0;
    padding-left: calc(15px + (25 - 15) * ((100vw - 650px) / (800 - 650)));
  }
  .comment {
    top: 0;
    width: 50%;
    right: 0;
  }
  .comment__close:after {
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (800 - 320)));
  }
  .comment--wrap {
    display: inline;
    margin-right: 10px;
    white-space: nowrap;
  }
  .geoposition_icon {
    display: none;
  }
  .geoposition_icon_title {
    left: 0px;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (800 - 320)));
  }
  .geoposition_icon_title-samara {
    top: 5%;
  }
  .geoposition_icon_title-peter {
    top: 12%;
  }
  .geoposition_icon_title-penza {
    top: 19%;
  }
  .geoposition_icon_title-kazan {
    top: 26%;
  }
  .geoposition_icon_title-voroneg {
    top: 33%;
  }
  .geoposition_icon_title-volgograd {
    top: 40%;
  }
  .geoposition_icon_title-krasnodar {
    top: 47%;
  }
  .geoposition_icon_title-moskva {
    top: 54%;
  }
  .geoposition_icon_title-rostov {
    top: 61%;
  }
  .geoposition_icon_title-yaroslavl {
    top: 68%;
  }
  .geoposition_icon_title-novosib {
    top: 68%;
  }
  .geoposition_icon_title._active-click {
    color: #999;
  }
}
@media (max-width: 650px) {
  .map__payment {
    width: 100%;
    padding-bottom: 0;
  }
  .payment li {
    display: block;
    width: 130px;
    padding-left: 0;
    padding-top: 20px;
    margin-right: 25px;
  }
  .payment__img {
    width: calc(50px + (60 - 50) * ((100vw - 320px) / (650 - 320)));
    height: calc(50px + (60 - 50) * ((100vw - 320px) / (650 - 320)));
  }
  .paymen__text {
    padding-top: 0;
    padding-left: 0;
  }
  .map__delivery_logistic {
    width: 100%;
    padding-top: calc(280px + (450 - 280) * ((100vw - 320px) / (650 - 320)));
  }
  .map__delivery {
    flex-direction: column;
  }
  .map__delivery_description {
    width: 100%;
  }
  .map__payment {
    padding-top: calc(400px + (280 - 400) * ((100vw - 320px) / (650 - 320)));
  }
  .payment {
    flex-direction: row;
    padding-left: 0;
  }
  .map__delivery_logistic-img {
    display: none;
  }
}
@media (max-width: 400px) {
  .comment--wrap {
    display: block;
    margin-right: 0;
  }
}
@media (max-width: 320px) {
  .map__delivery_logistic {
    padding-top: 280px;
  }
  .map__payment {
    padding-top: 400px;
  }
  .payment__img {
    width: 50px;
    height: 50px;
  }
}

.container_100 {
  max-width: 1180px;
  margin: 0 auto;
}
.photo h2 {
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.photo h2._active {
  transform: none;
  opacity: 1;
}
.photo__container {
  position: relative;
  width: 100%;
  margin-bottom: 70px;
  opacity: 1;
  transition: all 0.9s ease-out;
}

.photo__container:before {
  content: "";
  display: block;
  padding-top: 58%;
}
.photo__container__content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  justify-content: center;
}
.photo__container__img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 73%;
  /*border: 1px solid #fff;*/
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.9s ease-out;
}
.photo__pic1 {
  background-image: url(/assets/legacy/images/design_inter/pic_01.webp);
  width: 44.5%;
  margin: -21% 0 0 -18%;
}
.photo__container__content._active .photo__pic1 {
  transform: scale(0.6) translate(-172%, -64%);
  z-index: 0;
}

.photo__pic4 {
  background-image: url(/assets/legacy/images/design_inter/pic_04.webp);
  width: 46%;
  margin: -21% 0 0 -28%;
}
.photo__container__content._active .photo__pic4 {
  transform: scale(0.74) translate(32%, 19%);
  z-index: 1;
}
.photo__pic5 {
  background-image: url(/assets/legacy/images/design_inter/pic_05.webp);
  width: 46%;
  margin: -21% 0 0 -28%;
}
.photo__container__content._active .photo__pic5 {
  transform: scale(0.97) translate(76%, -21%);
  z-index: 0;
}
.photo__pic6 {
  background-image: url(/assets/legacy/images/design_inter/pic_06.webp);
  width: 49%;
  margin: -21% 0 0 -28%;
}
.photo__container__content._active .photo__pic6 {
  transform: scale(0.64) translate(118%, 60%);
  z-index: 2;
}
.photo__pic7 {
  background-image: url(/assets/legacy/images/design_inter/pic_07.webp);
  width: 68%;
  margin: -21% 0 0 -28%;
}
.photo__container__content._active .photo__pic7 {
  transform: scale(0.4) translate(-80%, 110%);
  z-index: 3;
  opacity: 1;
}
.photo__pic8 {
  background-image: url(/assets/legacy/images/design_inter/pic_08.webp);
  width: 36%;
  margin: -21% 0 0 -28%;
}
.photo__container__content._active .photo__pic8 {
  transform: scale(0.5) translate(-194%, 84%);
  z-index: 3;
  opacity: 1;
}
.photo__pic9 {
  background-image: url(/assets/legacy/images/design_inter/pic_09.webp);
  width: 68%;
  margin: -21% 0 0 -28%;
}
.photo__container__content._active .photo__pic9 {
  transform: scale(0.6) translate(-40%, -57%);
  z-index: 2;
}
.photo__pic10 {
  background-image: url(/assets/legacy/images/design_inter/pic_10.webp);
  width: 57%;
  margin: -21% 0 0 -33%;
}
.photo__container__content._active .photo__pic10 {
  transform: scale(0.77) translate(-49%, 28%);
  z-index: 0;
}

.photo__container__content._active .photo__container__img._active-click {
  transform: none;
  border-radius: 0;
  z-index: 4;
}
.photo__container__more {
  background: rgba(0, 0, 0, 0.5);
  width: 27%;
  height: 13%;
  margin: 18% 0 0 -12%;
  z-index: 3;
  padding-left: 3%;
  font-size: 42px;
  font-family: montserrat-semibold;
  color: #94d4f1;
}
.photo__container__more a {
  display: block;
  font-family: montserrat-regular;
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
  width: 52%;
  transition-duration: 0.7s;
}
.photo__container__more a:hover {
  background-color: #fbcc95;
  border-radius: 5px;
  padding: 3%;
  color: #000;
  transform: scale(1.1, 1.1);
}

.photo__container__more:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(/assets/legacy/images/wb-logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 65%;
  width: 192px;
  height: 192px;
  border: 6px solid #94d4f1;
  border-radius: 100%;
  top: -89px;
  right: -30px;
}
@media (max-width: 1200px) {
  .photo__container__more {
    font-size: calc(16px + (42 - 16) * ((100vw - 320px) / (1200 - 320)));
    margin: calc(44.8px + (212.4 - 44.8) * ((100vw - 320px) / (1200 - 320))) 0 0
      calc(-25.6px + (-141.6 + 25.6) * ((100vw - 320px) / (1200 - 320)));
  }
  .photo__container__more:before {
    width: calc(73px + (192 - 73) * ((100vw - 320px) / (1200 - 320)));
    height: calc(73px + (192 - 73) * ((100vw - 320px) / (1200 - 320)));
    top: calc(-34px + (-89 + 34) * ((100vw - 320px) / (1200 - 320)));
    right: calc(-55px + (-30 + 55) * ((100vw - 320px) / (1200 - 320)));
  }
  .photo__container__more a {
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1200 - 320)));
  }
  .photo h2 {
    padding: 0 calc(10px + (15 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .photo__container {
    margin-bottom: calc(0px + (70 - 0) * ((100vw - 320px) / (1200 - 320)));
  }
}

.partner_screen {
  height: 970px;
  background-image: url(/assets/legacy/images/sixth_screen_bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}
.partner_screen h2 {
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.partner_screen h2._active {
  transform: none;
  opacity: 1;
}
.partner_screen__content {
  opacity: 0;
  transition: all 4s linear;
}
.partner_screen__content._active {
  opacity: 1;
}
.partner_screen-orange,
.partner_screen-black,
.partner_screen .white {
  font-family: montserrat-semibold;
  font-size: 18px;
  color: #fbcc95;
}
.partner_screen-black {
  color: #000;
}
.partner_screen .white {
  color: #fff;
}
.partner_screen .big {
  font-size: 30px;
  margin: 40px 0 40px 0;
  transform: translate(100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.partner_screen .big._active {
  transform: none;
  opacity: 1;
}

.partner_screen a {
  color: #94d4f1;
  text-decoration: underline;
}
.partner_row {
  display: flex;
  justify-content: space-between;
}
.partner_row__column:nth-child(1) {
  width: 73%;
}
.partner_row__column {
  padding-top: 30px;
}
.partner_row__box li {
  display: flex;
}
.partner_row__column ul {
  padding-top: 30px;
}
.partner_row__box2 {
  position: relative;
  width: 67%;
  background: rgba(221, 221, 221, 0.88);
  padding: 5% 10% 5% 10%;
  border-radius: 15px;
  border: 1px solid #999;
  color: #000;
  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.partner_row__box2._active {
  transform: none;
  opacity: 1;
}

.partner_row__column:nth-child(2) {
  width: 35%;
}
.partner_row__column:nth-child(2) li {
  margin: 0 0 10px 0;
}
.partner_row__column:nth-child(2) li:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #000;
  margin-left: -15px;
  margin-top: 7px;
}

.partner_row__box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  color: #fff;
}
.partner_row__box li {
  width: 28%;
  margin: 0 20px 30px 0;
  transform: translatey(100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.partner_row__firstletter {
  font-size: 60px;
  display: block;
  line-height: 50px;
  margin: 0 10px 0 0;
}
.partner_row__who {
  display: block;
}
.partner_row .partner_row__box._active li {
  transform: none;
  opacity: 1;
}
.partner_row .partner_row__box._active li:nth-child(1) {
  transition-delay: 0.3s;
}
.partner_row .partner_row__box._active li:nth-child(2) {
  transition-delay: 0.6s;
}
.partner_row .partner_row__box._active li:nth-child(3) {
  transition-delay: 0.9s;
}
.partner_row .partner_row__box._active li:nth-child(4) {
  transition-delay: 1.2s;
}
.partner_row .partner_row__box._active li:nth-child(5) {
  transition-delay: 1.5s;
}

.partner_screen .btn {
  display: block;
  margin-top: 0px;
  width: 338px;
  padding: 21px 0;
  background-color: #fbcc95;
  border-radius: 10px;
  font-family: montserrat-semibold;
  font-size: 18px;
  color: #000;
  text-align: center;
  transform: scale(0.1, 0.1);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.partner_screen .btn._active {
  transform: none;
  opacity: 1;
}
.partner_screen .btn._active:hover {
  background-color: #94d4f1;
}
.btn-description {
  font-size: 12px;
  position: relative;
  border-radius: 10px;
  width: 210px;
  padding: 15px;
  top: -140px;
  left: 300px;
  border: 1px solid #999;
  color: #000;
  background-color: #ddd;
  opacity: 0;
  transition: all 0.5s ease-out;
}
.btn-description:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 12px;
  top: 100%;
  border: 6px solid;
  border-color: #999 transparent transparent #999;
}
.btn-description:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 13px;
  top: 100%;
  border: 5px solid;
  border-color: #ddd transparent transparent #ddd;
}
.partner_screen .btn._active:hover + .btn-description {
  opacity: 1;
}

@media (max-width: 1200px) {
  .partner_screen {
    height: calc(1280px + (970 - 1280) * ((100vw - 320px) / (1200 - 320)));
    background-size: calc(
      600px + (1067 - 600) * ((100vw - 320px) / (1200 - 320))
    );
  }
  .partner_screen__content {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1200 - 320)));
  }
  .partner_screen-orange,
  .partner_screen-black,
  .partner_screen .white {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
  }
  .partner_screen .big {
    font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1200 - 320)));
    margin: calc(24px + (40 - 24) * ((100vw - 320px) / (1200 - 320))) 0;
  }
  .partner_row__column {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1200 - 320)));
  }

  .partner_row__firstletter {
    font-size: calc(30px + (60 - 30) * ((100vw - 320px) / (1200 - 320)));
    line-height: calc(24px + (50 - 24) * ((100vw - 320px) / (1200 - 320)));
  }
  .partner_screen .btn {
    width: calc(250px + (338 - 250) * ((100vw - 320px) / (1200 - 320)));
    padding: calc(14px + (21 - 14) * ((100vw - 320px) / (1200 - 320))) 0;
    border-radius: calc(7px + (10 - 7) * ((100vw - 320px) / (1200 - 320)));
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
  }
}
@media (max-width: 800px) {
  .partner_row {
    flex-direction: column;
  }

  .partner_row__column:nth-child(1) {
    width: 95%;
  }
  .partner_row__column:nth-child(2) {
    width: 100%;
    padding-top: 0;
  }
  .partner_row__box2 {
    width: 34%;
    margin-left: auto;
    margin-top: calc(-110px + (-80 + 110) * ((100vw - 600px) / (800 - 600)));
    padding: 2% 2% 2% 5%;
  }
  .partner_screen .btn {
    margin-top: calc(-100px + (-60 + 100) * ((100vw - 600px) / (800 - 600)));
  }
}
@media (max-width: 600px) {
  .partner_row__column:nth-child(1) {
    width: 90%;
  }
  .partner_row__box li {
    width: 45%;
  }
  .partner_row__box2 {
    width: 50%;
    margin-left: auto;
    margin-top: calc(-105px + (-80 + 105) * ((100vw - 320px) / (600 - 320)));
    padding: 2% 2% 2% 5%;
  }
  .partner_screen .btn {
    margin-top: calc(20px + (80 - 20) * ((100vw - 320px) / (600 - 320)));
    margin-left: auto;
    margin-right: auto;
  }
  .partner_row__column:nth-child(2) li:before {
    display: none;
  }
}
@media (max-width: 470px) {
  .partner_row__box li {
    width: 40%;
  }
  .partner_row__firstletter {
    line-height: 24px;
  }
}
footer.container {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  border-top: 1px solid #ccc;
  position: relative;
}
.logo_footer {
  width: 200px;
  flex-shrink: 0;
  font-size: 12px;
}
.logo_footer img {
  margin-bottom: 10px;
}
.footer-mnu {
  display: flex;
  flex-direction: column;
  padding: 0 50px;
  width: 140px;
}
.footer-mnu--long {
  width: 204px;
}
.fooret-menu__title {
  font-size: 18px;
  font-family: montserrat-semibold;
  color: #666;
  padding-bottom: 10px;
  white-space: nowrap;
}
.footer-mnu__item {
  margin-bottom: 7px;
  padding-left: 0;
  font-size: 13px;
  white-space: nowrap;
}
.footer-mnu__item:hover {
  text-decoration: underline;
}
.footer-mnu a {
  color: #fff;
}
.footer-politics__text {
  font-size: 10px;
  color: #666;
}
.footer-politics__text a {
  color: #999;
  text-decoration: underline;
}
.footer-politics__text a:hover {
  color: #94d4f1;
  text-decoration: none;
}
.footer-social {
  margin-bottom: 15px;
}
.footer-social__img {
  width: 32px;
  margin: 5px 5px 5px 0;
  vertical-align: bottom;
  border-radius: 10px;
  border: 2px solid #000;
}
.footer-social__img:hover {
  border: 2px solid #94d4f1;
  background-color: #94d4f1;
}

.footer-politics--phone {
  font-size: 30px;
  font-family: montserrat-semibold;
  color: #ddd;
  text-decoration: none;
  margin-left: 20px;
  cursor: pointer;
  white-space: nowrap;
}
.footer-politics--phone:hover {
  color: #94d4f1;
}
a.footer-politics--phone {
  color: #fff;
}
a.footer-politics--phone:hover {
  color: #94d4f1;
}
@media (max-width: 1200px) {
  .logo_footer img {
    width: calc(90px + (124 - 90) * ((100vw - 700px) / (1200 - 700)));
  }
  .footer-mnu {
    padding: 0 calc(20px + (50 - 20) * ((100vw - 700px) / (1200 - 700)));
  }
  footer.container {
    padding-top: calc(15px + (40 - 15) * ((100vw - 700px) / (1200 - 700)));
  }
}
@media (max-width: 1130px) {
  .footer-politics--phone {
    margin-left: 0;
    font-size: calc(18px + (30 - 18) * ((100vw - 700px) / (1130 - 700)));
  }
  .footer-social {
    margin-bottom: 10px;
  }
}
@media (max-width: 860px) {
  footer.container {
    padding-bottom: 60px;
  }
  .logo_footer_text {
    display: none;
  }
  .logo_footer {
    flex-shrink: 1;
  }
  .logo_footer img {
    width: 90px;
  }
  .footer-politics {
    position: absolute;
    left: 0;
    top: 50px;
    margin-top: 10px;
    padding-left: calc(10px + (14 - 10) * ((100vw - 320px) / (860 - 320)));
    padding-right: calc(10px + (14 - 10) * ((100vw - 320px) / (860 - 320)));
  }
  .footer-social {
    width: 140px;
  }
  .footer-politics__text {
    margin-top: 40px;
  }
  .footer-social a img {
    width: calc(30px + (32 - 30) * ((100vw - 320px) / (860 - 320)));
  }
}
@media (max-width: 700px) {
  .footer-politics--phone {
    font-size: 18px;
  }
  footer.container {
    padding-top: 15px;
  }
}
@media (max-width: 565px) {
  footer.container {
    flex-direction: column;
    padding-bottom: 15px;
  }
  .footer-politics {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 10px;
  }
  .footer-politics__text {
    margin-top: 10px;
  }
  .footer-mnu {
    flex-direction: row;
    padding: 0;
    width: 100%;
    flex-wrap: wrap;
  }
  .fooret-menu__title {
    display: none;
  }
  .footer-mnu__item {
    padding-right: 7px;
  }
}
.detail-container-form {
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto auto;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
  transition: all 0.6s ease-out;
}
._open .detail-container-form {
  visibility: visible;
  background: rgba(0, 0, 0, 0.9);
}

.detal-container-form_position {
  position: absolute;
  width: 463px; /* Фиксированная ширина для десктопов */
  max-width: 90%; /* Максимальная ширина для мобильных устройств */
  min-width: 300px; /* Минимальная ширина, чтобы окно не было слишком узким */
  left: 50%;
  top: 50%;
  transform: translate(
    -50%,
    -50%
  ); /* Центрирование по горизонтали и вертикали */
  background: rgba(0, 0, 0, 0.6);
  border-radius: 15px;
  border: 1px solid #999;
  padding: 20px 37px;
  opacity: 0;
  transition: all 0.5s ease-out;
  box-sizing: border-box; /* Учитываем padding в общей ширине */
}

._open .detail-container-form .detal-container-form_position {
  opacity: 1;
}

.detal-container-form_position .contact-form__subtitle {
  font-family: montserrat-semibold;
  color: #fff;
  padding-bottom: 20px;
}

.close {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -10px;
  right: 10px;
  font-size: 50px;
  color: #999;
  cursor: pointer;
}
.close + .btn-description {
  position: absolute;
  top: -50px;
  left: 470px;
  width: 80px;
  text-align: center;
}
.close:hover {
  color: #fff;
}
.close:hover + .btn-description {
  opacity: 1;
}
.contact-form__lable {
  position: absolute;
}

.input-hidden {
  display: none;
}
@media (max-width: 700px) {
  .detal-container-form_position {
    width: 100%;
    padding: 0, 0, 15px, 0;
    margin: auto, 0;
    border: none;
    /* padding: 15px 20px; Уменьшаем отступы для мобильных устройств */
  }

  .detal-container-form_position .contact-form__title {
    font-size: 18px; /* Уменьшаем размер заголовка */
  }

  .detal-container-form_position .agreement-content {
    font-size: 14px; /* Уменьшаем размер текста */
  }
}
@media (max-width: 520px) {
  .detal-container-form_position {
    padding: 15px 20px; /* Уменьшаем отступы для мобильных устройств */
  }

  .detal-container-form_position .contact-form__title {
    font-size: 18px; /* Уменьшаем размер заголовка */
  }

  .detal-container-form_position .agreement-content {
    font-size: 14px; /* Уменьшаем размер текста */
  }
}
.create-order {
  position: fixed;
  top: 90px;
  left: 50%;
  height: 36px;
  line-height: 16px;
  margin-left: 400px;
  flex-wrap: wrap;
  width: 190px;
  z-index: 500;
  box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.5);
  background-color: #fbcc95;
  border-radius: 7px;
  border: none;
  text-align: center;
  transition: all 0.4s ease-out;
}
.create-order:hover {
  background-color: #94d4f1;
}
.create-order a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  font-family: montserrat-semibold;
  font-size: 16px;
  color: #000;
}
.create-order__arroy {
  position: absolute;
  display: none;
  left: -40px;
  width: 250px;
  height: 100px;
  border-left: 2px dashed red;
  border-radius: 250px;
  line-height: 210px;
  padding-left: 20px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 30px rgba(255, 255, 255, 1);
}
.create-order__arroy::before,
.create-order__arroy::after {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  background: red;
  width: 15px;
  height: 1px;
  transform: rotate(5deg);
}
.create-order__arroy::after {
  transform: rotate(110deg);
  top: 7px;
  left: 24px;
}

.basket-top._active-basket + .create-order {
  display: none;
}
.basket-top {
  position: fixed;
  top: 130px;
  left: 50%;
  margin-left: 400px;
  border-right: none;
  border-radius: 10px;
  width: 170px;
  flex-wrap: wrap;
  padding: 15px 10px;
  z-index: 200;
  display: none;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.5);
}

._active-basket {
  display: flex;
}
.basket-top__title {
  padding-right: 4px;
}
.basket-top__quantity {
  font-family: montserrat-semibold;
}

.basket-top__content {
  padding-bottom: 10px;
}
.basket-top__order {
  background-color: #fbcc95;
  position: relative;
  border-radius: 5px;
  border: none;
  height: 24px;
  width: 100%;
  cursor: pointer;
  transition: all 0.6s ease-out;
}
.basket-top__order:hover {
  background-color: #94d4f1;
}
.basket-top__order::after {
  content: "Оформить заказ";
  position: absolute;
  width: 100%;
  padding: 4px 0;
  top: 0;
  left: 0;
  font-family: montserrat-semibold;
  text-align: center;
  font-size: 12px;
  color: #000;
}
.basket-top__order:hover {
  background-color: #94d4f1;
}
.basket-top__clear {
  position: absolute;
  color: #333;
  width: 20px;
  height: 20px;
  top: 6px;
  right: 6px;
  font-size: 40px;
  line-height: 20px;
  cursor: pointer;
}
.basket-top__clear::before {
  content: "Очистить корзину";
  position: absolute;
  top: -25px;
  right: 0px;
  width: 130px;
  color: #000;
  font-size: 12px;
  opacity: 0;
  text-align: center;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
}
.basket-top__clear::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: #ff0000;
  position: absolute;
  top: 18px;
  left: -160px;
  transition: width 0.3s ease;
}
.basket-top__clear:hover::before {
  opacity: 1;
}
.basket-top__clear:hover::after {
  width: 140px;
}
.basket-top__clear:hover {
  color: #fff;
}

.menu-catalog {
  position: absolute;
  top: 250px;
  width: 100%;
  z-index: 100;
}
._fixed {
  position: fixed;
  top: 70px;
  z-index: 0;
  opacity: 0.5;
}
._fixed:hover {
  opacity: 1;
}
.menu-catalog__items {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  padding-right: 200px;
  flex-wrap: wrap;
}
a.menu-catalog__item {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #666;
  margin: 3px;
  padding: 3px 8px;
}
._fixed:hover a.menu-catalog__item {
  background: rgba(0, 0, 0, 0.7);
}
.tags {
  height: 100px;
}
a.menu-catalog__item:hover {
  color: #fff;
  box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.5);
}
.info-block {
  padding: 10px 20px;
  margin: 10px 20px;
  background: #000;
  border: 1px dashed #666;
  border-radius: 10px;
  color: #666;
}
.info-block .link--boldunderline,
.info-block .link-all {
  color: #999999;
}
._hidden {
  visibility: hidden;
}
._hidden-05 {
  opacity: 0.5;
  transition: all 0.3s ease;
}
._hidden-05:hover {
  opacity: 1;
}
@media (max-width: 1200px) {
  .basket-top,
  .create-order {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: calc(10px + (15 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .basket-top {
    margin-left: calc(10px + (15 - 10) * ((100vw - 320px) / (1200 - 320)));
  }
  .basket-top {
    left: auto;
  }
}
@media (max-width: 930px) {
  .menu-catalog {
    top: 200px;
  }
  ._fixed {
    top: 100px;
  }
}
@media (max-width: 770px) {
  .menu-catalog {
    top: 180px;
  }
  ._fixed {
    top: 70px;
  }
  a.menu-catalog__item {
    padding: 3px 6px;
    font-size: 13px;
  }
}
@media (max-width: 740px) {
  .menu-catalog {
    display: none;
  }
  .tags {
    height: 0;
  }
}
@media (max-width: 810px) {
  .basket-top,
  .create-order {
    top: calc(74px + (90 - 74) * ((100vw - 500px) / (810 - 500)));
  }
  .create-order {
    height: calc(30px + (36 - 30) * ((100vw - 500px) / (810 - 500)));
  }
  .create-order a {
    font-size: calc(13px + (16 - 13) * ((100vw - 500px) / (810 - 500)));
    line-height: calc(30px + (36 - 30) * ((100vw - 500px) / (810 - 500)));
  }
}
@media (max-width: 500px) {
  .create-order {
    top: 55px;
    width: calc(120px + (190 - 120) * ((100vw - 320px) / (500 - 320)));
  }
  .basket-top {
    top: 45px;
    flex-direction: row;
    flex-wrap: nowrap;
    width: auto;
    padding: 7px 10px 5px 10px;
    justify-content: flex-end;
  }
  .basket-top__order {
    width: 150px;
    margin-left: 10px;
    margin-right: 20px;
  }
  ._hidden-05 {
    opacity: 1;
  }
}
.add_chat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}
.button_whatsapp {
  position: relative;
  display: inline-block;
  border: 1px solid #666;
  width: 85px;
  padding-top: 10px;
  height: 75px;
  border-radius: 50%;
  text-align: center;
  margin-left: 5px;
  transition: background-color 0.6s ease, border 0.3s ease;
}
.button_whatsapp:hover {
  border: 1px solid #111;
  background-color: #333;
}
.button_whatsapp:hover::after {
  content: "открыть чат";
  position: absolute;
  top: 90px;
  left: -5px;
  width: 100px;
  height: 18px;
  border-radius: 5px;
  color: #ddd;
  font-size: 12px;
}
@media (max-width: 900px) {
  .button_whatsapp {
    width: 65px;
    padding-top: 5px;
    height: 60px;
    margin-left: 2px;
  }
  .button_whatsapp img {
    width: 60px;
  }
  .button_whatsapp:hover::after {
    display: none;
  }
}
@media (max-width: 600px) {
  .add_chat {
    padding-top: 20px;
  }
}
.video_container {
  padding: 35px 0;
  display: flex;
}
.video_file {
  width: 50%;
  border-radius: 5%;
}
.montage_txt {
  width: 50%;
  padding: 0 20px;
}
.personal-data-notice {
  font-size: 14px;
  padding-top: 10px;
  color: #666;
  display: flex;
  gap: 10px;
}

.suggest-container {
  position: relative;
}
.suggest {
  top: -20px;
  position: absolute;
  z-index: 200;
  background: rgba(233, 233, 233, 1);
  box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.5);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 0 0 10px 0;
  width: 100%;
}
.suggest__item {
  border-bottom: 1px solid #999999;
  color: #000;
  padding: 6px 17px;
  font-size: 14px;
}
.suggest__item:last-child {
  border-bottom: none;
}
.suggest__item:nth-child(2n) {
  background: rgba(255, 255, 255, 1);
}
.suggest__item._hover,
.suggest__item:hover {
  background: #fbcc95;
  color: #000;
}

.modal_window {
  position: fixed;
  z-index: 1000;
  bottom: 20px; /* Расстояние от нижнего края экрана */
  right: 20px; /* Расстояние от правого края экрана */
  width: 300px; /* Ширина модального окна */
  max-height: 80%; /* Максимальная высота модального окна, чтобы оно не выходило за пределы экрана */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  background-color: #fbcc95; /* Цвет фона модального окна */
  display: none; /* По умолчанию скрываем модальное окно */
  border-radius: 10px;
  border: none;
  padding: 21px 0;
  text-align: center;
  color: #000;
}

.modal-content {
  padding: 20px;
  position: relative;
}

.close_modal_window {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: 10px;
}
.close_modal_window:hover,
.close_modal_window:focus {
  text-decoration: none;
}
.form-item {
  position: relative;
}
.form-item input {
  width: 92%;
}
.form-item select {
  width: 100%;
}
.btn__export {
  display: block;
  font-family: montserrat-semibold;
  margin: 50px auto;
  width: 200px;
  padding: 20px 30px;
  border: 1px solid #fbcc95;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0px 0px 40px rgba(255, 255, 255, 0.5);
}
.btn__downloads {
  background: #fbcc95;
  color: #111111;
}
.type_lamp_block {
  background-position: right center;
}
.group__list {
  display: flex;
  flex-direction: column;
}
.group__item {
  margin: 15px;
  /*width: 90%;*/
  border: 1px solid #333333;
  border-radius: 10px;
  padding: 20px 0 20px 20px;
  box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.3);
}
.catalog-top {
  padding-top: 160px;
}
.group__item {
  padding-bottom: 40px;
}
.group__content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.group__img {
  height: 300px;
}
.group__name {
  font-family: montserrat-bold;
  font-size: 22px;
  text-decoration: underline;
}
.seria__title {
  font-size: 16px;
  font-family: montserrat-regular;
  padding: 20px 0;
  color: #6c757d;
}
.seria__list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.seria__item {
  text-align: center;
  border: 1px solid transparent;
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
}
.seria__item:hover {
  border-color: #fbcc95;
  box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.5);
}
.seria__img {
  width: 110px;
  align-self: center;
}
a.seria__name {
  font-family: montserrat-semibold;
  font-size: 18px;
  color: #fbcc95;
}
a.seria__name:hover {
  color: #94d4f1;
}
a.btn__add_basket {
  display: block;
  margin: 40px auto 0 auto;
  padding: 5px 10px;
  width: 120px;
  height: 20px;
  border: 1px solid #999;
  color: #000;
  background: #fbcc95;
  border-radius: 8px;
  transition: all 0.9s ease-out;
  white-space: nowrap;
}
.product-list_img {
  position: relative;
}
.product-list_img a img {
  max-width: 100%;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  margin-top: 100px;
  margin-bottom: 5px;
  background: transparent;
  row-gap: 4px;
}

.breadcrumb-item {
  white-space: nowrap;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  margin: 0 0.5em;
  color: #6c757d;
}

.breadcrumb-item a {
  text-decoration: none;
  color: #ddd;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

.breadcrumb-item.active {
  color: #ddd;
  pointer-events: none;
}

@media (max-width: 480px) {
  .breadcrumb {
    font-size: 12px;
    margin-top: 70px;
    row-gap: 2px;
  }
}

.product-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: center;
  padding: 0;
  list-style: none;
}

.product-list_container__items {
  display: flex;
  flex: 1 1 calc(20%);
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* Одинаковая высота */
}

.bllock__items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 15px 0 35px 0;
}
.bllock__items .bllock__item {
  margin: 0;
  background: #333333;
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
}
.bllock__items .bllock__item:hover {
  border-color: #aaaaaa;
  box-shadow: 0 0 15px #aaaaaa;
}
.bllock__items .bllock__item a {
  color: #959595;
}
.bllock__items .bllock__item:hover a {
  color: #dddddd;
}
.text-form {
  display: inline-block;
  font-size: 14px;
  color: #fbcc95;
  font-family: montserrat-semibold;
  /*vertical-align: middle;*/
  cursor: pointer;
}
.text-form:hover {
  text-decoration: underline;
}
.checkbox-container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  max-width: 100%;
}
.checkbox-form {
  display: flex;
  align-items: flex-start;
  appearance: none;
  width: 30px;
  height: 30px;
  border: 2px solid #fbcc95;
  border-radius: 4px;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  vertical-align: middle;
  flex-shrink: 0;
}
.checkbox-form:checked {
  background-color: #fbcc95;
  border-color: #fbcc95;
}
.checkbox-form::before {
  content: "✔";
  font-size: 24px;
  color: #000;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.checkbox-form:checked::before {
  display: block;
}

#agreementModal .detail-container-form,
#agreementModal2 .detail-container-form {
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto auto;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
  transition: all 0.6s ease-out;
}

#agreementModal._open .detail-container-form,
#agreementModal2._open .detail-container-form {
  visibility: visible;
  background: rgba(0, 0, 0, 0.9);
}

#agreementModal .detal-container-form_position,
#agreementModal2 .detal-container-form_position {
  position: absolute;
  width: 600px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6);
  border-radius: 15px;
  border: 1px solid #999;
  color: #000;
  padding: 20px 37px;
  opacity: 0;
  transition: all 0.5s ease-out;
}

#agreementModal._open .detail-container-form .detal-container-form_position,
#agreementModal2._open .detail-container-form .detal-container-form_position {
  opacity: 1;
}

#agreementModal .agreement-content,
#agreementModal2 .agreement-content {
  color: #fff;
  max-height: 400px;
  overflow-y: auto;
}

.button-container {
  display: flex;
  justify-content: space-between; /* Распределение кнопок по ширине контейнера */
  gap: 10px; /* Расстояние между кнопками */
  margin-top: 20px; /* Отступ сверху */
}

.acceptButton,
.cancelButton {
  flex: 1; /* Равномерное распределение ширины */
  padding: 10px 20px; /* Внутренние отступы */
  border: none; /* Убираем границу */
  border-radius: 5px; /* Закругленные углы */
  font-size: 16px; /* Размер текста */
  cursor: pointer; /* Курсор в виде указателя */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Плавные переходы */
}

.acceptButton {
  background-color: #fbcc95; /* Оранжевый цвет */
  color: #333; /* Темный текст */
}

.acceptButton:hover {
  background-color: #94d4f1; /* Темнее оранжевый при наведении */
}

.cancelButton {
  background-color: #999; /* Серый цвет */
  color: #333; /* Темный текст */
}

.cancelButton:hover {
  background-color: #94d4f1; /* Темнее серый при наведении */
}
.auth-link{
  font-size: 16px;
  font-family: montserrat-regular;
}
.auth-link .text-form{
  font-size: 16px;
  font-family: montserrat-regular;
}

.input-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 4px; /* или такой же отступ как был у инпутов */
}

.input-wrapper-select {
    width: 98%;
}

@media (max-width: 480px) {

.input-wrapper {
  width: 105%;
}
.input-wrapper-select {
    width: 99%;
}
}


/* Сохраняем все ваши оригинальные стили для инпутов */
.contact-form__input {
    /* Ваши существующие стили остаются без изменений */
    width: 92%;
    /* Добавьте сюда все ваши оригинальные стили для .contact-form__input */
}

.input-label {
    position: absolute;
    top: -12px;
    font-size: 14px;
    color: #fbcc95;
    transition: all 0.3s ease;
    z-index: 1;
    pointer-events: none;
    font-family: montserrat-bold;
}

.input-label.hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-5px);
}

.input-label.visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.occupation-label {
  width:100%;
}
@media (max-width: 768px) {

.occupation-label {
  width:97%;
}
}

@media (max-width: 530px) {

.occupation-label {
  width:94%;
}
}

.contact-form__subtitle {
    padding-bottom: 20px;
}

.banner-slider {
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
        position: relative;
    }

    .banner-slide {
        position: relative;
        width: 100%;
        height: 450px;
        overflow: hidden;
        border-radius: 10px;
    }

    .banner-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
.banner-overlay {
    position: absolute;
    top: 20px;
    left: 20px;
    right: auto;
    bottom: auto;
    z-index: 10;

    max-width: 70%;
    color: #fff;
    text-shadow: 0 0 8px rgba(0,0,0,0.6);
}

.banner-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 6px;
}

.banner-description {
    font-size: 16px;
    line-height: 1.4;
}

.banner-slider .swiper-pagination {
    position: absolute !important;
    top: 15px;
    right: 15px;
    left: auto !important;
    width: auto;
    z-index: 20;
}

/* Сами точки */
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,0.6);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #fff;
}


.form-request__container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  max-width: 1180px;
  margin-bottom:120px;
}

.form-request__left {
  /* flex: 0 0 calc(50% - 20px); */
  flex: 0 0 33.333%;
  /* min-width: 300px; */
  max-width: 33.333%;
  display: flex;
  align-items: center;
  height: 100%;
  position: sticky;
}

.form-request__right {
  /* flex: 0 0 calc(50% - 20px); */
  /*flex: 0 0 66.667%;*/
  /* min-width: 300px; */
  /*max-width: 66.667%;*/
}

.form-request__left h2 {
  margin: 0;
}
.form-request__right .contact-form__input {
  height: 60px;
  font-size: 24px;
  font-family: roboto-light;
  text-transform: uppercase;
}
.form-request__right .contact-form__btn {
  height:100px;
  font-size:24px;
  width: 97%;
  text-transform: uppercase;
}
/* Адаптивность для мобильных устройств */
@media (max-width: 480px) {
  .form-request__container {
    flex-direction: column;
    gap: 30px;
  }
  
  .form-request__left,
  .form-request__right {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .form-request__left h2 {
    font-size: 32px;
  }
  .form-request__right .contact-form__input {
    font-size:18px;
  }
}


.partnership-section {
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 20px 120px 20px;
}
.partner-title, .partnership-title, .buisnes_title, .benefits-title {
  font-size: 64px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.partner-title {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 130px;
  padding-bottom: 20px;
  text-transform: uppercase;
  /*font-size: 56px;*/
}
.partner-subtitle {
  max-width: 1180px;
  margin: 0 auto;
  padding-bottom: 50px;
  font-family: montserrat-light;
  font-display: swap;
  font-style: normal;
  font-size: 32px;
  text-align: left;
  line-height:46px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: lighter;

}
.buisnes-section {
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 20px;
}

.main-title {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.buisnes-section .description, .partnership-section .description {
    font-size: 32px;
    text-align: left; 
    margin-bottom: 100px;
    line-height:46px;
    color: #FFFFFF;
    /* max-width: 800px; */
    width: 66%;
    margin-left: auto; 
    margin-right: 0; 
    text-transform: uppercase;
    font-weight: lighter;
}

.separator {
    width: 100px;
    height: 3px;
    background-color: #000;
    margin: 0 auto;
}

/* Десктоп: 3 колонки × 2 строки */
.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 колонки для десктопа */
    gap: 30px;
    max-width: 100%; /* Изменено с 1000px на 100% */
    margin: 0 auto;
    text-align: center;
}

.grid-item {
    /* Убираем фиксированную ширину */
    width: 100%; /* Элементы растягиваются по ширине колонки */
    height: 140px;
    padding: 16px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 32px;
    box-sizing: border-box; /* Уже есть */
}

.first-el {
    background-color: #666666;
}

.second-el {
    background-color: #333333;
}

.third-el {
    background-color: #222222;
}

.fourth-el {
    background-color: #222222;
}

.fifth-el {
    background-color: #333333;
}

.sixth-el {
    background-color: #666666;
}

/* Мобильная версия: 2 колонки × 3 строки */
@media (max-width: 768px) {
    .grid-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        max-width: 100%;
        margin: 0 auto;
        
    }
    
    .grid-item {
        width: 100%;
        height: 140px;
        font-size: 1rem;
        padding: 8px 10px;
    }

    .description {
      font-size: 1rem;
      text-align: left; 

  }
    
}

.benefits-section {
    max-width: 1180px;
    margin: 0 auto;
    padding: 80px 40px;
}

.benefits-wrapper {
    display: flex;
    gap: 80px;
    align-items: flex-start;
}

/* Заголовок - 1/3 ширины */
.benefits-title {
    flex: 0 0 33.333%; /* Занимает 1/3 */
    font-size: 64px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.2;
    padding-top: 0px;
    max-width: 33.333%;
}

/* Список - 2/3 ширины */
.benefits-list {
    flex: 0 0 66%; /* Занимает 2/3 */
    max-width: 66%;
    display: flex;
    flex-direction: column;
}

.benefit-item {
    position: relative;
    padding: 8px 16px 50px 50px; /* Добавил вертикальные отступы */
}

.benefit-item:last-child {
    border-bottom: none;
}



.benefit-title {
    font-size: 28px;
  font-family: montserrat-semibold;
    /*margin-bottom: 10px;*/
    color: #FFFFFF;
    /*line-height: 1.3;*/
}
.benefit-title::before {
  content: "+";
  position: absolute;
  font-family: montserrat-light;
  font-size:46px;
  left: 0;
  top: 0;
  color: #999999;
}
.benefit-title.active::before {
  content:"-";
}

.benefit-description {
    font-size: 24px;
    font-family: montserrat-light;
    line-height: 1.5;
    padding:0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s linear;
    color: #999999;
}
.benefit-description.active {
  max-height: 500px;
  padding-top:20px;
}

/* Стили для элементов без описания */
.benefit-item:not(:has(.benefit-description)) {
    padding-bottom: 30px;
}

/* Адаптивность */
@media (max-width: 1200px) {
    .benefits-section {
        padding: 80px 30px;
    }
    
    .benefits-wrapper {
        gap: 60px;
    }
    
    .benefits-title {
        font-size: 2.4rem;
    }
    
    .benefit-title {
        font-size: 24px;
    }
    
    .benefit-description {
        font-size: 20px;
    }
}

.partnership-hero {
    position: relative;
    min-height: 500px;
    width: 100%;
    display: flex;
    
}

/* Фоновое изображение для десктопа */
.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  width:100%;
    background-image: url(/assets/legacy/images/partner5.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

/* Контент поверх изображения на десктопе */
.hero-content {
    position: relative;
    z-index: 2;
    top: 100px;
    left: 80px;
    max-width: 600px;
    color: #FFFFFF;
}

.hero-content h1 {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    color: #FFFFFF;
}

.hero-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hero-list li {
    font-size: 24px;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

.hero-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    font-size: 2rem;
    line-height: 1;
}

/* Мобильная версия - текст под изображением */

@media (max-width: 992px) {
  .benefits-wrapper {
    flex-direction: column;
    gap: 40px;
  }

  .benefits-title {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    font-size: 2.2rem;
    text-align: center;
    position: static;
    margin-bottom: 20px;
  }

  .benefits-list {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    gap: 25px;
  }

  .benefits-section {
    padding: 60px 30px;
  }

  .benefit-item {
    padding: 15px 0 15px 45px;
  }
  .partner-title {
    padding: 130px 20px 30px 20px;
  }
  .partner-subtitle {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 20px 30px 20px;
  }
}

@media (max-width: 768px) {
  .benefits-section {
    padding: 40px 20px;
  }

  .benefits-title {
    font-size: 1.8rem;
    line-height: 1.3;
  }

  .benefit-item {
    padding-left: 40px;
    padding: 12px 0 12px 40px;
  }

  .benefit-title {
    font-size: 1.3rem;
    margin-bottom: 8px;
  }

  .benefit-description {
    font-size: 1.1rem;
  }

  .benefit-item.with-plus::before {
    font-size: 1.8rem;
    top: 12px;
  }

  .benefits-list {
    gap: 20px;
  }
  .partnership-hero {
    flex-direction: column;
    min-height: auto;
  }

  .hero-bg {
    position: relative;
    height: 300px; /* Высота изображения на мобильных */
    width: 100%;
    flex-shrink: 0;
  }

  .hero-content {
    position: static;
    top: auto;
    left: auto;
    max-width: 100%;

    padding: 30px 20px;
  }

  .hero-content h1 {
    font-size: 2rem;
    text-align: left;
  }

  .hero-list li {
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  .benefits-list {
    gap:7px;
  }

  .partner-title, .partnership-title, .buisnes_title, .benefits-title {
    font-size: 32px;
    text-align:left;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .partner-subtitle {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 20px 30px 20px;
    font-size: 20px;
    text-align: left;
    line-height:28px;
  }
  .benefit-title {
    font-size: 20px;
    font-family: montserrat-regular;
  }
  .benefit-title::before {
    font-size:36px;
  }
  .benefit-description, .buisnes-section .description, .partnership-section .description {
    font-size: 16px;
    width: 100%;
    line-height:26px;
  }

  .benefit-item {
    padding-left: 35px;
    padding: 10px 0 10px 35px;
  }

  .benefit-item.with-plus::before {
    font-size: 1.5rem;
    top: 10px;
  }
  h1.partner-title {
    max-width: 100%;
    padding: 30px 20px;
    margin: 0;
    padding-top:100px;
  }
  .hero-bg {
    background-position: right;
  }
}


.buisnes-section .sub_text {
  font-size: 22px;
  padding: 30px 0;
}

.buisnes-section .catalog-section {
  margin: 50px 0;
}

.buisnes-section .catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto 310px 310px;
  gap: 30px;
  align-items: start;
}

.buisnes-section .catalog-title {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  font-size: 48px;
  font-family: roboto-bold;
  color: #FFFFFF;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
  align-self: start;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* Контейнер для элементов */
.buisnes-section .catalog-item {
  position: relative;
  display: block;
  text-decoration: none;
  height: 280px;
  min-height: 280px;
  transition: transform 0.3s ease;
  overflow: hidden;
  box-sizing: border-box;
}

.buisnes-section .catalog-item:hover {
  transform: scale(1.02);
}

/* Изображение заполняет всю область */
.buisnes-section .catalog-img {
  position: absolute;
  inset: 0;               /* top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top center;
  z-index: 0;
}

/* Для элементов с bottom позиционированием */
.buisnes-section .back_down {
  object-position: bottom center;
}



/* Контейнер для текста */
.buisnes-section .item__title {
  position: absolute;
  font-size: 25px;
  text-transform: uppercase;
  font-family: roboto-light;
  color: #FFFFFF;
  bottom: 5px;
  left: 0px;
  right: 0px;
  text-align:center;
  z-index: 3;
}
.buisnes-section .title__top {
  top:5px;
}
.buisnes-section .title__bottom {
  bottom: 40px;
}

.buisnes-section .title__left {
  left: 30px;
}
.buisnes-section__btn-container {
  text-align: right;
}
.buisnes-section__btn {
  height: 80px;
  font-size: 21px;
  border-radius:10px;
  text-transform: uppercase;
  background: #fbcc95;
  font-family: montserrat-semibold;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  color:#666666;
  transition: all 0.9s ease-out;
  cursor:pointer;
}
.buisnes-section__btn:hover {
  background: #94d4f1;
  color:#ffffff;
}

/*@media (max-width: 768px) {*/
/*  .buisnes-section .catalog-grid {*/
/*    grid-template-columns: repeat(2, 1fr);*/
/*    grid-template-rows: auto repeat(4, 220px);*/
/*    gap: 15px;*/
/*  }*/

/*  .buisnes-section .catalog-title {*/
/*    grid-column: 1 / -1;*/
/*    grid-row: 1 / 2;*/
/*    height: auto;*/
/*    text-align: center;*/
/*    font-size: 1.8rem;*/
/*    margin-bottom: 10px;*/
/*  }*/

/*  .buisnes-section .catalog-item {*/
/*    min-height: 220px;*/
/*  }*/

/*  .buisnes-section .item__title {*/
/*    bottom: 25px;*/
/*    left: 20px;*/
/*    right: 20px;*/
/*  }*/

/*  .buisnes-section .item__title span {*/
/*    font-size: 18px;*/
/*  }*/
/*}*/

@media (max-width: 480px) {
  .buisnes-section .catalog-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto repeat(8, 280px);
    gap: 15px;
  }

  .buisnes-section .catalog-title {
    font-size: 32px;
    margin-bottom: 15px;
    text-align:left;
    height:auto;
  }

  .buisnes-section .catalog-item {
    border: 8px solid #333;
    /*padding: 20px 15px;*/
  }

  .buisnes-section .item__title {
    bottom: 20px;
    left: 15px;
    right: 15px;
  }
  .buisnes-section__btn-container {
    text-align:center;
  }
  .buisnes-section__btn {
    width: 100%;
    font-size:18px;
  }
}


.map__delivery {
  display: flex;
  position: relative;
  font-size: 14px;
}
.map__delivery_description {
  width: 42%;
  transform: translate(100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}

.map__delivery_description._active {
  transform: none;
  opacity: 1;
}
.map__delivery--subtitle {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 16px;
  color: #fbcc95;
}
.map__delivery_logistic {
  width: 35%;
  position: absolute;
  right: 0;
  padding-top: 500px;
  z-index: 10;

  transform: translate(-100%);
  opacity: 0;
  transition: all 0.9s ease-out;
}
.map__delivery_logistic._active {
  transform: none;
  opacity: 1;
}
.map__delivery--subtitle-white {
  display: block;
  font-family: "Montserrat";
  font-weight: 600;
  margin-bottom: 10px;
}
.map__delivery_logistic-img {
  display: flex;
}
.map__delivery_logistic-img img {
  opacity: 0.8;
  transform: scale(0.6);
  transition: all 0.75s ease-out;
}
.map__payment {
  width: 45%;
  padding-bottom: 50px;
}
.map__delivery_logistic-img img:hover {
  opacity: 1;
  transform: none;
}
.payment {
  display: flex;
  justify-content: space-between;
}
.payment li {
  width: 28.2%;
  margin-right: 5%;
  padding-top: 40px;
}

.paymen__text {
  padding-top: 15px;
}
.paymen__text span {
  color: #94d4f1;
  font-family: "Montserrat";
  font-weight: 400;
}

.delivery {
  position: relative;
  font-size: 14px;
}
.delivery__intro {
  margin-bottom: 24px;
}
.delivery__title {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 16px;
  color: #fbcc95;
}
.delivery__map {
  margin: 30px 0 40px;
}
.delivery__map-app {
  width: 100%;
  height: 640px;
}
.delivery__columns {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.delivery__col {
  flex: 1;
  min-width: 0;
}
.delivery__subtitle {
  display: block;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 16px;
  color: #fbcc95;
  margin-bottom: 16px;
}
.delivery__payments {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.delivery__payment-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.delivery__payment-img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  flex: 0 0 auto;
}
.delivery__payment-text span {
  color: #94d4f1;
  font-family: "Montserrat";
  font-weight: 400;
}
.delivery__options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.delivery__option-title {
  display: block;
  font-family: "Montserrat";
  font-weight: 600;
  margin-bottom: 8px;
}
.delivery__logistics {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.delivery__logistics img {
  opacity: 0.8;
  transform: scale(0.9);
  transition: all 0.75s ease-out;
}
.delivery__logistics img:hover {
  opacity: 1;
  transform: none;
}

@media (max-width: 900px) {
  .delivery__columns {
    flex-direction: column;
  }
}
@media (max-width: 700px) {
  .delivery__map-app {
    height: 420px;
  }
  .delivery__payment-img {
    width: 56px;
    height: 56px;
  }
}
@media (max-width: 480px) {
  .delivery__map-app {
    height: 320px;
  }
  .delivery__payment-item {
    gap: 12px;
  }
}

@media (max-width: 1200px) {
  .map__delivery,
  .map__payment {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1200 - 320)));
  }
  .map__delivery_description {
    width: calc(400px + (495 - 400) * ((100vw - 560px) / (1200 - 560)));
  }
  .map__delivery_logistic {
    width: calc(400px + (413 - 400) * ((100vw - 670px) / (1200 - 670)));
    padding-top: calc(700px + (500 - 700) * ((100vw - 1100px) / (1200 - 1100)));
  }
  .map__payment {
    padding-bottom: calc(
      250px + (50 - 250) * ((100vw - 1028px) / (1200 - 1028))
    );
  }

  .comment__title {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
    margin-bottom: calc(5px + (8 - 5) * ((100vw - 320px) / (1200 - 320)));
  }
  .comment__contact {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1200 - 320)));
    margin-bottom: calc(5px + (8 - 5) * ((100vw - 320px) / (1200 - 320)));
  }
}
@media (max-width: 1100px) {
  .map__delivery_logistic {
    padding-top: 700px;
  }
  .map__payment {
    padding-bottom: 250px;
  }
}
@media (max-width: 1028px) {
  .map__delivery_logistic {
    padding-top: calc(495px + (700 - 495) * ((100vw - 700px) / (1028 - 700)));
  }
  .map__payment {
    padding-bottom: calc(
      200px + (250 - 200) * ((100vw - 800px) / (1028 - 800))
    );
  }
}
@media (max-width: 800px) {
  .map__payment {
    padding-bottom: calc(150px + (100 - 150) * ((100vw - 650px) / (800 - 650)));
  }
  .payment {
    flex-direction: column;
    justify-content: flex-start;
  }
  .payment li {
    display: flex;
    width: calc(180px + (250 - 180) * ((100vw - 650px) / (800 - 650)));
    margin-right: 0;
    padding-left: calc(0px + (20 - 0) * ((100vw - 650px) / (800 - 650)));
  }
  .payment__img {
    width: calc(40px + (65 - 40) * ((100vw - 650px) / (800 - 650)));
    height: calc(40px + (65 - 40) * ((100vw - 650px) / (800 - 650)));
  }
  .paymen__text {
    padding-top: 0;
    padding-left: calc(15px + (25 - 15) * ((100vw - 650px) / (800 - 650)));
  }
  .comment {
    top: 0;
    width: 50%;
    right: 0;
  }
  .comment__close:after {
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (800 - 320)));
  }
  .comment--wrap {
    display: inline;
    margin-right: 10px;
    white-space: nowrap;
  }
  .geoposition_icon {
    display: none;
  }
  .geoposition_icon_title {
    left: 0px;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (800 - 320)));
  }
  .geoposition_icon_title-samara {
    top: 5%;
  }
  .geoposition_icon_title-peter {
    top: 12%;
  }
  .geoposition_icon_title-penza {
    top: 19%;
  }
  .geoposition_icon_title-kazan {
    top: 26%;
  }
  .geoposition_icon_title-voroneg {
    top: 33%;
  }
  .geoposition_icon_title-volgograd {
    top: 40%;
  }
  .geoposition_icon_title-krasnodar {
    top: 47%;
  }
  .geoposition_icon_title-moskva {
    top: 54%;
  }
  .geoposition_icon_title-rostov {
    top: 61%;
  }
  .geoposition_icon_title-yaroslavl {
    top: 68%;
  }
  .geoposition_icon_title-novosib {
    top: 68%;
  }
  .geoposition_icon_title._active-click {
    color: #999;
  }
}
@media (max-width: 650px) {
  .map__payment {
    width: 100%;
    padding-bottom: 0;
  }
  .payment li {
    display: block;
    width: 130px;
    padding-left: 0;
    padding-top: 20px;
    margin-right: 25px;
  }
  .payment__img {
    width: calc(50px + (60 - 50) * ((100vw - 320px) / (650 - 320)));
    height: calc(50px + (60 - 50) * ((100vw - 320px) / (650 - 320)));
  }
  .paymen__text {
    padding-top: 0;
    padding-left: 0;
  }
  .map__delivery_logistic {
    width: 100%;
    padding-top: calc(280px + (450 - 280) * ((100vw - 320px) / (650 - 320)));
  }
  .map__delivery {
    flex-direction: column;
  }
  .map__delivery_description {
    width: 100%;
  }
  .map__payment {
    padding-top: calc(400px + (280 - 400) * ((100vw - 320px) / (650 - 320)));
  }
  .payment {
    flex-direction: row;
    padding-left: 0;
  }
  .map__delivery_logistic-img {
    display: none;
  }
}
@media (max-width: 400px) {
  .comment--wrap {
    display: block;
    margin-right: 0;
  }
}
@media (max-width: 320px) {
  .map__delivery_logistic {
    padding-top: 280px;
  }
  .map__payment {
    padding-top: 400px;
  }
  .payment__img {
    width: 50px;
    height: 50px;
  }
}

.header-search {
    max-width: 100%;
    margin-top: 6px;
    position: relative;
    padding-top: 37px;
    width: 100%;
}

.header-search__panel {
    position: relative;
    width: 100%;
    /* margin-left: 80px; */
}

.header-search__input {
    width: 100%;
    box-sizing: border-box;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 6px;
    outline: none;
    color: #fff;
    font-size: 13px;
    font-family: montserrat-regular;
    padding: 7px 30px 7px 12px;
    transition: background 0.2s, border-color 0.2s;
    -webkit-appearance: none;
}
.header-search__input::placeholder { color: rgba(255,255,255,0.3); }
.header-search__input:focus {
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.35);
}
.header-search__input::-webkit-search-cancel-button { display: none; }

/* Крестик сброса */
.header-search__clear {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: rgba(255,255,255,0.35);
    font-size: 16px;
    cursor: pointer;
    padding: 0 4px;
    display: none;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
    z-index: 5;
}
.header-search__clear:hover { color: #fff; }

/* Выпадашка */
.header-search__dropdown {
    position: fixed;
    background: #141420;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 8px;
    box-shadow: 0 16px 48px rgba(0,0,0,0.7);
    display: none;
    z-index: 9999;
    max-height: 480px;
    overflow-y: auto;
    padding-top: 30px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.12) transparent;
}
.header-search__dropdown.is-visible { display: block; }

.sd-close-btn {
    position: absolute;
    top: 6px;
    right: 8px;
    background: none;
    border: none;
    color: rgba(255,255,255,0.35);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 2px 6px;
    z-index: 10;
    transition: color 0.2s;
}
.sd-close-btn:hover { color: #fff; }

.sd-section-title {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.28);
    padding: 12px 14px 5px;
    font-family: montserrat-semibold;
}
.sd-section-title:not(:first-child) {
    border-top: 1px solid rgba(255,255,255,0.06);
    margin-top: 4px;
}
.sd-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 14px;
    text-decoration: none;
    color: #ddd;
    transition: background 0.15s;
}
.sd-item:hover { background: rgba(255,255,255,0.06); color: #fff; }
.sd-item__img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    border-radius: 4px;
    background: rgba(255,255,255,0.04);
    flex-shrink: 0;
}
.sd-item__img-placeholder {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    background: rgba(255,255,255,0.04);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.sd-item__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sd-item__name {
    font-size: 13px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: montserrat-regular;
}
.sd-item__meta { font-size: 11px; color: rgba(255,255,255,0.35); }
.sd-item__price { font-size: 12px; color: #fbcc95; }
.sd-empty, .sd-loading {
    padding: 18px 14px;
    font-size: 13px;
    color: rgba(255,255,255,0.35);
    text-align: center;
    font-family: montserrat-regular;
}
@media (max-width: 1024px) {
    .header-search {
      margin-top: 35px;
      padding-top: 8px;
    }
    .create-order {
      width: 160px;
    }

}
/* Мобильные — показываем поиск под бургер-меню */
@media (max-width: 930px) {
    .header-column__2 {
        order: 4;
        width: 100%;
    }
    .header-nav-wrap {
        width: 100%;
    }
    .header-search {
        display: block;
        padding-top: 0%;
        margin-top: 18px;
    }
    .header-search__input {
        font-size: 14px;
    }
    .header-search__panel {
        max-width: calc(100% - 215px);
    }
    .create-order {
      width: 190px;
    }

}
@media (max-width: 540px) {
    .header-search {
        max-width: 100%;
        margin-top: 10px;
    }
    .header-search__panel {
        max-width: calc(100% - 195px);
    }
}
/* Кнопка лупы — только мобильные */
.mobile-search-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    padding-top: 0%;
    align-items: center;
    justify-content: center;
}

/* Оверлей поиска */
.mobile-search-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 400;
    background: rgba(0,0,0,0.95);
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.mobile-search-overlay.is-open {
    display: block;
}
.mobile-search-overlay__inner {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
}
.mobile-search-overlay__input {
    flex: 1;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    outline: none;
    color: #fff;
    font-size: 16px;
    font-family: montserrat-regular;
    padding: 10px 40px 7px 14px;
    -webkit-appearance: none;
}
.mobile-search-overlay__input::placeholder { color: rgba(255,255,255,0.3); }
.mobile-search-overlay__input::-webkit-search-cancel-button { display: none; }

.mobile-search-overlay__close {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: rgba(255,255,255,0.5);
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
}
.mobile-search-overlay__close:hover { color: #fff; }

@media (max-width: 430px) {
    .mobile-search-toggle {
        display: flex;
    }
    .header-search {
        display: none;
    }
    .header-column__3 {
      text-align: left;
    }
}

/* Затемнение .container при открытом мобильном поиске управляется через JS (inline style) */