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

   Шрифты

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

@font-face {
  font-family: "Sansation";

  src: url("https://primepark.ru/include/NEW2/fonts/SansationLightItalic.woff2") format("woff2"),
    url("https://primepark.ru/include/NEW2/fonts/SansationLightItalic.woff") format("woff");

  font-weight: 300;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Sansation";

  src: url("https://primepark.ru/include/NEW2/fonts/SansationItalic.woff2") format("woff2"),
    url("https://primepark.ru/include/NEW2/fonts/SansationItalic.woff") format("woff");

  font-weight: normal;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Sansation";

  src: url("https://primepark.ru/include/NEW2/fonts/SansationLight.woff2") format("woff2"),
    url("https://primepark.ru/include/NEW2/fonts/SansationLight.woff") format("woff");

  font-weight: 300;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Sansation";

  src: url("https://primepark.ru/include/NEW2/fonts/SansationRegular.woff2") format("woff2"),
    url("https://primepark.ru/include/NEW2/fonts/SansationRegular.woff") format("woff");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Sansation";

  src: url("https://primepark.ru/include/NEW2/fonts/SansationBoldItalic.woff2") format("woff2"),
    url("https://primepark.ru/include/NEW2/fonts/SansationBoldItalic.woff") format("woff");

  font-weight: bold;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Sansation";

  src: url("https://primepark.ru/include/NEW2/fonts/SansationBold.woff2") format("woff2"),
    url("https://primepark.ru/include/NEW2/fonts/SansationBold.woff") format("woff");

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "PTRoubleSans";

  src: url("https://primepark.ru/include/NEW2/fonts/PTRoubleSans.eot?#iefix") format("embedded-opentype"),
    url("https://primepark.ru/include/NEW2/fonts/PTRoubleSans.woff") format("woff"),
    url("https://primepark.ru/include/NEW2/fonts/PTRoubleSans.ttf") format("truetype"),
    url("https://primepark.ru/include/NEW2/fonts/PTRoubleSans.svg#PTRoubleSans") format("svg");

  font-weight: normal;

  font-style: normal;
}

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

   Прочее

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

html.lock {
  overflow: hidden;
}

html.lock-2 {
  overflow: hidden;
  overflow-y: hidden;
}

html.lock-2 body {
  overflow: hidden;
  overflow-y: hidden;
}

body.menu-open {
  overflow: hidden;
}

body.menu-open .main-wrap {
  overflow-y: scroll;
}

body.menu-open .burger .burger__line-1,
body.menu-open .burger .burger__line-2,
body.menu-open .burger .burger__line-3 {
  background-color: #000;
}

body.menu-open .burger.active .burger__line-1,
body.menu-open .burger.active .burger__line-2,
body.menu-open .burger.active .burger__line-3 {
  background-color: #fff;
}

body.menu-open .burger-wr .burger-wr__ic {
  fill: #000;
}

body.news-detail-open .js-phone .phone__ic {
  fill: #000;
}

body.news-detail-open .phone .phone-links__item-num,
body.news-detail-open .phone .phone-links__item-text {
  color: #000;
}

body.news-detail-open .phone .phone-links__btn {
  border-color: #000;
  color: #000;
}

body.news-detail-open .phone .phone-links__btn:hover {
  background-color: #000;
  color: #fff;
}

html.video-presentation {
  pointer-events: none;
  cursor: none;
}

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

   Всплывашка про трейд ин

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

