.footer__links {
  grid-column-gap: 1.66667em;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 0 1.666vw 0;
  padding: 0;
  list-style: none;
}

.footer .footer__links:nth-of-type(2) {
  margin-bottom: 0;
}

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

.footer__links a {
  text-decoration: none;
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  float: none;
  clear: none;
  direction: ltr;
  text-align: center;
  letter-spacing: -0.01em;
  white-space: break-spaces;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 1.11vw;
  line-height: 1.527vw;
  display: inline;
}

@media screen and (max-width: 479px) {
  .footer__links {
    flex-wrap: wrap;
  }

  .footer__links li {
    margin-bottom: 5.34759vw;
  }

  .footer__links a {
    letter-spacing: -0.01vw;
    font-size: 4.26vw;
    line-height: 5.86vw;
  }
}

:root {
  --brown: #41342e;
  --yellow: #fef774;
  --tab-text: rgba(255, 248, 234, 0.5);
  --brown-70: rgba(65, 52, 46, 0.7);
  --text-field: rgba(16, 16, 16, 0.45);
  --antique-white: #ebe0cb;
  --old-lace: #fff7e6;
  --dark-grey: #a09487;
  --black: #101010;
  --khaki: rgba(254, 232, 116, 0.7);
  --black-2: rgba(16, 16, 16, 0.08);
  --white: white;
  --antique-white-2: rgba(235, 224, 203, 0.5);
  --black-3: rgba(16, 16, 16, 0.08);
  --black-4: rgba(16, 16, 16, 0.8);
  --dark-grey_line: rgba(188, 179, 161, 0.4);
  --old-lace-2: rgba(255, 248, 234, 0.2);
  --close_mob: rgba(0, 0, 0, 0.35);
  --blurry-yellow: rgba(254, 247, 116, 0.5);
  --dark-grey-2: #bcb3a1;
  --form: rgba(16, 16, 16, 0.45);
  --blue: #3d4dfa;
  --light-green: #a8ec94;
  --bage2: #bcb3a1;
  --black_blur: rgba(16, 16, 16, 0.2);
  --khaki-2: rgba(254, 232, 116, 0.6);
}

@font-face {
  font-family: "Pragmatica";
  src:
    local("Pragmatica Book"),
    local("Pragmatica-Book"),
    url("../../../../../../local/templates/generator/assets/fonts/Pragmatica/pragmatica_book.woff2")
      format("woff2"),
    url("../../../../../../local/templates/generator/assets/fonts/Pragmatica/pragmatica_book.woff")
      format("woff"),
    url("../../../../../../local/templates/generator/assets/fonts/Pragmatica/pragmatica_book.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Pragmatica Bold";
  src:
    local("Pragmatica Bold"),
    local("Pragmatica-Bold"),
    url("../../../../../../local/templates/generator/assets/fonts/Pragmatica/pragmatica_bold.woff2")
      format("woff2"),
    url("../../../../../../local/templates/generator/assets/fonts/Pragmatica/pragmatica_bold.woff")
      format("woff"),
    url("../../../../../../local/templates/generator/assets/fonts/Pragmatica/pragmatica_bold.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: webflow-icons;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

[class*="\ w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-dropdown-toggle:before {
  content: "";
  font-size: 10px;
}

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

.text_baige {
  color: rgba(160, 148, 135, 0.8);
  transition: color 0.25s;
}

.text_baige:hover {
  color: var(--yellow);
}

a {
  color: var(--brown);
  background-color: transparent;
  text-decoration: none;
}

img {
  display: inline-block;
}

.hide {
  display: none;
}

.footer,
.header {
  font-family: "Pragmatica", Arial, sans-serif;
}

.footer {
  width: 100%;
  background-color: var(--black);
  flex-direction: column;
  align-items: center;
  padding-top: 5.55556vw;
  display: flex;
  margin-top: auto;
}

.logo_footer {
  width: 6.25vw;
  margin-bottom: 4vw;
}

.footer__sub-menu {
  grid-column-gap: 1.6em;
  align-items: center;
  display: flex;
  margin-bottom: 1.66vw;
  margin-top: 4.444vw;
}

.footer__sub-menu .text_baige {
  font-size: 1em;
  line-height: 1.11vw;
}

@media screen and (max-width: 479px) {
  .footer {
    z-index: 5;
    height: auto;
    position: relative;
    padding: 18.66vw 4vw 6.4vw 4vw;
  }

  .logo_footer {
    width: 24vw;
    margin-bottom: 0;
  }

  .footer_info {
    grid-row-gap: 3.2vw;
    flex-direction: column;
  }

  .mob_hide {
    display: none;
  }

  .footer_link {
    margin-bottom: 14.9333vw;
  }

  .footer__sub-menu {
    grid-row-gap: 3.2vw;
    margin-bottom: 1.66vw;
    flex-direction: column;
    margin-top: 31.99vw;
  }

  .footer__sub-menu .text_baige {
    font-size: 3.2vw;
    line-height: 4.26vw;
  }
}

.black-section {
  background-color: #101010;
}

header ul {
  list-style: none;
}

.header-container {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  will-change: background;
  background-color: rgba(0, 0, 0, 0.35);
  transform: translate3d(0px, 0vw, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.header__inner {
  display: flex;
  width: 100%;
  min-height: 60px;
  justify-content: center;
  padding-left: 2.22vw;
  padding-right: 2.22vw;
  align-items: center;
  transform: translate3d(0px, 0vh, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 1;
}

.header-nav {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.header-nav li > a {
  color: #222;
  padding: 0;
  font-size: 12px;
  line-height: 120%;
  transition: all 0.25s;
}

.header-nav li > a.root-item-selected {
  color: var(--text-field);
}

.header-nav li > a.header-nav-link {
  color: #ffffff;
  position: relative;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;

  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.icon-8 {
  color: var(--old-lace);
  -webkit-text-stroke-color: var(--black);
  margin-right: 0;
}

.dropdown {
  position: relative;
  padding-left: 0;
  padding-right: 20px;
}

.dropdown__wrap {
  position: absolute;
  left: 0;
  top: 45px;
  border-radius: 10px;
  background: #fff7e6;
  width: max-content;
  opacity: 0;
  z-index: -1;
  display: none;
}

.dropdown.active .dropdown__wrap.column3 {
  max-width: 90vw;
  left: -30vw;
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 20px;
  padding: 10px 20px;
}

@media screen and (max-width: 768px) {
  .dropdown__wrap.column3 {
    left: 0;
  }

  .dropdown.active .dropdown__wrap.column3 {
    align-items: flex-start;
    padding: 0;
    row-gap: 17px;
  }
}

.dropdown__wrap.column3 li {
  width: calc((100% - 80px) / 3);
  padding: 0;
}

.dropdown__wrap.column3 .show-more-button {
  display: none;
}

@media screen and (max-width: 768px) {
  .dropdown__wrap.column3 li {
    width: auto;
  }

  .dropdown__wrap.column3 li {
    width: auto;
  }

  .dropdown__wrap.column3 .show-more-button {
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 250px;
    height: 50px;
    border-radius: 80px;
    background: #f0e8d8;
    font-family: 'Tilda Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #41342e;
  }
}

.dropdown__wrap li {
  padding: 10px 20px;
}

.dropdown__wrap li > a {
  color: #41342e;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.dropdown.active .dropdown__wrap {
  opacity: 1;
  z-index: 1;
  display: block;
}

.presentation__container {
  width: 100%;
  grid-column-gap: 1.11111em;
  background-color: var(--black);
  align-items: center;
  padding: 2.22em 2em;
}

.presentation__left-img {
  height: 99.8732%;
}

.presentation__group {
  width: 49.5%;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding-top: 0;
}

.presentation__group .presentation__center-icon {
  width: 4.44em;
  margin-bottom: 1.875em;
}

.presentation__title {
  font-size: 3.05vw;
  line-height: 3.33vw;
  color: var(--old-lace);
  text-align: center;
  letter-spacing: -0.03em;
  margin-bottom: 1.666vw;
}

.presentation__desc {
  text-align: center;
  letter-spacing: -0.01em;
  white-space: normal;
  border-radius: 20px;
  font-size: 1.38889vw;
  font-weight: 400;
  line-height: 1.94444vw;
  display: block;
  color: var(--old-lace);
  padding-top: 16px;
  margin-bottom: 2.77vw;
}

.presentation__group .default-btn {
  padding: 0.91vw 1.94vw;
}

.presentation__center-img {
  display: none;
}

.header__burger {
  display: none;
}

.header__burger {
  gap: 5px;
}

.header__burger span {
  width: 26px;
  background: #fef8ea;
  height: 2px;
  display: block;
}

.header__menu {
  width: 100%;
  gap: 10px;
  max-height: 0;
  left: -100%;
  transition: all 0.5s;
  opacity: 0;
  display: none;
}

.header__menu.active {
  max-height: 700px;
  opacity: 1;
  padding: 20px 0;
}

header {
  width: 100%;
  transition: all 0.5s ease 0s;
  z-index: 999999;
  transform: translateY(0px);
  position: absolute;
}

.header__logo {
  width: 86px;
  height: 45px;
  margin-right: 30px;
}

.header__logo img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .header__menu {
    display: grid;
  }

  .header__inner {
    flex-wrap: wrap;
    padding-left: 3vw;
    padding-right: 2vw;
    position: relative;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }

  .dropdown > a:after {
    vertical-align: middle;
  }

  .header-nav li > a {
    font-size: 16px;
  }

  .header__inner > .header-nav {
    display: none;
  }

  .header__burger {
    padding: 4.26vw;
    display: grid;
  }

  .header__logo img {
    width: 100%;
  }

  .header-nav {
    grid-column-gap: unset;
    display: grid;
    gap: 20px;
    overflow: hidden;
  }

  .dropdown__wrap {
    transition: all 0.5s;
    max-height: 0;
    position: unset;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .dropdown__wrap li > a {
    font-size: 5.33vw;
    line-height: 6.4vw;
    color: var(--dark-grey);
  }

  .dropdown.active .dropdown__wrap {
    max-height: initial;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    margin-top: 20px;
    max-width: 95%;
  }

  .dropdown__wrap li {
    padding: 0;
  }

  header {
    transform: none !important;
    top: 0;
  }

  .header__logo {
    width: 24vw;
    margin-top: 2vw;
    height: 12.8vw;
  }

  .header-nav li > a.header-nav-link {
    font-size: 5vw;
    line-height: 6.4vw;
    color: var(--black);
  }

  .header__menu.active {
    background-color: var(--old-lace);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding-top: 15vw;
    padding-bottom: 15vw;
    position: absolute;
    padding-left: 20px;
    top: 0;
    left: 0;
    height: auto;
    max-height: none;
  }

  .header__menu-bottom {
    display: flex;
    flex-direction: column;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .header__menu-bottom-item {
    color: var(--black);
    font-size: 5.33vw;
    line-height: 6.4vw;
    text-decoration: none;
  }

  .w-icon-dropdown-toggle {
    right: unset;
    margin: 2px 0 0 5px;
  }

  .icon-8 {
    color: var(--black);
  }

  .header .header__menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
  }

  .header .header__menu.active {
    display: block;
    animation: slideDown 0.3s ease-out;
    max-height: max-content;
    position: fixed;
    height: 100vh;
    overflow-y: scroll;
  }

  body.mobile-menu-opened {
    max-height: 100vh;
    overflow: hidden;
  }

  @keyframes slideDown {
    from {
      transform: translateY(-10px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  header .header-nav:first-of-type {
    margin-bottom: 20px;
  }
}

.home-page {
  min-height: 2000px;
}

html #bx-panel {
  z-index: 9999999 !important;
}

.flex-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-block_column {
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}

.flex-block_j-center {
  justify-content: center;
  -webkit-justify-content: center;
}

.flex-block_a-center {
  align-items: center;
  -webkit-align-items: center;
}

.home-page,
.content-page {
  background-color: #fff7e6;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: "Pragmatica", Arial, sans-serif;
}

.content-page h1 {
  white-space: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  color: var(--brown);
  letter-spacing: -0.03vw;
  font-size: 3.88vw;
  line-height: 3.88vw;
}

html body .not-margin-bottom {
  margin-bottom: 0 !important;
}

html body .not-padding-top {
  padding-top: 0 !important;
}

html body .not-margin-top {
  margin-top: 0 !important;
}

html body .center-block {
  margin-left: auto;
  margin-right: auto;
}

html body .mb27 {
  margin-bottom: 2.77vw;
}

@media screen and (max-width: 479px) {
  .content-page h1 {
    font-size: 9.6vw;
    line-height: 10.66vw;
  }

  html body .mb27 {
    margin-bottom: 8.533vw;
  }
}

.padding-global {
  padding-left: 2.222vw;
  padding-right: 2.222vw;
}

.content-section {
  margin-top: 8.888vw;
}

.padding-global h1 {
  text-align: center;
  margin-bottom: 4.444vw;
}

.padding-global_last-element {
  margin-bottom: 11.111vw;
}

.contact__desc {
  font-size: 2.22222vw;
  line-height: 2.63889vw;
  color: var(--dark-grey);
  text-align: center;
  margin-bottom: 1.666vw;
}

.contact__address {
  margin-top: 0;
  font-size: 1.666vw;
  font-weight: 400;
  line-height: 1.944vw;
  text-align: center;
  text-decoration: none;
  color: var(--brown);
  margin-bottom: 1.111vw;
}

.contact__time {
  float: none;
  clear: none;
  direction: ltr;
  text-align: center;
  letter-spacing: -0.01em;
  white-space: break-spaces;
  margin-top: 0;
  padding: 0;
  font-size: 1.11vw;
  line-height: 1.527vw;
  margin-bottom: 4.444vw;
}

.contact__map {
  max-width: 47.36vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4.444vw;
}

.contact__social {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  display: flex;
  margin-bottom: 1.111vw;
}

.contact__social a {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.666vw;
  font-weight: 400;
  line-height: 1.944vw;
  text-align: center;
  color: var(--brown);
  background-color: transparent;
  text-decoration: none;
}

.contact__social a:hover,
.contact__social a:visited {
  color: var(--brown);
  background-color: transparent;
  text-decoration: none;
}

.contact__wa {
  grid-column-gap: 0.277vw;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  text-align: center;
  letter-spacing: -0.01em;
  white-space: break-spaces;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 1.11vw;
  line-height: 1.527vw;
  color: var(--brown);
}

.contact__wa img {
  width: 1.388vw;
}

.contact__wa:hover {
  color: var(--brown);
}

.contact__requisites {
  margin-top: 13.88vw;
  margin-bottom: 13.88vw;
}

.contact__requisites-title {
  color: var(--brown);
  letter-spacing: -0.03vw;
  font-size: 3.88vw;
  line-height: 3.88vw;
  text-align: center;
  margin-bottom: 4.444vw;
  font-weight: normal;
}

.requisites-table {
  max-width: 47.36vw;
  margin-left: auto;
  margin-right: auto;
}

.requisites-table__head {
  border-top: 1px solid var(--dark-grey_line);
  border-bottom: 1px solid var(--dark-grey_line);
  width: 100%;
  padding-top: 1.11vw;
  padding-bottom: 1.11vw;
}

.requisites-table__text-element {
  float: none;
  clear: none;
  direction: ltr;
  text-align: center;
  letter-spacing: -0.01em;
  white-space: break-spaces;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.11vw;
  line-height: 1.527vw;
}

.requisites-table__item {
  border-bottom: 1px solid var(--dark-grey_line);
  justify-content: center;
  width: 100%;
  padding-top: 1.11vw;
  padding-bottom: 1.11vw;
  display: flex;
}

.requisites-table__item-left,
.requisites-table__item-right {
  width: 50%;
}

.default-btn {
  cursor: pointer;
  border: 0;
  text-decoration: none;
  color: var(--black);
  border-radius: 4.44444vw;
  padding: 1.25vw 1.9vw;
  font-size: 1.38889vw;
  line-height: 1.94444vw;
  background-color: #fff7e6;
  transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.default-btn:hover {
  background-color: var(--yellow);
}

.default-btn_small-size {
  margin-top: 4.444vw;
  padding-top: 1.18vw;
  padding-bottom: 1.18vw;
  font-size: 1.1vw;
  line-height: 1.56vw;
}

@media screen and (max-width: 479px) {
  .content-section {
    margin-top: 31.79vw;
  }

  .padding-global {
    padding-left: 4.26vw;
    padding-right: 4.26vw;
  }

  .padding-global h1 {
    margin-bottom: 14.93vw;
  }

  .contact__desc {
    letter-spacing: -0.03vw;
    font-size: 6.4vw;
    line-height: 8vw;
    margin-bottom: 6.4vw;
  }

  .contact__address {
    font-size: 5.33vw;
    line-height: 6.44vw;
    margin-bottom: 4.266vw;
  }

  .contact__time {
    font-size: 3.733vw;
    line-height: 5.333vw;
    margin-bottom: 14.93vw;
  }

  .contact__map {
    width: 100%;
    max-width: 100%;
    margin-bottom: 14.93vw;
  }

  .contact__social {
    flex-direction: column;
    gap: 0;
    margin-bottom: 4.266vw;
  }

  .contact__social a {
    font-size: 5.33vw;
    line-height: 6.44vw;
  }

  html body .margin-to-mob {
    margin-bottom: 4.266vw;
  }

  .contact__wa {
    grid-column-gap: 1.06vw;
    font-size: 3.733vw;
    line-height: 5.333vw;
  }

  .contact__wa img {
    width: 5.33vw;
  }

  .contact__requisites {
    margin-top: 27.73vw;
    margin-bottom: 27.73vw;
  }

  .contact__requisites-title {
    font-size: 9.6vw;
    line-height: 10.66vw;
    margin-bottom: 14.93vw;
  }

  .requisites-table {
    max-width: 100%;
    padding-left: 4.26vw;
    padding-right: 4.26vw;
  }

  .requisites-table__head {
    padding-top: 4.1vw;
    padding-bottom: 2.1vw;
  }

  .requisites-table__head.requisites-table__text-element {
    margin-top: 0;
  }

  .requisites-table__text-element {
    margin-top: 8px;
    font-size: 3.73333vw;
    line-height: 5.33333vw;
  }

  .requisites-table__item {
    padding-top: 2.1vw;
    padding-bottom: 2.1vw;
  }

  .presentation__container {
    flex-direction: column;
    align-items: center;
    padding: 2.8em 4.26vw 10.6vw;
  }

  .presentation__left-img {
    display: none;
  }

  .presentation__group {
    width: 100%;
  }

  .presentation__group .presentation__center-icon {
    width: 14.93vw;
    height: 14.93vw;
    margin-bottom: 4.8vw;
  }

  .presentation__title {
    margin-bottom: 0;
    font-size: 8vw;
    line-height: 9.6vw;
    width: 85%;
  }

  .presentation__title br {
    display: none;
  }

  .presentation__desc {
    font-size: 4.52vw;
    line-height: 5.1vw;
    padding-top: 0;
    margin-bottom: 8.533vw;
  }

  .presentation__desc br {
    display: none;
  }

  .presentation__group .default-btn {
    padding: 4.26vw 5.23vw;
    margin-bottom: 10.6667vw;
  }

  .presentation__center-img {
    display: block;
    margin-top: 8.533vw;
    margin-bottom: 8.533vw;
    max-width: 100%;
  }

  .default-btn {
    width: 100%;
    text-align: center;
    border-radius: 64px;
    padding: 4.26vw 5.33vw;
    font-size: 4.26vw;
    line-height: 4.26vw;
  }
}

.content-section__desc {
  padding-top: 1.111vw;
  margin: 16px auto 2.77vw auto;
  color: var(--brown);
  letter-spacing: -0.01em;
  white-space: normal;
  border-radius: 20px;
  font-size: 1.38889vw;
  font-weight: 400;
  line-height: 1.94444vw;
  display: block;
  text-align: center;
  align-self: auto;
  width: 47.36vw;
}

.content-section__img {
  width: 100%;
  height: auto;
  display: block;
}

.partners .content-section__img {
  margin-bottom: 2.44vw;
}

.black-btn {
  cursor: pointer;
  height: 4vw;
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  letter-spacing: -0.01px;
  border-radius: 6vw;
  font-size: 1.1vw;
  line-height: 1.56vw;
  transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
  padding: 1.18vw 15px;
  margin-top: 1vw;
  width: 100%;
  box-shadow: none;
  border-color: transparent;
  outline: none;
}

.black-btn:hover {
  background-color: var(--yellow);
  color: var(--black);
  border-color: transparent;
  outline: none;
}

.partners .black-btn {
  margin-top: 2.77vw;
}

.buttons-wrapper .black-btn {
  font-size: 22px;
  line-height: 130%;
  max-width: 521px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.orange-btn {
  cursor: pointer;
  height: 4vw;
  background-color: #f9a00c;
  color: var(--white);
  text-align: center;
  letter-spacing: -0.01px;
  border-radius: 6vw;
  font-size: 1.1vw;
  line-height: 1.56vw;
  transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
  padding: 1.18vw 15px;
  margin-top: 1vw;
  width: 100%;
  box-shadow: none;
  border-color: transparent;
  outline: none;
}

.orange-btn:hover {
  background-color: var(--yellow);
  color: var(--black);
  border-color: transparent;
  outline: none;
}

.partners .orange-btn {
  margin-top: 2.77vw;
  font-size: 22px;
  line-height: 130%;
  max-width: 521px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.grey-desc {
  text-align: center;
  font-size: 3.05vw;
  line-height: 3.33vw;
  color: var(--dark-grey);
}

.partners .grey-desc {
  margin-top: 8.31vw;
}

.franchise {
  margin-top: 10.53vw;
  width: 100%;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: left;
  align-items: center;
  margin-bottom: 4.7vw;
}

.small-content-img {
  width: 587px;
  height: 99.8732%;
  object-fit: cover;
  -o-object-fit: cover;
}

.full-width-group {
  justify-content: center;
  width: 100%;
  padding-top: 2em;
  align-items: center;
}

.small-content {
  flex-direction: column;
  align-self: auto;
  width: 47em;
  display: flex;
}

.small-content__title {
  color: var(--brown);
  padding-left: 0;
  padding-right: 0;
  font-size: 3.05vw;
  line-height: 3.33vw;
  text-align: left;
  margin-bottom: 2.77vw;
  font-weight: normal;
}

.small-content__desc {
  margin-top: 1.666vw;
  letter-spacing: -0.01em;
  white-space: normal;
  border-radius: 20px;
  width: 100%;
  font-size: 1.38889vw;
  font-weight: 400;
  line-height: 1.94444vw;
  display: block;
  text-align: justify;
}

html body .small-content_vw {
  width: 29.7917vw;
}

.marker-list {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.marker-list li {
  color: var(--brown);
  text-align: left;
  letter-spacing: -0.03em;
  font-size: 1.66vw;
  line-height: 2.08333vw;
  list-style: none;
  margin-bottom: 1.666vw;
  position: relative;
  padding-left: 40px;
}

.marker-list.marker-list_with-desc li {
  margin-bottom: 0.555vw;
}

.marker-list.marker-list_with-desc li:before {
  top: 5px;
}

.marker-list.marker-list_with-desc span {
  letter-spacing: -0.01em;
  white-space: break-spaces;
  padding: 0;
  font-size: 1.11vw;
  line-height: 1.527vw;
  display: inline;
  text-align: left;
  color: var(--dark-grey);
  margin-bottom: 1.666vw;
}

.marker-list.marker-list_with-desc span:last-of-type {
  margin-bottom: 0;
}

.marker-list li:last-of-type {
  margin-bottom: 0;
}

.marker-list li:before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 30%;
  background: url("../../../../../../local/templates/generator/assets/images/icons/marker.svg")
    center center / cover no-repeat;
}

.marker-list_light li {
  color: var(--old-lace);
}

.marker-list_light li:before {
  background: url("../../../../../../local/templates/generator/assets/images/icons/marker-light.svg")
    center center / cover no-repeat;
}

.presentation__small-title {
  text-align: left;
  color: var(--old-lace);
  letter-spacing: -0.03em;
  font-size: 2.22222vw;
  line-height: 2.63889vw;
  margin-bottom: 1.666vw;
}

.presentation__gray-desc {
  width: 29.7917vw;
  float: none;
  clear: none;
  direction: ltr;
  text-align: left;
  letter-spacing: -0.01em;
  white-space: break-spaces;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 1.11vw;
  line-height: 1.527vw;
  display: inline;
  color: var(--dark-grey);
}

.safe-container {
  margin-top: 8.31vw;
  margin-bottom: 13.88vw;
}

.content-section__title {
  color: var(--brown);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 3.05vw;
  line-height: 3.33vw;
  margin-bottom: 2.77vw;
  font-weight: normal;
}

.safe-content {
  grid-column-gap: 4.86111em;
  grid-auto-columns: 1fr;
  padding-left: 8.75em;
  padding-right: 8.75em;
  display: grid;
  grid-row-gap: 3.75vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.safe-content__item {
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.safe-content__item-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.safe-content__item img {
  width: 3.33333em;
  margin-bottom: 1.1vw;
}

.safe-content__item-title {
  letter-spacing: -0.03em;
  width: auto;
  font-size: 1.66vw;
  font-weight: 400;
  line-height: 2.08vw;
  color: var(--brown);
  text-align: center;
  margin-bottom: 0.555vw;
}

.loopelements {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
  margin-top: 1.666vw;
  margin-bottom: 2.77vw;
}

.loopelements__item {
  color: var(--dark-grey);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 3.05vw;
  line-height: 3.33vw;
}

.map-img {
  display: block;
  margin: 0 auto 8.31vw auto;
}

.safe-content_small {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 8.31vw;
}

.content-section.partners .safe-content_small {
  grid-template-columns: 1fr 1fr 1fr;
}

.safe-content__item-sub-title,
.safe-content__item a {
  float: none;
  clear: none;
  direction: ltr;
  text-align: center;
  letter-spacing: -0.01em;
  white-space: break-spaces;
  margin-bottom: 0.277vw;
  padding: 0;
  font-size: 1.11vw;
  line-height: 1.527vw;
  display: inline;
}

.safe-content__item a {
  text-decoration: none;
  color: var(--dark-grey);
  margin: 0;
}

.safe-content__item a:hover {
  text-decoration: none;
  color: var(--dark-grey);
}

.element-for-mb {
  display: none;
}

.buttons-wrapper {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  gap: 40px;
  width: 100%;
  max-width: 1082px;
}

@media screen and (max-width: 479px) {
  .element-for-pc {
    display: none;
  }

  .element-for-mb {
    display: block;
  }

  .content-section__desc {
    padding-top: 4.266vw;
    letter-spacing: -0.01vw;
    font-size: 4.26vw;
    line-height: 5.86vw;
    width: 100%;
    margin-bottom: 8.533vw;
  }

  .partners .content-section__img {
    margin-bottom: 0;
  }

  .content-section__desc.not-margin-bottom {
    padding-top: 8.533vw;
  }

  .black-btn {
    border-radius: 64px;
    width: 100%;
    height: 12.8vw;
    padding-top: 4.26vw;
    padding-bottom: 4.26vw;
    font-size: 4.26vw;
    line-height: 4.26vw;
  }

  .partners .black-btn {
    margin-top: 8.533vw;
    font-size: 14px;
    height: 44px;
  }

  .buttons-wrapper .black-btn {
    margin-top: 8.533vw;
    font-size: 14px;
    height: 44px;
  }

  .orange-btn {
    border-radius: 64px;
    width: 100%;
    height: 12.8vw;
    padding-top: 4.26vw;
    padding-bottom: 4.26vw;
    font-size: 4.26vw;
    line-height: 4.26vw;
  }

  .partners .orange-btn {
    margin-top: 8.533vw;
    font-size: 14px;
    height: 44px;
  }

  .grey-desc {
    font-size: 8vw;
    line-height: 9.6vw;
  }

  .partners .grey-desc {
    margin-top: 27.73vw;
  }

  .franchise {
    margin-top: 27.73vw;
    margin-bottom: 18.633vw;
    flex-direction: column;
    gap: 0;
  }

  .full-width-group {
    padding-top: 8.533vw;
  }

  .small-content {
    width: 100%;
  }

  .small-content__title {
    font-size: 8vw;
    line-height: 9.6vw;
    margin-bottom: 8.533vw;
  }

  .small-content__desc {
    margin-top: 6.4vw;
    letter-spacing: -0.01vw;
    font-size: 4.26vw;
    line-height: 5.86vw;
  }

  .marker-list li {
    margin-bottom: 6.4vw;
    font-size: 5vw;
    line-height: 7vw;
    padding-left: 25px;
  }

  .marker-list li:before {
    width: 13px;
    height: 13px;
  }

  .presentation__small-title {
    font-size: 6.4vw;
    line-height: 7.46vw;
    margin-bottom: 6.4vw;
  }

  .presentation__gray-desc {
    font-size: 3.733vw;
    line-height: 5.333vw;
    width: auto;
  }

  .default-btn_small-size {
    margin-top: 14.93vw;
    border-radius: 64px;
    width: 100%;
    height: 12.8vw;
    padding-top: 4.26vw;
    padding-bottom: 4.26vw;
    font-size: 4.26vw;
    line-height: 4.26vw;
    margin-bottom: 6.4vw;
  }

  .safe-container {
    margin-top: 27.73vw;
    margin-bottom: 27.73vw;
  }

  .content-section__title {
    padding-left: 4.26vw;
    padding-right: 4.26vw;
    font-size: 8vw;
    line-height: 9.6vw;
    margin-bottom: 8.533vw;
  }

  .safe-content {
    grid-row-gap: 6.4vw;
    flex-direction: column;
    width: 100%;
    padding-left: 6.4vw;
    padding-right: 4.26667vw;
    display: flex;
  }

  .safe-content__item {
    grid-column-gap: 5.33vw;
    align-items: center;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    flex-direction: row;
  }

  .safe-content__item img {
    width: 10.66vw;
    min-width: 10.66vw;
    height: 10.66vw;
    min-height: 10.66vw;
    margin-bottom: 0;
  }

  .safe-content__item-title {
    margin-bottom: 0;
    font-size: 5.33vw;
    line-height: 6.44vw;
    text-align: left;
  }

  .padding-global_last-element .content-section__title {
    padding: 0;
  }

  .cities-elements {
    margin-top: 16px;
    font-size: 3.2vw;
    line-height: 4.26667vw;
    font-weight: 700;
    margin-bottom: 8.533vw;
    color: var(--dark-grey);
  }

  .map-img {
    margin: 0 auto 14.93vw auto;
  }

  .safe-content__item-group {
    grid-row-gap: 2.13vw;
    flex-direction: column;
    align-items: flex-start;
  }

  .safe-content__item-sub-title,
  .safe-content__item a {
    font-size: 3.733vw;
    line-height: 5.333vw;
  }

  .padding-global_last-element {
    margin-bottom: 15vw;
  }

  .safe-content_small {
    margin-bottom: 14.93vw;
  }

  .buttons-wrapper {
    flex-direction: column !important;
    justify-content: space-between;
    gap: 10px;
  }
}

.areas-of-applications {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.space-section {
  margin-bottom: 13.88vw;
}

.areas-tabs {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2.22vw;
}

.areas {
  margin-top: 2.77vw;
}

.areas-tabs__item {
  border-radius: 30px;
  background: #f5eddc;
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #41342e;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding: 10px 15px;
  letter-spacing: -0.01em;
  white-space: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}

.areas-tabs__item_active {
  background-color: #f9a00c;
  color: #fef7e5;
}

html body .areas-tabs__content-slide {
  width: 33.3333%;
  height: auto;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  white-space: normal;
  text-align: left;
  display: inline-block;
  position: relative;
}

.areas-tabs__content-pane {
  display: none;
}

.areas-tabs__content-pane_active {
  display: flex;
  justify-content: center;
  opacity: 1;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    display: none;
  }
  to {
    opacity: 1;
    display: flex;
    justify-content: center;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    display: flex;
    justify-content: center;
  }
  to {
    opacity: 0;
    display: none;
  }
}

.areas-tabs__content-slide-title {
  text-transform: uppercase;
  color: var(--brown);
  text-align: left;
  letter-spacing: -0.03em;
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  margin-top: 25px;
  padding: 0 20px;
}

.areas-tabs__content-slide-desc {
  text-align: left;
  letter-spacing: -0.01em;
  white-space: break-spaces;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #41342e;
  margin-top: 10px;
  padding: 0 20px;
}

.areas-tabs__content-slide-img {
  width: 100%;
  height: 360px;
  object-fit: cover;
}

.areas-tabs__content-slider {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

html body .areas-tabs__content-slide {
  min-height: 1px;
  height: auto;
  width: calc((100% - 60px) / 3);
  white-space: normal;
  text-align: left;
  display: block;
  position: relative;
}

html body .cases .areas-tabs__content-slide-img {
}

.cases h1 {
  margin-bottom: 30px;
  text-align: center;
  font-weight: 400;
  font-size: 48px;
  line-height: 130%;
  color: #41342e;
}

.section-title {
  color: #41342e;
  text-align: center;
  letter-spacing: -0.03em;
  font-size: 3.88vw;
  line-height: 4vw;
  font-weight: unset;
}

@media screen and (max-width: 479px) {
  .section-title {
    font-size: 9.6vw;
    line-height: 10.1333vw;
    width: 100%;
    padding-left: 4.26vw;
    padding-right: 4.26vw;
  }

  .areas-of-applications {
    padding-left: 4.26vw;
    padding-right: 4.26vw;
  }

  .areas-of-applications .section-title {
    padding: 0;
  }

  .space-section {
    overflow: hidden;
    margin-bottom: 27.73vw;
    padding: 0;
  }

  .section-desc {
    letter-spacing: -0.01vw;
    font-size: 4.26vw;
    line-height: 5.86vw;
  }

  .areas {
    margin-top: 8.533vw;
  }

  .areas-tabs {
    min-width: 320px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 4.26vw;
    padding-left: 0;
    padding-right: 30px;
    overflow: auto;
    overflow-x: scroll;
    margin-left: 4.26vw;
    margin-right: 4.26vw;
  }

  .areas-tabs::-webkit-scrollbar {
    height: 8px;
  }

  .areas-tabs::-webkit-scrollbar-track {
    background-color: #f3ecdc;
  }

  .areas-tabs::-webkit-scrollbar-thumb {
    background-color: #41342e;
    border-radius: 5px;
  }

  .areas-tabs__item {
    align-self: center;
    padding: 3.46vw 4.26vw;
  }

  .areas-tabs__item:nth-of-type(3) {
    min-width: 130px;
  }

  .areas-tabs__item_active {
    background-color: var(--blurry-yellow);
    box-shadow: 0 0 4.25vw 1.5vw var(--blurry-yellow);
    border-radius: 12vw;
    align-self: center;
    margin: 2.46vw 1.93vw;
    padding: 1vw 2.33vw;
  }

  html body .areas-tabs__content-slide {
    width: 100% !important;
    padding: 0 4.26vw;
  }

  .areas-tabs__content-pane {
    position: relative;
  }

  html body .areas-tabs__content-pane .swiper-pagination {
    padding-top: 16px;
    display: block;
    position: relative;
    top: auto;
    left: 0%;
    right: 0%;
  }

  html body .areas-tabs__content-pane .swiper-pagination-bullet {
    height: 6px;
    width: 6px;
    margin-left: 8px !important;
    margin-right: 8px !important;
    cursor: pointer;
  }

  html body .areas-tabs__content-pane .swiper-pagination-bullet-active {
    background-color: #222;
  }

  .areas-tabs__content-pane_active {
    display: block;
  }

  .areas-tabs__content-slide-title {
    margin-top: 3.5vw;
    text-align: left;
    font-size: 6.4vw;
    line-height: 7.46vw;
    margin-bottom: 2.13vw;
  }

  .areas-tabs__content-slide-desc {
    margin-top: 0;
    font-size: 3.733vw;
    line-height: 5.333vw;
  }

  .cases h1 {
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 130%;
  }

  html body .cases .areas-tabs__item {
    text-align: center;
  }

  html body .cases .areas-tabs .areas-tabs__item_active {
  }

  html body .cases .areas-of-applications {
    padding-right: 0;
    padding-left: 0;
  }

  html body .cases .areas-tabs__content-slide {
    flex-direction: column;
    height: auto;
    margin-bottom: 32px;
    display: flex;
  }

  html body .cases .areas-tabs__content-slide-title {
    font-size: 28px;
    line-height: 130%;
  }

  .areas-tabs__content-slide-desc {
    text-align: left;
  }

  .areas-tabs__content-slider {
    flex-direction: column;
  }

  html body .areas-tabs__content-slide {
    width: 100%;
  }
}

.small-img {
  display: block;
  margin: 0 auto;
  width: 55%;
}

.about .small-img {
  margin-bottom: 11.111vw;
}

.content-section__big-desc {
  text-align: center;
  line-height: 2.7vw;
  color: var(--brown);
  letter-spacing: -0.03em;
  font-size: 2.22222vw;
  margin-top: 16px;
  margin-bottom: 12.777vw;
}

.about .content-section__big-desc {
  margin-left: 140px;
  margin-right: 140px;
}

.space-container {
  align-items: center;
  margin-left: 2.22vw;
  margin-right: 2.22vw;
  padding-top: 8.33vw;
  padding-bottom: 9vw;
}

.space-container__title {
  color: var(--old-lace);
  text-align: center;
  letter-spacing: -0.03vw;
  font-size: 3.88vw;
  line-height: 3.88vw;
  margin-bottom: 5.55vw;
  width: 71.38vw;
  font-weight: unset;
}

.about-advantages__title {
  width: 71.38vw;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 3.05vw;
  line-height: 3.33vw;
  color: var(--old-lace);
  letter-spacing: -0.03em;
  margin: 0 auto 5.55vw auto;
}

.features {
  width: 100%;
}

.features__item {
  width: 33.3%;
  align-items: center;
  padding-left: 1.11vw;
  padding-right: 1.11vw;
}

.features__item img {
  width: 4.44em;
  min-width: 85px;
  height: auto;
  margin-bottom: 1.38889em;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}

.features__item-title {
  margin-bottom: 0.555556em;
  color: var(--old-lace);
  text-align: center;
  text-decoration: none;
  justify-content: center;
  display: flex;
  font-size: 1.666vw;
  font-weight: 400;
  line-height: 1.944vw;
}

.features__item-desc {
  margin-top: 0.555556em;
  font-weight: 400;
  text-align: center;
  color: #fff8ea;
  letter-spacing: -0.01em;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 1.11111vw;
  line-height: 1.52778vw;
}

.about-advantages .features__item-title {
  color: #fff8ea;
  letter-spacing: -0.01em;
  font-size: 1.11111vw;
  line-height: 1.52778vw;
  margin-top: 0.555556em;
  font-weight: 400;
}

.our-services {
  margin-top: 2.77vw;
  padding-top: 2.22em;
  padding-bottom: 2.22em;
}

.flex-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.title-desc-block {
  margin-bottom: 11.111vw;
  margin-top: 11.111vw;
}

.title-desc-block__head,
.title-desc-block__body {
  letter-spacing: -0.03em;
  font-size: 3.88vw;
  text-align: center;
  line-height: 4vw;
  color: var(--dark-grey);
  margin-bottom: 1.111vw;
}

.title-desc-block__body {
  color: #41342e;
  margin-bottom: 0;
}

.about .presentation__title {
  text-align: left;
  margin-bottom: 2.77vw;
}

.team {
  margin-top: 11.111vw;
  margin-bottom: 0;
}

.about .grey-desc {
  margin-top: 11.111vw;
}

.letters__slider {
  margin: 4.444vw auto 0 auto;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.letters__slider-wrap {
  position: relative;
  width: 40vw;
  max-width: 40vw;
  height: 56.5vw;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 11.111vw;
}

.letters-title {
  margin-top: 11.111vw;
}

.service-next:hover {
  transform: scale(1.07);
}

.service-next {
  right: 10px;
}

.service-prev:hover {
  transform: scale(1.07) rotate(180deg);
}

.service-prev {
  left: -25px;
  transform: rotate(180deg);
}

.service-arrow {
  z-index: 22;
  width: 2.77vw;
  height: 2.77vw;
  background-color: #101010;
  background-image: url("../../../../../../local/templates/generator/assets/images/home/aromat.svg");
  background-position: 52%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100%;
  position: absolute;
  top: 13.18vw;
  cursor: pointer;
}

.letters__arrows .service-arrow {
  top: 47%;
}

.letters__arrows .service-next {
  right: -25px;
}

.elements .service-arrow {
  top: 320px;
}

.items-container {
  margin-top: 4.444vw;
  grid-auto-columns: 1fr;
  grid-template-rows: auto;
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
}

.items-container__item {
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.items-container__item-title {
  margin-top: 1.111vw;
  color: var(--brown);
  text-align: left;
  letter-spacing: -0.03em;
  font-size: 2.22222vw;
  line-height: 2.63889vw;
  margin-bottom: 0.555vw;
  width: 100%;
}

.items-container__item-desc {
  letter-spacing: -0.01em;
  white-space: normal;
  width: 100%;
  font-size: 1.38889vw;
  font-weight: 400;
  line-height: 1.94444vw;
  text-align: left;
  color: var(--brown);
}

@media screen and (max-width: 479px) {
  .items-container {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .items-container__item-title {
    margin-top: 4.266vw;
    font-size: 6.4vw;
    line-height: 7.46vw;
    margin-bottom: 2.13vw;
  }

  .items-container__item-desc {
    margin-bottom: 6.4vw;
    font-size: 4.53vw;
    line-height: 5.1vw;
  }

  .space-container {
    margin-left: 0;
    margin-right: 0;
    padding-top: 17.06vw;
  }

  .space-container__title {
    width: 100%;
    padding-left: 4.26vw;
    padding-right: 4.26vw;
    font-size: 9.6vw;
    line-height: 10.66vw;
    margin-bottom: 19.2vw;
  }

  .features {
    grid-row-gap: 10.66vw;
    flex-direction: column;
    align-items: center;
  }

  .features__item {
    width: 100%;
    padding-left: 10.66vw;
    padding-right: 10.66vw;
  }

  .features__item img {
    width: 12.8vw;
    min-width: auto;
    height: 12.8vw;
    margin-bottom: 0;
  }

  .features__item-title {
    margin-top: 6.93333vw;
    font-size: 5.33vw;
    line-height: 6.44vw;
  }

  .features__item-desc {
    width: 100%;
    font-weight: 400;
    display: block;
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    flex: 0 auto;
  }

  .features__item-desc br {
    display: none;
  }

  .about .small-img {
    margin-bottom: 15vw;
    width: 80%;
  }

  .about .content-section__big-desc {
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
    line-height: 6.4vw;
    letter-spacing: -0.01vw;
    font-size: 5.33333vw;
    margin-bottom: 21.4vw;
  }

  .about-advantages__title {
    width: 100%;
    font-size: 8vw;
    line-height: 9.6vw;
    padding-left: 4.26vw;
    padding-right: 4.26vw;
    margin-bottom: 19.2vw;
  }

  .about-advantages .features__item-title {
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    margin-top: 2.13333vw;
    padding-top: 0.555556em;
  }

  .about-advantages .space-container {
    padding-bottom: 26vw;
  }

  .flex-wrapper {
    flex-direction: column;
    gap: 0;
  }

  .our-services {
    margin-top: 0;
    padding-top: 8.533vw;
    padding-bottom: 25.6vw;
  }

  .our-services .full-width-group {
    padding-top: 1em;
  }

  html body .small-content_vw {
    width: auto;
  }

  .title-desc-block {
    margin-top: 0;
    margin-bottom: 15vw;
  }

  .title-desc-block__head,
  .title-desc-block__body {
    letter-spacing: -0.03vw;
    font-size: 8vw;
  }

  .title-desc-block__body {
    line-height: 9.6vw;
    margin-top: 4.266vw;
  }

  .about .presentation .full-width-group {
    padding-top: 0;
  }

  .about .presentation__title {
    margin-bottom: 8.533vw;
  }

  .team {
    margin-top: 15vw;
  }

  .team .section-title br {
    display: none;
    padding: 0;
  }

  .team .items-container {
    margin-top: 14.93vw;
  }

  .about .grey-desc {
    margin-top: 15vw;
    letter-spacing: -0.03vw;
    font-size: 6.4vw;
    line-height: 8vw;
  }

  .letters-title {
    margin-top: 15vw;
  }

  .letters__slider-wrap {
    margin-bottom: 15vw;
    width: auto;
    max-width: 85%;
    height: auto;
  }

  .letters__slider {
    margin-top: 14.93vw;
  }

  .service-arrow {
    width: 10.6368vw;
    height: 10.6368vw;
  }

  .elements .service-arrow {
    top: 35%;
  }
}

.black-btn.big-top {
  margin-top: 2.77vw;
}

.medium-content {
  align-self: auto;
  width: 47.36vw;
  margin-left: auto;
  margin-right: auto;
}

.medium-content_big-top {
  margin-top: 8.31vw;
}

.medium-content .content-section__desc {
  margin-top: 1.111vw;
  padding-top: 16px;
}

.aromas .items-container {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-auto-columns: 1fr;
  display: grid;
  margin-top: 2.77vw;
  margin-bottom: 32px;
}

.medium-content_with-btn {
  margin-top: 48px;
}

.medium-content_with-btn .content-section__desc {
  margin: 0;
  padding: 0;
}

.aromas .medium-content_with-btn {
  margin-bottom: 8.31vw;
}

.aromas-advantages .default-btn {
  margin-top: 13.88vw;
}

@media screen and (max-width: 479px) {
  .aromas .content-section__desc {
    padding-top: 0;
    margin-top: 16px;
  }

  .black-btn.big-top {
    margin-top: 8.533vw;
  }

  .medium-content {
    width: 100%;
  }

  .aromas .medium-content .section-title {
    padding: 0;
  }

  .aromas .items-container {
    margin-top: 8.533vw;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    gap: 32px;
  }

  .aromas .medium-content_with-btn {
    margin-top: 32px;
    margin-bottom: 27.73vw;
  }

  .aromas-advantages .default-btn {
    width: 85.3333vw;
    margin-top: 19.2vw;
  }
}

.big-margin-top {
  margin-top: 13.88vw;
}

.brand-elements .items-container__item-title {
  margin-bottom: 32px;
}

.brands-products .black-btn {
  margin-top: 4.444vw;
}

.brands-products .presentation__group .presentation__center-icon {
  min-width: 85px;
  height: auto;
}

.brands-products .presentation__group .default-btn {
  margin-top: 1.11111vw;
}

@media screen and (max-width: 479px) {
  .big-margin-top {
    margin-top: 27.73vw;
  }

  .brands-products .medium-content .content-section__desc {
    margin-top: 16px;
  }

  .brands-products .items-container__item-title {
    margin-bottom: 6.4vw;
  }

  .brands-products .brand-elements .items-container__item-title {
    margin-bottom: 32px;
  }

  .brands-products .black-btn {
    margin-top: 14.93vw;
  }

  .brands-products .presentation__group .presentation__center-icon {
    min-width: auto;
    height: 14.93vw;
  }

  .brands-products .presentation__desc {
    margin-top: 16px;
  }
}

.hvac .content-section__desc {
  padding-top: 2.77vw;
}

.hvac .content-section__desc .black-btn {
  margin-top: 2.77vw;
}

.content-with-mark {
  width: 100%;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: left;
  align-items: center;
  margin-bottom: 4.7vw;
}

.used .section-title {
  margin-bottom: 4.99vw;
}

.hvac .used .black-btn,
.hvac .shopping-centres .black-btn {
  margin-top: 4.444vw;
}

.hvac .presentation__title {
  margin-bottom: 2.77vw;
  text-align: left;
}

.hvac .presentation .default-btn {
  margin-top: 4.444vw;
}

.hvac .shopping-centres {
  margin-top: 4.99vw;
}

.hvac .choose-aromas .content-section__desc {
  padding-top: 1.111vw;
}

.hvac .choose-aromas .content-section__desc:last-of-type {
  padding-top: 0;
}

.hvac .choose-aromas img {
  width: 70%;
  height: auto;
  display: block;
  margin: 0 auto 2.77vw auto;
}

.items-container-rows {
  grid-column-gap: 54px;
  grid-row-gap: 54px;
  flex-direction: column;
  display: flex;
  align-content: center;
  justify-content: stretch;
  justify-items: stretch;
}

.items-container-rows__row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  display: flex;
}

.items-container-rows__item {
  width: 33%;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.items-container-rows__item img {
  width: 4.44em;
  height: auto;
  min-width: 85px;
  margin-bottom: 1.38889em;
}

.items-container-rows__item-title {
  font-size: 1.666vw;
  font-weight: 400;
  line-height: 1.944vw;
  text-decoration: none;
  margin-bottom: 1.111vw;
}

.items-container-rows__item-desc {
  float: none;
  clear: none;
  direction: ltr;
  text-align: center;
  letter-spacing: -0.01em;
  white-space: break-spaces;
  font-size: 1.11vw;
  line-height: 1.527vw;
}

.items-container-rows__item-group {
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}

.how-work .section-title {
  margin-bottom: 8.32vw;
}

.how-work {
  margin-bottom: 11.111vw;
}

.hvac .how-work .black-btn {
  margin-top: 7.22vw;
}

@media screen and (max-width: 479px) {
  .content-page .hvac h1 {
    font-size: 9.3vw;
  }

  .hvac .content-section__desc {
    padding-top: 4.266vw;
  }

  .hvac .content-section__desc_sub-img {
    padding-top: 8.533vw;
  }

  .hvac .content-section__desc .black-btn {
    margin-top: 8.533vw;
  }

  .content-with-mark {
    flex-direction: column;
    gap: 0;
    margin-bottom: 19.133vw;
  }

  .used .section-title {
    margin-bottom: 8.533vw;
  }

  .used .full-width-group {
    padding-top: 12.533vw;
  }

  .marker-list.marker-list_with-desc span {
    font-size: 3.733vw;
    line-height: 5.333vw;
    margin-bottom: 6.4vw;
  }

  .marker-list.marker-list_with-desc li {
    margin-bottom: 2.13vw;
  }

  .marker-list.marker-list_with-desc li:before {
    width: 16px;
    height: 16px;
    top: 6px;
  }

  .hvac .used .black-btn,
  .hvac .shopping-centres .black-btn {
    margin-top: 14.93vw;
  }

  .hvac .presentation__title {
    width: 100%;
    margin-bottom: 8.533vw;
  }

  .hvac .presentation .default-btn {
    margin-top: 14.93vw;
  }

  .hvac .shopping-centres {
    margin-top: 8.533vw;
  }

  .choose-aromas {
    margin-top: 38.33vw;
  }

  .choose-aromas .section-title br {
    display: none;
  }

  .choose-aromas .section-title {
    padding: 0;
  }

  .hvac .choose-aromas .content-section__desc {
    padding-top: 4.266vw;
  }

  .hvac .choose-aromas img {
    margin-bottom: 8.533vw;
    width: 100%;
  }

  .items-container-rows {
    grid-row-gap: 6.4vw;
    flex-direction: column;
    width: 100%;
    padding-left: 6.4vw;
    padding-right: 4.26667vw;
  }

  .items-container-rows__row {
    grid-row-gap: 6.4vw;
    flex-direction: column;
  }

  .items-container-rows__item {
    width: 100%;
    padding: 0;
    grid-column-gap: 5.33vw;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
  }

  .items-container-rows__item img {
    width: 10.66vw;
    min-width: 10.66vw;
    height: 10.66vw;
    min-height: 10.66vw;
    margin-bottom: 0;
  }

  .items-container-rows__item-group {
    align-items: flex-start;
    gap: 0;
  }

  .items-container-rows__item-title {
    margin-bottom: 2.13vw;
    text-align: left;
    font-size: 5.33vw;
    line-height: 6.44vw;
  }

  .items-container-rows__item-desc {
    text-align: left;
    font-size: 3.733vw;
    line-height: 5.333vw;
  }

  .hvac .how-work .content-section__desc .black-btn {
    margin-top: 19.2vw;
  }

  .how-work {
    margin-bottom: 15vw;
  }
}

.our-clients .items-container {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  margin-top: 32px;
}

.our-clients .items-container .items-container__item img {
  object-fit: cover;
  width: 100%;
  height: 320px;
}

html body .padding-global_small {
  padding: 0 2em;
}

.our-clients
  .items-container
  .items-container__item
  .items-container__item-desc {
  font-size: 1.11vw;
  line-height: 1.527vw;
}

.our-clients {
  margin-top: 7.55vw;
  margin-bottom: 10.31vw;
}

.our-clients .section-title {
  margin-bottom: 16px;
}

.section-sub-title {
  letter-spacing: -0.01em;
  white-space: normal;
  border-radius: 20px;
  width: 100%;
  font-size: 1.38889vw;
  font-weight: 400;
  line-height: 1.94444vw;
  color: var(--brown);
  text-align: center;
}

.personal-aromas .presentation__container {
  padding-bottom: 6.666vw;
}

.personal-aromas .presentation__title {
  text-align: left;
  margin-bottom: 2.77vw;
}

.personal-aromas .marker-list.marker-list_with-desc span {
  color: var(--antique-white);
}

.personal-aromas__features {
  margin: 7vw 0;
}

.personal-aromas__features .features__item-title {
  color: var(--brown);
}

.personal-aromas__features .black-btn {
  margin: 4.444vw auto 0 auto;
  display: table;
  width: auto;
}

@media screen and (max-width: 479px) {
  html body .padding-global_small {
    padding-left: 4.26vw;
    padding-right: 4.26vw;
  }

  .personal-aromas .content-section__desc {
    padding-top: 0;
  }

  .our-clients {
    margin-top: 21.2vw;
    margin-bottom: 29.73vw;
  }

  .section-sub-title {
    letter-spacing: -0.01vw;
    font-size: 4.26vw;
    line-height: 5.86vw;
  }

  .our-clients .items-container {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .our-clients .items-container .items-container__item img {
    height: 240px;
  }

  .our-clients
    .items-container
    .items-container__item
    .items-container__item-desc {
    font-size: 3.733vw;
    line-height: 5.333vw;
    margin-bottom: 0;
  }

  .personal-aromas .presentation__container .full-width-group {
    padding-top: 0;
  }

  .personal-aromas .presentation__title {
    margin-bottom: 8.533vw;
  }

  .personal-aromas .presentation__container {
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    padding-bottom: 10.666vw;
  }

  .personal-aromas .presentation__container .element-for-pc {
    display: block;
    margin-top: 14.93vw;
  }

  .personal-aromas__features {
    padding: 0;
  }

  .personal-aromas__features .black-btn {
    margin: 29.86vw auto 0 auto;
    width: 85.3333vw;
  }
}

.label-block {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 4.11vw;
}

.label-block img {
  width: 100%;
}

.label-block__content {
  z-index: 900;
  background-color: #fff7e6;
  margin-top: -120px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  align-self: auto;
  width: 47.36vw;
  position: relative;
}

.label-block__content-inner {
  border: 1px solid #a09487;
  padding: 20px 20px 32px;
}

html body .label-block__content-title {
  color: #41342e;
  text-align: center;
  letter-spacing: -0.03em;
  font-size: 3.88vw;
  line-height: 4vw;
  margin-bottom: 0;
}

.label-block__content-desc {
  color: var(--brown);
  margin-top: 16px;
  letter-spacing: -0.01em;
  white-space: normal;
  border-radius: 20px;
  width: 100%;
  font-size: 1.38889vw;
  font-weight: 400;
  line-height: 1.94444vw;
  text-align: center;
}

.column-container {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: left;
  background-color: transparent;
  align-items: center;
  display: flex;
  width: 100%;
  padding: 2.22em 2em;
  flex-direction: column;
  margin-bottom: 2.77vw;
}

.row-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  max-width: 75vw;
  display: grid;
  margin-left: auto;
  margin-right: auto;
}

.row-container__item {
  text-align: center;
  background-color: rgba(230, 223, 207, 0.78);
  padding: 60px 10px 40px;
}

.row-container__item-title {
  text-align: center;
  margin-top: 20px;
  letter-spacing: -0.03em;
  font-size: 1.66vw;
  line-height: 2.08333vw;
}

.column-container .row-container:nth-of-type(2) {
  grid-template-columns: 1fr 1fr;
  padding-top: 20px;
}

.row-container__desc-item {
  float: none;
  clear: none;
  direction: ltr;
  letter-spacing: -0.01em;
  white-space: break-spaces;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 1.11vw;
  line-height: 1.527vw;
  display: inline;
  text-align: justify;
}

.small-content-img-big {
  width: 50%;
  height: 99.8732%;
}

.aromas-casino .presentation__title {
  text-align: left;
  margin-bottom: 2.77vw;
}

.aromas-casino .marker-list li {
  font-size: 1.38889vw;
  font-weight: 400;
  line-height: 1.94444vw;
}

.aromas-casino .presentation .marker-list li:first-of-type:before {
  top: 15%;
}

.game-section {
  margin-top: 4.99vw;
  margin-bottom: 11.111vw;
}

.game-section .franchise {
  margin-top: 0;
  margin-bottom: 0;
}

.game-section .content-section__desc {
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 11.3vw;
}

.small-default-btn:hover {
  background-color: #101010;
  color: #fff7e6;
}

.small-default-btn {
  color: #41342e;
  width: min-content;
  display: inline-flex;
  background-color: rgba(64, 51, 45, 0.08);
  border-radius: 4.44444vw;
  align-items: center;
  padding: 0.8vw 1.11vw;
  text-decoration: none;
  transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  font-size: 1vw;
  line-height: inherit;
}

@media screen and (max-width: 479px) {
  .label-block__content {
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .label-block__content-inner {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  html body .label-block__content-title {
    font-size: 9.6vw;
    line-height: 10.1333vw;
  }

  .label-block__content-desc {
    letter-spacing: -0.01vw;
    font-size: 4.26vw;
    line-height: 5.86vw;
  }

  .column-container {
    gap: 0.5em;
    padding: 0.125em 0 10.6vw 0;
    margin-bottom: 8.533vw;
  }

  .row-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .row-container__item-title {
    font-size: 5vw;
    line-height: 7vw;
  }

  .label-block {
    margin-bottom: 15vw;
  }

  .column-container .row-container:nth-of-type(2) {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .row-container__desc-item {
    font-size: 3.733vw;
    line-height: 5.333vw;
  }

  .aromas-casino .presentation__title {
    margin-bottom: 8.533vw;
  }

  .aromas-casino .marker-list li {
    font-size: 4.53vw;
    line-height: 5.1vw;
  }

  .aromas-casino .presentation .marker-list li:first-of-type:before {
    top: 30%;
  }

  .game-section {
    margin-top: 8.533vw;
    margin-bottom: 15vw;
  }

  .small-content-img-big {
    width: 100%;
  }

  .game-section .content-section__desc {
    line-height: 5.1vw;
  }

  .small-default-btn {
    margin-left: 0;
    padding: 3.2vw 4.26vw;
    font-size: 3.73vw;
    line-height: 3.73vw;
    margin-top: 4.266vw;
  }
}

.small-page-title {
  align-self: auto;
  width: 50.36vw;
  margin-left: auto;
  margin-right: auto;
}

.elements .safe-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 0.25em;
  padding-right: 0.25em;
  margin-bottom: 4.444vw;
}

.elements .safe-content .safe-content__item img {
  width: unset;
}

.elements .content-section__desc {
  margin-bottom: 4.444vw;
}

html body .elements-detail .padding-global {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
}

.content-section.elements {
  margin-top: 7.22vw;
}

.elements .safe-content_small {
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 8.75em;
  padding-right: 8.75em;
  display: grid;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto auto;
}

.elements .safe-content_small .safe-content__item-title {
  margin-bottom: 0;
  max-width: 90%;
}

.elements-section-title {
  color: var(--brown);
  text-align: center;
  letter-spacing: -0.03em;
  font-size: 2.22222vw;
  line-height: 2.63889vw;
  margin-bottom: 2.77vw;
  font-weight: normal;
}

.elements .elements-section-title_last {
  margin-top: 8.111vw;
}

@media screen and (max-width: 479px) {
  .small-page-title {
    width: 100%;
  }

  .elements .content-section__desc {
    margin-bottom: 30.79vw;
  }

  .elements.elements_for-home .content-section__desc {
    margin-bottom: 14.93vw;
  }

  .elements .safe-content {
    grid-row-gap: 6.4vw;
    flex-direction: column;
    width: 100%;
    padding-left: 6.4vw;
    padding-right: 4.26667vw;
    display: flex;
    margin-bottom: 30.79vw;
  }

  .elements .safe-content__item-sub-title {
    text-align: left;
  }

  html body .elements-detail .padding-global {
    padding-left: 4.26vw;
    padding-right: 4.26vw;
    display: block;
  }

  .content-section.elements {
    margin-top: 64px;
  }

  .elements-section-title {
    font-size: 6.4vw;
    line-height: 7.46vw;
    margin-bottom: 8.533vw;
  }

  .elements .elements-section-title_last {
    margin-top: 15vw;
  }
}

.not-found {
  padding: 200px 0;
  margin: 0;
  text-align: center;
}

.pageError-title {
  font-size: 112px;
  line-height: 120px;
  padding: 0 0 10px;
  font-weight: 600;
  color: #ccc;
}

.pageError-description {
  font-size: 30px;
  line-height: 36px;
  padding: 0 0 30px;
}

.pageError-back {
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  height: 16px;
  padding: 0 0 0 25px;
  background: url(../../../../../../local/templates/generator/assets/images/back.png)
    0 0 no-repeat;
  color: #232323;
  text-decoration: none;
  font-weight: 600;
}

.pageError-back:hover {
  color: #232323;
}

html body .lace-header .header-container {
  background-color: var(--old-lace);
}

html body .lace-header .header-container .header-nav li > a.header-nav-link {
  color: #222;
}

html body .lace-header .header-container .icon-8 {
  color: #222;
  cursor: pointer;
}

.dropdown .icon-8 {
  cursor: pointer;
}

.dropdown.active .icon-8 {
  transform: rotate(180deg);
}

.dropdown.active .icon-8:before {
  position: absolute;
  left: 6px;
}

html body .lace-header .header-container .dropdown__wrap {
  box-shadow: 0 2px 16px rgba(16, 16, 16, 0.2);
  border: 0px solid var(--dark-grey-2);
}

@media screen and (max-width: 768px) {
  html body .lace-header .header-container .dropdown__wrap {
    box-shadow: none;
    border: none;
  }
}

html body .lace-header .header-container .header__logo {
  height: auto;
}

html body .lace-header .header__burger span {
  background: #222;
}

.content-rich-text {
  margin: 0 auto 8.31vw auto;
  width: 71.38vw;
}

.content-rich-text p {
  text-align: justify;
  margin-top: 1.11vw;
  font-size: 1.388vw;
  line-height: 1.94vw;
}

.content-rich-text p a {
  color: var(--brown);
  background-color: transparent;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .content-rich-text p {
    margin-top: 8.26vw;
    font-size: 4.53vw;
    line-height: 5.86vw;
  }

  .content-rich-text {
    width: 100%;
    padding-left: 8.32vw;
    padding-right: 8.32vw;
  }

  .privacy h1 {
    margin-bottom: 5vw;
    letter-spacing: -0.03vw;
    font-size: 8.53vw;
    line-height: 10.1333vw;
  }
}

.header__inner-group {
  grid-column-gap: 20px;
}

@media screen and (max-width: 768px) {
  .header__inner-group,
  .header__inner-social {
    display: none;
  }
}

.header__inner-social {
  margin-left: 53px;
}

.header__inner-social-tel {
  color: #ffffff;
  padding: 0;
  font-size: 14px;
  line-height: 120%;
  text-decoration: none;
  margin-right: 28px;
}

.header__inner-social-tel:hover {
  color: var(--old-lace);
}

.header__inner-social-desc {
  color: #ffffff;
  padding: 0;
  font-size: 14px;
  line-height: 120%;
  text-decoration: none;
  margin-right: 22px;
}

.header__inner-social-messenger {
  text-decoration: none;
  margin-right: 20px;
}

.header__inner-social-messenger:last-of-type {
  margin-right: 0;
}

.lace-header .header__inner-social-tel,
.lace-header .header__inner-social-desc {
  color: #222;
}

.lace-header .header__inner-social-tel:hover {
  color: #222;
}

.banner {
  position: relative;
  width: 100%;
  height: 650px;
  font-family: 'Tilda Sans', sans-serif;
}

.banner .banner__img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}

.banner__img_mb {
  display: none;
}

.banner__container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 50px 0;
  margin-left: 12%;
  max-width: 586px;
  position: relative;
}

.banner__title {
  font-weight: 400;
  font-size: 44px;
  line-height: 120%;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
}

.banner__sub-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #fff;
  margin-bottom: 20px;
}

.banner__form {
  max-width: 565px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.banner__form label {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  margin-bottom: 10px;
}

.banner__form input {
  width: 100%;
  height: 47px;
  box-sizing: border-box;
  background: #fff;
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #808080;
  margin-bottom: 10px;
  padding: 10px 25px;
}

.banner__form button {
  background: #ffd800;
  padding: 10px;
  width: 100%;
  height: 77px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  color: #222;
  outline: none;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin-top: 14px;
}

.banner__form .checkbox {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 10px;
}

.banner__form .checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.banner__form .checkbox__input:checked + .checkbox__label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.banner__form .checkbox__label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 0 !important;
}

.banner__form .checkbox__label:before {
  content: "";
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 15px;
  height: 15px;
  border: 1px solid #f8f8f8;
  border-radius: 1px;
  box-sizing: border-box;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}

.banner__form .checkbox__label::after {
  width: 10px;
  height: 8px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.45763%205.54692L8.2569%200.74292L9.11508%201.60037L3.45799%207.25747L0.886719%204.68619L1.74417%203.82874L3.45763%205.54692Z%22%20fill%3D%22%23F8F8F8%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  display: block;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  left: 3px;
  top: 3px;
}

.banner__form .checkbox__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #fff;
  margin-left: 11px;
  position: relative;
  top: 1px;
}

.banner__form .checkbox__text a {
  text-decoration: underline;
  color: #fff;
}

@media screen and (max-width: 479px) {
  .banner {
    height: auto;
    min-height: 680px;
  }

  .banner__img_mb {
    display: block;
  }

  .banner__img_pc {
    display: none;
  }

  .banner__container {
    margin-left: 0;
    padding: 30px 27px 30px 28px;
  }

  .banner__title {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 15px;
  }

  .banner__sub-title {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 15px;
  }

  .banner__form label {
    font-size: 14px;
    line-height: 130%;
  }

  .banner__form input {
    height: 42px;
    font-size: 14px;
    line-height: 130%;
  }

  .banner__form button {
    font-size: 18px;
    line-height: 130%;
    height: 56px;
    margin-top: 5px;
  }

  .banner__form .checkbox__text {
    font-size: 8px;
    line-height: 130%;
    margin-left: 5px;
    position: unset;
  }

  .banner__form .checkbox__label:before {
    width: 9px;
    height: 9px;
  }

  .banner__form .checkbox__label::after {
    width: 5px;
    height: 4px;
    left: 2px;
    top: 2px;
  }
}

section#ob_verstka h1 {
  width: 100%;
  margin-bottom: 20px !important;
}

.oborudovanie-text p {
  font-size: 27px;
  line-height: 32px;
  margin-bottom: 20px;
  text-align: center;
  color: #41342e;
}

.oborudovanie-text {
  margin-bottom: 40px;
}

.oborudovanie-subtext.padding-global {
  margin-top: 80px;
  margin-bottom: 40px;
}

h2.ob-h2 {
  font-size: 52px;
  line-height: normal;
  font-weight: 400;
  margin-bottom: 20px;
}

.oborudovanie-subtext.padding-global p {
  font-size: 20px;
  line-height: 29px;
}

.oborudovanie-wr-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}

.oborudovanie-block-item {
  width: calc(33% - 30px);
  margin-top: 40px;
}

.oborudovanie-block-immg {
  height: 260px;
  min-height: 260px;
  overflow: hidden;
  position: relative;
}

.oborudovanie-block-immg img {
  height: 100%;
  min-width: 100%;
  width: auto;
}

.oborudovanie-block-title {
  font-size: 34px;
  line-height: 44px;
  margin: 20px 0px;
}

.oborudovanie-block-description {
  font-size: 20px;
  line-height: 29px;
  color: #41342e;
}

.oborudovanie-block-item.double-w {
  width: calc(66% - 6px);
}

.oborudovanie-bottom-wr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.oborudovanie-bottom-item {
  width: calc(33% - 30px);
  margin-top: 40px;
}

.oborudovanie-bottom-image {
  height: 208px;
  min-height: 208px;
  background: #f5eddc;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
}

.oborudovanie-bottom-text {
  margin-top: 20px;
  line-height: 29px;
  font-size: 20px;
  font-weight: 400;
  color: #41342e;
}

.oborudovanie-bottom-title {
  font-size: 34px;
  line-height: 44.2px;
  font-weight: 400;
}

.oborudovanie-bottom-image svg {
  position: absolute;
  top: 20px;
  right: 20px;
}

.oborudovanie-last-text.padding-global {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}

.oborudovanie-last-text.padding-global > div {
  width: calc(50% - 20px);
  max-width: calc(50% - 20px);
  min-width: calc(50% - 20px);
  overflow: hidden;
  position: relative;
}

.oborudovanie-last-left p {
  font-size: 20px;
  line-height: 29px;
  color: #41342e;
}

.oborudovanie-last-right img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-width: 100%;
  width: auto;
  object-fit: cover;
}

.oborudovanie-last-right {
  min-height: 380px;
  height: 380px;
  max-height: 380px;
}

.oborudovanie-subtext.padding-global p {
  font-size: 1.05vw;
  line-height: 1.527vw;
}

.oborudovanie-subtext-wr.padding-global p {
  font-size: 1.05vw;
  line-height: 1.527vw;
}

.oborudovanie-block-description {
  font-size: 1.05vw;
  line-height: 1.527vw;
}

.oborudovanie-bottom-text {
  font-size: 1.05vw;
  line-height: 1.527vw;
}

.oborudovanie-last-left p {
  font-size: 1.05vw;
  line-height: 1.527vw;
}

.oborudovanie-bottom-title {
  font-size: 1.77vw;
  line-height: 2.227vw;
}

.oborudovanie-block-title {
  font-size: 1.77vw;
  line-height: 2.227vw;
}

.oborudovanie-text p {
  font-size: 1.41vw;
  line-height: 1.727vw;
}

h2.ob-h2 {
  letter-spacing: -0.03vw;
  font-size: 2.7vw;
  line-height: 3.88vw;
}

.oborudovanie-block-immg img {
  height: 100%;
  max-width: unset;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.oborudovanie-preview {
  margin: 20px 0px;
  display: flex;
  align-items: center;
}

.oborudovanie-preview svg {
  margin-right: 20px;
}

.oborudovanie-preview-text {
  font-size: 1.11vw;
  line-height: 1.527vw;
  letter-spacing: -0.01em;
  color: #41342e;
}

.detail-element__buttons.oborudovanie-btns .buttons-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.detail-element__buttons.oborudovanie-btns .buttons-group > div {
  width: calc(50% - 10px);
  max-width: calc(50% - 10px);
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.75vw;
  line-height: 1.527vw;
  letter-spacing: -0.01em;
  height: 50px;
  margin: 0px;
}

.detail-element__buttons.oborudovanie-btns
  .buttons-group
  > div.black-btn.js-trigger-feedback {
  background: #f9a00c;
}

.detail-element__buttons.oborudovanie-btns
  .buttons-group
  > div.default-btn.js-trigger-feedback {
  border: 1px solid #41342e;
}

.detail-element__buttons.oborudovanie-btns
  .buttons-group
  > div.default-btn.js-trigger-feedback:hover {
  background: #f9a00c;
  border-color: #f9a00c;
}

.oborudovanie-preview-add-text p {
  margin-bottom: 20px;
  font-size: 0.75vw;
  line-height: 1.127vw;
}

.oborudovanie-preview-add-text ul {
  padding-left: 20px;
}

.oborudovanie-preview-add-text {
  margin-bottom: 20px;
}

.oborudovanie-preview-add-text ul li {
  font-size: 0.75vw;
  line-height: 1.127vw;
  margin-top: 5px;
}

@media (max-width: 1200px) {
  .detail-element__buttons.oborudovanie-btns .buttons-group > div {
    width: 100%;
    min-width: 100%;
    font-size: 16px;
    margin-top: 10px;
  }

  .oborudovanie-preview-add-text ul li {
    font-size: 16px;
    line-height: 29px;
    margin-top: 5px;
  }

  .oborudovanie-preview-add-text p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 29px;
  }
}

@media (max-width: 1200px) {
  h2.ob-h2 {
    font-size: 37px;
    line-height: 48.1px;
  }

  .oborudovanie-subtext.padding-global p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .oborudovanie-subtext-wr.padding-global p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .oborudovanie-text p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .oborudovanie-block-title {
    font-size: 28px;
    line-height: 36.4px;
  }

  .oborudovanie-block-description {
    font-size: 16px;
    line-height: 23.2px;
  }

  .oborudovanie-bottom-title {
    font-size: 28px;
    line-height: 36.4px;
  }

  .oborudovanie-last-left p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .oborudovanie-last-right img {
    max-width: unset;
  }

  .oborudovanie-bottom-text {
    font-size: 16px;
    line-height: 23.2px;
  }

  .oborudovanie-preview-text {
    font-size: 18px;
    line-height: 26.1px;
    letter-spacing: -0.01em;
    color: #41342e;
  }
}

@media (max-width: 992px) {
  .oborudovanie-block-item {
    width: 100%;
    margin-top: 20px;
  }

  .oborudovanie-subtext.padding-global {
    margin-top: 40px;
  }

  .oborudovanie-wr-block {
    margin-bottom: 40px;
  }

  .oborudovanie-bottom-item {
    width: calc(33% - 10px);
    margin-top: 20px;
  }

  .oborudovanie-bottom-title br {
    display: none;
  }

  .oborudovanie-last-text.padding-global > div {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .oborudovanie-last-text.padding-global {
    flex-direction: column-reverse;
  }

  .oborudovanie-last-text.padding-global > div.oborudovanie-last-right {
    height: 250px;
    margin-bottom: 20px;
    min-height: 250px;
    max-height: 250px;
  }

  .oborudovanie-last-right img {
    top: 0px;
    transform: none;
    left: 50%;
    transform: translate(-50%, 0px);
  }

  .oborudovanie-block-item.double-w {
    width: 100%;
    max-width: 100%;
  }

  .oborudovanie-bottom-item {
    width: calc(50% - 10px);
  }

  .oborudovanie-bottom-item {
    width: calc(50% - 10px);
  }

  .oborudovanie-block-immg {
    height: 180px;
    min-height: 180px;
  }

  .oborudovanie-bottom-item {
    width: calc(100%);
    min-width: 100%;
  }

  .oborudovanie-bottom-image svg {
    width: 40px;
    height: 40px;
  }

  .oborudovanie-last-text.padding-global > div.oborudovanie-last-right {
    height: 180px;
    min-height: 180px;
    max-height: 180px;
  }

  .oborudovanie-last-right img {
    height: 100%;
  }
}

.bottom_widgets {
  position: fixed;
  bottom: 56px;
  left: 42px;
  z-index: 99;
}

.bottom_widget-item {
  width: 200px;
  height: 80px;
  margin-top: 34px;
  padding: 0 17px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 110%;
  cursor: pointer;
  user-select: none;
}

.bottom_widget-item.js-widget-wheel,
.bottom_widget-item.js-widget-carousel {
  background-color: #e3a815;
  background-image: url("../../../../../../local/templates/generator/assets/images/widget-1.png");
  background-size: cover;
  background-position: center;
}

.bottom_widget-item.js-widget-generator {
  background-color: #9a5f81;
  background-image: url(../../../../../../local/templates/generator/assets/images/widget-2.png);
  background-size: cover;
  background-position: center;
}

.bottom_widget-item:hover {
  opacity: 0.95;
}

@media (max-width: 1200px) {
  .bottom_widgets {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99;
  }

  .bottom_widget-item {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .bottom_widgets {
    display: flex;
    justify-content: space-between;
    left: 0;
    bottom: 0;
    width: 100%;
  }

  .bottom_widget-item {
    height: 60px;
    width: 50%;
    border-radius: 0px;
    padding: 0 15px;
    font-size: 15px;
  }

  .bottom_widget-item.js-widget-wheel,
  .bottom_widget-item.js-widget-carousel {
    background-image: url(../../../../../../local/templates/generator/assets/images/widget-1-m.png);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
  }

  .bottom_widget-item.js-widget-generator {
    background-image: url(../../../../../../local/templates/generator/assets/images/widget-2-m.png);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
  }
}

div#wheel_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 999999999999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@-webkit-keyframes rotate-r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.wheel_popup_bg-close {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.9);
  transition: all 0.3s ease-in-out;
}

.wheel_popup-content {
  position: relative;
  width: 1000px;
  height: 570px;
  z-index: 2;
}

.wheel_popup-close {
  z-index: 2;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
}

.wheel_popup-content-wr {
  width: 718px;
  height: 100%;
  max-width: 100%;
  background-color: #f8f6f2;
  border-radius: 20px;
  padding: 48px 30px;
  background-image: url("../../../../../../local/templates/generator/assets/images/bg-pc-newyear.png");
  background-size: cover;
  background-position: center;
}

.wheel_popup-images {
  position: absolute;
  top: 0;
  right: 0;
  width: 570px;
  height: 570px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

img.wheel_popup-round {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: rotate-r 120s linear infinite;
  animation: rotate-r 120s linear infinite;
}

.wheel_popup-date {
  font-size: 22px;
  line-height: normal;
  color: #2f2f2f;
  display: flex;
  align-items: center;
}

.wheel_popup-date b {
  font-size: 22px;
  line-height: normal;
  padding: 5px 22px;
  margin-left: 10px;
  background: #2177a5;
  color: #ffffff;
  border-radius: 30px;
}

.wheel_popup-title {
  margin: 15px 0px 15px;
  font-size: 28px;
  line-height: 130%;
  font-weight: bold;
  color: #2f2f2f;
  font-family: "Montserrat", sans-serif !important;
  max-width: 355px;
}

.wheel_popup-title b {
  color: #2177a5;
}

.wheel_popup-subtitle {
  color: #2f2f2f;
  font-size: 20px;
  line-height: 130%;
  margin-bottom: 25px;
  font-weight: 600;
  max-width: 370px;
}

div#wheel_popup * {
  font-family: "Pragmatica";
}

.wheel_popup-title b {
  font-family: "Montserrat", sans-serif !important;
}

.wheel-form-label {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1;
  color: #2f2f2f;
}

.wheel-form-input input {
  width: 359px;
  max-width: 100%;
  height: 50px;
  margin-bottom: 10px;
  border-radius: 100px;
  padding: 0 32px;
  font-size: 16px;
  color: #939393;
  border: 1px solid #939393;
  outline: none;
}

form#wheel_form input[type="submit"] {
  width: 359px;
  height: 78px;
  background: #bf5c10;
  border-radius: 100px;
  border: none;
  outline: none;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}

.wheel_popup-checkbox {
  display: flex;
  margin-top: 10px;
}

.wheel_popup-checkbox-text {
  color: #727272;
  font-size: 10px;
  line-height: 15px;
}

.wheel_popup-checkbox-text a {
  color: #727272;
  text-decoration: underline;
}

.wheel_popup-checkbox-wr {
  min-width: 15px;
  max-width: 15px;
  margin-right: 6px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wheel_popup-checkbox-wr input {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  border: none;
  opacity: 0;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.wheel_popup-checkbox-wr input[type="checkbox"] + svg path {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.wheel_popup-checkbox-wr input[type="checkbox"]:checked + svg path {
  opacity: 1;
}

.wheel_popup_bg-close:hover {
  background: rgba(0, 0, 0, 0.82);
}

.wheel_popup-after {
  padding-top: 20px;
}

.wheel_popup-win-title {
  font-size: 40px;
  font-weight: bold;
}

.wheel_popup-win-text {
  margin: 23px 0px;
  font-size: 26px;
  line-height: 140%;
  color: #2177a5;
  font-weight: bold;
}

.wheel_popup-win-offer {
  font-size: 22px;
  line-height: 140%;
  color: #2f2f2f;
}

.wheel_popup-win-text {
  width: 300px;
  max-width: 100%;
}

div#wheel_popup.spin img.wheel_popup-round {
  animation-duration: 0.7s;
}

div#wheel_popup.winner img.wheel_popup-round {
  animation: none;
}

div#wheel_popup.winner .wheel_popup-before {
  display: none !important;
}

div#wheel_popup.winner .wheel_popup-after {
  display: block !important;
}

@media (max-width: 1010px) {
  .wheel_popup-content {
    width: 375px;
    height: 744px;
    min-height: 744px;
    border-radius: 10px;
  }

  .wheel_popup-images {
    width: 360px;
    height: 360px;
    padding: 17px;
    top: unset;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .wheel_popup-content-wr {
    padding: 20px 24px;
  }

  .wheel_popup-content-wr {
    border-radius: 10px;
    background-image: url(../../../../../../local/templates/generator/assets/images/bg-mob-newyear.png);
    background-size: cover;
    background-position: center;
  }

  .wheel_popup-close svg {
    width: 20px;
    height: 20px;
  }

  .wheel_popup-close {
    top: 8px;
    right: 8px;
  }

  .wheel_popup-date {
    font-size: 15px;
  }

  .wheel_popup-date b {
    font-size: 15px;
    padding: 3px 15px;
  }

  .wheel_popup-title {
    margin: 10px 0 10px;
    font-size: 18px;
  }

  .wheel-form-label {
    font-size: 13px;
  }

  .wheel-form-input input {
    height: 42px;
    padding: 0 27px;
    font-size: 14px;
  }

  form#wheel_form input[type="submit"] {
    width: 100%;
    height: 60px;
    font-size: 18px;
  }

  .wheel_popup-checkbox-text {
    font-size: 9px;
    letter-spacing: -0.2px;
    white-space: nowrap;
  }

  .wheel_popup-after {
    padding-top: 30px;
    text-align: center;
  }

  .wheel_popup-win-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 140%;
  }

  .wheel_popup-win-text {
    margin: 12px 0px;
    font-size: 22px;
    line-height: 140%;
    font-weight: bold;
  }

  .wheel_popup-win-offer {
    font-size: 16px;
    line-height: 140%;
    color: #2f2f2f;
  }
}

form#wheel_form input[type="submit"] {
  -webkit-appearance: none;
}

@media (max-width: 768px) {
  div#wheel_popup {
    overflow-y: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  div#wheel_popup * {
    font-family: "Pragmatica" !important;
  }

  .wheel_popup-title {
    font-size: 19px;
    margin: 10px 0px 10px;
    max-width: 300px;
  }

  .wheel_popup-title br {
    display: none;
  }

  .wheel_popup-subtitle {
    font-size: 16px;
    margin-bottom: 20px;
    max-width: 300px;
  }
}

@media (max-width: 374.98px) {
  .wheel_popup-content {
    width: 320px;
    height: 650px;
    min-height: 650px;
  }

  .wheel_popup-content-wr {
    padding: 20px 15px;
    background-position-y: 25px;
  }

  .wheel_popup-title {
    font-size: 16px;
    margin: 10px 0px 10px;
    max-width: 300px;
  }

  .wheel_popup-subtitle {
    font-size: 16px;
    margin-bottom: 20px;
    max-width: 300px;
  }

  .wheel-form-label {
    font-size: 12px;
    margin-bottom: 3px;
  }

  .wheel_popup-images {
    width: 296px;
    height: 296px;
    padding: 14px;
  }

  .wheel-form-input input {
    height: 38px;
  }

  .wheel_popup-checkbox-text {
    font-size: 8px;
  }
}

div#wheel_popup.winner .wheel_popup-content-wr {
  background-image: url(../../../../../../local/templates/generator/assets/images/bg-pc-win-newyear.png);
  background-size: cover;
  background-position: center;
}

@media (max-width: 1010px) {
  div#wheel_popup.winner .wheel_popup-content-wr {
    background-image: url(../../../../../../local/templates/generator/assets/images/bg-mob-win-newyear.png);
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 374.98px) {
  div#wheel_popup.winner .wheel_popup-content-wr {
    background-image: url(../../../../../../local/templates/generator/assets/images/bg-mob-win-newyear.png);
    background-size: cover;
    background-position: center 50px;
  }
}

div#wheel_popup.winner .wheel_popup-content-wr {
  padding-top: 55px;
}

div#wheel_popup.winner .wheel_popup-after {
  padding-top: 0px;
}

.wheel_popup-win-offer {
  font-size: 20px;
}

.wheel_popup-win-offer a {
  color: #2f2f2f;
  text-decoration: underline;
}

.wheel_popup-win-offer span.special-text {
  display: block;
  font-size: 14px;
  line-height: 19.6px;
  margin-top: 10px;
}

.wheel_popup-win-text {
  margin: 23px 0px;
}

@media (max-width: 1010px) {
  .wheel_popup-win-text {
    margin: 12px 0px;
  }

  .wheel_popup-win-offer {
    font-size: 16px;
    line-height: 22.4px;
  }

  div#wheel_popup.winner .wheel_popup-content-wr {
    padding-top: 12px;
  }

  .wheel_popup-win-offer span.special-text {
    font-size: 12px;
    line-height: 16px;
  }
}

h1.marketing__title {
  margin-bottom: 20px;
  line-height: 130%;
}

h1.firstScreen-title {
  margin-bottom: 0px;
}

.cases {
  max-width: 1200px;
  margin: 0 auto 120px;
}

@media (max-width: 479px) {
  .cases {
    margin-bottom: 80px;
  }
}

.cases .cases__header {
  margin-bottom: 80px;
}

@media (max-width: 479px) {
  .cases .cases__header {
    margin-bottom: 40px;
    padding: 0 4.26vw;
  }
}

.cases .cases__subtitle {
  color: var(--brown);
  text-align: left;
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
}

@media (max-width: 479px) {
  .cases .cases__subtitle {
    font-size: 18px;
  }
}

.cases .customers-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 479px) {
  .cases .customers-list {
    display: none;
  }
}

.cases .customers-item img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.cases .customers-grid {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media (max-width: 479px) {
  .cases .customers-grid {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 4.26vw;
  }
}

.customers-grid {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

@media (max-width: 479px) {
  .customers-grid {
    flex-direction: column;
    gap: 20px;
  }
}

.customers-card {
  width: calc((100% - 60px) / 3);
  white-space: normal;
  text-align: left;
  display: block;
  position: relative;
}

.customers-card__title {
  text-align: left;
  letter-spacing: -0.03em;
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #41342e;
  margin-top: 10px;
}

.customers-card__desc {
  letter-spacing: -0.01em;
  white-space: break-spaces;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #41342e;
  margin-top: 5px;
}

.customers-card__btn {
  width: 100%;
  max-width: 221px;
  height: 51px;
  background-color: #41342e;
  color: #fef7e5;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-top: 20px;
}

.customers-card__btn:hover {
  color: #fef7e5;
}

.customers-card__img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

@media screen and (max-width: 479px) {
  .customers-card {
    width: 100% !important;
    flex-direction: column;
    height: auto;
    margin-bottom: 32px;
    display: flex;
  }

  .customers-card__title {
    margin-top: 20px;
    font-size: 28px;
    line-height: 120%;
  }

  .customers-card__desc {
    text-align: left;
    font-size: 16px;
  }

  .customers-card__btn {
    max-width: 166px;
    height: 40px;
    font-size: 16px;
  }
}

.areas-of-applications__title {
  margin-bottom: 30px;
  text-align: center;
  font-weight: 400;
  font-size: 48px;
  line-height: 130%;
  color: #41342e;
}

@media screen and (max-width: 479px) {
  .areas-of-applications__title {
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 130%;
  }
}

@keyframes roll {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(calc(-100% + 570px));
  }
}

@media (max-width: 1024px) {
  @keyframes roll {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(calc(-100% + 400px));
    }
  }
}

.popup-overlay.js-popup-carousel {
  z-index: 9999999;
}

.popup-carousel__body {
  width: 1000px;
  height: 570px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../../../../../../local/templates/generator/assets/images/popups/carousel/bg.png);
  border-radius: 20px;
  position: relative;
  display: flex;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
}

.popup-carousel__body.win {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../../../../../../local/templates/generator/assets/images/popups/carousel/bg-win.png);
}

.popup-carousel__close {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  z-index: 1;
}

.popup-carousel__close svg {
  width: 25px;
  height: 25px;
}

.popup-carousel__left {
  display: flex;
  flex-direction: column;
  padding: 27px 41px 23px 33px;
  width: 100%;
  max-width: 530px;
}

.popup-carousel__body.win .popup-carousel__left {
  padding: 55px 55px 0;
}

.popup-carousel__top {
  display: flex;
  gap: 15px;
  align-items: center;
}

.popup-carousel__date {
  font-weight: 400;
  font-size: 24px;
  color: #2f2f2f;
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
}

.popup-carousel__date span {
  border-radius: 33px;
  padding: 5px 23px;
  background: #6451b7;
  font-weight: 600;
  color: #fff;
}

.popup-carousel__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
  color: #2f2f2f;
  margin-top: 16px;
}

.popup-carousel__title span {
  color: #6451b7;
}

.popup-carousel__subtitle {
  font-weight: 400;
  font-size: 22px;
  line-height: 130%;
  color: #2f2f2f;
  margin-top: 16px;
}

.popup-carousel__right {
  width: 100%;
  max-width: 470px;
}

.popup-carousel__right.win {
}

.popup-carousel__form {
  max-width: 100%;
  margin-top: 44px;
}

.popup-carousel__form .form__input-label {
  display: block;
  font-weight: 400;
  font-size: 18px;
  color: #2f2f2f;
  margin-bottom: 5px;
}

.popup-carousel__form .input {
  width: 100%;
  display: block;
  padding: 0 20px;
  border: 1.1px solid #c9c9c9;
  border-radius: 110px;
  height: 65px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 144%;
  color: #939393;
}

.popup-carousel__form .input::-webkit-input-placeholder,
.popup-carousel__form .input::-moz-placeholder,
.popup-carousel__form .input:-ms-input-placeholder,
.popup-carousel__form .input::-ms-input-placeholder,
.popup-carousel__form .input::placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 144%;
  color: #939393;
}