.popup-tradein {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  transition: all 0.35s ease 0s;
  opacity: 0;
  visibility: hidden;
  font-size: 0px;
  line-height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-tradein.active {
  opacity: 1;
  visibility: visible;
}

.popup-tradein p {
  margin: 0px;
  padding: 0px;
}

.popup-tradein .content {
  background: #000;
  width: 1050px;
  height: 340px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup-tradein .content .left {
  width: 50%;
  height: 100%;
}

.popup-tradein .content .left img {
  width: 100%;
  height: 100%;
  margin: 0px;
  object-fit: cover;
  object-position: center center;
}

.popup-tradein .content .right {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0px 90px 0px 85px;
}

.popup-tradein .content .right .logo {
  margin: 0px 0px 16px 0px;
  background: url(./images/popup_tradein/logo.svg) no-repeat center center /
    contain;
  width: 103px;
  height: 79px;
}

.popup-tradein .content .right .title {
  margin: 0px 0px 6px 0px;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.popup-tradein .content .right .text {
  margin: 0px 0px 20px 0px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}

.popup-tradein .content .right .button {
  margin: 0px;
}

.popup-tradein .content .right .button a {
  margin: 0px;
  padding: 0px;
  background: #b3987e;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  width: 271px;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  outline: none;
}

.popup-tradein .content .right .button a:hover {
  background: #c6b29f;
}

.popup-tradein .content .close {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.popup-tradein .content .close:before {
  content: "";
  background: url(./images/popup_tradein/close.svg) no-repeat center center /
    contain;
  width: 12px;
  height: 12px;
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
  /* .module-gallery-album .content .columns .img {
    width: 33.33% !important;
  } */
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .popup-tradein .content {
    width: 900px;
  }

  .popup-tradein .content .right {
    padding: 0px 47px 0px 48px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .popup-tradein .content {
    width: 720px;
    height: 340px;
  }

  .popup-tradein .content .right {
    padding: 0px 25px 0px 26px;
  }

  .popup-tradein .content .right .logo {
    margin: 0px 0px 16px 0px;
  }

  .popup-tradein .content .right .title {
    margin: 0px 0px 7px 0px;
    font-size: 18px;
    line-height: 22px;
  }

  .popup-tradein .content .right .text {
    margin: 0px 0px 20px 0px;
    font-size: 13px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .popup-tradein .content {
    width: 100%;
    height: 100%;
    display: block;
  }

  .popup-tradein .content .left {
    width: 100%;
    height: 44%;
  }

  .popup-tradein .content .right {
    width: 100%;
    height: 56%;
    padding: 0px 25px 0px 25px;
    text-align: center;
    align-items: center;
  }

  .popup-tradein .content .right .logo {
    margin: 0px 0px 16px 0px;
  }

  .popup-tradein .content .right .title {
    margin: 0px 0px 7px 0px;
    font-size: 18px;
    line-height: 22px;
  }

  .popup-tradein .content .right .text {
    margin: 0px 0px 20px 0px;
    font-size: 13px;
    line-height: 18px;
  }

  .popup-tradein .content .close {
    width: 64px;
    height: 64px;
  }

  .popup-tradein .content .close:before {
    background-image: url(./images/popup_tradein/close_mobile.svg);
    width: 24px;
    height: 24px;
  }
}

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

   Всплывашка про башню R7

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

.popup-r7 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  transition: all 0.35s ease 0s;
  opacity: 0;
  visibility: hidden;
  font-size: 0px;
  line-height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-r7.active {
  opacity: 1;
  visibility: visible;
}

.popup-r7 p {
  margin: 0px;
  padding: 0px;
}

.popup-r7 .content {
  background: #000;
  width: 900px;
  height: 600px;
  position: relative;
}

.popup-r7 .content .border {
  position: absolute;
  top: 99px;
  bottom: 99px;
  left: 68px;
  right: 68px;
}

.popup-r7 .content .border .bg-gradient {
  background: linear-gradient(
    194.28deg,
    #ad8153 0%,
    #e2b36c 22.4%,
    #fdecd6 43.23%,
    #dcac64 72.92%,
    #af8352 100%
  );
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.popup-r7 .content .border .bg-color {
  background: #000;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
}

.popup-r7 .content .info {
  margin: 0px;
  padding: 78px 0px 0px 68px;
  position: relative;
}

.popup-r7 .content .info:before {
  content: "";
  background: #000;
  width: 376px;
  position: absolute;
  top: 80px;
  bottom: -54px;
  left: 66px;
}

.popup-r7 .content .info .title {
  margin: 0px 0px 18px 0px;
  font-size: 38px;
  line-height: 46px;
  color: #cfac74;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
}

.popup-r7 .content .info .text {
  margin: 0px 0px 23px 0px;
  font-size: 22px;
  line-height: 31px;
  color: #fff;
  position: relative;
}

.popup-r7 .content .info .text sup {
  font-size: 10px;
  line-height: 10px;
  top: -8px;
  left: 2px;
}

.popup-r7 .content .info .button {
  margin: 0px;
  position: relative;
}

.popup-r7 .content .info .button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 60px;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.2s ease 0s;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}

.popup-r7 .content .info .button a:hover {
  background: #fff;
  color: #000;
}

.popup-r7 .content .img {
  background: url(./images/popup-r7/img_1440.png) no-repeat center center /
    contain;
  width: 451px;
  height: 438px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.popup-r7 .content .close {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
}

.popup-r7 .content .close:before {
  content: "";
  background: url(./images/popup-r7/close.svg) no-repeat center center / contain;
  width: 24px;
  height: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .popup-r7 .content {
    width: 732px;
    height: 488px;
  }

  .popup-r7 .content .border {
    position: absolute;
    top: 80px;
    bottom: 80px;
    left: 55px;
    right: 55px;
  }

  .popup-r7 .content .info {
    padding: 64px 0px 0px 55px;
  }

  .popup-r7 .content .info:before {
    width: 305px;
    top: 65px;
    bottom: -43px;
    left: 54px;
  }

  .popup-r7 .content .info .title {
    margin: 0px 0px 19px 0px;
    font-size: 30px;
    line-height: 36px;
  }

  .popup-r7 .content .info .text {
    margin: 0px 0px 18px 0px;
    font-size: 18px;
    line-height: 25px;
  }

  .popup-r7 .content .info .text sup {
    font-size: 9px;
    line-height: 9px;
    top: -8px;
    left: 2px;
  }

  .popup-r7 .content .info .button a {
    width: 170px;
    height: 50px;
    font-size: 12px;
    line-height: 12px;
  }

  .popup-r7 .content .img {
    background-image: url(./images/popup-r7/img_1024.png);
    width: 368px;
    height: 357px;
  }

  .popup-r7 .content .close {
    width: 72px;
    height: 72px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .popup-r7 .content {
    width: 670px;
    height: 488px;
  }

  .popup-r7 .content .border {
    position: absolute;
    top: 80px;
    bottom: 80px;
    left: 50px;
    right: 50px;
  }

  .popup-r7 .content .info {
    padding: 64px 0px 0px 50px;
  }

  .popup-r7 .content .info:before {
    width: 288px;
    top: 65px;
    bottom: -37px;
    left: 49px;
  }

  .popup-r7 .content .info .title {
    margin: 0px 0px 19px 0px;
    font-size: 30px;
    line-height: 36px;
  }

  .popup-r7 .content .info .text {
    margin: 0px 0px 18px 0px;
    font-size: 18px;
    line-height: 25px;
  }

  .popup-r7 .content .info .text sup {
    font-size: 9px;
    line-height: 9px;
    top: -8px;
    left: 2px;
  }

  .popup-r7 .content .info .button a {
    width: 170px;
    height: 50px;
    font-size: 12px;
    line-height: 12px;
  }

  .popup-r7 .content .img {
    background-image: url(./images/popup-r7/img_768.png);
    width: 333px;
    height: 357px;
  }

  .popup-r7 .content .close {
    width: 72px;
    height: 72px;
  }
}

@media only screen and (max-width: 767px) {
  .popup-r7 {
    background: #000;
  }

  .popup-r7 .content {
    width: 100%;
    height: 100%;
  }

  .popup-r7 .content .border {
    top: 63px;
    bottom: 70px;
    left: 32px;
    right: 32px;
  }

  .popup-r7 .content .info {
    padding: 51px 0px 0px 32px;
  }

  .popup-r7 .content .info:before {
    width: 211px;
    position: absolute;
    top: 50px;
    bottom: -35px;
    left: 17px;
  }

  .popup-r7 .content .info .title {
    margin: 0px 0px 15px 0px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }

  .popup-r7 .content .info .text {
    margin: 0px 0px 23px 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .popup-r7 .content .info .text sup {
    font-size: 7px;
    line-height: 7px;
    top: -8px;
    left: 2px;
  }

  .popup-r7 .content .info .button a {
    width: 170px;
    height: 50px;
    font-size: 12px;
    line-height: 12px;
  }

  .popup-r7 .content .img {
    background-image: url(./images/popup-r7/img_375.png);
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -5vh;
    left: 0px;
    right: auto;
    padding-top: 100%;
  }

  .popup-r7 .content .close {
    width: 64px;
    height: 64px;
  }
}
/* ==========================================================================

   Схема проезда

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

.footer-button-callback {
  margin: 11px 0px 0px 0px;
}

.footer-button-route {
  margin: 8px 0px 0px 0px;
}

.footer-button-route.mobile-show {
  display: none;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .footer-button-callback {
    margin: -28px 0px 0px 0px;
  }

  .footer-button-route.mobile-show {
    margin: -33px 0px 0px 0px;
    display: block;
  }

  .contacts__left-item {
    text-align: center;
  }

  .contacts-social {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .footer-button-callback {
    margin: -28px 0px 0px 0px;
  }

  .footer-button-route.mobile-show {
    margin: -33px 0px 0px 0px;
    display: block;
  }

  .contacts__left-item {
    text-align: center;
  }

  .contacts-social {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .footer-button-callback {
    margin: -26px 0px 0px 0px;
  }

  .footer-button-route.mobile-show {
    margin: -33px 0px 0px 0px;
    display: block;
  }
}

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

   Схема проезда V2

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

.module-route-v2 {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.01s ease 0.5s;
}

.module-route-v2.active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.module-route-v2 .bg {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.module-route-v2.active .bg {
  opacity: 1;
}

.module-route-v2 .content {
  background: #fff;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 1100px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateX(100%);
  transition: all 0.5s ease 0s;
}

.module-route-v2.active .content {
  transform: translateX(0%);
}

.module-route-v2 .content .content-wrap {
  width: 100%;
  max-width: 900px;
  margin: 0px auto;
}

.module-route-v2 .content .close {
  background: url(https://primepark.ru/include/NEW2/images/route/close.svg) no-repeat center center / contain;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50px;
  right: 50px;
  cursor: pointer;
  display: block;
}

.module-route-v2 [data-device="desktop"] {
  display: block;
}

.module-route-v2 [data-device="mobile"] {
  display: none;
}

.module-route-v2 .block-title {
  margin: 0px 0px 47px 0px;
  padding: 0px 20px;
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
}

.module-route-v2 .block-title br {
  display: none;
}

.module-route-v2 .block-tabs {
  position: relative;
  margin: 0px 0px 40px 0px;
}

.module-route-v2 .block-tabs menu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 0px;
  line-height: 0px;
  text-align: center;
}

.module-route-v2 .block-tabs menu li {
  margin: 0px 0px 0px 40px;
  padding: 0px;
  display: inline;
}

.module-route-v2 .block-tabs menu li:first-child {
  margin-left: 0px;
}

.module-route-v2 .block-tabs menu li a {
  font-size: 16px;
  line-height: 22px;
  color: #9b9b9b;
  text-decoration: none;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
  display: inline-block;
  margin: 0px;
  padding: 0px 0px 7px 0px;
}

.module-route-v2 .block-tabs menu li a:hover {
  color: #000;
}

.module-route-v2 .block-tabs menu li a[data-active="Y"] {
  color: #000;
  border-bottom-color: #000;
}

.module-route-v2 .block-tabs select {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  background: none;
  border: none;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  outline: none;
}

.module-route-v2 .block-tabs .name {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}

.module-route-v2 .block-tabs .name span {
  position: relative;
  padding: 0px 22px 0px 0px;
  display: inline-block;
}

.module-route-v2 .block-tabs .name span:before {
  content: "";
  background: url(../images/docs_arrow.svg) no-repeat center center / contain;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 7px;
  right: 0px;
}

.module-route-v2 .block-route {
  margin: 0px 0px 16px 0px;
}

.module-route-v2 .block-route .img {
  display: none;
}

.module-route-v2 .block-route .img[data-active="Y"] {
  display: block;
}

.module-route-v2 .block-route .img img {
  width: 100%;
  height: auto;
}

.module-route-v2 .block-route .img video {
  width: 100%;
  height: 598px;
}

.module-route-v2 .block-text {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: 300;
}

.module-route-v2 .block-text .text {
  display: none;
}

.module-route-v2 .block-text .text[data-active="Y"] {
  display: block;
}

.module-route-v2 .block-text .text p {
  margin: 22px 0px 0px 0px;
  padding: 0px;
}

.module-route-v2 .block-text .text p:first-child {
  margin-top: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 1200px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-route-v2 .content {
    width: 100%;
  }

  .module-route-v2 .content .content-wrap {
    min-width: 660px;
    max-width: 72%;
  }
}

@media only screen and (max-height: 950px) {
  .module-route-v2 .content {
    display: block;
  }

  .module-route-v2 .content .content-wrap {
    padding: 51px 0px 51px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .module-route-v2 {
    text-align: center;
  }

  .module-route-v2 .content {
    width: 100%;
    overflow: auto;
    display: block;
  }

  .module-route-v2 .content .content-wrap {
    min-width: auto;
    max-width: none;
    padding: 51px 0px 106px 0px;
  }

  .module-route-v2 [data-device="desktop"] {
    display: none;
  }

  .module-route-v2 [data-device="mobile"] {
    display: block;
  }

  .module-route-v2 .content .close {
    top: 20px;
    right: 20px;
  }

  .module-route-v2 .block-title {
    margin: 0px 0px 25px 0px;
  }

  .module-route-v2 .block-title br {
    display: block;
  }

  .module-route-v2 .block-tabs {
    margin: 0px 0px 32px 0px;
  }

  .module-route-v2 .block-route {
    margin: 0px 0px 21px 0px;
  }

  .module-route-v2 .block-route .img video {
    height: auto;
  }

  .module-route-v2 .block-text {
    padding: 0px 20px 0px 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .module-route-v2 .block-text .text p {
    margin: 16px 0px 0px 0px;
    padding: 0px;
  }

  .module-route-v2 .block-text .text p:first-child {
    margin-top: 0px;
  }
}

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

   Схема проезда для телефона V2

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

.module-route-mobile-v2 {
  padding: 51px 0px 32px 0px;
  text-align: center;
}

.module-route-mobile-v2 .block-title {
  margin: 0px 0px 25px 0px;
  padding: 0px 20px;
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
}

.module-route-mobile-v2 .block-tabs {
  position: relative;
  margin: 0px 0px 32px 0px;
}

.module-route-mobile-v2 .block-tabs select {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  background: none;
  border: none;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  outline: none;
}

.module-route-mobile-v2 .block-tabs .name {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}

.module-route-mobile-v2 .block-tabs .name span {
  position: relative;
  padding: 0px 22px 0px 0px;
  display: inline-block;
}

.module-route-mobile-v2 .block-tabs .name span:before {
  content: "";
  background: url(../images/docs_arrow.svg) no-repeat center center / contain;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 7px;
  right: 0px;
}

.module-route-mobile-v2 .block-route {
  margin: 0px 0px 21px 0px;
}

.module-route-mobile-v2 .block-route .img {
  display: none;
}

.module-route-mobile-v2 .block-route .img[data-active="Y"] {
  display: block;
}

.module-route-mobile-v2 .block-route .img img {
  width: 100%;
  height: auto;
}

.module-route-mobile-v2 .block-route .img video {
  width: 100%;
  height: auto;
}

.module-route-mobile-v2 .block-text {
  margin: 0px;
  padding: 0px 20px 0px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-weight: 300;
}

.module-route-mobile-v2 .block-text .text {
  display: none;
}

.module-route-mobile-v2 .block-text .text[data-active="Y"] {
  display: block;
}

.module-route-mobile-v2 .block-text .text p {
  margin: 16px 0px 0px 0px;
  padding: 0px;
}

.module-route-mobile-v2 .block-text .text p:first-child {
  margin-top: 0px;
}

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

   Экран "Награды"

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

.screen-awards {
  background: #000;
  position: fixed;
  top: -100%;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2147483639;
}

.screen-awards .wrap {
  width: 1024px;
  height: 100%;
  margin: 0px auto;
  padding: 23px 0px 82px 0px;
  position: relative;
}

.screen-awards .wrap .content {
  width: 100%;
  height: 100%;
  position: relative;
}

.screen-awards .wrap .content .tab-container {
  width: 100%;
  height: 100%;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
}

.screen-awards .wrap .content .tab-container.active-tab {
  transition-delay: 0.25s;
  opacity: 1;
  transform: translateY(0px);
  pointer-events: auto;
}

.screen-awards .wrap .swiper-container {
  width: 100%;
  height: 100%;
}

.screen-awards .wrap .carousel {
  width: 100%;
  height: 100%;
  display: block;
}

.screen-awards .wrap .carousel .slick-list {
  height: 100%;
}

.screen-awards .wrap .carousel .slick-track {
  height: 100%;
}

.screen-awards .wrap .block {
  width: 25%;
  height: 50%;
  float: left;
  position: relative;
  outline: none;
}

.screen-awards .wrap .block:nth-child(4n + 1) {
  clear: both;
}

.screen-awards .wrap .block .img {
  opacity: 0;
  background: no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 48px;
  bottom: 59px;
  left: 0px;
  right: 0px;
}

.screen-awards .wrap .block .img.img-2 {
  margin: 0px auto;
  max-width: 110px;
}

.screen-awards .wrap .block .img.img-3 {
  margin: 0px auto;
  max-width: 120px;
  bottom: 122px;
}

.screen-awards .wrap .block .img .icon {
  width: 100%;
  height: 100%;
}

.screen-awards .wrap .block .img .icon svg {
  width: 100%;
  height: 100%;
}

.screen-awards .wrap .block .name {
  opacity: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  color: #fff;
}

.screen-awards .wrap .block .name .block-name {
  margin: 21px 0px 0px 0px;
}

.screen-awards .wrap .block .name .block-name:first-child {
  margin-top: 0px;
}

.screen-awards .dots {
  opacity: 0;
  display: none;
  text-align: center;
  position: absolute;
  bottom: 40px;
  left: 0px;
  right: 0px;
  font-size: 0px;
  line-height: 0px;
}

.screen-awards .dots span {
  margin: 0px 5px;
  padding: 0px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  opacity: 0.3;
  width: 7px;
  height: 7px;
}

.screen-awards .dots span.swiper-pagination-bullet-active {
  opacity: 1;
}

.screen-awards .close {
  opacity: 0;
  background: url(https://primepark.ru/upload/images/awards/close.svg) no-repeat;
  background-size: contain;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

.screen-awards .tabs {
  position: absolute;
  top: 71px;
  left: -326px;
  width: 179px;
  transition: all 0.7s ease 0s;
  opacity: 0;
  transform: translateY(-70px);
}

.screen-awards.active .tabs {
  transition-delay: 0.6s;
  opacity: 1;
  transform: translateY(0px);
}

.screen-awards .tabs .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 20px 0px 0px 0px;
  width: 100%;
  height: 54px;
  font-size: 26px;
  line-height: 29px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  background: transparent;
  cursor: pointer;
  border-radius: 10px;
}

.screen-awards .tabs .tab:first-child {
  margin-top: 0px;
}

.screen-awards .tabs .tab:hover {
  background: #171717;
}

.screen-awards .tabs .tab.active {
  background: #171717;
}

.screen-awards .tabs .tab .color {
  display: inline-block;
  color: rgba(255, 255, 255, 0.4);
}

.screen-awards .tabs .tab.active .color {
  background: -webkit-linear-gradient(
    45deg,
    rgba(173, 129, 83, 1) 0%,
    rgba(226, 179, 108, 1) 40%,
    rgba(253, 236, 214, 1) 60%,
    rgba(220, 172, 100, 1) 80%,
    rgba(175, 131, 82, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.screen-awards {
  -webkit-transition: all 0.7s ease 0.6s;

  transition: all 0.7s ease 0.6s;
}

.screen-awards .wrap .block .img,
.screen-awards .wrap .block .name,
.screen-awards .close,
.screen-awards .dots {
  -webkit-transition: all 0.7s ease 0s;

  transition: all 0.7s ease 0s;
}

.screen-awards.active {
  -webkit-transition-delay: 0s;

  transition-delay: 0s;
}

.screen-awards.active .wrap .block .img,
.screen-awards.active .wrap .block .name,
.screen-awards.active .close,
.screen-awards.active .dots {
  -webkit-transition-delay: 0.6s;

  transition-delay: 0.6s;
}

.screen-awards .wrap .block .img {
  -webkit-transform: translateY(-70px);

  transform: translateY(-70px);
}

.screen-awards .wrap .block .name {
  -webkit-transform: translateY(70px);

  transform: translateY(70px);
}

.screen-awards.active {
  top: 0%;
}

.screen-awards.active .wrap .block .img {
  opacity: 1;
}

.screen-awards.active .wrap .block .name {
  opacity: 1;
}

.screen-awards.active .close {
  opacity: 1;
}

.screen-awards.active .dots {
  opacity: 1;
}

.screen-awards.active .wrap .block .img {
  -webkit-transform: translateY(0px);

  transform: translateY(0px);
}

.screen-awards.active .wrap .block .name {
  -webkit-transform: translateY(0px);

  transform: translateY(0px);
}

@media (max-width: 1800px) {
  .screen-awards .wrap {
    width: 830px;
  }

  .screen-awards .tabs {
    left: -230px;
  }
}

@media (max-width: 1450px) {
  .screen-awards .wrap {
    width: 730px;
  }

  .screen-awards .tabs {
    left: -180px;
    width: 134px;
  }

  .screen-awards .tabs .tab {
    height: 40px;
    font-size: 19px;
    line-height: 21px;
  }
}

@media (max-width: 1230px) {
  .screen-awards .wrap {
    width: 630px;
  }

  .screen-awards .tabs {
    left: -180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-awards .wrap {
    width: 710px;
    position: static;
    padding: 0px 0px 40px 0px;
  }

  .screen-awards .tabs {
    top: 44px;
    left: 40px;
    width: 105px;
  }

  .screen-awards .tabs .tab {
    margin: 16px 0px 0px 0px;
    height: 30px;
    font-size: 15px;
    line-height: 17px;
    border-radius: 6px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-awards .wrap {
    width: auto;
    height: auto;
    position: absolute;
    top: 13%;
    bottom: 16%;
    left: 0px;
    right: 0px;
    padding: 0px;
  }

  .screen-awards .wrap .block .name {
    font-size: 13px;
    line-height: 19px;
  }

  .screen-awards .tabs {
    top: -7%;
    left: 7.5%;
    width: auto;
    display: flex;
    white-space: nowrap;
  }

  .screen-awards .tabs .tab {
    width: 105px;
    min-width: 105px;
    max-width: 105px;
    margin: 0px 0px 0px 19px;
    height: 30px;
    font-size: 15px;
    line-height: 17px;
    border-radius: 6px;
  }

  .screen-awards .tabs .tab:first-child {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .screen-awards .wrap {
    width: auto;
    height: auto;
    position: absolute;
    top: 165px;
    bottom: 107px;
    left: 0px;
    right: 0px;
    padding: 0px;
  }

  .screen-awards .wrap .carousel {
    display: flex;
  }

  .screen-awards .wrap .block {
    width: auto;
    height: 100%;
  }

  .screen-awards .wrap .block:nth-child(4n + 1) {
    clear: none;
  }

  .screen-awards .wrap .block .img {
    top: 0px;
  }

  .screen-awards .wrap .block .name {
    font-size: 13px;
    line-height: 19px;
  }

  .screen-awards .tabs {
    top: -90px;
    left: 0px;
    right: 0px;
    width: auto;
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
  }

  .screen-awards .tabs .tab {
    width: 105px;
    min-width: 105px;
    max-width: 105px;
    margin: 0px 0px 0px 19px;
    height: 30px;
    font-size: 15px;
    line-height: 17px;
    border-radius: 6px;
  }

  .screen-awards .tabs .tab:first-child {
    margin-left: 0px;
  }

  .screen-awards .dots.active-dots {
    display: block;
  }

  .screen-awards .close {
    top: 20px;
    right: 20px;
  }

  .screen-awards .wrap .block .img {
    -webkit-transform: translateY(0px);

    transform: translateY(0px);
  }

  .screen-awards .wrap .block .name {
    -webkit-transform: translateY(0px);

    transform: translateY(0px);
  }
}

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

   Новости, список (Module news v2)

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

.module-news-v2 {
  overflow: hidden;
  padding: 134px 0px 94px 0px;
}

.module-news-v2 .site-wrap {
  width: 100%;
  max-width: 1226px;
  margin: 0px auto;
  padding: 0px 80px;
}

.module-news-v2 .block-title {
  margin: 0px 0px 56px 0px;
  position: relative;
}

.module-news-v2 .block-title .title {
  margin: 0px 0px 19px 0px;
  padding: 0px;
  font-size: 30px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
}

.module-news-v2 .block-title .arrows {
  position: absolute;
  top: -5px;
  right: -122px;
  font-size: 0px;
  line-height: 0px;
}

.module-news-v2 .block-title .arrows .slick-arrow {
  width: 25px;
  height: 47px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-indent: -9999px;
  border: none;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.module-news-v2 .block-title .arrows .slick-arrow.slick-prev {
  background: url(../images/big-arrow-prev.svg) no-repeat;
  right: 78px;
}

.module-news-v2 .block-title .arrows .slick-arrow.slick-next {
  background: url(../images/big-arrow-next.svg) no-repeat;
  right: 0px;
}

.module-news-v2 .block-title .arrows .slick-arrow.slick-disabled {
  opacity: 0.4;
}

.module-news-v2 .blocks {
  margin: 0px;
}

.module-news-v2 .blocks .carousel {
  margin: 0px;
  padding: 0px;
}

.module-news-v2 .blocks .carousel .slick-list {
  overflow: visible;
}

.module-news-v2 .blocks .carousel .news-hide {
  height: 0px;
  opacity: 0;
  overflow: hidden;
  position: static;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

.module-news-v2 .blocks .carousel .news-hide.active {
  height: auto;
  opacity: 1;
}

.module-news-v2 .blocks .carousel .slide {
  padding: 0px 20px;
  outline: none;
  cursor: pointer;
}

.module-news-v2 .blocks .carousel .slide .wrap {
  background: #f2f2f2;
  padding: 38px 40px 30px 40px;
  height: 306px;
}

.module-news-v2 .blocks .carousel .slide .date {
  margin: 0px 0px 19px 0px;
  font-size: 12px;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
}

.module-news-v2 .blocks .carousel .slide .name {
  margin: 0px 0px 56px 0px;
  font-size: 22px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.module-news-v2 .blocks .carousel .slide .text {
  font-size: 16px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.8);
}

.module-news-v2 .blocks .carousel .slide .text p {
  margin: 0px;
  padding: 0px;
}

.module-news-v2 .blocks .carousel .slide .detail-text {
  display: none;
}

.module-news-v2 .blocks .block-more {
  display: none;
  text-align: center;
  padding: 12px 0px 0px 0px;
}

.module-news-v2 .blocks .block-more a {
  padding: 0px 0px 0px 44px;
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.module-news-v2 .blocks .block-more a:hover {
  text-decoration: underline;
}

.module-news-v2 .blocks .block-more a:before {
  content: "";
  background: url(../images/docs_more.svg?v=1) no-repeat;
  width: 29px;
  height: 21.845px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.module-news-v2 .blocks .carousel .news-hide {
  -webkit-transition: all 0.25s linear;

  -moz-transition: all 0.25s linear;

  -ms-transition: all 0.25s linear;

  -o-transition: all 0.25s linear;

  transition: all 0.25s linear;
}

.module-news-v2 .blocks .block-more a.load:before {
  -webkit-transition: all 2s linear;

  -moz-transition: all 2s linear;

  -ms-transition: all 2s linear;

  -o-transition: all 2s linear;

  transition: all 2s linear;

  -webkit-transform: rotate(900deg);

  -moz-transform: rotate(900deg);

  -ms-transform: rotate(900deg);

  -o-transform: rotate(900deg);

  transform: rotate(900deg);
}

@media only screen and (max-width: 1450px) {
  .module-news-v2 .block-title .arrows {
    right: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-news-v2 {
    padding: 100px 0px 12px 0px;
  }

  .module-news-v2 .block-title {
    margin: 0px 0px 60px 0px;
  }

  .module-news-v2 .block-title .arrows {
    display: block;
  }

  .module-news-v2 .blocks .carousel .slide .wrap {
    padding: 40px 40px 30px 40px;
  }

  .module-news-v2 .blocks .carousel .slide .name {
    margin: 0px 0px 25px 0px;
  }

  .module-news-v2 .blocks .carousel .slide .text {
    max-height: 88px;
    overflow: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-news-v2 {
    padding: 100px 0px 12px 0px;
  }

  .module-news-v2 .block-title {
    margin: 0px 0px 50px 0px;
  }

  .module-news-v2 .block-title .arrows {
    display: block;
  }

  .module-news-v2 .blocks .carousel .slide {
    padding: 0px 10px;
  }

  .module-news-v2 .blocks .carousel .slide .wrap {
    height: 405px;
    padding: 40px 40px 30px 40px;
  }

  .module-news-v2 .blocks .carousel .slide .name {
    margin: 0px 0px 17px 0px;
    font-size: 22px;
    line-height: 32px;
  }

  .module-news-v2 .blocks .carousel .slide .text {
    font-size: 16px;
    line-height: 28px;
    max-height: 168px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .module-news-v2 {
    padding: 30px 0px 5px 0px;
  }

  .module-news-v2 .site-wrap {
    padding: 0px;
  }

  .module-news-v2 .block-title {
    margin: 0px 0px 28px 0px;
    padding: 0px 20px;
  }

  .module-news-v2 .block-title .arrows {
    display: none;
  }

  .module-news-v2 .blocks .carousel .slide {
    margin: 20px 0px 0px 0px;
    padding: 0px;
  }

  .module-news-v2 .blocks .carousel .slide:first-child {
    margin-top: 0px;
  }

  .module-news-v2 .blocks .carousel .slide .wrap {
    height: 233px;
    padding: 30px 20px 21px 20px;
  }

  .module-news-v2 .blocks .carousel .slide .date {
    margin: 0px 0px 18px 0px;
    font-weight: bold;
  }

  .module-news-v2 .blocks .carousel .slide .name {
    margin: 0px;
    font-size: 14px;
    line-height: 23px;
  }

  .module-news-v2 .blocks .carousel .slide .text {
    display: none;
  }

  .module-news-v2 .blocks .block-more {
    display: block;
  }
}

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

   Новости, карточка (Module news detail)

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

.module-news-detail {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.module-news-detail .bg {
  background: #f2f2f2;
  position: absolute;
  display: none;
}

.module-news-detail .close {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 146px;
  right: 44px;
  cursor: pointer;
  z-index: 2;
  display: none;
}

.module-news-detail .block-scroll {
  position: absolute;
  top: 153px;
  bottom: 20px;
  left: 55px;
  right: 55px;
  overflow: hidden;
  display: none;
  outline: none;
}

.module-news-detail .block-scroll .jspPane {
  width: 100% !important;
}

.module-news-detail .block-scroll .jspHorizontalBar {
  display: none;
}

.module-news-detail .block-scroll .jspVerticalBar {
  position: absolute;
  right: 0px;
  height: auto;
  width: 6px;
  background: none;
}

.module-news-detail .block-scroll .jspVerticalBar .jspCapTop {
  display: block;
  width: 100%;
  height: 97px;
}

.module-news-detail .block-scroll .jspVerticalBar .jspCapBottom {
  display: block;
  width: 100%;
  height: 0px;
}

.module-news-detail .block-scroll .jspVerticalBar .jspTrack {
  background: none;
  border-radius: 3px;
}

.module-news-detail .block-scroll .jspVerticalBar .jspTrack .jspDrag {
  background: #939393;
  border-radius: 3px;
}

.module-news-detail .block-scroll .site-wrap {
  width: 100%;
  max-width: 1084px;
  margin: 0px auto;
  padding: 0px 30px;
}

.module-news-detail .block-scroll .date {
  margin: 0px 0px 14px 0px;
  font-size: 12px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.module-news-detail .block-scroll .name {
  margin: 0px 0px 25px 0px;
  font-size: 22px;
  line-height: 32px;
  color: #000;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.module-news-detail .block-scroll .text {
  margin: 0px;
  font-size: 16px;
  line-height: 28px;
  color: #000;
  font-weight: 300;
  letter-spacing: 1px;
}

.module-news-detail .block-scroll .text p {
  margin: 25px 0px;
}

.module-news-detail .block-scroll .text p:first-child {
  margin-top: 0px;
}

.module-news-detail .block-scroll .text p:last-child {
  margin-bottom: 0px;
}

.module-news-detail .block-scroll .text a {
  color: #000;
  text-decoration: underline;
}

.module-news-detail .block-scroll .text a:hover {
  text-decoration: none;
}

.module-news-detail .block-scroll .text a.news-button {
  margin: 0px;
  padding: 0px;
  background: #b3987e;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  width: 271px;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  outline: none;
}

.module-news-detail .block-scroll .text a.news-button:hover {
  background: #c6b29f;
}

.module-news-detail .block-scroll .text h2 {
  margin: 100px 0px 26px 0px;
  padding: 0px;
  font-size: 22px;
  line-height: 32px;
  color: #000;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.module-news-detail .block-scroll .text h2:first-child {
  margin-top: 0px;
}

.module-news-detail .block-scroll .text h2:last-child {
  margin-bottom: 0px;
}

.module-news-detail .block-scroll .text .table {
  overflow: auto;
}

.module-news-detail .block-scroll .text .table-mobile {
  display: none;
}

.module-news-detail .block-scroll .text .table-mobile .block {
  background: #e8e8e8;
  margin: 2px 0px 0px 0px;
  padding: 16px 19px 18px 19px;
}

.module-news-detail .block-scroll .text .table-mobile .block:first-child {
  margin-top: 0px;
}

.module-news-detail .block-scroll .text .table-mobile .block:nth-child(2n) {
  background: #dddddd;
}

.module-news-detail .block-scroll .text .table-mobile .block .row {
  margin: 11px 0px 0px 0px;
}

.module-news-detail .block-scroll .text .table-mobile .block .row:first-child {
  margin-top: 0px;
}

.module-news-detail .block-scroll .text .table-mobile .block .row .table {
  display: table;
  width: 100%;
}

.module-news-detail
  .block-scroll
  .text
  .table-mobile
  .block
  .row
  .table
  .table-cell {
  display: table-cell;
  font-size: 14px;
  line-height: 20px;
  color: #5c5c5c;
  font-weight: 300;
  text-align: right;
  min-width: 80px;
  max-width: 150px;
  vertical-align: middle;
}

.module-news-detail
  .block-scroll
  .text
  .table-mobile
  .block
  .row
  .table
  .table-cell:first-child {
  color: #464646;
  font-weight: 500;
  max-width: 65%;
  text-align: left;
  max-width: none;
  min-width: 0px;
}

.module-news-detail
  .block-scroll
  .text
  .table-mobile
  .block
  .row
  .table
  .table-cell.head {
  font-weight: 300;
}

.module-news-detail .block-scroll .text table {
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border: none;
}

.module-news-detail .block-scroll .text table th,
.module-news-detail .block-scroll .text table td {
  border-collapse: collapse;
  margin: 0px;
  background: none;
  border: none;
  text-align: center;
  vertical-align: middle;
}

.module-news-detail .block-scroll .text table tr:nth-child(2n) th,
.module-news-detail .block-scroll .text table tr:nth-child(2n) td {
  background: #e8e8e8;
}

.module-news-detail .block-scroll .text table tr:nth-child(2n + 1) th,
.module-news-detail .block-scroll .text table tr:nth-child(2n + 1) td {
  background: #d1d1d1;
}

.module-news-detail .block-scroll .text table th {
  font-size: 16px;
  line-height: 18px;
  color: #464646;
  padding: 18px 15px 16px 15px;
  font-weight: 500;
}

.module-news-detail .block-scroll .text table td {
  font-size: 16px;
  line-height: 18px;
  color: #5c5c5c;
  padding: 12px 15px 10px 15px;
  border-top: 3px solid #f2f2f2;
}

.module-news-detail .block-scroll .text .news-table-1 {
  margin: 0px 0px 51px 0px;
  padding: 0px;
  display: table;
  width: 100%;
  border: none;
}

.module-news-detail .block-scroll .text .news-table-1 .row {
  display: table-row;
}

.module-news-detail .block-scroll .text .news-table-1 .row .cell {
  display: table-cell;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #c4c4c4;
  padding: 20px 10px 20px 10px;
}

.module-news-detail .block-scroll .text .news-table-1 .row .cell .name-mobile {
  display: none;
}

.module-news-detail .block-scroll .text .news-table-1 .row:first-child .cell {
  font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-news-detail .block-scroll {
    overflow: auto;
  }

  .module-news-detail .block-scroll .text h2 {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-news-detail .close {
    top: 142px;
    right: 48px;
  }

  .module-news-detail .block-scroll {
    top: 192px;
    bottom: 20px;
    left: 0px;
    right: 15px;
  }

  .module-news-detail .block-scroll .jspVerticalBar .jspCapTop {
    height: 32px;
  }

  .module-news-detail .block-scroll .jspVerticalBar .jspTrack .jspDrag {
    background: rgba(0, 0, 0, 0.2);
  }

  .module-news-detail .block-scroll .site-wrap {
    padding: 0px 25px 0px 40px;
  }

  .module-news-detail .block-scroll .date {
    margin: 0px 0px 7px 0px;
  }

  .module-news-detail .block-scroll .name {
    margin: 0px 0px 55px 0px;
  }

  .module-news-detail .block-scroll .text {
    font-size: 16px;
    line-height: 24px;
  }

  .module-news-detail .block-scroll .text h2 {
    margin-top: 70px;
  }

  .module-news-detail .block-scroll .text .news-table-1 .row .cell {
    font-size: 14px;
    line-height: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .module-news-detail .close {
    top: 110px;
    right: 28px;
  }

  .module-news-detail .block-scroll {
    top: 155px;
    bottom: 20px;
    left: 0px;
    right: 11px;
    overflow: auto;
  }

  .module-news-detail .block-scroll .jspVerticalBar .jspCapTop {
    height: 6px;
  }

  .module-news-detail .block-scroll .jspVerticalBar .jspTrack .jspDrag {
    background: rgba(0, 0, 0, 0.2);
  }

  .module-news-detail .block-scroll .site-wrap {
    padding: 0px 9px 0px 20px;
  }

  .module-news-detail .block-scroll .date {
    margin: 0px 0px 11px 0px;
  }

  .module-news-detail .block-scroll .name {
    margin: 0px 0px 16px 0px;
    font-size: 14px;
    line-height: 26px;
  }

  .module-news-detail .block-scroll .text {
    margin: 0px;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 92px;
  }

  .module-news-detail .block-scroll .text table th {
    font-size: 12px;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .module-news-detail .block-scroll .text table td {
    font-size: 12px;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .module-news-detail .block-scroll .text .table-desktop {
    display: none;
  }

  .module-news-detail .block-scroll .text .table-mobile {
    display: block;
  }

  .module-news-detail .block-scroll .text a.news-button {
    margin: 0px auto 85px auto;
  }

  .module-news-detail .block-scroll .text h2 {
    margin: 30px 0px 30px 0px;
    font-size: 14px;
    line-height: 26px;
  }

  .module-news-detail .block-scroll .text .news-table-1 {
    margin: 0px 0px 32px 0px;
    display: block;
  }

  .module-news-detail .block-scroll .text .news-table-1 .row {
    display: block;
    border-bottom: 1px solid #c4c4c4;
    position: relative;
    height: 143px;
  }

  .module-news-detail .block-scroll .text .news-table-1 .row .cell {
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    font-weight: 300;
    border-bottom: none;
    padding: 0px;
    width: 43%;
    position: absolute;
    text-align: left;
  }

  .module-news-detail
    .block-scroll
    .text
    .news-table-1
    .row
    .cell
    .name-mobile {
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #9b9b9b;
    font-weight: normal;
    margin: 0px 0px 1px 0px;
  }

  .module-news-detail
    .block-scroll
    .text
    .news-table-1
    .row
    .cell:nth-child(1) {
    top: 16px;
    left: 0px;
    width: 14%;
  }

  .module-news-detail
    .block-scroll
    .text
    .news-table-1
    .row
    .cell:nth-child(2) {
    top: 80px;
    left: 14%;
  }

  .module-news-detail
    .block-scroll
    .text
    .news-table-1
    .row
    .cell:nth-child(3) {
    top: 16px;
    left: 14%;
  }

  .module-news-detail
    .block-scroll
    .text
    .news-table-1
    .row
    .cell:nth-child(4) {
    top: 16px;
    left: 57%;
  }

  .module-news-detail
    .block-scroll
    .text
    .news-table-1
    .row
    .cell:nth-child(5) {
    top: 80px;
    left: 57%;
  }

  .module-news-detail
    .block-scroll
    .text
    .news-table-1
    .row
    .cell
    .mobile-hide {
    display: none;
  }

  .module-news-detail .block-scroll .text .news-table-1 .row:first-child {
    display: none;
  }

  .module-news-detail
    .block-scroll
    .text
    .news-table-1
    .row:first-child
    + .row {
    border-top: 1px solid #c4c4c4;
  }
}

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

   Команда (Module team)

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

.module-team {
  background: #fff;
  margin: 0px;
  padding: 88px 0px 10px 0px;
}

.module-team .title {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  font-size: 30px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
}

.module-team.admined .blocks {
  display: grid;
  width: 756px;
  margin: 0px auto;
  font-size: 0px;
  line-height: 0px;
  gap: 18px;
  grid-template-columns: repeat(3, auto);
}

.module-team.admined .blocks:after {
  content: "";
  display: table;
  height: 0px;
  clear: both;
}

.module-team.admined .blocks .block {
  display: grid;
  align-items: center;
  /* justify-content: center; */
  position: relative;
  width: 240px;
  height: 185px;
  border: 1px solid #e2e2e2;
  padding: 20px 30px;
  margin: 0;
  box-sizing: border-box;
}

.module-team.admined .blocks .block img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media only screen and (max-width: 767px) {
  .module-team {
    padding: 62px 15px 0px 15px;
  }

  .module-team .title {
    margin: 0px 0px 34px 0px;
    font-size: 28px;
    line-height: 30px;
  }

  .module-team.admined .blocks {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }

  .module-team.admined .blocks .block {
    width: 100%;
    margin: 0;
  }
}


@media only screen and (max-width: 480px) {
  .module-team.admined .blocks {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }

  .module-team.admined .blocks .block {
    height: 90vw;
  }
}

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

   Информация v2 (Module information v2)

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

.module-information-v2 {
  width: 100%;
  height: 494px;
  position: relative;
}

.module-information-v2:after {
  content: "";
  display: table;
  height: 0px;
  clear: both;
}

.module-information-v2 .block {
  width: 50%;
  height: 100%;
  float: left;
  background: no-repeat center center;
  background-size: cover;
  position: relative;
}

.module-information-v2 .block.block-1 {
  background: #b2977d;
  width: 100%;
}

.module-information-v2 .block.block-2 {
  background-image: url(./images/information/img_2.jpg);
}

.module-information-v2 .block.block-3 {
  background-image: url(./images/information/img_3.jpg);
}

.module-information-v2.one-column .block {
  width: 100%;
  float: none;
}

.module-information-v2 .block.block-2 .name {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  font-weight: 200;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.module-information-v2 .block.block-2.en .name {
  font-size: 40px;
}

.module-information-v2 .block.full {
  width: 100%;
  height: 100%;
}

.module-information-v2 .block.block-2 .name {
  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-information-v2 {
    height: 494px;
  }

  .module-information-v2 .block {
    width: 100%;
    height: 100%;
    float: none;
  }

  .module-information-v2 .block.block-2 {
    background-image: url(./images/information/img_3.jpg);
  }

  .module-information-v2 .block.block-2 .name {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-information-v2 {
    height: 409px;
  }

  .module-information-v2 .block {
    width: 100%;
    height: 100%;
    float: none;
  }

  .module-information-v2 .block.block-2 {
    background-image: url(./images/information/img_3.jpg);
  }

  .module-information-v2 .block.block-2 .name {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .module-information-v2 {
    height: auto;
  }

  .module-information-v2 .block {
    width: 100%;
    height: auto;
    float: none;
  }

  .module-information-v2 .block.block-2 {
    height: 247px;
  }

  .module-information-v2 .block.block-2 .name {
    font-size: 24px;
    line-height: 30px;
  }

  .module-information-v2 .block.block-2.en .name {
    font-size: 18px;
  }

  .module-information-v2.one-column {
    height: 247px;
  }

  .module-information-v2.one-column .block {
    height: 100%;
  }

  .module-information-v2.one-column .block.block-3 {
    background-image: url(./images/information/img_2.jpg);
  }
}

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

   Спецпредложение (Module offers)

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

.module-offers {
  margin: 0px auto;
  padding: 0px 15px;
  width: 100%;
  max-width: 740px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.module-offers .title {
  margin: 0px 0px 16px 0px;
  font-size: 36px;
  line-height: 45px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.module-offers .text {
  margin: 0px 0px 44px 0px;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  text-align: center;
}

.module-offers .text br {
  display: none;
}

.module-offers .text p {
  margin: 0px;
  padding: 0px;
}

.module-offers .blocks {
  margin: 0px;
}

.module-offers .blocks:after {
  content: "";
  display: table;
  height: 0px;
  clear: both;
}

.module-offers .blocks .block-time {
  float: left;
  width: 400px;
  text-align: center;
  position: relative;
  left: -21px;
}

.module-offers .blocks .block-time .name {
  margin: 0px 0px 11px 0px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
}

.module-offers .blocks .block-time .times {
  font-size: 0px;
  line-height: 0px;
}

.module-offers .blocks .block-time .times .time {
  display: inline-block;
  position: relative;
  width: 100px;
}

.module-offers .blocks .block-time .times .time .time-value {
  margin: 0px 0px 2px 0px;
  font-size: 60px;
  line-height: 60px;
  color: #fff;
}

.module-offers .blocks .block-time .times .time .time-value:after {
  display: none;
}

.module-offers .blocks .block-time .times .time .time-text {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
}

.module-offers .blocks .block-time .times .time .time-sep {
  position: absolute;
  top: -3px;
  left: -9px;
  font-size: 60px;
  line-height: 60px;
  color: #fff;
}

.module-offers .blocks .block-time .times .time:first-child .time-sep {
  display: none;
}

.module-offers .blocks .block-button {
  width: 38%;
  float: right;
  padding: 29px 0px 0px 0px;
}

.module-offers .blocks .block-button a {
  display: block;
  text-align: center;
  background: transparent;
  border: 1px solid #fff;
  padding: 20px 0px 20px 0px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.module-offers .blocks .block-button a:hover {
  background: #fff;
  color: #ad8e59;
}

[data-version="2"] .module-offers .title {
  font-size: 26px;
  line-height: 36px;
}

[data-version="2"] .module-offers .text br {
  display: block;
}

[data-version="3"] .module-offers .title {
  font-size: 36px;
  line-height: 45px;
  margin-left: -30px;
  margin-right: -30px;
}

[data-version="3"] .module-offers .text br {
  display: none;
}

[data-version="4"] .module-offers .title {
  font-size: 36px;
  line-height: 45px;
  margin-left: -30px;
  margin-right: -30px;
}

[data-version="4"] .module-offers .text br {
  display: block;
}

[data-version="4"] .module-offers .text nowrap {
  white-space: nowrap;
}

/* **************************************** */

/* Стандартный "бронзовый" акционный баннер */

/* **************************************** */

.module-information-v2.--new {
  height: auto;

  background-color: #b2977c;
}

.module-information-v2.--new .block {
  float: none;

  width: 100%;

  max-width: 1630px;

  margin: 0 auto;

  padding-right: 15px;

  padding-left: 15px;

  background-color: rgba(0, 0, 0, 0%);
}

.module-information-v2.--new .module-offers {
  position: static;

  max-width: none;

  margin: 0;

  padding: 60px 0 113px;

  transform: none;
}

.module-information-v2.--new .module-offers .title {
  margin-right: 0;

  margin-bottom: 30px;

  margin-left: 0;

  font-size: 40px;

  line-height: 1.12;

  text-align: left;

  text-transform: uppercase;
}

.module-information-v2.--new .module-offers__inner {
  display: flex;

  justify-content: space-between;
}

.module-information-v2.--new .text {
  flex: 0 1 57%;

  margin: 0;

  font-size: 18px;

  line-height: 1.5;

  color: #ffffff;

  text-align: left;
}

.module-information-v2.--new .module-offers .block-time {
  float: none;

  position: static;

  text-align: center;
}

.module-information-v2.--new .time {
  margin-top: 0;
}

.module-information-v2.--new .module-offers .block-time .times {
  display: flex;

  font-size: 0;

  line-height: 0;
}

.module-information-v2.--new .module-offers .block-time .times .time {
  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

  width: 105px;
}

.module-information-v2.--new
  .module-offers
  .block-time
  .times
  .time
  .time-value {
  margin: 0 0 10px 0;

  font-size: 60px;

  line-height: 1;

  color: #ffffff;
}

.module-information-v2.--new
  .module-offers
  .block-time
  .times
  .time
  .time-value:after {
  display: none;
}

.module-information-v2.--new
  .module-offers
  .block-time
  .times
  .time
  .time-text {
  font-size: 18px;

  line-height: 1.125;

  color: #ffffff;
}

.module-information-v2.--new .module-offers .block-time .times .time .time-sep {
  position: absolute;

  top: -4px;

  right: -6px;

  font-size: 60px;

  line-height: 1;

  color: #fff;
}

.module-information-v2.--new
  .module-offers
  .block-time
  .times
  .time:last-child
  .time-sep {
  display: none;
}

.module-information-v2.--new .module-offers .block-time .name {
  margin-bottom: 25px;

  padding-left: 20px;

  font-size: 14px;

  line-height: 1.12;

  color: #ffffff;

  text-align: left;

  text-transform: uppercase;
}

.module-information-v2.--new .module-offers .block-button {
  float: none;

  width: 270px;

  margin-top: 15px;

  padding: 0;
}

.module-information-v2.--new .module-offers .blocks .block-button a {
  font-size: 14px;

  line-height: 1.11;
}

@media screen and (max-width: 1680px) {
  .module-information-v2.--new .module-offers {
    padding-bottom: 86px;
  }

  .module-information-v2.--new .block {
    max-width: 1310px;
  }

  .module-information-v2.--new .module-offers .block-button {
    margin-top: 45px;
  }
}

@media screen and (max-width: 1280px) {
  .module-information-v2.--new .block {
    max-width: 980px;
  }

  .module-information-v2.--new .module-offers .title {
    font-size: 32px;
  }

  .module-information-v2.--new .text {
    font-size: 16px;
  }

  .module-information-v2.--new
    .module-offers
    .block-time
    .times
    .time
    .time-value,
  .module-information-v2.--new
    .module-offers
    .block-time
    .times
    .time
    .time-sep {
    font-size: 42px;

    line-height: 1;
  }

  .module-information-v2.--new
    .module-offers
    .block-time
    .times
    .time
    .time-text {
    font-size: 16px;

    line-height: 1.1;
  }

  .module-information-v2.--new .module-offers .block-time .times .time {
    width: 75px;
  }

  .module-information-v2.--new
    .module-offers
    .block-time
    .times
    .time
    .time-value {
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 960px) {
  .module-information-v2.--new .block {
    max-width: 640px;
  }

  .module-information-v2.--new .module-offers {
    padding-top: 45px;

    padding-bottom: 70px;
  }

  .module-information-v2.--new .module-offers .title {
    font-size: 24px;
  }

  .module-information-v2.--new .module-offers__inner {
    flex-direction: column;
  }

  .module-information-v2.--new .text {
    order: 1;
  }

  .module-information-v2.--new .block .module-offers .text {
    margin-bottom: 0;
  }

  .module-information-v2.--new .module-offers .block-time .name {
    margin-bottom: 12px;

    padding-left: 0;
  }

  .module-information-v2.--new
    .module-offers
    .block-time
    .times
    .time
    .time-value {
    margin-bottom: 0;
  }

  .module-information-v2.--new
    .module-offers
    .block-time
    .times
    .time
    .time-value,
  .module-information-v2.--new
    .module-offers
    .block-time
    .times
    .time
    .time-sep {
    font-size: 26px;
  }

  .module-information-v2.--new
    .module-offers
    .block-time
    .times
    .time
    .time-sep {
    right: -3px;
  }

  .module-information-v2.--new .module-offers .block-button {
    font-size: 25px;
  }

  .module-information-v2.--new .module-offers .block-time .times {
    margin-bottom: 25px;

    margin-left: -10px;
  }

  .module-information-v2.--new .module-offers .block-time {
    text-align: left;
  }

  .module-information-v2.--new .module-offers .block-time .times .time {
    text-align: center;
  }

  .module-information-v2.--new .module-offers .block-time .times .time {
    width: 60px;
  }
}

@media screen and (max-width: 480px) {
  .module-information-v2.--new .block {
    padding-right: 10px;

    padding-left: 10px;
  }

  .module-information-v2.--new .module-offers {
    padding-top: 40px;

    padding-bottom: 55px;
  }

  .module-information-v2.--new .module-offers .title {
    max-width: 340px;
  }

  .module-information-v2.--new .module-offers .block-button,
  .module-information-v2.--new .module-offers .blocks .block-button a {
    width: 100%;
  }
}

/* **************************************** */

/* Стандартный "бронзовый" акционный баннер */

/* **************************************** */

/* ************************************** */

/* Эксклюзивный "черный" акционный баннер */

/* ************************************** */

.module-information-v2.--new.--black {
  height: auto;

  background: #000000 -o-radial-gradient(50% 50%, 73.95% 73.95%, #1e1e1e 0%, rgba(
          30,
          30,
          30,
          0
        )
        100%);

  background: #000000
    radial-gradient(
      73.95% 73.95% at 50% 50%,
      #1e1e1e 0%,
      rgba(30, 30, 30, 0) 100%
    );
}

.module-information-v2.--new.--black .block {
  float: none;

  width: 100%;

  max-width: 1630px;

  margin: 0 auto;

  padding-right: 15px;

  padding-left: 15px;

  background-color: rgba(0, 0, 0, 0%);
}

.module-information-v2.--new.--black .module-offers {
  position: static;

  max-width: none;

  margin: 0;

  padding: 100px 0;

  transform: none;
}

.module-information-v2.--new.--black .module-offers .title {
  margin-right: 0;

  margin-bottom: 16px;

  margin-left: 0;

  font-size: 40px;

  line-height: 1.12;

  text-align: left;

  text-transform: none;
}

.module-information-v2.--new.--black .module-offers .title span {
  font-size: 1.25em;

  color: #ed207b;
}

.module-information-v2.--new.--black .module-offers__inner {
  display: flex;

  justify-content: space-between;
}

.module-information-v2.--new.--black .text {
  flex: 0 1 40%;

  margin: 0;

  font-size: 18px;

  line-height: 1.5;

  color: #ffffff;

  text-align: left;

  opacity: 0.7;
}

.module-information-v2.--new.--black .module-offers .block-time {
  float: none;

  position: static;

  margin-top: -80px;

  text-align: center;
}

.module-information-v2.--new.--black .time {
  margin-top: 0;
}

.module-information-v2.--new.--black .module-offers .block-time .times {
  display: flex;

  font-size: 0;

  line-height: 0;
}

.module-information-v2.--new.--black .module-offers .block-time .times .time {
  display: flex;

  flex-direction: column;

  align-items: flex-end;

  position: relative;

  width: 177px;

  margin-right: 21px;

  padding-right: 49px;
}

.module-information-v2.--new.--black
  .module-offers
  .block-time
  .times
  .time:last-child {
  width: 130px;

  margin-right: 0;

  padding-right: 0;
}

.module-information-v2.--new.--black
  .module-offers
  .block-time
  .times
  .time
  .time-value {
  margin: 0 0 2px 0;

  font-weight: 700;

  font-size: 100px;

  line-height: 1;

  color: #ffffff;

  background: linear-gradient(
      117.65deg,
      rgba(255, 255, 255, 0.5) 11.33%,
      rgba(255, 255, 255, 0) 54.15%,
      rgba(255, 255, 255, 0.5) 93.55%
    ),
    #dcad69;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-fill-color: transparent;
}

.module-information-v2.--new.--black
  .module-offers
  .block-time
  .times
  .time
  .time-value:after {
  display: none;
}

.module-information-v2.--new.--black
  .module-offers
  .block-time
  .times
  .time
  .time-text {
  font-size: 24px;

  line-height: 1.125;

  color: #ffffff;

  text-transform: uppercase;
}

.module-information-v2.--new.--black
  .module-offers
  .block-time
  .times
  .time
  .time-sep {
  position: absolute;

  top: 25%;

  right: 0;

  width: 29px;

  height: 29px;

  font-size: 0;

  line-height: 0;

  background-color: #ed207b;

  border-radius: 50%;
}

.module-information-v2.--new.--black
  .module-offers
  .block-time
  .times
  .time:last-child
  .time-sep {
  display: none;
}

.module-information-v2.--new.--black .module-offers .block-time .name {
  margin-bottom: 12px;

  font-size: 40px;

  line-height: 1.12;

  color: #ffffff;

  text-align: right;

  text-transform: uppercase;

  letter-spacing: 0.05em;
}

.module-information-v2.--new.--black .module-offers .block-button {
  float: none;

  width: 330px;

  padding: 0;

  -webkit-box-shadow: 0 4px 13px rgba(0, 0, 0, 0.5);

  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.5);
}

.module-information-v2.--new.--black .module-offers .blocks .block-button a {
  font-size: 18px;

  line-height: 1.11;

  letter-spacing: 0.1em;

  background: #ed207b;

  border-color: #ed207b;
}

@media screen and (max-width: 1680px) {
  .module-information-v2.--new.--black .block {
    max-width: 1310px;
  }

  .module-information-v2.--new.--black .module-offers .block-time .times .time {
    width: 160px;

    margin-right: 17px;

    padding-right: 45px;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time:last-child {
    width: 115px;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time
    .time-value {
    font-size: 80px;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time
    .time-sep {
    width: 25px;

    height: 25px;
  }
}

@media screen and (max-width: 1280px) {
  .module-information-v2.--new.--black .block {
    max-width: 980px;
  }

  .module-information-v2.--new.--black .module-offers .title {
    font-size: 32px;
  }

  .module-information-v2.--new.--black .text {
    font-size: 16px;
  }

  .module-information-v2.--new.--black .module-offers .block-time {
    margin-top: -65px;
  }

  .module-information-v2.--new.--black .module-offers .block-time .name {
    font-size: 28px;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time
    .time-value {
    font-size: 42px;

    line-height: 1;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time
    .time-text {
    font-size: 12px;

    line-height: 1.1;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time
    .time-sep {
    width: 20px;

    height: 20px;
  }

  .module-information-v2.--new.--black .module-offers .block-time .times .time {
    width: 95px;

    margin-right: 10px;

    padding-right: 35px;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time:last-child {
    width: 65px;
  }

  .module-information-v2.--new.--black .module-offers .block-button {
    width: 280px;

    margin-top: 45px;
  }

  .module-information-v2.--new.--black .module-offers .blocks .block-button a {
    font-size: 16px;
  }
}

@media screen and (max-width: 960px) {
  .module-information-v2.--new.--black .block {
    max-width: 640px;
  }

  .module-information-v2.--new.--black .module-offers {
    padding-top: 45px;

    padding-bottom: 70px;
  }

  .module-information-v2.--new.--black .module-offers .title {
    margin-bottom: 30px;

    font-size: 24px;
  }

  .module-information-v2.--new.--black .module-offers__inner {
    flex-direction: column;
  }

  .module-information-v2.--new.--black .text {
    order: 1;
  }

  .module-information-v2.--new.--black .block .module-offers .text {
    margin-bottom: 0;
  }

  .module-information-v2.--new.--black .module-offers .block-time .name {
    margin-bottom: 12px;

    font-size: 24px;

    text-align: left;
  }

  .module-information-v2.--new.--black .module-offers .block-time {
    margin-top: 0;
  }

  .module-information-v2.--new.--black .module-offers .block-time .times .time {
    width: 80px;

    margin-right: 10px;

    padding-right: 25px;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time:last-child {
    width: 55px;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time
    .time-value {
    font-size: 40px;
  }

  .module-information-v2.--new.--black .module-offers .block-time .times {
    margin-bottom: 25px;

    margin-left: -10px;
  }

  .module-information-v2.--new.--black
    .module-offers
    .block-time
    .times
    .time
    .time-sep {
    width: 15px;

    height: 15px;
  }
}

@media screen and (max-width: 480px) {
  .module-information-v2.--new.--black .block {
    padding-right: 10px;

    padding-left: 10px;
  }

  .module-information-v2.--new.--black .module-offers {
    padding-top: 40px;

    padding-bottom: 55px;
  }

  .module-information-v2.--new.--black .module-offers .title {
    max-width: 340px;
  }

  .module-information-v2.--new.--black .module-offers .block-time .times {
    margin-left: -6px;
  }

  .module-information-v2.--new.--black .module-offers .block-button,
  .module-information-v2.--new.--black .module-offers .blocks .block-button a {
    width: 100%;
  }
}

/* ************************************** */

/* Эксклюзивный "черный" акционный баннер */

/* ************************************** */

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-offers {
    max-width: 660px;
  }

  .module-offers .title {
    margin: 0px 0px 14px 0px;
    font-size: 30px;
    line-height: 37px;
  }

  .module-offers .text {
    margin: 0px 0px 38px 0px;
    font-size: 16px;
    line-height: 23px;
  }

  .module-offers .blocks .block-time .name {
    margin: 0px 0px 9px 0px;
    font-size: 12px;
    line-height: 15px;
  }

  .module-offers .blocks .block-time .times .time {
    width: 86px;
  }

  .module-offers .blocks .block-time .times .time .time-value {
    margin: 0px 0px 3px 0px;
    font-size: 48px;
    line-height: 48px;
  }

  .module-offers .blocks .block-time .times .time .time-text {
    font-size: 14px;
    line-height: 23px;
  }

  .module-offers .blocks .block-time .times .time .time-sep {
    font-size: 48px;
    line-height: 48px;
  }

  .module-offers .blocks .block-button {
    width: 35%;
    padding: 23px 0px 0px 0px;
  }

  .module-offers .blocks .block-button a {
    font-size: 12px;
    line-height: 15px;
    padding: 17px 0px 16px 0px;
  }

  [data-version="2"] .module-offers .title {
    font-size: 22px;
    line-height: 32px;
  }

  [data-version="3"] .module-offers .title {
    font-size: 30px;
    line-height: 37px;
  }

  [data-version="3"] .module-offers .text {
    font-size: 16px;
    line-height: 23px;
  }

  [data-version="4"] .module-offers .title {
    font-size: 30px;
    line-height: 37px;
  }

  [data-version="4"] .module-offers .text {
    font-size: 16px;
    line-height: 23px;
  }
}

@media only screen and (max-width: 767px) {
  .module-offers {
    top: 0px;
    padding: 30px 20px 60px 20px;
    transform: none;
  }

  .module-offers .title {
    font-size: 30px;
    line-height: 45px;
    margin: 0px 0px 14px 0px;
  }

  .module-offers .title br {
    display: none;
  }

  .module-offers .text {
    font-size: 16px;
    line-height: 23px;
    margin: 0px 0px 62px 0px;
    padding: 0px 30px;
  }

  .module-offers .text br {
    display: block;
  }

  .module-offers .blocks .block-time {
    width: 100%;
    float: none;
    margin: 0px 0px 64px 0px;
    padding: 0px;
    left: 0px;
  }

  .module-offers .blocks .block-time .name {
    margin: 0px 0px 9px 0px;
    font-size: 12px;
    line-height: 15px;
  }

  .module-offers .blocks .block-time .times .time {
    width: 25%;
  }

  .module-offers .blocks .block-time .times .time .time-value {
    margin: 0px 0px 7px 0px;
    font-size: 48px;
    line-height: 48px;
  }

  .module-offers .blocks .block-time .times .time .time-text {
    font-size: 14px;
    line-height: 14px;
  }

  .module-offers .blocks .block-time .times .time .time-sep {
    font-size: 48px;
    line-height: 48px;
  }

  .module-offers .blocks .block-button {
    width: 100%;
    float: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
  }

  .module-offers .blocks .block-button a {
    font-size: 12px;
    line-height: 15px;
    width: 262px;
    margin: 0px auto;
    padding: 17px 0px 16px 0px;
  }

  [data-version="2"] .module-offers .title {
    font-size: 18px;
    line-height: 28px;
  }

  [data-version="2"] .module-offers .text {
    padding: 0px;
  }

  [data-version="2"] .module-offers .text br {
    display: none;
  }

  [data-version="3"] .module-offers .title {
    margin: 0px 0px 25px 0px;
    font-size: 28px;
    line-height: 39px;
  }

  [data-version="3"] .module-offers .text {
    margin: 0px 0px 24px 0px;
    padding: 0px;
    font-size: 16px;
    line-height: 20px;
  }

  [data-version="3"] .module-offers .text br {
    display: block;
  }

  [data-version="4"] .module-offers .title {
    margin: 0px 0px 25px 0px;
    font-size: 28px;
    line-height: 39px;
  }

  [data-version="4"] .module-offers .text {
    margin: 0px 0px 24px 0px;
    padding: 0px;
    font-size: 16px;
    line-height: 20px;
  }

  [data-version="4"] .module-offers .text br {
    display: none;
  }
}

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

   Ход строительства, версия 2 (Module timeline v2)

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

.module-timeline-title {
  margin: 0px;
  padding: 70px 0px 70px 0px;
  text-align: center;
}

.module-timeline-title .title {
  margin: 0px;
  padding: 0px;
  font-size: 40px;
  line-height: 50px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.module-timeline-v2 {
  position: relative;
  height: 100vh;
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
}

.module-timeline-v2:before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease 0s;
  pointer-events: none;
}

.module-timeline-v2.video-play:before {
  opacity: 0;
  visibility: hidden;
}

.module-timeline-v2 .block-slider {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.module-timeline-v2 .block-slider .slider-show,
.module-timeline-v2 .block-slider .old {
  width: 100%;
  height: 100%;
}

.module-timeline-v2 .block-slider .slider-show.position {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -100%;
  right: 0px;
  opacity: 0;
}

.module-timeline-v2 .block-slider .slider {
  width: 100%;
  height: 100%;
}

.module-timeline-v2 .block-slider .slider .slick-list {
  height: 100% !important;
}

.module-timeline-v2 .block-slider .slider .slick-track {
  height: 100%;
}

.module-timeline-v2 .block-slider .slider .slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.module-timeline-v2 .block-slider .slider .slide .img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: no-repeat center center;
  background-size: cover;
}

.module-timeline-v2 .block-slider .slider .slide .img:before {
  content: "";
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.4;
}

.module-timeline-v2 .block-slider .slider .slide .info {
  position: absolute;
  top: 50%;
  left: auto;
  right: 120px;
  bottom: auto;
  width: 585px;
}

.module-timeline-v2 .block-slider .slider .slide .info .title {
  margin: 0px 0px 34px 0px;
}

.module-timeline-v2 .block-slider .slider .slide .info .title:after {
  content: "";
  clear: both;
  float: none;
  height: 0px;
  display: table;
}

.module-timeline-v2 .block-slider .slider .slide .info .title .date {
  font-size: 70px;
  line-height: 40px;
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 4px;
  float: left;
}

.module-timeline-v2 .block-slider .slider .slide .info .title .year {
  font-size: 25px;
  line-height: 40px;
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  float: left;
  position: relative;
  top: -19px;
  margin: 0px 0px 0px 20px;
}

.module-timeline-v2 .block-slider .slider .slide .info .text {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.6px;
}

.module-timeline-v2 .block-slider .slider .slide .info .text p {
  margin: 0px;
  padding: 0px;
}

.module-timeline-v2 .block-slider .slider .slick-arrow {
  display: block;
  background: url(./images/gallery/arrows.png) no-repeat;
  width: 38px;
  height: 75px;
  position: absolute;
  top: 50%;
  margin: -37px 0px 0px 0px;
  border: none;
  padding: 0px;
  outline: none;
  cursor: pointer;
  display: block;
  z-index: 2;
  text-indent: -9999px;
}

.module-timeline-v2 .block-slider .slider .slick-arrow.slick-prev {
  background-position: 0px 0px;
  left: 42px;
}

.module-timeline-v2 .block-slider .slider .slick-arrow.slick-next {
  background-position: -38px 0px;
  right: 42px;
}

.module-timeline-v2 .block-slider .slider .slick-dots {
  margin: 0px 0px 0px -12.5px;
  padding: 0px;
  list-style-type: none;
  position: absolute;
  bottom: 116px;
  left: 50%;
  height: 7px;
  width: 175px;
  overflow: hidden;
  pointer-events: none;
  white-space: nowrap;
  display: none !important;
}

.module-timeline-v2 .block-slider .slider .slick-dots li {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0px 9px 0px 9px;
  cursor: pointer;
  opacity: 0.2;
  position: relative;
  left: 25px;
}

.module-timeline-v2 .block-slider .slider .slick-dots li.slick-active {
  opacity: 1;
}

.module-timeline-v2 .block-slider .slider .slick-dots li button {
  display: none;
}

.module-timeline-v2 .block-slider .slider .slick-dots li:before {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
}

.module-timeline-v2 .block-slider .slider .slick-dots li.no-active:before {
  width: 3px;
  height: 3px;
  top: 2px;
  left: 2px;
}

.module-timeline-v2 .block-month {
  position: absolute;
  bottom: 51px;
  left: 0px;
  right: 0px;
  text-align: left;
  z-index: 3;
  pointer-events: auto;
}

.module-timeline-v2 .block-month .slider {
  position: absolute;
  bottom: 0px;
  white-space: nowrap;
  width: 1000%;
}

.module-timeline-v2 .block-month .slider .slide {
  padding: 0px 23px;
  display: block;
  float: right;
}

.module-timeline-v2 .block-month .slider .slide .name {
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  letter-spacing: 2px;
}

.module-timeline-v2 .block-month .slider .slide .name:hover {
  text-decoration: underline;
}

.module-timeline-v2 .block-month .slider .slide.active .name {
  font-size: 26px;
  text-decoration: underline;
}

.module-timeline-v2 .block-month-mobile {
  display: none;
  position: absolute;
  bottom: 51px;
  left: 0px;
  right: 0px;
  text-align: left;
  z-index: 3;
  pointer-events: auto;
}

.module-timeline-v2 .block-month-mobile .slider {
  position: absolute;
  bottom: 0px;
  white-space: nowrap;
  width: 1000%;
}

.module-timeline-v2 .block-month-mobile .slider .slide {
  padding: 0px 23px;
  display: block;
  float: right;
}

.module-timeline-v2 .block-month-mobile .slider .slide .name {
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  letter-spacing: 2px;
}

.module-timeline-v2 .block-month-mobile .slider .slide .name:hover {
  text-decoration: underline;
}

.module-timeline-v2 .block-month-mobile .slider .slide.active .name {
  font-size: 26px;
  text-decoration: underline;
}

.module-timeline-v2 .block-tabs {
  display: none !important;
  position: absolute;
  top: 43px;
  left: 50%;
  text-align: center;
}

.module-timeline-v2 .block-tabs menu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.module-timeline-v2 .block-tabs menu li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 138px;
}

.module-timeline-v2 .block-tabs menu li.tab-hide {
  display: none;
}

.module-timeline-v2 .block-tabs menu li a {
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  padding: 9px 0px 8px 0px;
  border: 1px solid #d1d1d1;
}

.module-timeline-v2 .block-tabs menu li a:hover {
  color: #000;
}

.module-timeline-v2 .block-tabs menu li a.active {
  background: #000;
  color: #fff;
  border-color: #000;
}

.module-timeline-v2 .block-year {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
  position: absolute;
  top: 150px;
  left: 50%;
  z-index: 3;
  pointer-events: auto;
}

.module-timeline-v2 .block-slider .slider .slide .block-mobile-slider {
  width: 100%;
  height: 488px;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

.module-timeline-v2
  .block-slider
  .slider
  .slide
  .block-mobile-slider
  .mobile-slider {
  width: 100%;
  height: 100%;
}

.module-timeline-v2
  .block-slider
  .slider
  .slide
  .block-mobile-slider
  .mobile-slider
  .slick-list {
  height: 100%;
}

.module-timeline-v2
  .block-slider
  .slider
  .slide
  .block-mobile-slider
  .mobile-slider
  .slick-track {
  height: 100%;
}

.module-timeline-v2
  .block-slider
  .slider
  .slide
  .block-mobile-slider
  .mobile-slider
  .mobile-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.module-timeline-v2
  .block-slider
  .slider
  .slide
  .block-mobile-slider
  .mobile-slider
  .mobile-slide
  .mobile-img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: no-repeat center center;
  background-size: cover;
}

.module-timeline-v2
  .block-slider
  .slider
  .slide
  .block-mobile-slider
  .mobile-slider
  .mobile-slide
  .mobile-img:before {
  content: "";
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.4;
}

.module-timeline-v2
  .block-slider
  .slider
  .slide
  .block-mobile-slider
  .slick-dots {
  bottom: 40px;
}

.module-timeline-v2 .block-tabs.block-hide {
  opacity: 0 !important;
}

.module-timeline-v2 .block-year.block-hide {
  opacity: 0 !important;
}

.module-timeline-v2 .block-month.block-hide {
  opacity: 0 !important;
}

.module-timeline-v2 .block-month-mobile.block-hide {
  opacity: 0 !important;
}

.module-timeline-v2 .block-slider .slider .slick-dots.block-hide {
  opacity: 0 !important;
}

.module-timeline-v2 .block-slider .slider .slick-arrow.block-hide {
  opacity: 0 !important;
}

.module-timeline-v2 .block-slider .slider .slide .video {
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.module-timeline-v2 .block-slider .slider .slide .video iframe {
  width: 100%;
  height: 100%;
}

.module-timeline-v2 .block-slider .slider .slide .video .button {
  width: 65px;
  height: 65px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
}

.module-timeline-v2 .block-slider .slider .slide .video .button:before {
  content: "";
  background: no-repeat;
  background-size: 65px 65px;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0px 0px 0px -32px;
}

.module-timeline-v2 .block-slider .slider .slide .video .button.play:before {
  background-image: url(./images/video_play.svg?v=5);
}

.module-timeline-v2 .block-slider .slider .slide .video .button.pause:before {
  background-image: url(./images/video_pause.svg?v=2);
}

.module-timeline-v2 .block-slider .slider .slide .video .full-screen {
  background: url(./images/video_full_in.svg?v=2) no-repeat;
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 40px;
  right: 40px;
  cursor: pointer;
  display: none;
}

.module-timeline-v2 .block-slider .slider .slide .preview {
  background: center center;
  background-size: cover;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.module-timeline-v2 .block-slider .slider .slide .preview:before {
  content: "";
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.4;
}

.module-timeline-v2 .block-slider .slider .slide .preview .play {
  width: 65px;
  height: 65px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
}

.module-timeline-v2 .block-slider .slider .slide .preview .play:before {
  content: "";
  background: url(./images/video_play.svg?v=5) no-repeat;
  background-size: 65px 65px;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0px 0px 0px -32px;
}

.module-timeline-v2.full {
  width: 100%;
  height: 100%;
}

.module-timeline-v2.full .slick-list {
  height: 100% !important;
}

.module-timeline-v2.full .block-slider .slider .slide {
  height: 100%;
}

.module-timeline-v2.full .block-slider .slider .slide .video .full-screen {
  display: block;
  background: none;
  width: 30px;
  height: 18px;
  top: 43px;
  bottom: auto;
  left: auto;
  right: 39px;
}

.module-timeline-v2.full
  .block-slider
  .slider
  .slide
  .video
  .full-screen:before {
  content: "";
  background: #fff;
  width: 30px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 0px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.module-timeline-v2.full
  .block-slider
  .slider
  .slide
  .video
  .full-screen:after {
  content: "";
  background: #fff;
  width: 30px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 0px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.module-timeline-v2 .screen-video {
  height: 100%;
}

.module-timeline-v2.video-play .block-year {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.module-timeline-v2.video-play .block-month {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.module-timeline-v2.video-play .block-month-mobile {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.module-timeline-v2 .screen-video .volume {
  opacity: 0;
  visibility: hidden;
}

.module-timeline-v2.video-play .screen-video .volume {
  opacity: 1;
  visibility: visible;
}

.module-timeline-v2 .block-slider .slider .slide .video .button,
.module-timeline-v2 .block-slider .slider .slide .preview .play {
  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
}

.module-timeline-v2 .block-slider .slider .slide .info {
  -webkit-transform: translate(0px, -50%);

  -moz-transform: translate(0px, -50%);

  -ms-transform: translate(0px, -50%);

  -o-transform: translate(0px, -50%);

  transform: translate(0px, -50%);
}

.module-timeline-v2 .block-slider .slider .slick-dots,
.module-timeline-v2 .block-year {
  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);
}

.module-timeline-v2 .block-tabs,
.module-timeline-v2 .block-year,
.module-timeline-v2 .block-month,
.module-timeline-v2 .block-month-mobile,
.module-timeline-v2 .block-slider .slider .slick-dots,
.module-timeline-v2 .block-slider .slider .slick-dots li,
.module-timeline-v2 .block-slider .slider .slick-dots li:before,
.module-timeline-v2 .block-slider .slider .slick-arrow,
.module-timeline-v2 .block-tabs menu li a {
  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;
}

.module-timeline-v2 .block-slider .slider .slick-arrow:hover {
  -webkit-transform: scale(1.4);

  -moz-transform: scale(1.4);

  -ms-transform: scale(1.4);

  -o-transform: scale(1.4);

  transform: scale(1.4);
}

.module-timeline-v2 .block-tabs {
  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);
}

.module-timeline-v2 .block-month,
.module-timeline-v2 .block-month *,
.module-timeline-v2 .block-month-mobile,
.module-timeline-v2 .block-month-mobile * {
  -webkit-transition: all 0.4s ease-out;

  -moz-transition: all 0.4s ease-out;

  -ms-transition: all 0.4s ease-out;

  -o-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;
}

.module-timeline-v2 .block-month .slider .slide.no-transition,
.module-timeline-v2 .block-month .slider .slide.no-transition *,
.module-timeline-v2 .block-month-mobile .slider .slide.no-transition,
.module-timeline-v2 .block-month-mobile .slider .slide.no-transition * {
  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  transition: none;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-timeline-v2 .block-slider .slider .slide .info {
    text-align: center;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .title {
    margin: 0px 0px 15px 0px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .title .date {
    display: inline-block;
    float: none;
    font-size: 50px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .title .year {
    display: inline-block;
    float: none;
    font-size: 18px;
    top: -24px;
  }

  .module-timeline-v2 .block-slider .slider .slick-arrow {
    display: none !important;
  }

  .module-timeline-v2 .block-slider .slider .slick-dots {
    bottom: 144px;
  }

  .module-timeline-v2 .block-month {
    bottom: 80px;
  }

  .module-timeline-v2 .block-month-mobile {
    bottom: 80px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info {
    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-timeline-v2 {
    height: 65vw;
  }

  .module-timeline-v2 .screen-video {
    height: auto;
  }

  .module-timeline-v2 .block-slider .slider .slide .info {
    text-align: center;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .title {
    margin: 0px 0px 15px 0px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .title .date {
    display: inline-block;
    float: none;
    font-size: 50px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .title .year {
    display: inline-block;
    float: none;
    font-size: 18px;
    top: -24px;
  }

  .module-timeline-v2 .block-slider .slider .slick-arrow {
    display: none !important;
  }

  .module-timeline-v2 .block-slider .slider .slick-dots {
    bottom: 144px;
  }

  .module-timeline-v2 .block-month {
    bottom: 80px;
  }

  .module-timeline-v2 .block-month-mobile {
    bottom: 80px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info {
    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 767px) {
  .module-timeline-title {
    padding: 30px 0px 30px 0px;
  }

  .module-timeline-title .title {
    font-size: 22px;
    line-height: 40px;
  }

  .module-timeline-v2 {
    height: auto;
    overflow: hidden;
    position: relative;
  }

  .module-timeline-v2 .screen-video {
    height: auto;
  }

  .module-timeline-v2 .block-slider {
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    min-height: 100%;
  }

  .module-timeline-v2 .block-slider .slider-show,
  .module-timeline-v2 .block-slider .old {
    width: auto;
    height: auto;
    min-height: 100%;
  }

  .module-timeline-v2 .block-slider .slider {
    width: auto;
    height: auto;
    min-height: 100%;
  }

  .module-timeline-v2 .block-slider .slider .slide.mobile-hide {
    display: none;
  }

  .module-timeline-v2 .block-slider .slider .slide .img {
    width: 100%;
    height: 488px;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    visibility: hidden;
  }

  .module-timeline-v2 .block-slider .slider .slide .info {
    background: #fff;
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .title {
    position: absolute;
    top: -90px;
    left: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .title .date {
    display: inline-block;
    float: none;
    font-size: 30px;
    font-weight: 300;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .title .year {
    display: inline-block;
    float: none;
    font-size: 15px;
    font-weight: 300;
    top: -10px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .text {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    padding: 26px 24px 54px 24px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .text p {
    margin: 6px 0px 0px 0px;
  }

  .module-timeline-v2 .block-slider .slider .slide .info .text p:first-child {
    margin-top: 0px;
  }

  .module-timeline-v2 .block-slider .slider .slide.element-video {
    height: 488px;
  }

  .module-timeline-v2
    .block-slider
    .slider
    .slide.element-video
    .block-mobile-slider {
    display: none;
  }

  .module-timeline-v2 .block-month {
    display: none;
    top: 120px;
    bottom: auto;
    left: auto;
    right: 0px;
    width: 20000px;
    overflow: hidden;
    line-height: 20px;
  }

  .module-timeline-v2 .block-month .slider {
    position: relative;
    width: 200%;
  }

  .module-timeline-v2 .block-month .slider .slide {
    padding: 0px 12px;
  }

  .module-timeline-v2 .block-month .slider .slide .name {
    font-weight: 300;
  }

  .module-timeline-v2 .block-month .slider .slide.active .name {
    font-size: 22px;
  }

  .module-timeline-v2 .block-month-mobile {
    display: block;
    top: 120px;
    bottom: auto;
    left: 0px;
    right: 0px;
    width: auto;
    height: 40px;
    overflow: auto;
    white-space: nowrap;
    line-height: 20px;
  }

  .module-timeline-v2 .block-month-mobile .slider {
    position: relative;
    width: auto;
  }

  .module-timeline-v2 .block-month-mobile .slider .slide {
    padding: 0px 12px;
    display: inline-block;
    float: none;
  }

  .module-timeline-v2 .block-month-mobile .slider .slide .name {
    font-weight: 300;
  }

  .module-timeline-v2 .block-month-mobile .slider .slide.active .name {
    font-size: 22px;
  }

  .module-timeline-v2 .block-tabs {
    white-space: nowrap;
  }

  .module-timeline-v2 .block-tabs menu li {
    width: 100px;
  }

  .module-timeline-v2 .block-year {
    top: 30px;
    font-size: 30px;
    line-height: 40px;
  }

  .module-timeline-v2 .block-year-mobile {
    display: block;
  }

  .module-timeline-v2 .block-year-mobile .title {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 20px 0px 0px;
    position: relative;
  }

  .module-timeline-v2 .block-year-mobile .title:before {
    content: "";
    background: url(../images/arrow_timeline.svg) no-repeat;
    background-size: 10px 5px;
    width: 10px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 0px;
  }

  .module-timeline-v2 .block-year-mobile select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    opacity: 0;
  }

  .module-timeline-v2[data-mobile-count="1"] {
    min-height: 488px;
    height: auto;
  }

  .module-timeline-v2[data-mobile-count="1"] .block-slider {
    height: 100%;
  }

  .module-timeline-v2[data-mobile-count="1"] .block-slider .slider-show,
  .module-timeline-v2[data-mobile-count="1"] .block-slider .old {
    height: 100%;
  }

  .module-timeline-v2[data-mobile-count="1"] .block-slider .slider {
    height: 100%;
  }

  .module-timeline-v2[data-mobile-count="1"]
    .block-slider
    .slider
    .slide
    .block-mobile-slider {
    height: 100%;
  }

  .module-timeline-v2 .block-slider .slider .slide .block-mobile-slider {
    display: block;
  }

  .module-timeline-v2 .block-slider .slider .slide.mobile .video .button {
    display: none !important;
  }

  .module-timeline-v2 .block-slider .slider .slide.mobile .video .full-screen {
    display: none !important;
  }

  .module-timeline-v2 .block-month .slider {
    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);
  }

  .module-timeline-v2 .block-month-mobile .slider {
    -webkit-transform: none;

    transform: none;
  }

  .module-timeline-v2 .block-slider .slider .slide .info {
    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;
  }

  .module-timeline-v2-v2 .block-year-mobile .title:before {
    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);
  }
}

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

   Презентации (Module presentation)

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

.module-presentation {
  position: relative;
  width: 100%;
  height: 784px;
  font-size: 0px;
  line-height: 0px;
}

.module-presentation .text {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  letter-spacing: 4px;
  margin: 142px 0px 0px 0px;
}

.module-presentation .text:before {
  content: "";
  background: url(../images/presentation/arrow.png) no-repeat;
  width: 31px;
  height: 21px;
  position: absolute;
  bottom: 11px;
  left: 100%;
  margin: 0px 0px 0px 18px;
  opacity: 0;
}

.module-presentation .left {
  width: 50%;
  height: 100%;
  float: left;
  background: #000;
  position: relative;
  text-decoration: none;
  display: block;
}

.module-presentation .right {
  width: 50%;
  height: 100%;
  float: right;
  background: #b2977d;
  position: relative;
  text-decoration: none;
  display: block;
}

.module-presentation .left .text {
  left: 175px;
}

.module-presentation .right .text {
  right: 175px;
}

.module-presentation .logo {
  width: 446px;
  height: 493px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -246px 0px 0px -223px;
  pointer-events: none;
  opacity: 0.2;
}

.module-presentation .logo-mobile {
  display: none;
}

.module-presentation:hover .left {
  width: 33%;
}

.module-presentation:hover .left:hover {
  width: 67%;
}

.module-presentation:hover .left:hover .text:before {
  opacity: 1;
}

.module-presentation:hover .right {
  width: 33%;
}

.module-presentation:hover .right:hover {
  width: 67%;
}

.module-presentation:hover .right:hover .text:before {
  opacity: 1;
}

.module-presentation:hover .logo {
  opacity: 1;
}

.module-presentation *,
.module-presentation .text:before {
  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;
}

@media (max-width: 1340px) {
  .module-presentation .left .text {
    left: 70px;
  }

  .module-presentation .right .text {
    right: 70px;
  }

  .module-presentation:hover .left {
    width: 28%;
  }

  .module-presentation:hover .left:hover {
    width: 72%;
  }

  .module-presentation:hover .right {
    width: 28%;
  }

  .module-presentation:hover .right:hover {
    width: 72%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-presentation {
    height: 462px;
  }
.text_block_text {
  font-size: 30px!important;
}
  .module-presentation .text {
    bottom: 98px;
    top: auto;
    margin: 0px;
  }

  .module-presentation .left {
    width: 100%;
    height: 50%;
    float: none;
  }

  .module-presentation .right {
    width: 100%;
    height: 50%;
    float: none;
  }

  .module-presentation:hover .left {
    width: 100%;
  }

  .module-presentation:hover .right {
    width: 100%;
  }

  .module-presentation:hover .left:hover {
    width: 100%;
  }

  .module-presentation:hover .right:hover {
    width: 100%;
  }

  .module-presentation .logo {
    display: none;
  }

  .module-presentation .logo-mobile {
    display: block;
    position: absolute;
    bottom: 100px;
    right: 83px;
    opacity: 0.2;
  }

  .module-presentation .logo-mobile img {
    width: 230px;
    height: 255px;
  }

  .module-presentation .left .text {
    left: 83px;
  }

  .module-presentation .right .text {
    left: 83px;
    right: auto;
  }

  .module-presentation .left:hover .logo-mobile {
    opacity: 1;
  }

  .module-presentation .right:hover .logo-mobile {
    opacity: 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-presentation {
    height: 462px;
  }
  .block_wrap {
    padding-bottom: 101px!important;
  }
  .text_block_text {
    font-size: 30px!important;
  }
  .logo_block img {
    width: 230px!important;
    height: 255px!important;
  }

  .module-presentation .text {
    bottom: 98px;
    top: auto;
    margin: 0px;
  }

  .module-presentation .left {
    width: 100%;
    height: 50%;
    float: none;
  }

  .module-presentation .right {
    width: 100%;
    height: 50%;
    float: none;
  }

  .module-presentation:hover .left {
    width: 100%;
  }

  .module-presentation:hover .right {
    width: 100%;
  }

  .module-presentation:hover .left:hover {
    width: 100%;
  }

  .module-presentation:hover .right:hover {
    width: 100%;
  }

  .module-presentation .logo {
    display: none;
  }

  .module-presentation .logo-mobile {
    display: block;
    position: absolute;
    bottom: 100px;
    right: 83px;
    opacity: 0.2;
  }

  .module-presentation .logo-mobile img {
    width: 230px;
    height: 255px;
  }

  .module-presentation .left .text {
    left: 82px;
  }

  .module-presentation .right .text {
    left: 82px;
    right: auto;
  }

  .module-presentation .left:hover .logo-mobile {
    opacity: 1;
  }

  .module-presentation .right:hover .logo-mobile {
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .module-presentation {
    height: 284px;
  }
  .logo_block img {
    width: 84px!important;
    height: 93px!important;
  }
  .logo_block {
    order: 1;
  }
  .text_block_text {
    font-size: 30px!important;
  }
  .text_block {
    width: 100%!important;
     order: 2;
 
  }
  .block_wrap {
    padding-bottom:50px!important;
    padding-left: 50px;
    justify-content: unset!important;
  }

  .module-presentation .text {
    bottom: 48px;
    top: auto;
    margin: 0px;
    font-size: 22px;
    line-height: 31px;
  }

  .module-presentation .left {
    width: 100%;
    height: 50%;
    float: none;
  }

  .module-presentation .right {
    width: 100%;
    height: 50%;
    float: none;
  }

  .module-presentation:hover .left {
    width: 100%;
  }

  .module-presentation:hover .right {
    width: 100%;
  }

  .module-presentation:hover .left:hover {
    width: 100%;
  }

  .module-presentation:hover .right:hover {
    width: 100%;
  }

  .module-presentation .logo {
    display: none;
  }

  .module-presentation .logo-mobile {
    display: block;
    position: absolute;
    bottom: auto;
    top: 51px;
    right: auto;
    left: 49px;
    opacity: 0.2;
  }

  .module-presentation .logo-mobile img {
    width: 84px;
    height: 93px;
  }

  .module-presentation .left .text {
    left: 49px;
  }

  .module-presentation .right .text {
    left: 49px;
    right: auto;
  }

  .module-presentation.en .left .text {
    font-size: 18px;
    max-width: 205px;
  }

  .module-presentation.en .right .text {
    font-size: 18px;
    max-width: 205px;
  }

  .module-presentation .left:hover .logo-mobile {
    opacity: 1;
  }

  .module-presentation .right:hover .logo-mobile {
    opacity: 1;
  }
}

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

   Меню (Module menu)

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

.module-menu {
  background: #000;
  width: 320px;
  height: 100%;
  position: fixed;
  top: 0px;
  left: -320px;
  z-index: 4;
  font-size: 0px;
  line-height: 0px;
}

.module-menu:before {
  content: "";
  background: #000;
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.module-menu.open {
  left: 0px;
}

.module-menu .block-scroll {
  position: absolute;
  top: 128px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.module-menu .block-scroll .scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.module-menu .block-scroll .jspPane {
  width: 100% !important;
  min-height: 98%;
}

.module-menu .block-scroll .jspScrollable {
  outline: none;
}

.module-menu .block-scroll .jspHorizontalBar {
  display: none !important;
}

.module-menu .block-scroll .jspVerticalBar {
  width: 5px;
  background: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 11px;
}

.module-menu .block-scroll .jspVerticalBar .jspTrack {
  background: none;
}

.module-menu .block-scroll .jspVerticalBar .jspTrack .jspDrag {
  background: #676767;
  border-radius: 6px;
}

.module-menu .block-menu {
  margin: 0px 0px 26px 0px;
  padding: 0px 0px 0px 0px;
}

.module-menu .block-menu menu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.module-menu .block-menu menu li {
  margin: 16px 0px 0px 0px;
  padding: 0px;
}

.module-menu .block-menu menu li:first-child {
  margin-top: 0px;
}

.module-menu .block-menu menu li.menu__dropdown .menu__dropdown-item {
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px;
  align-content: center;
}

.module-menu.open .block-menu menu li.menu__dropdown .menu__dropdown-item {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  position: relative;
}

.module-menu .block-menu menu li.menu__dropdown span {
  cursor: pointer;
  margin-bottom: 0;
  transition: margin 400ms ease;
}

.module-menu .block-menu menu li.menu__dropdown.dropdown--open span {
  margin-bottom: 0;
  transition: margin 400ms ease;
}

.module-menu .block-menu menu li.menu__dropdown ul {
  opacity: 0;
  height: 0px;
  margin: 0;
  transition: height 400ms ease, margin-top 400ms ease;
}

.module-menu .block-menu menu li.menu__dropdown.dropdown--open ul {
  opacity: 1;
  height: auto;
  margin-top: 8px;
  max-height: 100%;
  transition: height 400ms ease, margin-top 400ms ease;
}

.module-menu .block-menu menu li.menu__dropdown ul li {
  margin-top: 0px;
  transition: margin-top 400ms ease;
}

.module-menu .block-menu menu li.menu__dropdown.dropdown--open ul li {
  margin-top: 6px;
  transition: margin-top 400ms ease;
}

.module-menu .block-menu menu li.menu__dropdown ul li a{
  opacity: 0;
  transition: all 0.2s ease-out;
}

.module-menu .block-menu menu li.menu__dropdown.dropdown--open ul li a{
  opacity: 1;
  transition: all 0.2s ease-out;
}

.module-menu .block-menu menu li a, .module-menu .block-menu menu li span {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0px 10px 0px 40px;
  letter-spacing: 1px;
  transition: color 0.2s ease-out;
}



.module-menu .block-menu menu li a:hover, .module-menu .block-menu menu li.menu__dropdown .menu__dropdown-item span:hover, .module-menu .block-menu menu li a.active, .module-menu .block-menu menu li.menu__dropdown .menu__dropdown-item span:active, .module-menu .block-menu menu li.menu__dropdown.dropdown--open .menu__dropdown-item span {
  color: #b3987d;
  /* transition: color 0.2s ease-out; */
}

.module-menu .block-menu menu li.menu__dropdown span.menu__dropdown-icon{
  transform: rotateX(180deg);
  transition: transform 0.2s ease-out;
  padding: 0;
  margin: 0;
  display: grid;
  align-content: center;
}

.module-menu .block-menu menu li.menu__dropdown span.menu__dropdown-icon svg{
  width: 8px;
  height: 14px;
  fill: #fff;
  transition: fill 0.2s ease-out;
}

.module-menu .block-menu menu li.menu__dropdown .menu__dropdown-item:hover .menu__dropdown-icon svg {
  fill: #b3987d;
  transition: fill 0.2s ease-out;
}

.module-menu .block-menu menu li.menu__dropdown.dropdown--open .menu__dropdown-item span {
  color: #CFAC74;
  transition: all 0.2s ease-out;
}

.module-menu .block-menu menu li.menu__dropdown.dropdown--open .menu__dropdown-item .menu__dropdown-icon {
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
}

.module-menu .block-menu menu li.menu__dropdown.dropdown--open .menu__dropdown-item .menu__dropdown-icon svg {
  fill: #CFAC74;
  transition: fill 0.2s ease-out;
}

.module-menu .block-menu menu menu {
  display: none;
  background: #111111;
  margin: 12px 0px 22px 0px;
  padding: 18px 0px 19px 0px;
}

.module-menu .block-menu menu menu li {
  margin: 15px 0px 0px 0px;
  padding: 0px;
}

.module-menu .block-menu menu menu li:first-child {
  margin-top: 0px;
}

.module-menu .block-menu menu menu li a {
  font-size: 12px;
  line-height: 20px;
  color: #868686;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0px 46px;
}

.module-menu .block-menu menu menu li a:hover,
.module-menu .block-menu menu menu li a.active {
  color: #fff;
}

.module-menu .block-menu menu li a.active + menu {
  display: block;
}

.module-menu .block-special {
  margin: 0px 0px 29px 0px;
}

.module-menu .block-special a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  background: #b3987d;
  font-size: 14px;
  line-height: 15px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 0px;
  text-align: center;
}

.module-menu .block-special a:hover {
  background: #9a836a;
}

.module-menu .block-phone {
  margin: 0px 0px 62px 0px;
  padding: 0px 40px 0px 40px;
}

.module-menu .block-phone .phones {
  margin: 0px 0px 4px 0px;
  display: block;
  text-decoration: none;
}

.module-menu .block-phone .phones .small {
  font-size: 18px;
  line-height: 22px;
  color: #b4987a;
  margin: 0px 11px 0px 0px;
  position: relative;
  top: -8px;
}

.module-menu .block-phone .phones .big {
  font-size: 30px;
  line-height: 22px;
  color: #fff;
}

.module-menu .block-phone .text {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.module-menu .block-icons {
  margin: 0px 0px 0px 0px;
  padding: 0px 24px 163px 40px;
}

.module-menu .block-icons .block {
  position: relative;
  margin: 26px 0px 0px 0px;
  padding: 0px 0px 0px 38px;
  display: block;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
}

.module-menu .block-icons .block:first-child {
  margin-top: 0px;
}

.module-menu .block-icons .block .icon-v2 {
  background: no-repeat center center / contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.module-menu .block-icons .block .icon-v2[data-icon="1"] {
  background-image: url(../images/menu/icon_1.svg);
  width: 22px;
  height: 30px;
  left: 0px;
}

.module-menu .block-icons .block .icon-v2[data-icon="2"] {
  background-image: url(../images/menu/icon_2.svg);
  width: 14px;
  height: 30px;
  left: 4px;
}

.module-menu .block-icons .block .icon-v2[data-icon="3"] {
  background-image: url(../images/menu/icon_3.svg);
  width: 28px;
  height: 30px;
  left: -3px;
}

.module-menu .block-icons .block .icon-v2[data-icon="4"] {
  background-image: url(../images/menu/icon_4.svg);
  width: 21px;
  height: 30px;
  left: 1px;
}

.module-menu .block-icons .block .icon-v2[data-icon="5"] {
  background-image: url(../images/menu/icon_5.svg);
  width: 19px;
  height: 30px;
  left: 2px;
}

.module-menu .block-icons .block .icon {
  position: absolute;
}

.module-menu .block-icons .block .icon svg {
  fill: #fff;
  width: 100%;
  height: 100%;
}

.module-menu .block-icons .block .icon.icon-1 {
  width: 34px;
  height: 30px;
  top: -7px;
  left: 0px;
}

.module-menu .block-icons .block .icon.icon-1 svg {
  stroke: rgba(255, 255, 255, 0.75);
  fill: none;
}

.module-menu .block-icons .block .icon.icon-2 {
  width: 32px;
  height: 29px;
  top: -7px;
  left: 1px;
}

.module-menu .block-icons .block .icon.icon-3 {
  width: 22px;
  height: 29px;
  top: -8px;
  left: 6px;
}

.module-menu .block-icons .block .icon.icon-4 {
  width: 30px;
  height: 29px;
  top: -9px;
  left: 6px;
}

.module-menu .block-icons .block .name {
  margin: 0px;
}

.module-menu .block-icons .block:hover {
  color: #b3977a;
}

.module-menu .block-icons .block:hover .icon svg {
  fill: #b3977a;
}

.module-menu .block-icons .block:hover .icon.icon-1 svg {
  fill: none;
  stroke: #b3977a;
}

.module-menu .block-icons .block:hover .name {
  color: #b3977a;
}

.module-menu .block-bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.module-menu .block-apps {
  margin: 0px 0px 39px 0px;
  padding: 0px 0px 0px 40px;
}

.module-menu .block-apps .columns {
  margin: 0px;
}

.module-menu .block-apps .columns:after {
  content: "";
  display: table;
  height: 0px;
  clear: both;
}

.module-menu .block-apps .columns .cell {
  display: block;
  width: 122px;
  height: 38px;
  float: left;
  margin: 0px 0px 0px 12px;
}

.module-menu .block-apps .columns .cell:first-child {
  margin-left: 0px;
}

.module-menu .block-apps .columns .cell img {
  width: 100%;
  height: auto;
}

.module-menu .block-apps .title {
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  margin: 7px 0px 0px 0px;
  letter-spacing: 1px;
}

.module-menu .block-info {
  margin: 0px;
  padding: 0px 40px 24px 40px;
}

.module-menu .block-info:after {
  content: "";
  display: table;
  height: 0px;
  clear: both;
}

.module-menu .block-info .block-license {
  float: left;
  font-size: 8px;
  line-height: 13px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.module-menu .block-info .block-license a {
  color: #fff;
  text-decoration: underline;
}

.module-menu .block-info .block-license a:hover {
  text-decoration: none;
}

.module-menu .block-info .block-lang {
  float: right;
  padding: 2px 0px 0px 0px;
}

.module-menu .block-info .block-lang a {
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  display: inline-block;
  border: 1px solid #fff;
  padding: 3px 8px 2px 8px;
}

.module-menu .block-info .block-lang a:hover {
  background: #fff;
  color: #000;
}

.module-menu .lang {
  position: absolute;
  top: 46px;
  right: 24px;
}

.module-menu .lang a {
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #fff;
  padding: 7px 8px 6px 8px;
}

.module-menu .lang a:hover {
  background: #9a836a;
  border-color: #9a836a;
  color: #fff;
}

.module-menu .block-menu menu li a, 
.module-menu .block-menu menu li.menu__dropdown .menu__dropdown-item span,
.module-menu .block-icons .block,
.module-menu .block-icons .block .icon svg,
.module-menu .block-icons .block .name,
.module-menu .block-special a,
.module-menu .lang,
.module-menu .lang a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-menu .block-scroll .scroll {
    overflow: auto;
  }

  .module-menu .block-scroll .scroll-wrap {
    position: relative;
    min-height: 100%;
  }

  .module-menu .lang {
    top: 33px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-menu .block-scroll .scroll {
    overflow: auto;
  }

  .module-menu .block-scroll .scroll-wrap {
    position: relative;
    min-height: 100%;
  }

  .module-menu .lang {
    top: 33px;
  }
}

@media only screen and (max-width: 767px) {
  .module-menu {
    width: 100%;
    left: -100%;
  }

  .module-menu.open {
    left: 0%;
  }

  .module-menu .lang {
    top: 34px;
    left: 50%;
    right: auto;
    margin-left: -8px;
  }

  .module-menu .block-scroll .scroll {
    overflow: auto;
  }

  .module-menu .block-scroll .scroll-wrap {
    position: relative;
    min-height: 100%;
  }

  .module-menu .block-icons {
    padding-bottom: 243px;
  }

  .module-menu .block-bottom {
    bottom: 80px;
  }

  .module-menu .lang {
    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);
  }
}

.module-menu {
  -webkit-transition: all 1s cubic-bezier(0.92, 0, 0.28, 1);

  -moz-transition: all 1s cubic-bezier(0.92, 0, 0.28, 1);

  -ms-transition: all 1s cubic-bezier(0.92, 0, 0.28, 1);

  -o-transition: all 1s cubic-bezier(0.92, 0, 0.28, 1);

  transition: all 1s cubic-bezier(0.92, 0, 0.28, 1);
}

.module-menu .block-menu menu li,
.module-menu .block-phone,
.module-menu .block-icons .block,
.module-menu .block-top .logo img,
.module-menu .block-info,
.module-menu .block-apps,
.module-menu .block-special,
.module-menu .lang {
  opacity: 0;

  -webkit-transition: all 0.5s linear 1s;

  -moz-transition: all 0.5s linear 1s;

  -ms-transition: all 0.5s linear 1s;

  -o-transition: all 0.5s linear 1s;

  transition: all 0.5s linear 1s;

  -webkit-transform: translateY(15px);

  -moz-transform: translateY(15px);

  -ms-transform: translateY(15px);

  -o-transform: translateY(15px);

  transform: translateY(15px);
}

.module-menu .lang {
  -webkit-transition-delay: 1s;

  -moz-transition-delay: 1s;

  -ms-transition-delay: 1s;

  -o-transition-delay: 1s;

  transition-delay: 1s;
}

.module-menu .block-menu > menu li[data-queue="1"] {
  -webkit-transition-delay: 1.05s;

  -moz-transition-delay: 1.05s;

  -ms-transition-delay: 1.05s;

  -o-transition-delay: 1.05s;

  transition-delay: 1.05s;
}

.module-menu .block-menu > menu li[data-queue="2"] {
  -webkit-transition-delay: 1.1s;

  -moz-transition-delay: 1.1s;

  -ms-transition-delay: 1.1s;

  -o-transition-delay: 1.1s;

  transition-delay: 1.1s;
}

.module-menu .block-menu > menu li[data-queue="3"] {
  -webkit-transition-delay: 1.15s;

  -moz-transition-delay: 1.15s;

  -ms-transition-delay: 1.15s;

  -o-transition-delay: 1.15s;

  transition-delay: 1.15s;
}

.module-menu .block-menu > menu li[data-queue="4"] {
  -webkit-transition-delay: 1.2s;

  -moz-transition-delay: 1.2s;

  -ms-transition-delay: 1.2s;

  -o-transition-delay: 1.2s;

  transition-delay: 1.2s;
}

.module-menu .block-menu > menu li[data-queue="5"] {
  -webkit-transition-delay: 1.25s;

  -moz-transition-delay: 1.25s;

  -ms-transition-delay: 1.25s;

  -o-transition-delay: 1.25s;

  transition-delay: 1.25s;
}

.module-menu .block-menu > menu li[data-queue="6"] {
  -webkit-transition-delay: 1.3s;

  -moz-transition-delay: 1.3s;

  -ms-transition-delay: 1.3s;

  -o-transition-delay: 1.3s;

  transition-delay: 1.3s;
}

.module-menu .block-menu > menu li[data-queue="7"] {
  -webkit-transition-delay: 1.35s;

  -moz-transition-delay: 1.35s;

  -ms-transition-delay: 1.35s;

  -o-transition-delay: 1.35s;

  transition-delay: 1.35s;
}

.module-menu .block-menu > menu li[data-queue="8"] {
  -webkit-transition-delay: 1.4s;

  -moz-transition-delay: 1.4s;

  -ms-transition-delay: 1.4s;

  -o-transition-delay: 1.4s;

  transition-delay: 1.4s;
}

.module-menu .block-menu > menu li.menu__dropdown .menu__dropdown-item {
  -webkit-transition-delay: 1.45s;
  -moz-transition-delay: 1.45s;
  -ms-transition-delay: 1.45s;
  -o-transition-delay: 1.45s;
  transition-delay: 1.45s;
}

.module-menu .block-menu > menu li[data-queue="9"] {
  -webkit-transition-delay: 1.5s;

  -moz-transition-delay: 1.5s;

  -ms-transition-delay: 1.5s;

  -o-transition-delay: 1.5s;

  transition-delay: 1.5s;
}

.module-menu .block-menu > menu li[data-queue="10"] {
  -webkit-transition-delay: 1.55s;

  -moz-transition-delay: 1.55s;

  -ms-transition-delay: 1.55s;

  -o-transition-delay: 1.55s;

  transition-delay: 1.55s;
}

.module-menu .block-menu > menu li[data-queue="11"] {
  -webkit-transition-delay: 1.6s;

  -moz-transition-delay: 1.6s;

  -ms-transition-delay: 1.6s;

  -o-transition-delay: 1.6s;

  transition-delay: 1.6s;
}

.module-menu .block-menu > menu li[data-queue="12"] {
  -webkit-transition-delay: 1.65s;

  -moz-transition-delay: 1.65s;

  -ms-transition-delay: 1.65s;

  -o-transition-delay: 1.65s;

  transition-delay: 1.65s;
}

.module-menu .block-menu > menu li[data-queue="13"] {
  -webkit-transition-delay: 1.7s;

  -moz-transition-delay: 1.7s;

  -ms-transition-delay: 1.7s;

  -o-transition-delay: 1.7s;

  transition-delay: 1.7s;
}

.module-menu .block-menu > menu li[data-queue="14"] {
  -webkit-transition-delay: 1.75s;

  -moz-transition-delay: 1.75s;

  -ms-transition-delay: 1.75s;

  -o-transition-delay: 1.75s;

  transition-delay: 1.75s;
}

.module-menu .block-special {
  -webkit-transition-delay: 1.6s;

  -moz-transition-delay: 1.6s;

  -ms-transition-delay: 1.6s;

  -o-transition-delay: 1.6s;

  transition-delay: 1.6s;
}

.module-menu .block-phone {
  -webkit-transition-delay: 1.65s;

  -moz-transition-delay: 1.65s;

  -ms-transition-delay: 1.65s;

  -o-transition-delay: 1.65s;

  transition-delay: 1.65s;
}

.module-menu .block-icons .block:nth-child(1) {
  -webkit-transition-delay: 1.7s;

  -moz-transition-delay: 1.7s;

  -ms-transition-delay: 1.7s;

  -o-transition-delay: 1.7s;

  transition-delay: 1.7s;
}

.module-menu .block-icons .block:nth-child(2) {
  -webkit-transition-delay: 1.75s;

  -moz-transition-delay: 1.75s;

  -ms-transition-delay: 1.75s;

  -o-transition-delay: 1.75s;

  transition-delay: 1.75s;
}

.module-menu .block-icons .block:nth-child(3) {
  -webkit-transition-delay: 1.8s;

  -moz-transition-delay: 1.8s;

  -ms-transition-delay: 1.8s;

  -o-transition-delay: 1.8s;

  transition-delay: 1.8s;
}

.module-menu .block-icons .block:nth-child(4) {
  -webkit-transition-delay: 1.85s;

  -moz-transition-delay: 1.85s;

  -ms-transition-delay: 1.85s;

  -o-transition-delay: 1.85s;

  transition-delay: 1.85s;
}

.module-menu .block-icons .block:nth-child(5) {
  -webkit-transition-delay: 1.9s;

  -moz-transition-delay: 1.9s;

  -ms-transition-delay: 1.9s;

  -o-transition-delay: 1.9s;

  transition-delay: 1.9s;
}

.module-menu.open .block-apps {
  -webkit-transition-delay: 1.7s;

  -moz-transition-delay: 1.7s;

  -ms-transition-delay: 1.7s;

  -o-transition-delay: 1.7s;

  transition-delay: 1.7s;
}

.module-menu.open .block-info {
  -webkit-transition-delay: 1.75s;

  -moz-transition-delay: 1.75s;

  -ms-transition-delay: 1.75s;

  -o-transition-delay: 1.75s;

  transition-delay: 1.75s;
}

.module-menu.open .block-menu menu li,
.module-menu.open .block-phone,
.module-menu.open .block-icons .block,
.module-menu.open .block-info,
.module-menu.open .block-apps,
.module-menu.open .block-special,
.module-menu.open .lang {
  opacity: 1;

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  -ms-transform: translateY(0px);

  -o-transform: translateY(0px);

  transform: translateY(0px);
}

@media only screen and (max-width: 767px) {
  .module-menu .lang {
    -webkit-transform: translate(-50%, 15px);

    transform: translate(-50%, 15px);
  }

  .module-menu.open .lang {
    -webkit-transform: translate(-50%, 0px);

    transform: translate(-50%, 0px);
  }
}

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

   Карта

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

.popup-map {
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 30;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease 0s;
  overflow: auto;
}

.popup-map[data-active="Y"] {
  opacity: 1;
  visibility: visible;
}

.popup-map .map {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../images/map/map-bg.jpg) no-repeat center center / auto 100%;
}

.popup-map .map .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/map/scheme.svg) no-repeat center center / auto 100%;
}

.popup-map .close {
  background: url(../images/close_map.svg) no-repeat center center / contain;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .popup-map .close {
    top: 30px;
    right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .popup-map .map {
    background-image: url(../images/map/map_tablet.jpg);
    background-size: 100% auto;
  }

  .popup-map .map .img {
    background-image: url(../images/map/scheme_tablet.svg);
    background-size: 100% auto;
  }

  .popup-map .close {
    top: 30px;
    right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .popup-map .map {
    background-image: url(../images/map/map_mobile_new.webp);
    background-size: 100% auto;
  }

  .popup-map .map .img {
    background-image: url(../images/map/scheme_mobile.svg);
    background-size: 100% auto;
  }

  .popup-map .close {
    top: 20px;
    right: 20px;
  }
}

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

   Документы (Module docs v2)

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

.module-docs-v2 {
  position: relative;
  font-size: 0px;
  line-height: 0px;
  padding: 0px 0px 78px 0px;
}

.module-docs-v2 .block-center {
  max-width: 1024px;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  position: relative;
}

.module-docs-v2 .title {
  margin: 0px 0px 48px 0px;
  padding: 100px 0px 0px 0px;
  font-size: 30px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
}

.module-docs-v2 .block-tabs {
  text-align: center;
  margin: 0px 0px 37px 0px;
  padding: 3px 0px 0px 0px;
}

.module-docs-v2 .block-tabs menu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.module-docs-v2 .block-tabs menu li {
  display: inline-block;
  margin: 0px 20px;
}

.module-docs-v2 .block-tabs menu li a {
  font-size: 16px;
  line-height: 22px;
  color: #9b9b9b;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  display: block;
  padding: 0px 0px 4px 0px;
}

.module-docs-v2 .block-tabs menu li a:hover {
  color: rgba(0, 0, 0, 0.7);
}

.module-docs-v2 .block-tabs menu li a.active {
  border-bottom-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}

.module-docs-v2 .block-tabs-mobile {
  display: none;
  position: relative;
  margin: -17px 0px 46px 0px;
}

.module-docs-v2 .block-tabs-mobile select {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  background: none;
  border: none;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  outline: none;
}

.module-docs-v2 .block-tabs-mobile .name {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}

.module-docs-v2 .block-tabs-mobile .name span {
  position: relative;
  padding: 0px 22px 0px 0px;
  display: inline-block;
}

.module-docs-v2 .block-tabs-mobile .name span:before {
  content: "";
  background: url(../images/docs_arrow.svg) no-repeat center center / contain;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 7px;
  right: 0px;
}

.module-docs-v2 .block-tabs-containers {
  margin: 0px;
}

.module-docs-v2 .block-tabs-containers .block-tab-container {
  display: none;
}

.module-docs-v2 .block-tabs-containers .block-tab-container.active {
  display: block;
}

.module-docs-v2 .blocks {
  margin: 0px;
  position: relative;
  overflow: hidden;
}

.module-docs-v2 .blocks .block-scroll {
  width: 100%;
  height: 100%;
}

.module-docs-v2 .blocks .page {
  height: 0px;
  opacity: 0;
  overflow: hidden;
  position: static;
  margin: 0px;
  padding: 0px;
}

.module-docs-v2 .blocks .page.active {
  height: auto;
  opacity: 1;
}

.module-docs-v2 .blocks .page:first-child {
  display: block;
  opacity: 1;
}

.module-docs-v2 .blocks .page .block {
  padding: 0px 20px 0px 20px;
  border-bottom: 1px solid #c8c8c8;
  height: 97px;
}

.module-docs-v2 .blocks .page:first-child .block:first-child {
  border-top: 1px solid #c8c8c8;
  height: 98px;
}

.module-docs-v2 .blocks .page .block:after {
  content: "";
  display: table;
  height: 0px;
  clear: both;
}

.module-docs-v2 .blocks .page .block .block-wrap {
  width: 100%;
  height: 100%;
}

.module-docs-v2 .blocks .page .block .cell {
  height: 100%;
  float: left;
  position: relative;
  font-weight: 300;
}

.module-docs-v2 .blocks .page .block .cell .value {
  font-weight: normal;
}

.module-docs-v2 .blocks .page .block .cell.cell-1 {
  width: 41%;
}

.module-docs-v2 .blocks .page .block .cell.cell-1 .name {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 40px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

.module-docs-v2 .blocks .page .block .cell.cell-2 {
  width: 25%;
  padding: 29px 0px 0px 0px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

.module-docs-v2 .blocks .page .block .cell.cell-2 .name {
  color: #9b9b9b;
}

.module-docs-v2 .blocks .page .block .cell.cell-3 {
  width: 25%;
  padding: 29px 0px 0px 0px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

.module-docs-v2 .blocks .page .block .cell.cell-3 .name {
  color: #9b9b9b;
}

.module-docs-v2 .blocks .page .block .cell.cell-4 {
  width: 9%;
  padding: 37px 0px 0px 0px;
}

.module-docs-v2 .blocks .page .block .cell.cell-4 a {
  text-decoration: underline;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
}

.module-docs-v2 .blocks .page .block .cell.cell-4 a:hover {
  text-decoration: none;
}

.module-docs-v2 .block-more {
  text-align: center;
  padding: 68px 0px 0px 0px;
}

.module-docs-v2 .block-more a {
  padding: 0px 0px 0px 44px;
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.module-docs-v2 .block-more a:hover {
  text-decoration: underline;
}

.module-docs-v2 .block-more a:before {
  content: "";
  background: url(../images/docs_more.svg?v=1) no-repeat;
  width: 29px;
  height: 21.845px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.module-docs-v2 .block-tabs menu li a {
  -webkit-transition: all 0.2s ease 0s;

  transition: all 0.2s ease 0s;
}

.module-docs-v2 .blocks .page .block .cell.cell-1 .name {
  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);
}

.module-docs-v2 .blocks .page {
  -webkit-transition: all 0.25s linear;

  -moz-transition: all 0.25s linear;

  -ms-transition: all 0.25s linear;

  -o-transition: all 0.25s linear;

  transition: all 0.25s linear;
}

.module-docs-v2 .block-more a.load:before {
  -webkit-transition: all 2s linear;

  -moz-transition: all 2s linear;

  -ms-transition: all 2s linear;

  -o-transition: all 2s linear;

  transition: all 2s linear;

  -webkit-transform: rotate(900deg);

  -moz-transform: rotate(900deg);

  -ms-transform: rotate(900deg);

  -o-transform: rotate(900deg);

  transform: rotate(900deg);
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-docs-v2 {
    padding: 0px 0px 62px 0px;
  }

  .module-docs-v2 .title {
    padding-top: 98px;
  }

  .module-docs-v2 .blocks {
    padding: 0px 15px;
  }

  .module-docs-v2 .blocks .page .block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-1 {
    width: 39%;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-1 .name {
    right: 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-2 {
    width: 26%;
    font-size: 16px;
    line-height: 22px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-3 {
    width: 26%;
    font-size: 16px;
    line-height: 22px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-4 {
    padding-top: 35px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-4 a {
    font-size: 16px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-docs-v2 {
    padding: 0px 0px 72px 0px;
  }

  .module-docs-v2 .title {
    padding-top: 97px;
  }

  .module-docs-v2 .block-tabs menu li {
    margin: 0px 15px;
  }

  .module-docs-v2 .blocks {
    padding: 0px 24px;
  }

  .module-docs-v2 .blocks .page .block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-1 {
    width: 39%;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-1 .name {
    right: 20px;
    font-size: 13px;
    line-height: 22px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-2 {
    width: 26%;
    font-size: 14px;
    line-height: 22px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-3 {
    width: 26%;
    font-size: 14px;
    line-height: 22px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-4 {
    padding-top: 35px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-4 a {
    font-size: 14px;
    line-height: 22px;
  }

  .module-docs-v2 .block-more {
    padding: 41px 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .module-docs-v2 {
    position: static;
    padding: 0px 0px 62px 0px;
  }

  .module-docs-v2 .title {
    margin: 0px 0px 48px 0px;
    padding: 57px 0px 0px 0px;
  }

  .module-docs-v2 .block-tabs {
    display: none;
  }

  .module-docs-v2 .block-tabs-mobile {
    display: block;
  }

  .module-docs-v2 .blocks {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0px 15px;
  }

  .module-docs-v2 .blocks .block-scroll {
    width: 100% !important;
    height: auto !important;
  }

  .module-docs-v2 .blocks .jspContainer {
    width: 100% !important;
    height: auto !important;
  }

  .module-docs-v2 .blocks .jspPane {
    width: 100% !important;
    height: auto !important;
    position: static;
  }

  .module-docs-v2 .blocks .jspVerticalBar {
    display: none;
  }

  .module-docs-v2 .blocks .page .block {
    height: 209px;
    padding: 0px 10px;
  }

  .module-docs-v2 .blocks .page:first-child .block:first-child {
    height: 210px;
  }

  .module-docs-v2 .blocks .page .block .block-wrap {
    position: relative;
    top: 50%;
    height: auto;
  }

  .module-docs-v2 .blocks .page .block .cell {
    height: auto;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-1 {
    width: 100%;
    float: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-1 .name {
    position: static;
    font-size: 14px;
    line-height: 22px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-2 {
    width: 50%;
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-3 {
    width: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-4 {
    width: 100%;
    float: none;
    clear: both;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    text-align: center;
  }

  .module-docs-v2 .blocks .page .block .cell.cell-4 a {
    font-size: 14px;
    line-height: 22px;
  }

  .module-docs-v2 .block-more {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 50px 0px 0px 0px;
  }

  .module-docs-v2 .blocks .page .block .block-wrap {
    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);
  }

  .module-docs-v2 .blocks .page .block .cell.cell-1 .name {
    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

    transform: translateY(0%);
  }
}

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

   Прелоадер (маленький)

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

.element-preloader {
  background: #000 url(./images/preloader.gif) no-repeat center center;
  width: 44px;
  height: 44px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -22px 0px 0px -22px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 1000;
  border-radius: 15px;
}

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

   Горизонтальный слайдер 2

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

.section-9-new {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
  background-attachment: fixed;
}

.device-tablet .section-9-new {
  display: none;
}

.section-9-new__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

.section-9-new__item img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.section-9-new__item-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
}

.section-9-new__item-wrap img {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  transform: perspective(0px);
}

.device-tablet .section-9-new {
  background-attachment: scroll;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 712px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 712px) {
  .section-9-new {
    background-attachment: scroll;
  }
}

@media (max-width: 1024px) {
  .section-9-new {
    display: none;
  }
}

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

   Горизонтальный слайдер 3

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

.section-14-new {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
  background-attachment: fixed;
  position: relative;
  z-index: -1;
}

.device-tablet .section-14-new {
  display: none;
}

.section-14-new__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

.section-14-new__item img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.section-14-new__item-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
}

.section-14-new__item-wrap img {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  transform: perspective(0px);
}

.section-14 {
  display: none;
}

.device-tablet .section-14-new {
  background-attachment: scroll;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 712px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 712px) {
  .section-14-new {
    background-attachment: scroll;
  }
}

@media (max-width: 767px) {
  .section-14 {
    display: block;
  }
}

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

   Горизонтальный слайдер 3 - второй (детская инфраструктура)

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

.section-14-2 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
  background-attachment: fixed;
  position: relative;
  z-index: -1;
}

.device-tablet .section-14-2 {
  display: none;
}

.section-14-2__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

.section-14-2__item img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.section-14-2__item-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
}

.section-14-2__item-wrap img {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  transform: perspective(0px);
}

.section-14 {
  display: none;
}

.device-tablet .section-14-2 {
  background-attachment: scroll;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 712px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 712px) {
  .section-14-2 {
    background-attachment: scroll;
  }
}

@media (max-width: 767px) {
  .section-14 {
    display: block;
  }
}

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

   Горизонтальный слайдер 4

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

.section-21 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
  background-attachment: fixed;
}

.device-tablet .section-21 {
  display: none;
}

.section-21__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

.section-21__item img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.section-21__item-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
}

.section-21__item-wrap img {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  transform: perspective(0px);
}

.device-tablet .section-21 {
  background-attachment: scroll;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 712px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 712px) {
  .section-21 {
    background-attachment: scroll;
  }
}

@media (max-width: 1024px) {
  .section-21 {
    display: none;
  }
}

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

   Экран с видео

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

.screen-video {
  width: 100%;
  height: 100vh;
  font-size: 0px;
  line-height: 0px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
}

.screen-video[data-screen-decoration="Y"] {
  height: calc(100vh - 100px);
}

.screen-video.block-hide {
  z-index: -1;
}

.screen-video .wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.screen-video .wrap.wrap-fixed {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.screen-video .wrap .fixed {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  transform: perspective(0px);
}

.screen-video .video {
  background: #000;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
  line-height: 0px;
}

.screen-video .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.screen-video .preview {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
  line-height: 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  display: none;
}

.screen-video .preview[data-active="Y"] {
  opacity: 1;
  visibility: visible;
}

.screen-video .preview img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.screen-video .title {
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}

.screen-video .fixed .title {
  position: fixed;
}

.screen-video .title[data-active="Y"] {
  opacity: 1;
  visibility: visible;
}

.screen-video .volume {
  background: rgba(0, 0, 0, 0.4);
  width: 60px;
  height: 60px;
  border-radius: 10px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -30px;
  z-index: 3;
  cursor: pointer;
  transition: all 0.2s ease 0s;
  font-size: 0px;
  line-height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.screen-video .fixed .volume {
  position: fixed;
}

.screen-video .volume .volume-icon {
  display: none;
}

.screen-video .volume .volume-icon.icon-off {
  width: 27px;
  height: 25px;
}

.screen-video .volume .volume-icon.icon-on {
  width: 26px;
  height: 24px;
}

.screen-video .volume.off .volume-icon.icon-off {
  display: block;
}

.screen-video .volume.on .volume-icon.icon-on {
  display: block;
}

.screen-video .volume:hover {
  background: rgba(0, 0, 0, 0.6);
}

.screen-video .volume[data-position="left"] {
  left: 40px;
  right: auto;
  margin: 0px;
}

.screen-video .volume svg {
  width: 100%;
  height: 100%;
}

.screen-video .arrow {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin: 0px 0px 0px -16px;
  width: 28px;
  height: 15px;
  overflow: hidden;
}

.screen-video .arrow:before {
  content: "";
  background: url(./images/main/arrow.svg) no-repeat center center / contain;
  width: 28px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  animation: main-arrow 1.3s linear infinite;
}

@keyframes main-arrow {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(0);
  }

  60% {
    transform: translateY(100%);
    opacity: 1;
  }

  70.001% {
    transform: translateY(100%);
    opacity: 0;
  }

  79.999% {
    transform: translateY(-100%);
    opacity: 0;
  }

  80% {
    transform: translateY(-100%);
    opacity: 1;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-video#screen-main {
    min-width: 1px;
  }

  .screen-video .volume {
    bottom: 40px;
  }

  .screen-video .volume[data-position="left"] {
    left: 50%;
    right: auto;
    margin-left: -30px;
  }

  .tablet .screen-video .volume,
  .mobile .screen-video .volume {
    left: auto;
    right: 30px;
    margin: 0px;
    bottom: 30px;
  }

  .tablet .screen-video .volume[data-position="left"],
  .mobile .screen-video .volume[data-position="left"] {
    left: auto;
    right: 30px;
    margin: 0px;
    bottom: 30px;
  }

  .screen-video .arrow {
    bottom: 30px;
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-video#screen-main {
    min-width: auto;
  }

  .screen-video {
    height: auto;
    padding: 65vw 0px 0px 0px;
  }

  .screen-video[data-screen-decoration="Y"] {
    height: auto;
    padding: 65vw 0px 0px 0px;
  }

  .screen-video .wrap .fixed {
    position: absolute;
  }

  .screen-video .wrap.wrap-fixed {
    -webkit-clip-path: none;
    clip-path: none;
  }

  .screen-video .title {
    font-size: 24px;
    line-height: 36px;
  }

  .screen-video .volume {
    bottom: 30px;
  }

  .screen-video .volume[data-position="left"] {
    left: 50%;
    right: auto;
    margin-left: -30px;
  }

  .tablet .screen-video .volume,
  .mobile .screen-video .volume {
    left: auto;
    right: 30px;
    margin: 0px;
    bottom: 40px;
  }

  .tablet .screen-video .volume[data-position="left"],
  .mobile .screen-video .volume[data-position="left"] {
    left: auto;
    right: 30px;
    margin: 0px;
    bottom: 30px;
  }

  .screen-video .fixed .title {
    position: absolute;
  }

  .screen-video .fixed .volume {
    position: absolute;
  }

  .screen-video .arrow {
    bottom: 40px;
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .screen-video {
    height: auto;
    padding: 100vw 0px 0px 0px;
  }

  .screen-video[data-screen-decoration="Y"] {
    height: auto;
    padding: 100vw 0px 0px 0px;
  }

  .screen-video .wrap .fixed {
    position: absolute;
  }

  .screen-video .wrap.wrap-fixed {
    clip-path: none;
    -webkit-clip-path: none;
  }

  .screen-video .title {
    font-size: 24px;
    line-height: 36px;
  }

  .screen-video .volume {
    width: 40px;
    height: 40px;
    bottom: 30px;
    margin-left: -20px;
  }

  .screen-video .volume .volume-icon.icon-off {
    width: 18px;
    height: 17px;
  }

  .screen-video .volume .volume-icon.icon-on {
    width: 17px;
    height: 16px;
  }

  .tablet .screen-video .volume,
  .mobile .screen-video .volume {
    left: auto;
    right: 20px;
    margin: 0px;
  }

  .screen-video .fixed .title {
    position: absolute;
  }

  .screen-video .fixed .volume {
    position: absolute;
  }

  .screen-video .arrow {
    bottom: 30px;
    width: 24px;
    height: 13px;
    margin-left: -12px;
  }

  .screen-video .arrow:before {
    width: 24px;
    height: 13px;
  }
}

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

   Экран с картинкой

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

.screen-image {
  width: 100%;
  height: 100vh;
  font-size: 0px;
  line-height: 0px;
  position: relative;
  overflow: hidden;
}

.screen-image img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.screen-image .wrap {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  -webkit-clip-path: inset(-1px -1px -1px -1px);
  clip-path: inset(-1px -1px -1px -1px);
  z-index: -1;
}

.screen-image .wrap .fixed {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  transform: perspective(0px);
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-image .wrap {
    -webkit-clip-path: none;
    clip-path: none;
    height: 100%;
  }

  .screen-image .wrap .fixed {
    position: absolute;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-image {
    height: auto;
    padding: 65vw 0px 0px 0px;
  }

  .screen-image .wrap {
    -webkit-clip-path: none;
    clip-path: none;
    height: 100%;
  }

  .screen-image .wrap .fixed {
    position: absolute;
  }
}

@media only screen and (max-width: 767px) {
  .screen-image {
    height: auto;
    padding: 100vw 0px 0px 0px;
  }

  .screen-image .wrap {
    -webkit-clip-path: none;
    clip-path: none;
    height: 100%;
  }

  .screen-image .wrap .fixed {
    position: absolute;
  }
}

/*

.screen-image {width:100%; height:100vh; font-size:0px; line-height:0px; position:relative; overflow:hidden;}

.screen-image .wrap {width:100%; height:100%; position:absolute; top:0px; left:0px; clip:rect(0, auto, auto, 0); overflow:hidden;}

.screen-image .wrap img {object-fit:cover; object-position:center center; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:-1; transform:perspective(0px);}



@media only screen and (min-width: 768px) and (max-width: 1023px), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {



	.screen-image {height:auto; padding:65vw 0px 0px 0px;}



}



@media only screen and (max-width: 767px) {



	.screen-image {height:auto; padding:100vw 0px 0px 0px;}



}

*/

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

   Слайдер

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

.swiper-pagination-bullets {
  z-index: 2;
  font-size: 0px;
  line-height: 0px;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
  width: 7px;
  height: 7px;
}

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

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0px 10px;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 40px;
}

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

   Экран с галереей

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

.screen-gallery {
  background: #000;
  width: 100%;
  margin: 0px;
  padding: 170px 46px 100px 46px !important;
}

.screen-gallery .title {
  margin: 0px 0px 71px 0px;
  text-align: center;
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.screen-gallery .blocks {
  margin: 0px -12px;
  display: flex;
  flex-wrap: wrap;
}

.screen-gallery .blocks .block {
  position: relative;
  width: calc(33.33% - 24px);
  height: auto;
  margin: 24px 12px 0px 12px;
  padding: 22.3% 0px 0px 0px;
  cursor: pointer;
}

.screen-gallery .blocks .block .img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
  line-height: 0px;
  filter: brightness(65%);
  -webkit-filter: brightness(65%);
  -moz-filter: brightness(65%);
}

.screen-gallery .blocks .block .img:before {
  content: "";
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  transition: all 0.3s ease 0s;
  opacity: 0;
  z-index: 2;
}

.screen-gallery .blocks .block .img:after {
  content: "";
  border: 1px solid #cfac74;
  position: absolute;
  top: 35px;
  bottom: 35px;
  left: 55px;
  right: 55px;
  transition: all 0.3s ease 0s;
  opacity: 0;
  z-index: 2;
}

.screen-gallery .blocks .block .img img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.screen-gallery .blocks .block .img .icon {
  background: url(./images/gallery-v3/stack.svg) no-repeat center center /
    contain;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.screen-gallery .blocks .block .name {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 75px;
  right: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 26px;
  line-height: 33px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
  flex-direction: column;
}

.screen-gallery .blocks .block .name .small {
  margin: 2px 0px -20px 0px;
  font-size: 13px;
  line-height: 18px;
}

.screen-gallery .blocks .block[data-disabled="Y"] {
  pointer-events: none;
}

.screen-gallery .block-mobile {
  display: none;
  position: relative;
  padding: 0px 0px 37px 0px;
}

.screen-gallery .block-mobile .title-small {
  margin: 0px 0px 34px 0px;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
}

.screen-gallery .block-mobile .slider {
  margin: 0px;
  padding: 0px;
}

.screen-gallery .block-mobile .slider .slide {
  position: relative;
  overflow: hidden;
}

.screen-gallery .block-mobile .slider .slide .img {
  width: 100%;
  height: auto;
  padding: 68% 0px 0px 0px;
  font-size: 0px;
  line-height: 0px;
  filter: brightness(65%);
  -webkit-filter: brightness(65%);
  -moz-filter: brightness(65%);
}

.screen-gallery .block-mobile .slider .slide .img img {
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.screen-gallery .block-mobile .slider .slide .img .icon {
  background: url(./images/gallery-v3/stack.svg) no-repeat center center /
    contain;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.screen-gallery .block-mobile .slider .slide .name {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  z-index: 2;
  flex-direction: column;
}

.screen-gallery .block-mobile .slider .slide .name .small {
  margin: 3px 0px -21px 0px;
  font-size: 12px;
  line-height: 18px;
}

.screen-gallery .block-mobile .slider .slide .wrap[data-disabled="Y"] {
  pointer-events: none;
}

.screen-gallery .block-mobile .pagination {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
}

.screen-gallery .block-mobile .pagination span {
  margin: 0px 10px;
}

@media only screen and (min-width: 1770px) {
  .screen-gallery {
    padding: 70px 60px 100px 60px;
  }

  .screen-gallery .title {
    margin: 0px 0px 69px 0px;
  }

  .screen-gallery .blocks .block .name {
    font-size: 30px;
    line-height: 44px;
  }
}

@media only screen and (min-width: 1281px) {
  .screen-gallery .blocks .block:hover .img:before {
    opacity: 1;
  }

  .screen-gallery .blocks .block:hover .img:after {
    opacity: 1;
    top: 45px;
    bottom: 45px;
    left: 65px;
    right: 65px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-gallery {
    padding: 70px 30px 81px 30px;
  }

  .screen-gallery .title {
    margin: 0px 0px 52px 0px;
  }

  .screen-gallery .blocks {
    margin: 0px -9px;
  }

  .screen-gallery .blocks .block {
    margin: 18px 9px 0px 9px;
    width: calc(33.33% - 18px);
  }

  .screen-gallery .blocks .block .name {
    font-size: 18px;
    line-height: 24px;
    left: 20px;
    right: 20px;
  }

  .screen-gallery .blocks .block .name .small {
    margin: 3px 0px -21px 0px;
    font-size: 12px;
    line-height: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-gallery {
    padding: 70px 24px 80px 24px;
  }

  .screen-gallery .title {
    margin: 0px 0px 46px 0px;
  }

  .screen-gallery .blocks {
    margin: 0px -12px;
  }

  .screen-gallery .blocks .block {
    margin: 24px 12px 0px 12px;
    padding: 29.3% 0px 0px 0px;
    width: calc(50% - 24px);
  }

  .screen-gallery .blocks .block:last-child {
    width: calc(100% - 24px);
  }

  .screen-gallery .blocks .block .name {
    font-size: 18px;
    line-height: 24px;
    left: 20px;
    right: 20px;
  }

  .screen-gallery .blocks .block .name .small {
    margin: 3px 0px -21px 0px;
    font-size: 12px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .screen-gallery {
    padding: 27px 20px 60px 20px;
  }

  .screen-gallery .title {
    margin: 0px 0px 9px 0px;
    font-size: 30px;
    line-height: 40px;
  }

  .screen-gallery .blocks {
    display: none;
  }

  .screen-gallery .block-mobile {
    display: block;
  }
}

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

   Галерея, альбом

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


/* .gallery__grid{
  display: grid;
  gap: 20px;
} */

.gallery__grid img {width: 100%;}
.grid_3-col .img{width: 33.3333%;}
.grid_2-col .img{width: 50%;}

.module-gallery-album {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 200;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease 0.4s;
}

.module-gallery-album .fade {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease 0s;
  display: flex;
  flex-direction: column;
}

.module-gallery-album.active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.module-gallery-album.active .fade {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.4s;
}

.module-gallery-album .top {
  width: 100%;
  height: 190px;
  min-height: 190px;
  max-height: 190px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.module-gallery-album .top .back {
  position: absolute;
  top: 50%;
  left: 47px;
  transform: translateY(-50%);
  padding: 0px 0px 0px 31px;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}

.module-gallery-album .top .back:before {
  content: "";
  background: url(./images/gallery-v3/back.svg) no-repeat center center /
    contain;
  width: 16px;
  height: 17px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -8px;
  transition: all 0.2s ease 0s;
}

.module-gallery-album .top .back:hover:before {
  left: -5px;
}

.module-gallery-album .top .title {
  text-align: center;
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.module-gallery-album .content {
  height: 100%;
  overflow: auto;
  font-size: 0px;
  line-height: 0px;
  padding: 0px 35px 58px 35px;
  opacity: 0;
  transition: opacity 0.5s ease 0s;
}

.module-gallery-album .content[data-active="Y"] {
  opacity: 1;
}

.module-gallery-album .content::-webkit-scrollbar {
  width: 0px;
}

.module-gallery-album .content::-webkit-scrollbar-thumb {
  width: 0px;
}

.module-gallery-album .content::-webkit-scrollbar-track {
  width: 0px;
}

.module-gallery-album .content .columns {
  margin: 0px;
  padding: 0px;
}

.module-gallery-album .content .columns .img {
  /* width: 33.33%; */
  padding: 0px 12px 24px 12px;
  transition: none !important;
  overflow: hidden;
}

/*
.module-gallery-album .content .columns .img:nth-child(10) {
  overflow: hidden;
}

.module-gallery-album .content .columns .img:last-child img {
  margin-top: -4px;
}

.module-gallery-album .content .columns .img:nth-child(10) img {
  margin-top: -4px;
} */

img[data-id="gallery-lobby"][data-slide="11"] {
  margin-top: -6px;
}

img[data-id="gallery-lobby"][data-slide="10"] {
  margin-top: -6px;
}

.mob-gallery-img {
  display: block;
  height: auto;
  width: 100%;
  max-height: 80vh;
}

.js-slider-gallery__pagination {
  margin-top: 40px;
}

.gallery-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  transition: all 0.35s ease 0s;
  opacity: 0;
  visibility: hidden;
  font-size: 0px;
  line-height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}

.gallery-popup .close {
  position: absolute;
  z-index: 4;
  top: 2rem;
  right: 2rem;
  border-radius: 5rem;
  padding: 1rem;
  background: #000;
}

.gallery-popup .close svg {
  width: 1.5rem;
  height: 1.5rem;
}

.gallery-popup.active {
  visibility: visible;
  opacity: 1;
}

.js-slider-gallery__pagination {
  text-align: center;
}

.gallery-popup .swiper-button-next,
.gallery-popup .swiper-button-prev {
  color: #fff;
  background: #000;
  border-radius: 5rem;
  padding: 1.5rem;
}

.gallery-popup .swiper-button-next:after,
.gallery-popup .swiper-button-prev:after {
  font-size: 1.5rem;
}

.js-slider-gallery__lobby {
  max-width: 100vw;
  max-height: 100vh;
  padding: 1rem;
}

.js-slider-gallery__lobby .swiper-wrapper {
  align-items: center;
}




.module-gallery-album.active .content .columns {
  position: relative;
  width: 100%;
}

.module-gallery-album.active .content .columns:after {
  width: 100%;
  content: '';
  height: 42px;
  background: #000;
  bottom: 0;
  position: absolute;
}


img[data-id="gallery-post"][data-slide="5"] {
  margin-top: -2px;
}

img[data-id="gallery-post"][data-slide="4"] {
  margin-top: -1px;
}



img[data-id="gallery-enter"][data-slide="4"] {
  margin-top: -3px!important;
} 



img[data-id="gallery-finishing"][data-slide="9"] {
  margin-top: -1px!important;
} 

img[data-id="gallery-finishing"][data-slide="7"] {
  margin-top: -2px!important;
} 

img[data-id="gallery-hall"][data-slide="4"] {
  margin-top: -2px!important;
} 

img[data-id="gallery-hall"][data-slide="1"] {
  margin-top: -2.5px!important;
} 






img[data-id="gallery-parking"][data-slide="4"] {
  margin-top: -3.5px!important;
} 




img[data-id="gallery-park"][data-slide="10"] {
  margin-top: -6.5px!important;
} 

img[data-id="gallery-park"][data-slide="11"] {
  margin-top: -5.5px!important;
} 



@media screen and (max-width: 1023px) {
  img[data-id="gallery-lobby"][data-slide="11"] {
    margin-top: -18px!important;
  }

  
}

@media screen and (max-width: 1189px) {
  img[data-id="gallery-lobby"][data-slide="9"] {
    margin-top: -33px!important;
  }
}

@media screen and (max-width: 1280px) {

  img[data-id="gallery-lobby"][data-slide="10"] {
    margin-top: -33px;
  }

  img[data-id="gallery-lobby"][data-slide="11"] {
    margin-top: -20px;
  }

  img[data-id="gallery-lobby"][data-slide="9"] {
    margin-top: -24px!important;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
  img[data-id="gallery-lobby"][data-slide="10"] {
    margin-top: -17px;
  }

  img[data-id="gallery-lobby"][data-slide="11"] {
    margin-top: -17px;
  }

  /* img[data-id="gallery-lobby"][data-slide="9"] {
    margin-top: 3px!important;
  } */
}

@media screen and (min-width: 1367px) and (max-width: 1700px) {
  img[data-id="gallery-lobby"][data-slide="11"] {
    margin-top: -21px;
  }

  img[data-id="gallery-lobby"][data-slide="10"] {
    margin-top: -22px;
  }

  
img[data-id="gallery-post"][data-slide="5"] {
  margin-top: -20px;
}

img[data-id="gallery-post"][data-slide="4"] {
  margin-top: -21px;
}

  
}

@media screen and (max-width: 1377px) {
  img[data-id="gallery-post"][data-slide="6"] {
    margin-top: 5px!important;
  } 
}

@media screen and (max-width: 1700px) {
  img[data-id="gallery-enter"][data-slide="4"] {
    margin-top: -5px!important;
  } 

  img[data-id="gallery-enter"][data-slide="1"] {
    margin-top: -3px!important;
  } 

  img[data-id="gallery-architecture"][data-slide="4"] {
    margin-top: -6.5px!important;
  } 

  img[data-id="gallery-architecture"][data-slide="5"] {
    margin-top: -12.5px!important;
  } 

  
img[data-id="gallery-finishing"][data-slide="9"] {
  margin-top: -4px!important;
} 

img[data-id="gallery-finishing"][data-slide="7"] {
  margin-top: -5px!important;
} 



img[data-id="gallery-hall"][data-slide="4"] {
  margin-top: -6px!important;
} 

img[data-id="gallery-hall"][data-slide="1"] {
  margin-top: -2px!important;
} 



img[data-id="gallery-parking"][data-slide="4"] {
  margin-top: -5.5px!important;
} 

img[data-id="gallery-parking"][data-slide="5"] {
  margin-top: -3px!important;
} 


img[data-id="gallery-lift"][data-slide="4"] {
  margin-top: -3px!important;
} 



img[data-id="gallery-park"][data-slide="10"] {
  margin-top: -10.5px!important;
} 

img[data-id="gallery-park"][data-slide="11"] {
  margin-top: -8.5px!important;
} 



}

@media screen and (max-width: 1620px) {
  img[data-id="gallery-post"][data-slide="6"] {
    margin-top: -2px!important;
  }
}

@media screen and (max-width: 1580px) {
  img[data-id="gallery-enter"][data-slide="4"] {
    margin-top: -7px!important;
  } 

  img[data-id="gallery-enter"][data-slide="1"] {
    margin-top: -5px!important;
  } 
}

@media screen and (max-width: 1520px) {
  img[data-id="gallery-post"][data-slide="6"] {
    margin-top: -3px!important;
  } 

  img[data-id="gallery-architecture"][data-slide="6"] {
    margin-top: -0.5px!important;
  } 
}

@media screen and (max-width: 1440px) {
  img[data-id="gallery-enter"][data-slide="4"] {
    margin-top: -9px!important;
  } 

  
img[data-id="gallery-hall"][data-slide="4"] {
  margin-top: -8px!important;
} 

img[data-id="gallery-lift"][data-slide="4"] {
  margin-top: -8px!important;
} 


img[data-id="gallery-parking"][data-slide="4"] {
  margin-top: -8.5px!important;
} 

img[data-id="gallery-parking"][data-slide="5"] {
  margin-top: -6.5px!important;
} 


img[data-id="gallery-park"][data-slide="10"] {
  margin-top: -12.5px!important;
} 

img[data-id="gallery-park"][data-slide="11"] {
  margin-top: -11.5px!important;
} 



}

@media screen and (max-width: 1420px) {
  img[data-id="gallery-post"][data-slide="6"] {
    margin-top: -5px!important;
  } 
}

@media screen and (max-width: 1378px) {
    
img[data-id="gallery-post"][data-slide="5"] {
  margin-top: -24px;
}

img[data-id="gallery-lobby"][data-slide="9"] {
  margin-top: -3px
}

img[data-id="gallery-post"][data-slide="4"] {
  margin-top: -24px;
}

img[data-id="gallery-hall"][data-slide="1"] {
  margin-top: -2px!important;
}

img[data-id="gallery-parking"][data-slide="2"] {
  margin-top: -2px!important;
}

img[data-id="gallery-park"][data-slide="9"] {
  margin-top: -5px!important;
}

img[data-id="gallery-enter"][data-slide="4"] {
  margin-top: -10px!important;
} 

img[data-id="gallery-enter"][data-slide="1"] {
  margin-top: -3.5px!important;
}

img[data-id="gallery-architecture"][data-slide="5"] {
  margin-top: -15.5px!important;
} 

img[data-id="gallery-architecture"][data-slide="6"] {
  margin-top: -4.5px!important;
} 

img[data-id="gallery-architecture"][data-slide="4"] {
  margin-top: -10.5px!important;
} 


img[data-id="gallery-enter"][data-slide="3"] {
  margin-top: -1px!important;
} 


img[data-id="gallery-hall"][data-slide="4"] {
  margin-top: -10.5px!important;
} 

img[data-id="gallery-lift"][data-slide="4"] {
  margin-top: -11px!important;
} 

img[data-id="gallery-lift"][data-slide="2"] {
  margin-top: -2px!important;
} 

img[data-id="gallery-lobby"][data-slide="10"] {
  margin-top: -23.5px!important;
}

img[data-id="gallery-post"][data-slide="6"] {
  margin-top: -8px!important;
}



img[data-id="gallery-lobby"][data-slide="11"] {
  margin-top: -23px!important;
}

img[data-id="gallery-parking"][data-slide="4"] {
  margin-top: -12.5px!important;
} 

img[data-id="gallery-parking"][data-slide="5"] {
  margin-top: -9.5px!important;
} 



img[data-id="gallery-park"][data-slide="10"] {
  margin-top: -17.5px!important;
} 

img[data-id="gallery-park"][data-slide="11"] {
  margin-top: -17.5px!important;
} 



img[data-id="gallery-architecture"][data-slide="4"] {
  margin-top: -12.5px;
}








}

@media screen and (max-width: 1280px) {
  img[data-id="gallery-post"][data-slide="6"] {
    margin-top: -23px!important;
}


img[data-id="gallery-park"][data-slide="10"] {
  margin-top: -2px!important;
} 

img[data-id="gallery-park"][data-slide="11"] {
  margin-top: -4.5px!important;
} 


img[data-id="gallery-enter"][data-slide="4"] {
  margin-top: -8px!important;
} 


img[data-id="gallery-architecture"][data-slide="4"] {
  margin-top: unset!important;
} 


img[data-id="gallery-architecture"][data-slide="5"] {
  margin-top: -5.5px!important;
} 


img[data-id="gallery-architecture"][data-slide="6"] {
  margin-top: -6.5px!important;
} 


img[data-id="gallery-finishing"][data-slide="8"] {
  margin-top: -5px!important;
} 

img[data-id="gallery-hall"][data-slide="4"] {
  margin-top: -4.5px!important;
} 


img[data-id="gallery-parking"][data-slide="2"] {
  margin-top: -1px!important;
} 

}

@media screen and (max-width: 1023px) {
  img[data-id="gallery-post"][data-slide="5"] {
    margin-top: -45px;
  }

  img[data-id="gallery-architecture"][data-slide="6"] {
    margin-top: -6.5px!important;
  } 


  img[data-id="gallery-hall"][data-slide="3"] {
    margin-top: -7px!important;
  } 

  img[data-id="gallery-parking"][data-slide="5"] {
    margin-top: -12.5px!important;
  } 
  
  img[data-id="gallery-lift"][data-slide="3"] {
    margin-top: -4px!important;
  } 
  
  
  img[data-id="gallery-park"][data-slide="10"] {
    margin-top: -12.5px!important;
  } 
  
  img[data-id="gallery-park"][data-slide="11"] {
    margin-top: -11.5px!important;
  } 

}

.module-gallery-album .content .columns .img img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

@media only screen and (min-width: 1770px) {
  .module-gallery-album .top .back {
    left: 60px;
  }

  .module-gallery-album .content {
    padding: 0px 48px 88px 48px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-gallery-album .top .back {
    left: 30px;
  }

  .module-gallery-album .content {
    padding: 0px 21px 62px 21px;
  }

  .module-gallery-album .content .columns .img {
    padding: 0px 9px 18px 9px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-gallery-album .top .back {
    left: 24px;
  }

  .module-gallery-album .content {
    padding: 0px 12px 56px 12px;
  }

  .module-gallery-album .content .columns .img {
    width: 50%;
    padding: 0px 12px 24px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .module-gallery-album {
    display: none;
  }
}

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

   Галерея, альбом, фотографии

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

.module-gallery-album-detail {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 200;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease 0.4s;
}

.module-gallery-album-detail .bg {
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: all 0.35s ease 0s;
}

.module-gallery-album-detail .fade {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease 0s;
}

.module-gallery-album-detail.active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.module-gallery-album-detail.active .bg {
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.4s;
}

.module-gallery-album-detail.active .fade {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.4s;
}

.module-gallery-album-detail .close {
  background: rgba(0, 0, 0, 0.4);
  width: 60px;
  height: 60px;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 5;
  cursor: pointer;
  transition: all 0.2s ease 0s;
}

.module-gallery-album-detail .close:hover {
  background: rgba(0, 0, 0, 0.6);
}

.module-gallery-album-detail .close:before {
  content: "";
  background: url(./images/gallery-v3/close.svg) no-repeat center center /
    contain;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -11px 0px 0px -11px;
}

.module-gallery-album-detail .slider {
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: 40px;
  right: 40px;
}

.module-gallery-album-detail .slider .slide {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0px;
  line-height: 0px;
}

.module-gallery-album-detail .slider .slide .img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.module-gallery-album-detail .slider .slide .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.module-gallery-album-detail .slider .slide .img .text {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: auto;
  text-align: center;
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  padding: 45px 0px 43px 0px;
}

.module-gallery-album-detail .slider .arrow {
  width: 118px;
  height: 200px;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  z-index: 5;
  cursor: pointer;
  transition: all 0.2s ease 0s;
}

.module-gallery-album-detail .slider .arrow:hover {
  transform: scale(1.1);
}

.module-gallery-album-detail .slider .arrow:before {
  content: "";
  background: no-repeat center center / contain;
  width: 38px;
  height: 75px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -38px 0px 0px -19px;
}

.module-gallery-album-detail .slider .arrow.arrow-prev {
  left: 0px;
}

.module-gallery-album-detail .slider .arrow.arrow-prev:before {
  background-image: url(./images/gallery-v3/arrow_prev.svg);
}

.module-gallery-album-detail .slider .arrow.arrow-next {
  right: 0px;
}

.module-gallery-album-detail .slider .arrow.arrow-next:before {
  background-image: url(./images/gallery-v3/arrow_next.svg);
}

.module-gallery-album-detail .slider .pagination {
  display: none;
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  text-align: center;
}

.module-gallery-album-detail .slider .pagination > span {
  margin: 0px 5px;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-gallery-album-detail .close {
    top: 30px;
    right: 30px;
  }

  .module-gallery-album-detail .slider {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
  }

  .module-gallery-album-detail .slider .slide .img .text {
    font-size: 20px;
    line-height: 30px;
    padding: 25px 0px 25px 0px;
  }

  .module-gallery-album-detail .slider .arrow {
    display: none;
  }

  .module-gallery-album-detail .slider .pagination {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .module-gallery-album-detail {
    background: rgba(0, 0, 0, 0.9);
  }

  .module-gallery-album-detail .close {
    top: 24px;
    right: 24px;
  }

  .module-gallery-album-detail .slider {
    top: 24px;
    bottom: 24px;
    left: 24px;
    right: 24px;
  }

  .module-gallery-album-detail .slider .slide .img {
    width: 100%;
    height: 100%;
  }

  .module-gallery-album-detail .slider .slide .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    max-width: none !important;
    max-height: none !important;
  }

  .module-gallery-album-detail .slider .slide .img .text {
    font-size: 20px;
    line-height: 30px;
    padding: 25px 0px 25px 0px;
  }

  .module-gallery-album-detail .slider .arrow {
    display: none;
  }

  .module-gallery-album-detail .slider .pagination {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .module-gallery-album-detail {
    background: #000;
  }

  .module-gallery-album-detail .close {
    top: 0px;
    right: 0px;
  }

  .module-gallery-album-detail .slider {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }

  .module-gallery-album-detail .slider .slide .img {
    width: 100%;
    height: 100%;
  }

  .module-gallery-album-detail .slider .slide .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    max-width: none !important;
    max-height: none !important;
  }

  .module-gallery-album-detail .slider .slide .img .text {
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0px 96px 0px;
  }

  .module-gallery-album-detail .slider .arrow {
    display: none;
  }

  .module-gallery-album-detail .slider .pagination {
    display: block;
    width: 85px !important;
    bottom: 151px;
  }
}

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

   Описание парка

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

.screen-park-description {
  background: #b3987e;
  margin: 0px;
  padding: 90px 0px 90px 0px;
  text-align: center;
}

.screen-park-description .text {
  margin: 0px auto;
  padding: 0px 20px;
  max-width: 1080px;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-park-description {
    padding: 75px 0px 76px 0px;
  }

  .screen-park-description .text {
    max-width: 940px;
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-park-description {
    padding: 60px 0px 60px 0px;
  }

  .screen-park-description .text {
    max-width: 680px;
    font-size: 22px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .screen-park-description {
    padding: 37px 0px 38px 0px;
  }

  .screen-park-description .text {
    max-width: none;
    font-size: 15px;
    line-height: 30px;
  }
}

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

   Описание пентхаусов

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

.screen-pent-description {
  background: #b3987e;
  margin: 0px;
  padding: 100px 0px 100px 0px;
  text-align: center;
}

.screen-pent-description .text {
  margin: 0px auto;
  padding: 0px 20px;
  font-size: 38px;
  line-height: 60px;
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-pent-description {
    padding: 77px 0px 78px 0px;
  }

  .screen-pent-description .text {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-pent-description {
    padding: 60px 0px 60px 0px;
  }

  .screen-pent-description .text {
    font-size: 22px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .screen-pent-description {
    padding: 60px 0px 60px 0px;
  }

  .screen-pent-description .text {
    font-size: 22px;
    line-height: 33px;
  }
}

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

   Отделка пентхаусов

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

.screen-pent-decoration {
  background: #000;
  margin: 0px;
  padding: 100px 0px 100px 0px;
  text-align: center;
}

.screen-pent-decoration .text {
  margin: 0px auto;
  padding: 0px 20px;
  font-size: 38px;
  line-height: 60px;
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-pent-decoration {
    padding: 70px 0px 70px 0px;
  }

  .screen-pent-decoration .text {
    font-size: 32px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-pent-decoration {
    padding: 60px 0px 60px 0px;
  }

  .screen-pent-decoration .text {
    font-size: 22px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .screen-pent-decoration {
    padding: 33px 0px 34px 0px;
  }

  .screen-pent-decoration .text {
    font-size: 22px;
    line-height: 33px;
  }
}

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

   Отделка пентхаусов

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

.screen-parking {
  background: #000;
  margin: 0px;
  padding: 77px 0px 76px 0px;
  text-align: center;
}

.screen-parking .wrap {
  margin: 0px auto;
  padding: 0px 20px;
  width: 100%;
  max-width: 620px;
}

.screen-parking .title {
  margin: 0px 0px 43px 0px;
  font-size: 38px;
  line-height: 60px;
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.screen-parking .text {
  font-size: 28px;
  line-height: 42px;
  color: #fff;
}

.screen-parking .columns {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.screen-parking .columns .cell {
  width: 50%;
  text-align: center;
}

.screen-parking .columns .cell .item {
  margin: 44px 0px 0px 0px;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
}

.screen-parking .columns .cell .item:first-child {
  margin-top: 0px;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-parking {
    padding: 52px 0px 53px 0px;
  }

  .screen-parking .wrap {
    max-width: 600px;
  }

  .screen-parking .title {
    margin: 0px 0px 17px 0px;
    font-size: 32px;
    line-height: 60px;
  }

  .screen-parking .text {
    font-size: 24px;
    line-height: 42px;
  }

  .screen-parking .columns .cell .item {
    margin: 20px 0px 0px 0px;
    font-size: 16px;
    line-height: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .screen-parking {
    padding: 54px 0px 55px 0px;
  }

  .screen-parking .wrap {
    max-width: 510px;
  }

  .screen-parking .title {
    margin: 0px 0px 9px 0px;
    font-size: 28px;
    line-height: 60px;
  }

  .screen-parking .text {
    font-size: 22px;
    line-height: 31px;
  }

  .screen-parking .columns .cell .item {
    margin: 16px 0px 0px 0px;
    font-size: 15px;
    line-height: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .screen-parking {
    padding: 47px 0px 48px 0px;
  }

  .screen-parking .wrap {
    max-width: none;
  }

  .screen-parking .title {
    margin: 0px 0px 20px 0px;
    font-size: 22px;
    line-height: 33px;
  }

  .screen-parking .text {
    font-size: 16px;
    line-height: 26px;
  }

  .screen-parking .columns {
    display: block;
  }

  .screen-parking .columns .cell {
    width: 100%;
  }

  .screen-parking .columns .cell .item {
    margin: 27px 0px 0px 0px;
    font-size: 16px;
    line-height: 22px;
  }

  .screen-parking .columns .cell .item:first-child {
    margin: 27px 0px 0px 0px;
  }

  .screen-parking .columns .cell:first-child .item:first-child {
    margin-top: 0px;
  }
}

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

   Спецпредложение

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

.popup-special-v2 {
  background: #312112;
  width: 900px;
  height: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin: -300px 0px 0px -450px;
  padding: 115px 135px;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease 0s;
}

.popup-special-v2[data-active="Y"] {
  opacity: 1;
  visibility: visible;
}

.popup-special-v2 .bg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
  line-height: 0px;
}

.popup-special-v2 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border: none;
}

.popup-special-v2 .close {
  background: url(./images/special/close.svg) no-repeat center center / contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
  z-index: 2;
}

.popup-special-v2 .content {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0px 20px 0px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #ad8153;
  border-image-slice: 1;
  border-image-source: linear-gradient(
    13deg,
    rgba(173, 129, 83, 1) 0%,
    rgba(226, 179, 108, 1) 25%,
    rgba(253, 236, 214, 1) 50%,
    rgba(220, 172, 100, 1) 75%,
    rgba(175, 131, 82, 1) 100%
  );
}

.popup-special-v2 .content .title {
  margin: 0px 0px 43px 0px;
  font-size: 38px;
  line-height: 46px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: -webkit-linear-gradient(
    87deg,
    rgba(173, 129, 83, 1) 0%,
    rgba(226, 179, 108, 1) 25%,
    rgba(253, 236, 214, 1) 50%,
    rgba(220, 172, 100, 1) 75%,
    rgba(175, 131, 82, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.popup-special-v2 .content .text {
  margin: 0px 0px 42px 0px;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}

.popup-special-v2 .content .text .nowrap {
  white-space: nowrap;
}

.popup-special-v2 .content .button {
  margin: 0px;
}

.popup-special-v2 .content .button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 60px;
  border: 1px solid #fff;
  text-decoration: none;
  transition: all 0.2s ease 0s;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}

.popup-special-v2 .content .button a:hover {
  background: #fff;
  color: #000;
}

.popup-special-v2[data-version="2"] .content .title {
  margin: 0px 0px 20px 0px;
  font-size: 26px;
  line-height: 36px;
}

.popup-special-v2[data-version="2"] .content .text {
  margin: 0px 0px 30px 0px;
}

.popup-special-v2[data-version="3"] .content .title {
  margin: 0px 0px 30px 0px;
  font-size: 38px;
  line-height: 46px;
}

.popup-special-v2[data-version="3"] .content .text {
  margin: 0px auto 33px auto;
  max-width: 360px;
}

.popup-special-v2[data-version="4"] .content .title {
  margin: 0px 0px 30px 0px;
  font-size: 38px;
  line-height: 46px;
}

.popup-special-v2[data-version="4"] .content .text {
  margin: 0px auto 55px auto;
  max-width: 360px;
}

.popup-special-v2[data-version="5"] .content .title {
  margin: 0px 0px 24px 0px;
  font-size: 38px;
  line-height: 46px;
}

.popup-special-v2[data-version="5"] .content .text {
  margin: 0px auto 34px auto;
  max-width: 410px;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .popup-special-v2 {
    width: 750px;
    height: 496px;
    margin: -248px 0px 0px -375px;
    padding: 73px 77px;
  }

  .popup-special-v2 .close {
    top: 30px;
    right: 30px;
  }

  .popup-special-v2 .content .title {
    margin: 0px 0px 36px 0px;
    font-size: 33px;
    line-height: 40px;
  }

  .popup-special-v2 .content .text {
    margin: 0px 0px 38px 0px;
    font-size: 16px;
    line-height: 22px;
  }

  .popup-special-v2[data-version="2"] .content .title {
    margin: 0px 0px 20px 0px;
    font-size: 24px;
    line-height: 34px;
  }

  .popup-special-v2[data-version="2"] .content .text {
    margin: 0px 0px 30px 0px;
  }

  .popup-special-v2[data-version="3"] .content .title {
    margin: 0px 0px 25px 0px;
    font-size: 33px;
    line-height: 40px;
  }

  .popup-special-v2[data-version="3"] .content .title br {
    display: none;
  }

  .popup-special-v2[data-version="3"] .content .text {
    margin: 0px auto 49px auto;
    max-width: 442px;
  }

  .popup-special-v2[data-version="4"] .content .title {
    margin: 0px 0px 25px 0px;
    font-size: 33px;
    line-height: 40px;
  }

  .popup-special-v2[data-version="4"] .content .text {
    margin: 0px auto 49px auto;
    max-width: 442px;
  }

  .popup-special-v2[data-version="5"] .content .title {
    margin: 0px 0px 25px 0px;
    font-size: 33px;
    line-height: 40px;
  }

  .popup-special-v2[data-version="5"] .content .text {
    margin: 0px auto 35px auto;
    max-width: 442px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .popup-special-v2 {
    width: 600px;
    height: 396px;
    margin: -198px 0px 0px -300px;
    padding: 54px 76px;
  }

  .popup-special-v2 .close {
    top: 20px;
    right: 20px;
  }

  .popup-special-v2 .content .title {
    margin: 0px 0px 23px 0px;
    font-size: 28px;
    line-height: 34px;
  }

  .popup-special-v2 .content .text {
    margin: 0px 0px 27px 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .popup-special-v2 .content .button a {
    width: 156px;
    height: 50px;
    font-size: 12px;
    line-height: 15px;
  }

  .popup-special-v2[data-version="2"] .content .title {
    margin: 0px 0px 15px 0px;
    font-size: 20px;
    line-height: 28px;
  }

  .popup-special-v2[data-version="2"] .content .text {
    margin: 0px 0px 25px 0px;
  }

  .popup-special-v2[data-version="3"] .content .title {
    margin: 0px 0px 13px 0px;
    font-size: 28px;
    line-height: 34px;
  }

  .popup-special-v2[data-version="3"] .content .title br {
    display: none;
  }

  .popup-special-v2[data-version="3"] .content .text {
    margin: 0px auto 17px auto;
    max-width: 364px;
    font-size: 14px;
    line-height: 20px;
  }

  .popup-special-v2[data-version="4"] .content .title {
    margin: 0px 0px 13px 0px;
    font-size: 28px;
    line-height: 34px;
  }

  .popup-special-v2[data-version="4"] .content .text {
    margin: 0px auto 37px auto;
    max-width: 364px;
    font-size: 14px;
    line-height: 20px;
  }

  .popup-special-v2[data-version="5"] .content .title {
    margin: 0px 0px 13px 0px;
    font-size: 28px;
    line-height: 34px;
  }

  .popup-special-v2[data-version="5"] .content .text {
    margin: 0px auto 23px auto;
    max-width: 364px;
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .popup-special-v2 {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 20px;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .popup-special-v2 .close {
    top: 20px;
    right: 20px;
  }

  .popup-special-v2 .content {
    padding: 0px;
    height: 280px;
  }

  .popup-special-v2 .content .title {
    margin: 0px 0px 21px 0px;
    font-size: 20px;
    line-height: 24px;
  }

  .popup-special-v2 .content .text {
    margin: 0px 0px 25px 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .popup-special-v2 .content .button a {
    width: 156px;
    height: 50px;
    font-size: 12px;
    line-height: 15px;
  }

  .popup-special-v2[data-version="2"] .content {
    height: 340px;
  }

  .popup-special-v2[data-version="2"] .content .title {
    margin: 0px 0px 20px 0px;
    padding: 0px 20px;
    font-size: 20px;
    line-height: 24px;
  }

  .popup-special-v2[data-version="2"] .content .title br {
    display: none;
  }

  .popup-special-v2[data-version="2"] .content .text {
    margin: 0px auto 25px auto;
    padding: 0px 20px;
    max-width: none;
  }

  .popup-special-v2[data-version="2"] .content .text br {
    display: none;
  }

  .popup-special-v2[data-version="3"] .content .title {
    margin: 0px 0px 10px 0px;
    padding: 0px 20px;
    font-size: 20px;
    line-height: 24px;
  }

  .popup-special-v2[data-version="3"] .content .title br {
    display: none;
  }

  .popup-special-v2[data-version="3"] .content .text {
    margin: 0px auto 15px auto;
    max-width: 244px;
    font-size: 14px;
    line-height: 20px;
  }

  .popup-special-v2[data-version="3"] .content .text br {
    display: none;
  }

  .popup-special-v2[data-version="4"] .content .title {
    margin: 0px 0px 10px 0px;
    padding: 0px 20px;
    font-size: 20px;
    line-height: 24px;
  }

  .popup-special-v2[data-version="4"] .content .text {
    margin: 0px auto 34px auto;
    max-width: 244px;
    font-size: 14px;
    line-height: 20px;
  }

  .popup-special-v2[data-version="5"] .content .title {
    margin: 0px 0px 15px 0px;
    padding: 0px 20px;
    font-size: 20px;
    line-height: 24px;
  }

  .popup-special-v2[data-version="5"] .content .text {
    margin: 0px auto 25px auto;
    max-width: 240px;
    font-size: 14px;
    line-height: 20px;
  }

  .popup-special-v2[data-version="5"] .content .text br {
    display: none;
  }
}

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

   Прочее

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

.contacts-social {
  margin: 0px;
}

.contacts-social .title {
  margin: 0px 0px 11px 0px;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.contacts-social .blocks {
  margin: 0px;
  font-size: 0px;
  line-height: 0px;
}

.contacts-social .blocks .social {
  display: inline-block;
  margin: 0px 0px 0px 22px;
  height: 20px;
  position: relative;
  text-decoration: none;
}

.contacts-social .blocks .social:first-child {
  margin-left: 0px;
}

.contacts-social .blocks .social.fb {
  width: 11px;
}

.contacts-social .blocks .social.fb:before {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/fb.svg) no-repeat;
  width: 11px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.contacts-social .blocks .social.fb:after {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/fb_hover.svg) no-repeat;
  width: 11px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}

.contacts-social .blocks .social.fb:hover:after {
  opacity: 1;
}

.contacts-social .blocks .social.instagram {
  width: 20px;
}

.contacts-social .blocks .social.instagram:before {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/instagram.svg) no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.contacts-social .blocks .social.instagram:after {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/instagram_hover.svg) no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}

.contacts-social .blocks .social.instagram:hover:after {
  opacity: 1;
}

.contacts-social .blocks .social.tg {
  width: 21px;
}

.contacts-social .blocks .social.tg:before {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/tg.svg) no-repeat;
  width: 21px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0px;
}

.contacts-social .blocks .social.tg:after {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/tg_hover.svg) no-repeat;
  width: 21px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0px;
  opacity: 0;
}

.contacts-social .blocks .social.tg:hover:after {
  opacity: 1;
}

.contacts-social .blocks .social.vk {
  width: 27px;
}

.contacts-social .blocks .social.vk:before {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/vk.svg) no-repeat;
  width: 27px;
  height: 17px;
  position: absolute;
  top: 1px;
  left: 0px;
}

.contacts-social .blocks .social.vk:after {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/vk_hover.svg) no-repeat;
  width: 27px;
  height: 17px;
  position: absolute;
  top: 1px;
  left: 0px;
  opacity: 0;
}

.contacts-social .blocks .social.vk:hover:after {
  opacity: 1;
}

.contacts-social .blocks .social.dzen {
  width: 18px;
}

.contacts-social .blocks .social.dzen:before {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/dzen.svg) no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0px;
}

.contacts-social .blocks .social.dzen:after {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/dzen_hover.svg) no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0px;
  opacity: 0;
}

.contacts-social .blocks .social.dzen:hover:after {
  opacity: 1;
}

.contacts-social .blocks .social.vc {
  width: 20px;
}

.contacts-social .blocks .social.vc:before {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/vc.svg) no-repeat;
  width: 20px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0px;
}

.contacts-social .blocks .social.vc:after {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/social/vc_hover.svg) no-repeat;
  width: 20px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0px;
  opacity: 0;
}

.contacts-social .blocks .social.vc:hover:after {
  opacity: 1;
}

.section-8 {
  text-align: left;
  position: relative;
}

.section-8 .link {
  margin: 46px 0px 0px 0px;
  text-align: center;
}

.section-8 .link a {
  display: inline-block;
  text-decoration: none;
  background: #b4987a;
  padding: 19px 40px 17px 95px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #b4987a;
  position: relative;
}

.section-8 .link a:before {
  content: "";
  background: url(https://primepark.ru/upload/images/lp/view.svg) no-repeat;
  width: 40px;
  height: 22px;
  position: absolute;
  top: 18px;
  left: 42px;
}

.section-8 .link a:hover {
  background: #9a836a;
  border-color: #9a836a;
}

.add-shadow {
  position: relative;
}

.add-shadow:before {
  content: "";
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.section-logo {
  background: #0f141c;
}

.section-19__title {
  line-height: 1.5;
  text-align: left;
}

.section-19__text {
  text-align: left;
}

.color-gradient {
  display: inline-block;

  background: -webkit-linear-gradient(
    45deg,
    rgba(173, 129, 83, 1) 0%,
    rgba(226, 179, 108, 1) 40%,
    rgba(253, 236, 214, 1) 60%,
    rgba(220, 172, 100, 1) 80%,
    rgba(175, 131, 82, 1) 100%
  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
}

.color-gradient-v2 {
  display: inline-block;

  background: linear-gradient(
    194.28deg,
    #ad8153 0%,
    #e2b36c 22.4%,
    #fdecd6 43.23%,
    #dcac64 72.92%,
    #af8352 100%
  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
}

.transition,
.transition:before,
.transition:after,
.transition *,
.transition *:before,
.transition *:after {
  -webkit-transition: all 0.2s ease-out 0s;

  -moz-transition: all 0.2s ease-out 0s;

  -ms-transition: all 0.2s ease-out 0s;

  -o-transition: all 0.2s ease-out 0s;

  transition: all 0.2s ease-out 0s;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .scrollmagic-pin-spacer {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .scrollmagic-pin-spacer {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .section-8 .link {
    text-align: center;
    margin: 37px 0px 0px 0px;
  }

  .contacts-social {
    text-align: center;
  }

  .contacts-social .blocks .social {
    margin: 0px 11px;
  }

  .contacts-social .blocks .social:first-child {
    margin: 0px 11px;
  }

  body [name="CalltouchWidgetFrame"] {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease 0s; /*inset:auto !important; top:auto !important; bottom:0px !important; left:calc(50% - 56px) !important; right:auto !important;*/
  }

  body [name="CalltouchWidgetFrame"][data-active="Y"] {
    opacity: 1;
    visibility: visible;
  }
}

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

   Уведомление о дистанционной работе v2

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

.b-korona-v2 {
  background: url(./images/b-korona-v2/bg_v3.png) no-repeat center center /
    contain;
  width: 686px;
  height: 473px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -236px 0px 0px -343px;
  z-index: 200001;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.b-korona-v2.b-korona-v2_active {
  opacity: 1;
  visibility: visible;
}

.b-korona-v2__close {
  background: url(./images/b-korona-v2/close.svg) no-repeat center center /
    contain;
  width: 46px;
  height: 46px;
  position: absolute;
  top: 79px;
  left: 50%;
  cursor: pointer;
  margin-left: -23px;
}

.b-korona-v2__text {
  margin: 0px 0px 30px 0px;
  padding: 196px 0px 0px 0px;
  font-size: 22px;
  line-height: 31px;
  color: #cfac74;
  text-align: center;
}

.b-korona-v2__text p {
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

.b-korona-v2__text p:first-child {
  margin-top: 0px;
}

.b-korona-v2__phone {
  white-space: nowrap;
  padding: 0px;
  text-align: center;
}

.b-korona-v2__phone .menu__phone-link {
  margin: 0px auto 5px auto;
  display: flex;
  justify-content: center;
  text-decoration: none;
}

.b-korona-v2__phone .menu__phone-link-brown {
  margin: 0px 8px 0px 0px;
  position: relative;
  top: 2px;
  font-size: 15px;
  line-height: 15px;
  color: #cfac74;
  font-weight: 500;
}

.b-korona-v2__phone .menu__phone-link-white {
  font-size: 26px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
}

.b-korona-v2__phone-bottom {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.608696px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .b-korona-v2 {
    width: 576px;
    height: 399px;
    margin: -200px 0px 0px -288px;
  }

  .b-korona-v2__close {
    top: 65px;
  }

  .b-korona-v2__text {
    margin: 0px 0px 23px 0px;
    padding: 173px 0px 0px 0px;
    font-size: 18px;
    line-height: 25px;
  }

  .b-korona-v2__text p {
    margin: 10px 0px 0px 0px;
    padding: 0px;
  }

  .b-korona-v2__phone .menu__phone-link {
    margin: 0px auto 5px auto;
  }

  .b-korona-v2__phone .menu__phone-link-brown {
    margin: 0px 8px 0px 0px;
    top: 2px;
    font-size: 12px;
    line-height: 12px;
  }

  .b-korona-v2__phone .menu__phone-link-white {
    font-size: 21px;
    line-height: 21px;
  }

  .b-korona-v2__phone-bottom {
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0.49176px;
  }
}

@media (max-width: 767px) {
  .b-korona-v2 {
    width: 350px;
    height: 243px;
    margin: -121px 0px 0px -175px;
  }

  .b-korona-v2__close {
    width: 30px;
    height: 30px;
    top: 45px;
    margin-left: -15px;
  }

  .b-korona-v2__text {
    margin: 0px 0px 18px 0px;
    padding: 106px 0px 0px 0px;
    font-size: 11px;
    line-height: 14px;
  }

  .b-korona-v2__text p {
    margin: 10px 0px 0px 0px;
    padding: 0px;
  }

  .b-korona-v2__phone .menu__phone-link {
    margin: 0px auto 4px auto;
  }

  .b-korona-v2__phone .menu__phone-link-brown {
    margin: 0px 8px 0px 0px;
    top: 2px;
    font-size: 11px;
    line-height: 11px;
  }

  .b-korona-v2__phone .menu__phone-link-white {
    font-size: 18px;
    line-height: 18px;
  }

  .b-korona-v2__phone-bottom {
    font-size: 9px;
    line-height: 9px;
    letter-spacing: 0.3px;
  }
}

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

   Страница с QR кодом

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

.page-qr {
  background: #000;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-qr .content {
  width: 100%;
  height: 552px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.page-qr .content .logo {
  width: 174px;
  height: 100px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}

.page-qr .content .logo img {
  width: 100%;
  height: 100%;
  margin: 0px;
  object-fit: contain;
  object-position: center center;
}

.page-qr .content .info {
  margin: 0px;
}

.page-qr .content .info .title {
  margin: 0px 0px 10px 0px;
  font-size: 31px;
  line-height: 43px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.page-qr .content .info .text {
  max-width: 404px;
  margin: 0px auto;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
}

.page-qr .content .button {
  margin: 0px;
}

.page-qr .content .button a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid #cfac74;
  width: 230px;
  height: 56px;
  font-size: 14px;
  line-height: 30px;
  color: #cfac74;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.page-qr .content .button a:hover {
  background: #cfac74;
  color: #000;
}

@media only screen and (min-width: 1770px) {
  .page-qr .content {
    height: 592px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .page-qr .content {
    height: 472px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .page-qr .content {
    height: 472px;
  }
}

@media only screen and (max-width: 767px) {
  .page-qr .content {
    height: 358px;
  }

  .page-qr .content .logo {
    width: 137px;
    height: 80px;
  }

  .page-qr .content .info .title {
    margin: 0px 0px 11px 0px;
    font-size: 22px;
    line-height: 31px;
    letter-spacing: 2px;
  }

  .page-qr .content .info .text {
    max-width: 275px;
    font-size: 13px;
    line-height: 18px;
  }

  .page-qr .content .button a {
    width: 290px;
    height: 50px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.7px;
  }
}

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

   Прелоадер для формы с QR кодом

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

.form-qr-preloader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s ease;
}

.form-qr-preloader.active {
  opacity: 1;
  visibility: visible;
}

.form-qr-preloader:before {
  content: "";
  background: url(../images/docs_more.svg?v=1) no-repeat center center / contain;
  width: 29px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -11px 0px 0px -14.5px;
  animation: qr-preloader 2s linear infinite;
}

@keyframes qr-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(900deg);
  }
}

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

   Успешная отправка формы с QR кодом

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

.form-qr-success {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

.form-qr-success.active {
  opacity: 1;
  visibility: visible;
}

.form-qr-success .wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.form-qr-success .wrap .title {
  margin: 0px 0px 30px 0px;
  font-size: 31px;
  line-height: 43px;
  color: #000;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.form-qr-success .wrap .text {
  max-width: 404px;
  margin: 0px auto 60px auto;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}

.form-qr-success .wrap .img {
  margin: 0px 0px 60px 0px;
  width: 180px;
  height: 180px;
  font-size: 0px;
  line-height: 0px;
}

.form-qr-success .wrap .img img {
  width: 100%;
  height: 100%;
  margin: 0px;
  object-fit: contain;
  object-position: center center;
}

.form-qr-success .wrap .button {
  margin: 0px;
}

.form-qr-success .wrap .button a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid #000;
  width: 370px;
  height: 52px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-transform: uppercase;
}

.form-qr-success .wrap .button a:hover {
  background: #000;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .form-qr-success .wrap .title {
    margin: 0px 0px 23px 0px;
    font-size: 25px;
    line-height: 35px;
  }

  .form-qr-success .wrap .text {
    max-width: 301px;
    margin: 0px auto 41px auto;
    font-size: 13px;
    line-height: 18px;
  }

  .form-qr-success .wrap .text br {
    display: none;
  }

  .form-qr-success .wrap .img {
    margin: 0px 0px 40px 0px;
    width: 147px;
    height: 147px;
  }

  .form-qr-success .wrap .button {
    padding: 0px 20px;
    width: 100%;
  }

  .form-qr-success .wrap .button a {
    width: 100%;
    height: 52px;
    max-width: 335px;
    margin: 0px auto;
  }
}

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

   Оценка обслуживания

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

.page-feedback {
  background: #000;
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-feedback .text-notice {
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
}

.page-feedback .wrap {
  width: 100%;
  max-width: 535px;
  margin: 0px auto;
  padding: 70px 20px;
}

.page-feedback .logo {
  margin: 0px 0px 42px 0px;
  text-align: center;
}

.page-feedback .logo svg {
  width: 174px;
  height: 100px;
}

.page-feedback .content {
  position: relative;
}

.page-feedback .content .thanks {
  text-align: center;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
}

.page-feedback .content.thanks-active .thanks {
  display: flex;
}

.page-feedback .content .thanks .title {
  width: 100%;
  margin: 0px 0px 14px 0px;
  font-size: 31px;
  line-height: 43px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.page-feedback .content .thanks .text {
  width: 100%;
  max-width: 378px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
}

.page-feedback .content .content-wrap {
  opacity: 1;
}

.page-feedback .content.thanks-active .content-wrap {
  opacity: 0;
}

.page-feedback .content .content-wrap .text {
  margin: 0px 0px 32px 0px;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
}

.page-feedback .content .content-wrap .form {
  margin: 0px;
}

.page-feedback .content .content-wrap .form .field {
  margin: 0px 0px 23px 0px;
  width: 100%;
  height: 262px;
}

.page-feedback .content .content-wrap .form .field textarea {
  width: 100%;
  height: 100%;
  resize: none;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0px;
  margin: 0px;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 28px;
  color: #fff;
}

.page-feedback .content .content-wrap .form .rating {
  margin: 0px 0px 26px 0px;
}

.page-feedback .content .content-wrap .form .rating .title {
  margin: 0px 0px 14px 0px;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.6);
}

.page-feedback .content .content-wrap .form .rating .blocks {
  font-size: 0px;
  line-height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-feedback .content .content-wrap .form .rating .blocks .block {
  width: 29px;
  height: 28px;
  margin: 0px 5px;
}

.page-feedback .content .content-wrap .form .rating .blocks .block input {
  display: none;
}

.page-feedback
  .content
  .content-wrap
  .form
  .rating
  .blocks
  .block
  input
  + label {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  cursor: pointer;
}

.page-feedback
  .content
  .content-wrap
  .form
  .rating
  .blocks
  .block
  input
  + label
  .star {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
  opacity: 1;
}

.page-feedback
  .content
  .content-wrap
  .form
  .rating
  .blocks
  .block
  input
  + label
  .star-active {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
  opacity: 0;
}

.page-feedback
  .content
  .content-wrap
  .form
  .rating
  .blocks
  .block
  input
  + label
  svg {
  width: 100%;
  height: 100%;
}

.page-feedback
  .content
  .content-wrap
  .form
  .rating
  .blocks
  .block.active
  input
  + label
  .star-active {
  opacity: 1;
}

.page-feedback .content .content-wrap .form .button {
  margin: 0px;
}

.page-feedback .content .content-wrap .form .button label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease 0s;
  border: 1px solid #cfac74;
  width: 100%;
  max-width: 403px;
  height: 52px;
  margin: 0px auto;
}

.page-feedback .content .content-wrap .form .button label input {
  background: none;
  border: none;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #cfac74;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: all 0.2s ease 0s;
}

.page-feedback .content .content-wrap .form .button label:hover {
  background: #cfac74;
}

.page-feedback .content .content-wrap .form .button label:hover input {
  color: #000;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .page-feedback .wrap {
    padding: 45px 20px;
  }

  .page-feedback .logo {
    margin: 0px 0px 27px 0px;
  }

  .page-feedback .logo svg {
    width: 143px;
    height: 82px;
  }

  .page-feedback .content .content-wrap .text {
    margin: 0px 0px 29px 0px;
    font-size: 16px;
    line-height: 22px;
  }

  .page-feedback .content .content-wrap .form .field {
    margin: 0px 0px 25px 0px;
    height: 222px;
  }

  .page-feedback .content .content-wrap .form .rating {
    margin: 0px 0px 26px 0px;
  }

  .page-feedback .content .content-wrap .form .rating .title {
    margin: 0px 0px 13px 0px;
    font-size: 18px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .page-feedback .wrap {
    padding: 45px 20px;
  }

  .page-feedback .logo {
    margin: 0px 0px 27px 0px;
  }

  .page-feedback .logo svg {
    width: 143px;
    height: 82px;
  }

  .page-feedback .content .content-wrap .text {
    margin: 0px 0px 29px 0px;
    font-size: 16px;
    line-height: 22px;
  }

  .page-feedback .content .content-wrap .form .field {
    margin: 0px 0px 25px 0px;
    height: 222px;
  }

  .page-feedback .content .content-wrap .form .rating {
    margin: 0px 0px 26px 0px;
  }

  .page-feedback .content .content-wrap .form .rating .title {
    margin: 0px 0px 13px 0px;
    font-size: 18px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .page-feedback .text-notice {
    font-size: 16px;
    line-height: 24px;
  }

  .page-feedback .wrap {
    max-width: none;
    padding: 30px 20px;
  }

  .page-feedback .logo {
    margin: 0px 0px 26px 0px;
  }

  .page-feedback .logo svg {
    width: 143px;
    height: 82px;
  }

  .page-feedback .content .thanks .title {
    margin: 0px 0px 10px 0px;
    font-size: 22px;
    line-height: 31px;
    letter-spacing: 2.03883px;
  }

  .page-feedback .content .thanks .text {
    max-width: 280px;
    font-size: 13px;
    line-height: 18px;
  }

  .page-feedback .content .content-wrap .text {
    margin: 0px 0px 30px 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .page-feedback .content .content-wrap .form .field {
    margin: 0px 0px 31px 0px;
    height: 222px;
  }

  .page-feedback .content .content-wrap .form .field textarea {
    padding: 10px 15px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
  }

  .page-feedback .content .content-wrap .form .rating {
    margin: 0px 0px 31px 0px;
  }

  .page-feedback .content .content-wrap .form .rating .title {
    margin: 0px 0px 9px 0px;
    font-size: 16px;
    line-height: 22px;
  }

  .page-feedback .content .content-wrap .form .rating .blocks .block {
    width: 24px;
    height: 24px;
    margin: 0px 5px;
  }

  .page-feedback .content .content-wrap .form .button label {
    max-width: none;
    height: 52px;
    margin: 0px;
  }
}

/* --------------- video-page --------------- */

.video-page {
  display: none;

  overflow: hidden;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 200;

  width: 100%;

  height: 100%;

  background: #000;
}

.video-page__top {
  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  width: 100%;

  height: 80px;

  background-color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .video-page__top {
    height: 71px;
  }
}

@media (max-width: 767px) {
  .video-page__top {
    height: 62px;
  }
}

.video-page__close {
  position: absolute;

  right: 35px;

  top: 50%;

  margin-top: -13px;

  cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .video-page__close {
    right: 26px;
  }
}

@media (max-width: 767px) {
  .video-page__close {
    right: 24px;
  }
}

.video-page__close-ic {
  width: 26px;

  height: 26px;

  fill: #fff;

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;
}

.video-page__close-ic:hover {
  fill: #a48242;
}

.video-page__video {
  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  object-fit: contain;

  object-position: center center;
}

.video-controls {
  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 80px;

  background-color: #000;
}

@media (max-width: 767px) {
  .video-controls {
    height: 62px;
  }
}

.video-controls__play-btn {
  position: absolute;

  left: 34px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  cursor: pointer;
}

.video-controls__play-btn.paused .video-controls__play {
  display: none;
}

.video-controls__play-btn.paused .video-controls__pause {
  display: block;
}

@media (max-width: 767px) {
  .video-controls__play-btn {
    position: fixed;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    display: none;
  }
}

.video-controls__play {
  display: block;

  width: 34px;

  height: 34px;

  fill: #fff;

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;
}

.video-controls__play:hover {
  fill: #a48242;
}

.video-controls__pause {
  display: none;

  width: 34px;

  height: 34px;

  fill: #fff;

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;
}

.video-controls__pause:hover {
  fill: #a48242;
}

.video__curtime {
  position: absolute;

  left: 95px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-weight: 300;

  font-size: 12px;

  line-height: 1;

  color: #fff;
}

@media (max-width: 767px) {
  .video__curtime {
    left: 10px;
  }
}

.video__duration {
  position: absolute;

  right: 230px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-weight: 300;

  font-size: 12px;

  line-height: 1;

  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .video__duration {
    right: 26px;
  }
}

@media (max-width: 767px) {
  .video__duration {
    right: 10px;
  }
}

.video-controls__progress {
  position: absolute;

  left: 140px;

  right: 275px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  height: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .video-controls__progress {
    right: 67px;
  }
}

@media (max-width: 767px) {
  .video-controls__progress {
    left: 55px;

    right: 55px;
  }
}

.video-controls__progress-total {
  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 100%;

  border-bottom: 1px solid #696969;
}

.video-controls__progress-buffered {
  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  border-bottom: 1px solid #fff;
}

.video-controls__progress-current {
  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 13px;

  height: 13px;

  border-radius: 50%;

  background-color: #fff;

  cursor: pointer;
}

.video__volume {
  position: absolute;

  right: 35px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 135px;

  padding-left: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-height: 1024px) {
  .video__volume {
    display: none;
  }
}

@media (max-width: 767px) {
  .video__volume {
    display: none;
  }
}

.video__volume-ic-wr {
  position: absolute;

  left: 0;

  top: 50%;

  z-index: 1;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  cursor: pointer;
}

.video__volume-ic-wr.mute .video__volume-ic-close {
  display: block;
}

.video__volume-ic-close {
  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  fill: #fff;
}

.video__volume-ic {
  width: 20px;

  height: 16px;

  fill: #fff;

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;
}

.video__volume-ic:hover {
  fill: #a48242;
}

.video__volume-range {
  position: absolute;

  left: 35px;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  height: 10px;
}

.video__volume-range:before {
  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 100%;

  border-bottom: 1px solid #696969;
}

.video__volume-handle {
  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #fff;

  cursor: pointer;
}

.video__volume-current {
  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 50%;

  border-bottom: 1px solid #fff;
}

.text_block {
width: 50%;
}
.text_block_text {
  font-size: 45px;
    line-height: 60px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    position: relative;
    display: inline-block;
}
.text_block_text:before {
  content: "";
  background: url(../images/presentation/arrow.png) no-repeat;
  width: 31px;
  height: 21px;
  position: absolute;
  bottom: 11px;
  left: 100%;
  margin: 0px 0px 0px 18px;
  opacity: 0;
}
.block_wrap {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  height: 100%;
  text-decoration: none;
  justify-content: space-around;
  align-items: end;
  padding-bottom: 182px;
}
.logo_block {
  opacity: 0.2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.logo_block img {
  width: 291px;
  height: 323px;
}
.block_wrap:hover .logo_block, .block_wrap:hover .text_block_text:before {
  opacity: 1;
}