.popup-carousel__form .popup-carousel__form-btn {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: 100px;
  border-radius: 100px;
  padding: 20px 35px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: none;
  cursor: pointer;
  outline: none;
  background: #f9a00c;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

.popup-carousel__form .popup-carousel__form-btn:active,
.popup-carousel__form .popup-carousel__form-btn:focus {
  border: none;
  cursor: pointer;
  outline: none;
}

.popup-carousel__form .checkbox {
  position: relative;
  display: flex;
}

.popup-carousel__form .checkbox:not(:last-child) {
}

.popup-carousel__form .checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0 !important;
}

.popup-carousel__form .checkbox__input:checked + .checkbox__label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.popup-carousel__form .checkbox__label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.popup-carousel__form .checkbox__label:before {
  content: "";
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  border: 1px solid #b6b6b6;
  border-radius: 3px;
}

.popup-carousel__form .checkbox__label::after {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%228%22%20viewBox%3D%220%200%209%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.75%203.80769L3.34615%206.40385L8.25%201.5%22%20stroke%3D%22%23B6B6B6%22%20stroke-width%3D%220.901434%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E");
  width: 9px;
  height: 8px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  position: absolute;
  top: -3px;
  left: 3px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.popup-carousel__form .checkbox__text {
  font-weight: 400;
  font-size: 10px;
  color: #727272;
  margin-left: 5px;
  max-width: 400px;
}

.popup-carousel__form .checkbox__text a {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 11px;
  color: #848484;
}

.popup-carousel__win-title {
  font-weight: 700;
  font-size: 46px;
  line-height: 140%;
  color: #6451b7;
}

.popup-carousel__win-prize {
  margin-top: 20px;
  font-weight: 700;
  font-size: 30px;
  line-height: 140%;
  color: #f9a00c;
}

.popup-carousel__win-note {
  margin-top: 20px;
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  color: #2f2f2f;
}

.popup-spin__roll {
  position: relative;
  width: 100%;
  max-width: 470px;
  background: linear-gradient(
    90deg,
    #6451b7 0%,
    #6f76bc 30.21%,
    #878ed1 71.35%,
    #6451b7 100%
  );
}

.popup-spin__roll:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 95px;
  background: linear-gradient(
    180deg,
    rgba(100, 81, 183, 0.8) 0%,
    rgba(100, 81, 183, 0) 100%
  );
}

.popup-spin__roll:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 95px;
  background: linear-gradient(
    180deg,
    rgba(100, 81, 183, 0.8) 0%,
    rgba(100, 81, 183, 0) 100%
  );
  transform: rotate(180deg);
}

.popup-spin__line {
  position: absolute;
  width: 2px;
  height: 225px;
  background: #969cda;
}

.popup-spin__line--1 {
  top: 40px;
  left: 40px;
}

.popup-spin__line--2 {
  top: 40px;
  right: 40px;
}

.popup-spin__line--3 {
  bottom: 40px;
  left: 40px;
}

.popup-spin__line--4 {
  bottom: 40px;
  right: 40px;
}

.popup-spin__center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: calc(100% - 110px);
  height: 2px;
  background: #f9a00c;
  margin: 0 auto;
  z-index: 15;
}

.popup-spin__center:before {
  position: absolute;
  content: "";
  top: calc(100% - 40px / 2);
  top: -20px;
  left: -23px;
  width: 20px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='40' viewBox='0 0 20 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.5C12.4699 0.5 14.841 2.51508 16.624 6.08105C18.3921 9.61728 19.5 14.5379 19.5 20C19.5 25.4621 18.3921 30.3827 16.624 33.9189C14.841 37.4849 12.4699 39.5 10 39.5C7.53005 39.5 5.15903 37.4849 3.37598 33.9189C1.60786 30.3827 0.5 25.4621 0.5 20C0.5 14.5379 1.60786 9.61728 3.37598 6.08105C5.15903 2.51508 7.53005 0.5 10 0.5Z' fill='%23969CDA' stroke='%23969CDA'/%3E%3Cpath d='M6.00005 23.21L6.00005 14.79C5.99957 14.4576 6.09324 14.1318 6.27021 13.8505C6.44718 13.5691 6.70023 13.3435 7.00005 13.2C7.35579 13.032 7.75158 12.9673 8.14232 13.0132C8.53305 13.0592 8.90302 13.214 9.21005 13.46L14.3101 17.67C14.5007 17.8352 14.6536 18.0395 14.7583 18.269C14.8631 18.4984 14.9174 18.7477 14.9174 19C14.9174 19.2523 14.8631 19.5016 14.7583 19.7311C14.6536 19.9605 14.5007 20.1648 14.3101 20.33L9.21005 24.54C8.90302 24.786 8.53305 24.9408 8.14232 24.9868C7.75158 25.0328 7.35579 24.968 7.00005 24.8C6.70023 24.6565 6.44718 24.4309 6.27021 24.1496C6.09324 23.8682 5.99957 23.5424 6.00005 23.21Z' fill='%23F9A00C'/%3E%3C/svg%3E%0A")
    no-repeat center/cover;
}

.popup-spin__center:after {
  position: absolute;
  content: "";
  top: calc(100% - 40px / 2);
  top: -20px;
  right: -23px;
  width: 20px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='40' viewBox='0 0 20 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.5C7.53005 0.5 5.15903 2.51508 3.37598 6.08105C1.60786 9.61728 0.5 14.5379 0.5 20C0.5 25.4621 1.60786 30.3827 3.37598 33.9189C5.15903 37.4849 7.53005 39.5 10 39.5C12.4699 39.5 14.841 37.4849 16.624 33.9189C18.3921 30.3827 19.5 25.4621 19.5 20C19.5 14.5379 18.3921 9.61728 16.624 6.08105C14.841 2.51508 12.4699 0.5 10 0.5Z' fill='%23969CDA' stroke='%23969CDA'/%3E%3Cpath d='M13.9999 23.21L13.9999 14.79C14.0004 14.4576 13.9068 14.1318 13.7298 13.8505C13.5528 13.5691 13.2998 13.3435 12.9999 13.2C12.6442 13.032 12.2484 12.9673 11.8577 13.0132C11.4669 13.0592 11.097 13.214 10.7899 13.46L5.68995 17.67C5.49932 17.8352 5.34643 18.0395 5.24165 18.269C5.13687 18.4984 5.08264 18.7477 5.08264 19C5.08264 19.2523 5.13687 19.5016 5.24165 19.7311C5.34643 19.9605 5.49932 20.1648 5.68995 20.33L10.7899 24.54C11.097 24.786 11.4669 24.9408 11.8577 24.9868C12.2484 25.0328 12.6442 24.968 12.9999 24.8C13.2998 24.6565 13.5528 24.4309 13.7298 24.1496C13.9068 23.8682 14.0004 23.5424 13.9999 23.21Z' fill='%23F9A00C'/%3E%3C/svg%3E%0A")
    no-repeat center/cover;
}

.popup-spin__roller.roll-slow {
  animation-name: roll;
  animation-duration: 120s;
  animation-iteration-count: infinite;
  transition-timing-function: linear;
}

.popup-spin__roller {
  transition: 4s;
  transition-timing-function: ease-in-out;
}

.spin-slot {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 310px;
  height: 180px;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto 20px;
  overflow: hidden;
}

.spin-slot__img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.spin-slot__img img {
  display: block;
  margin: 0 auto;
}

.spin-slot__img img:last-child {
  display: none;
}

@media (max-width: 1024px) {
  .popup-overlay.js-popup-carousel {
    overflow: scroll;
  }

  .popup-carousel__body {
    width: 100%;
    max-width: 375px;
    height: 595px;
    flex-direction: column;
    justify-content: space-between;
    top: 10%;
    transform: none;
    background-image: url(../../../../../../local/templates/generator/assets/images/popups/carousel/bg-mob.png);
  }

  .popup-carousel__body.win {
    background-image: url(../../../../../../local/templates/generator/assets/images/popups/carousel/bg-win-mob.png);
  }

  .popup-carousel__close {
    top: 4px;
    right: 10px;
  }

  .popup-carousel__close svg path {
    fill: #3a3a3a;
  }

  .popup-carousel__left {
    padding: 15px 26px 0;
  }

  .popup-carousel__body.win .popup-carousel__left {
    text-align: center;
    padding: 15px 26px 0;
  }

  .popup-carousel__top {
    justify-content: center;
  }

  .popup-carousel__date {
    font-size: 14px;
    gap: 4px;
    justify-content: center;
  }

  .popup-carousel__date span {
    padding: 3px 17px;
  }

  .popup-carousel__title {
    font-size: 24px;
    text-align: center;
    line-height: 130%;
    margin-top: 15px;
  }

  .popup-carousel__subtitle {
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
  }

  form.popup-carousel__form {
    margin-top: 20px;
  }

  .popup-carousel__form .form__input-label {
    font-size: 13px;
  }

  .popup-carousel__form .input {
    font-size: 13px;
    border-radius: 80px;
    border: 1px solid #c9c9c9;
    padding: 10px 36px;
    height: 45px;
    margin-bottom: 10px;
  }

  .popup-carousel__form .input::-webkit-input-placeholder,
  .popup-carousel__form .input::-moz-placeholder,
  .popup-carousel__form .input:-ms-input-placeholder,
  .popup-carousel__form .input::-ms-input-placeholder,
  .popup-carousel__form .input::placeholder {
    font-size: 13px;
  }

  .popup-carousel__form .popup-carousel__form-btn {
    border-radius: 80px;
    padding: 15px 25px;
    height: 62px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
  }

  .popup-carousel__form .checkbox__text {
    font-size: 8px;
    margin-left: 5px;
  }

  .popup-carousel__win-title {
    font-size: 26px;
    line-height: 140%;
    color: #6451b7;
  }

  .popup-carousel__win-prize {
    font-size: 24px;
    line-height: 140%;
    margin-top: 13px;
  }

  .popup-carousel__win-note {
    font-size: 18px;
    line-height: 140%;
    margin-top: 13px;
  }

  .popup-spin__roll {
    width: 100%;
    height: 175px;
  }

  .popup-spin__roll:before {
    top: 0;
    left: 0;
    right: unset;
    width: 65px;
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(100, 81, 183, 0.8) 0%,
      rgba(45, 118, 199, 0) 100%
    );
  }

  .popup-spin__roll:after {
    bottom: 0;
    left: unset;
    right: 0;
    width: 65px;
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(100, 81, 183, 0.8) 0%,
      rgba(45, 118, 199, 0) 100%
    );
  }

  .popup-spin__line {
    position: absolute;
    width: 158px;
    height: 2px;
    background: #969cda;
  }

  .popup-spin__line--1 {
    top: 15px;
    left: 15px;
  }

  .popup-spin__line--2 {
    top: 15px;
    right: 15px;
  }

  .popup-spin__line--3 {
    bottom: 15px;
    left: 15px;
  }

  .popup-spin__line--4 {
    bottom: 15px;
    right: 15px;
  }

  .popup-spin__center {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    width: 2px;
    height: 116px;
    margin: 0 auto;
  }

  .popup-spin__center:before {
    top: -20px;
    left: -15px;
    width: 30px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg width='30' height='15' viewBox='0 0 30 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='15' cy='7.93292' rx='7' ry='15' transform='rotate(90 15 7.93292)' fill='%23969CDA'/%3E%3Cpath d='M11.4917 4.59958L18.5083 4.59958C18.7853 4.59918 19.0568 4.67723 19.2913 4.82471C19.5258 4.97219 19.7137 5.18306 19.8333 5.43291C19.9734 5.72936 20.0273 6.05919 19.989 6.3848C19.9507 6.71042 19.8217 7.01872 19.6167 7.27458L16.1083 11.5246C15.9707 11.6834 15.8004 11.8108 15.6092 11.8982C15.418 11.9855 15.2102 12.0307 15 12.0307C14.7898 12.0307 14.582 11.9855 14.3908 11.8982C14.1996 11.8108 14.0294 11.6834 13.8917 11.5246L10.3833 7.27458C10.1783 7.01872 10.0493 6.71042 10.011 6.3848C9.97271 6.05919 10.0266 5.72937 10.1667 5.43291C10.2863 5.18306 10.4742 4.97219 10.7087 4.82471C10.9432 4.67724 11.2147 4.59918 11.4917 4.59958Z' fill='%23F9A00C'/%3E%3C/svg%3E%0A")
      no-repeat center/cover;
  }

  .popup-spin__center:after {
    top: unset;
    right: unset;
    bottom: -20px;
    left: -15px;
    width: 30px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg width='30' height='15' viewBox='0 0 30 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='7' cy='15' rx='7' ry='15' transform='matrix(-4.37114e-08 -1 -1 4.37114e-08 30 14.9329)' fill='%23969CDA'/%3E%3Cpath d='M11.4917 11.2663L18.5083 11.2663C18.7853 11.2667 19.0568 11.1886 19.2913 11.0411C19.5258 10.8937 19.7137 10.6828 19.8333 10.4329C19.9734 10.1365 20.0273 9.80665 19.989 9.48104C19.9507 9.15543 19.8217 8.84712 19.6167 8.59126L16.1083 4.34126C15.9707 4.18241 15.8004 4.055 15.6092 3.96768C15.418 3.88036 15.2102 3.83517 15 3.83517C14.7898 3.83517 14.582 3.88036 14.3908 3.96768C14.1996 4.055 14.0294 4.18241 13.8917 4.34126L10.3833 8.59126C10.1783 8.84712 10.0493 9.15543 10.011 9.48104C9.97271 9.80665 10.0266 10.1365 10.1667 10.4329C10.2863 10.6828 10.4742 10.8937 10.7087 11.0411C10.9432 11.1886 11.2147 11.2667 11.4917 11.2663Z' fill='%23F9A00C'/%3E%3C/svg%3E%0A")
      no-repeat center/cover;
  }

  .popup-spin__roller {
    position: absolute;
    display: flex;
    top: 30px;
    left: 0;
  }

  .spin-slot {
    width: 160px;
    height: 116px;
    margin: 0 15px 0 0;
    flex-shrink: 0;
  }

  .spin-slot__img img:last-child {
    display: block;
  }

  .spin-slot__img img:first-child {
    display: none;
  }

  .spin-slot__img img {
    width: 160px;
    height: 116px;
    object-fit: cover;
    object-position: center;
  }

  .popup-spin__slot.spin-slot {
    position: relative;
  }
}