@charset "UTF-8";
@font-face {
  font-family: "Articulat CF Light";
  src: url("../fonts/ArticulatCF-Light.woff2") format("woff2"), url("../fonts/ArticulatCF-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Articulat CF Medium";
  src: url("../fonts/ArticulatCF-Medium.woff2") format("woff2"), url("../fonts/ArticulatCF-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Articulat CF Normal";
  src: url("../fonts/ArticulatCF-Normal.woff2") format("woff2"), url("../fonts/ArticulatCF-Normal.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "raleway-v22-latin_cyrillic-600";
  font-display: swap;
  src: url("../fonts/raleway-v22-latin_cyrillic-600.woff2") format("woff2"), url("../fonts/raleway-v22-latin_cyrillic-600.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "raleway-v22-latin_cyrillic-900";
  font-display: swap;
  src: url("../fonts/raleway-v22-latin_cyrillic-900.woff2") format("woff2"), url("../fonts/raleway-v22-latin_cyrillic-900.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "raleway-v22-latin_cyrillic-regular";
  font-display: swap;
  src: url("../fonts/raleway-v22-latin_cyrillic-regular.woff2") format("woff2"), url("../fonts/raleway-v22-latin_cyrillic-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/fonts/icomoon.eot?za5w69");
  src: url("../fonts/icomoon/fonts/icomoon.eot?za5w69#iefix") format("embedded-opentype"), url("../fonts/icomoon/fonts/icomoon.ttf?za5w69") format("truetype"), url("../fonts/icomoon/fonts/icomoon.woff?za5w69") format("woff"), url("../fonts/icomoon/fonts/icomoon.svg?za5w69#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*--tiny-slider--*/
.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}

.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
/*--end tiny-slider--*/
/*--tiny-slider--*/
/*--end tiny-slider--*/
/*--FormHandler-*/
/*--end FormHandler--*/
/*--spoilers-*/
/*--spoilers-*/
.vbox-overlay {
  --vbox-tools-color:#fff;
  --vbox-title-background:#101010;
  --vbox-title-width:"auto";
  --vbox-title-radius:0;
  --vbox-share-background:#101010;
  --vbox-share-width:"auto";
  --vbox-share-radius:0;
  --vbox-padding:0;
  --vbox-max-width:100%;
}

.vbox-overlay *, .vbox-overlay :after, .vbox-overlay :before {
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
}

.vbox-overlay * {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.vbox-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999999;
}

.vbox-share, .vbox-title {
  line-height: 1;
  position: fixed;
  z-index: 98;
  text-align: center;
  margin: 0 auto;
  color: var(--vbox-tools-color);
}

.vbox-title {
  font-size: 12px;
  background-color: var(--vbox-title-background);
  width: var(--vbox-title-width);
  border-radius: var(--vbox-title-radius);
  padding: 12px 54px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.vbox-share {
  font-size: 24px;
  padding: 0 0.35em;
  background-color: var(--vbox-share-background);
  width: var(--vbox-share-width);
  border-radius: var(--vbox-share-radius);
}

.vbox-link-btn, button.vbox-link-btn, button.vbox-link-btn:active, button.vbox-link-btn:focus, button.vbox-link-btn:hover {
  border: none !important;
  background: 0 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 6px 12px;
  outline: 0;
  display: inline-block;
  cursor: pointer;
}

.vbox-share a {
  color: inherit !important;
  padding: 6px 12px;
  display: inline-block;
}

.vbox-share svg {
  z-index: 10;
  vertical-align: middle;
}

.vbox-close {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  padding: 6px 15px;
  color: #000;
  color: var(--vbox-tools-color);
  border: 0;
  font-size: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.vbox-close:hover {
  opacity: 1;
}

.vbox-left-corner {
  cursor: pointer;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  line-height: 1;
  font-size: 12px;
  z-index: 99;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: var(--vbox-tools-color);
}

.vbox-num {
  display: inline-block;
  padding: 12px 15px;
}

.vbox-left {
  left: 0;
}

.vbox-right {
  right: 0;
}

.vbox-top {
  top: 0;
}

.vbox-bottom {
  bottom: 0;
}

.vbox-next, .vbox-prev {
  position: fixed;
  top: 50%;
  margin-top: -15px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  width: 45px;
  height: 45px;
  z-index: 99;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.vbox-next:hover, .vbox-prev:hover {
  opacity: 1;
}

.vbox-next span, .vbox-prev span {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top-color: var(--vbox-tools-color);
  border-right-color: var(--vbox-tools-color);
  text-indent: -100px;
  position: absolute;
  top: 8px;
  display: block;
}

.vbox-prev {
  left: 15px;
}

.vbox-next {
  right: 15px;
}

.vbox-prev span {
  left: 10px;
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.vbox-next span {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 10px;
}

.vbox-open {
  overflow: hidden;
}

.vbox-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  max-height: 100%;
  padding: 30px 0;
}

.vbox-content {
  opacity: 0;
  text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 4%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100%;
}

.vbox-container img {
  max-width: 100%;
  height: auto;
}

.vbox-child {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  max-width: var(--vbox-max-width);
  text-align: initial;
  padding: var(--vbox-padding);
}

.vbox-child img {
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
}

.vbox-fit .vbox-child img, .vbox-fit .vbox-child.venoratio {
  max-height: calc(100vh - 60px);
}

.vbox-inline, .venoratio {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.venoratio::before {
  display: block;
  padding-top: var(--vb-aspect-ratio);
  content: "";
}

.venoratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--vbox-padding);
}

.venoratio-1x1 {
  --vb-aspect-ratio:100%;
  max-width: min(var(--vbox-max-width), 100vh - 60px);
}

.venoratio-4x3.vbox-child.venoratio {
  --vb-aspect-ratio:calc(3 / 4 * 100%);
  max-width: min(var(--vbox-max-width), (100vh - 60px) * 4 / 3);
}

.venoratio-16x9.vbox-child.venoratio {
  --vb-aspect-ratio:calc(9 / 16 * 100%);
  max-width: min(var(--vbox-max-width), (100vh - 60px) * 16 / 9);
}

.venoratio-21x9.vbox-child.venoratio {
  --vb-aspect-ratio:calc(9 / 21 * 100%);
  max-width: min(var(--vbox-max-width), (100vh - 60px) * 21 / 9);
}

.venoratio-full {
  --vb-aspect-ratio:calc(100vh - 60px);
}

.vbox-grab .vbox-child img {
  cursor: grab;
}

.vbox-child > iframe {
  border: none !important;
}

.vbox-content.swipe-left {
  margin-left: -200px !important;
}

.vbox-content.swipe-right {
  margin-left: 200px !important;
}

.vbox-preloader {
  transform: translateZ(0);
}

.vbox-preloader .vbox-preloader-inner {
  opacity: 1;
  transition: opacity 0.2s;
}

.vbox-hidden {
  display: none;
}

.vbox-preloader.vbox-hidden .vbox-preloader-inner {
  opacity: 0;
}

.vbox-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(-1px);
  z-index: 0;
}

.vbox-tooltip {
  position: relative;
  display: inline-block;
}

.vbox-tooltip .vbox-tooltip-text {
  visibility: hidden;
  color: #fff;
  text-align: center;
  padding: 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
  margin-bottom: 2px;
  font-family: sans-serif;
}

.vbox-top .vbox-tooltip .vbox-tooltip-text {
  bottom: auto;
  top: 100%;
  margin-bottom: 0;
  margin-top: 2px;
}

.vbox-tooltip-inner {
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  font-size: 10px;
}

.vbox-tooltip:hover .vbox-tooltip-text {
  visibility: visible;
  opacity: 1;
}

.vbox-overlay {
  --sk-size:40px;
  --sk-color:#333;
}

.sk-center {
  margin: auto;
}

.sk-plane {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  animation: sk-plane 1.2s infinite ease-in-out;
}

@keyframes sk-plane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.sk-chase {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  100%, 80% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  0%, 100% {
    transform: scale(1);
  }
}
.sk-bounce {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-bounce-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--sk-color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.sk-bounce-dot:nth-child(2) {
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  45%, 55% {
    transform: scale(1);
  }
}
.sk-wave {
  width: var(--sk-size);
  height: var(--sk-size);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sk-wave-rect {
  background-color: var(--sk-color);
  height: 100%;
  width: 15%;
  animation: sk-wave 1.2s infinite ease-in-out;
}

.sk-wave-rect:nth-child(1) {
  animation-delay: -1.2s;
}

.sk-wave-rect:nth-child(2) {
  animation-delay: -1.1s;
}

.sk-wave-rect:nth-child(3) {
  animation-delay: -1s;
}

.sk-wave-rect:nth-child(4) {
  animation-delay: -0.9s;
}

.sk-wave-rect:nth-child(5) {
  animation-delay: -0.8s;
}

@keyframes sk-wave {
  0%, 100%, 40% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
.sk-pulse {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@keyframes sk-pulse {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.sk-flow {
  width: calc(var(--sk-size) * 1.3);
  height: calc(var(--sk-size) * 1.3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sk-flow-dot {
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 50%;
  animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
}

.sk-flow-dot:nth-child(1) {
  animation-delay: -0.3s;
}

.sk-flow-dot:nth-child(2) {
  animation-delay: -0.15s;
}

@keyframes sk-flow {
  0%, 100%, 80% {
    transform: scale(0.3);
  }
  40% {
    transform: scale(1);
  }
}
.sk-swing {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-swing 1.8s infinite linear;
}

.sk-swing-dot {
  width: 45%;
  height: 45%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-swing-dot 2s infinite ease-in-out;
}

.sk-swing-dot:nth-child(2) {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes sk-swing {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-swing-dot {
  0%, 100% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(1);
  }
}
.sk-circle {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-circle-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle-dot:before {
  content: "";
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle 1.2s infinite ease-in-out both;
}

.sk-circle-dot:nth-child(1) {
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-circle-dot:nth-child(2) {
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-circle-dot:nth-child(3) {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-circle-dot:nth-child(4) {
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-circle-dot:nth-child(5) {
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-circle-dot:nth-child(6) {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-circle-dot:nth-child(7) {
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-circle-dot:nth-child(8) {
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-circle-dot:nth-child(9) {
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-circle-dot:nth-child(10) {
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-circle-dot:nth-child(11) {
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-circle-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle {
  0%, 100%, 80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.sk-circle-fade {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-circle-fade-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle-fade-dot:before {
  content: "";
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle-fade 1.2s infinite ease-in-out both;
}

.sk-circle-fade-dot:nth-child(1) {
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-circle-fade-dot:nth-child(2) {
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-circle-fade-dot:nth-child(3) {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-circle-fade-dot:nth-child(4) {
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-circle-fade-dot:nth-child(5) {
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-circle-fade-dot:nth-child(6) {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-circle-fade-dot:nth-child(7) {
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-circle-fade-dot:nth-child(8) {
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-circle-fade-dot:nth-child(9) {
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-circle-fade-dot:nth-child(10) {
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-circle-fade-dot:nth-child(11) {
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-circle-fade-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-fade-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-fade-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-fade-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-fade-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-fade-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-fade-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-fade-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-fade-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-fade-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-fade-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle-fade {
  0%, 100%, 39% {
    opacity: 0;
    transform: scale(0.6);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
.sk-grid {
  width: var(--sk-size);
  height: var(--sk-size);
}

.sk-grid-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: var(--sk-color);
  float: left;
  animation: sk-grid 1.3s infinite ease-in-out;
}

.sk-grid-cube:nth-child(1) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(2) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(3) {
  animation-delay: 0.4s;
}

.sk-grid-cube:nth-child(4) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(5) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(6) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(7) {
  animation-delay: 0s;
}

.sk-grid-cube:nth-child(8) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(9) {
  animation-delay: 0.2s;
}

@keyframes sk-grid {
  0%, 100%, 70% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
.sk-fold {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
}

.sk-fold-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.sk-fold-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sk-color);
  animation: sk-fold 2.4s infinite linear both;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-fold-cube:nth-child(2) {
  -ms-transform: scale(1.1) rotate(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.sk-fold-cube:nth-child(4) {
  -ms-transform: scale(1.1) rotate(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.sk-fold-cube:nth-child(3) {
  -ms-transform: scale(1.1) rotate(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.sk-fold-cube:nth-child(2):before {
  animation-delay: 0.3s;
}

.sk-fold-cube:nth-child(4):before {
  animation-delay: 0.6s;
}

.sk-fold-cube:nth-child(3):before {
  animation-delay: 0.9s;
}

@keyframes sk-fold {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }
  100%, 90% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.sk-wander {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-wander-cube {
  background-color: var(--sk-color);
  width: 20%;
  height: 20%;
  position: absolute;
  top: 0;
  left: 0;
  --sk-wander-distance:calc(var(--sk-size) * 0.75);
  animation: sk-wander 2s ease-in-out -2s infinite both;
}

.sk-wander-cube:nth-child(2) {
  animation-delay: -0.5s;
}

.sk-wander-cube:nth-child(3) {
  animation-delay: -1s;
}

@keyframes sk-wander {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6);
  }
  50% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
  }
  50.1% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/*# sourceMappingURL=venobox.min.css.map */
/*--------------------adjustment----------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 106.25%;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  font-family: "Articulat CF Normal", sans-serif;
  font-weight: normal;
  font-size: 1rem;
  min-width: 18.8235294118rem;
  position: relative;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  color: #1A1A1A;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 61.99875em) {
  .lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    overflow-behavior: none;
  }
}

#wrapper-for-scroll-fix {
  overflow: hidden;
}

#wrapper-for-scroll-fix.modal-open {
  padding-right: var(--scroll-width);
}

.vbox-open .vbox-container {
  padding-right: var(--scroll-width);
}

.modal-open .header {
  padding-right: var(--scroll-width);
}

html, body {
  height: 100%;
}

.main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}
@supports (overflow: clip) {
  .main {
    overflow: clip;
  }
}
.main > * {
  min-width: 0;
}
.main .header {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.main .main-content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.main .footer {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: auto;
}

a {
  color: inherit;
}

img {
  vertical-align: top;
}

ul, li {
  margin: 0;
  padding: 0;
}

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

p {
  margin: 0;
}

input input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
  appearance: none;
}

.input,
input {
  border-radius: 0;
  outline: none;
  display: block;
  width: 100%;
  border: 0 none;
}

textarea {
  resize: none;
  padding: 0 0;
}

[class*=__wrapper] {
  margin: 0 auto;
  padding-left: 0.5882352941rem;
  padding-right: 0.5882352941rem;
  max-width: 70.5882352941rem;
}
@media only screen and (max-width: 73.75em) {
  [class*=__wrapper] {
    padding-left: 1.7647058824rem;
    padding-right: 1.7647058824rem;
  }
}
@media only screen and (max-width: 86.25em) {
  [class*=__wrapper] {
    max-width: 60.2352941176rem;
  }
}
@media only screen and (max-width: 86.25em) {
  [class*=__wrapper].padding-inline-75 {
    padding-left: 4.4117647059rem;
    padding-right: 4.4117647059rem;
  }
}
@media only screen and (max-width: 64em) {
  [class*=__wrapper].padding-inline-75 {
    padding-left: 1.7647058824rem;
    padding-right: 1.7647058824rem;
  }
}

.hidden {
  display: none !important;
}

.ibg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 52.25%;
}

.ibg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

._prod-img {
  position: relative;
  padding-bottom: 80%;
}
._prod-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

._fit {
  position: relative;
}

._fit ._fit-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  object-fit: cover;
  object-position: center center;
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) or (--webkit-backdrop-filter: blur(10px)) {
  .bd-filter-fallback {
    background-color: rgba(255, 255, 255, 0.72);
    -webkit-backdrop-filter: blur(31px);
    backdrop-filter: blur(31px);
  }
}

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

.wht-bg {
  background-color: #fff;
}

.gray-bg {
  background-color: #F2F2F2;
}

.school-section, .school-page {
  position: relative;
  z-index: 2;
}

.fab {
  position: fixed;
  width: 9.2941176471rem;
  height: 10.9329411765rem;
  top: 36.4705882353rem;
  left: 3.8194444444%;
  z-index: 21;
}
.fab--hidden {
  visibility: hidden;
}
.search-open .fab {
  z-index: 20;
}
@media only screen and (max-width: 86.25em) {
  .fab {
    width: 6.5270588235rem;
    height: 7.6470588235rem;
    top: 26.6470588235rem;
    left: 2rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .fab {
    top: 29.4117647059rem;
  }
}
@media only screen and (max-width: 22.5em) {
  .fab {
    top: 23.5294117647rem;
    left: 0.2941176471rem;
  }
}
@media only screen and (min-width: 93.75em) {
  .fab {
    top: 34.1176470588rem;
    left: calc((100% - 84.7058823529rem) / 2 - 2.0588235294rem);
  }
}

.fab__phone,
.fab__drive {
  padding: 0;
  background-color: transparent;
  border: none;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: opacity 0.5s ease;
}
@media (any-hover: hover) {
  .fab__phone,
  .fab__drive {
    cursor: pointer;
  }
}
.fab--active .fab__phone,
.fab--active .fab__drive {
  visibility: hidden;
}
.fab__phone img,
.fab__drive img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

@media only screen and (max-width: 86.25em) {
  .fab__phone {
    width: 4.6876470588rem;
  }
}
.drive .fab__phone {
  opacity: 0;
}

.fab__drive {
  opacity: 0;
}
.drive .fab__drive {
  opacity: 1;
}

.fab__list {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 4.1764705882rem;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  -ms-transform: translateY(10%) translateX(-50%);
  transform: translateY(10%) translateX(-50%);
}
.fab--active .fab__list {
  visibility: visible;
  opacity: 1;
  -ms-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
}
.fab--hidden .fab__list {
  visibility: hidden;
}
@media only screen and (max-width: 86.25em) {
  .fab__list {
    width: 3.4705882353rem;
    bottom: calc(100% - 0.5882352941rem);
  }
}
@media only screen and (max-width: 61.99875em) {
  .fab__list {
    width: 2.9411764706rem;
    bottom: 100%;
  }
}

.fab__link {
  display: block;
}
.fab__link img {
  width: 100%;
}

.fab__link--wa {
  width: 76.0563380282%;
  margin-bottom: 47.3098591549%;
  margin-left: 9.8591549296%;
}

.fab__link--tg {
  width: 83.0563380282%;
  margin-bottom: 50%;
}

.fab__link--mail {
  width: 70.676056338%;
  margin-left: 11.7183098592%;
  margin-bottom: 53.1267605634%;
}

.fab__link--chat {
  width: 76.0563380282%;
  margin-bottom: 33.9014084507%;
  margin-left: 9.8591549296%;
}

.fab__link--smart {
  width: 88.2352941176%;
  margin-left: 14.5633802817%;
}

.fab__cross {
  padding: 0;
  background-color: transparent;
  border: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 1.8235294118rem;
  height: 1.8235294118rem;
  transition: all 0.3s;
  -ms-transform: rotate(-30deg) scale(0.7);
  transform: rotate(-30deg) scale(0.7);
  opacity: 0;
  visibility: hidden;
}
@media (any-hover: hover) {
  .fab__cross {
    cursor: pointer;
  }
}
.fab--active .fab__cross {
  visibility: visible;
  opacity: 1;
  -ms-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
.fab--hidden .fab__cross {
  visibility: hidden;
}
@media only screen and (max-width: 86.25em) {
  .fab__cross {
    width: 1.5041176471rem;
    height: 1.5041176471rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .fab__cross {
    width: 1.2735294118rem;
    height: 1.2735294118rem;
  }
}
.fab__cross img {
  width: 100%;
}

.blur {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  z-index: 21;
  display: none;
}
.search-open .blur, .fab-open .blur {
  display: block;
}
.fab-open .blur {
  background-color: rgba(255, 255, 255, 0.88);
}

.image-modal {
  cursor: zoom-in;
}

/*--------------------END adjustment----------------------*/
/*--------------------ui----------------------*/
.btn {
  padding: 0;
  background-color: transparent;
  border: none;
  display: inline-block;
  text-decoration: none;
  color: #009245;
  font-size: 1rem;
}
@media (any-hover: hover) {
  .btn {
    cursor: pointer;
  }
}
@media only screen and (max-width: 47.99875em) {
  .btn {
    font-size: 0.8235294118rem;
  }
}
@media (any-hover: hover) {
  .btn {
    cursor: pointer;
  }
  .btn:hover {
    font-family: "Articulat CF Medium", sans-serif;
  }
}
@media only screen and (max-width: 47.99875em) {
  .btn {
    position: relative;
  }
  .btn:after {
    content: "";
    position: absolute;
    bottom: -0.1764705882rem;
    left: 0;
    right: 0;
    height: 0.0588235294rem;
    background-color: #009245;
  }
}

.toggle-mnu {
  position: relative;
  z-index: 6;
  display: none;
  width: 1.3617647059rem;
  height: 0.8235294118rem;
  margin-top: 0.1764705882rem;
  padding: 0;
  background-color: transparent;
  border: none;
}
.toggle-mnu__close {
  display: none;
}
.menu-opened .toggle-mnu__close {
  display: block;
}
.toggle-mnu svg {
  width: 100%;
}
.toggle-mnu span:after, .toggle-mnu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4705882353rem;
}
.toggle-mnu span:after {
  top: 0.9411764706rem;
}
.toggle-mnu span {
  position: relative;
  display: block;
}
.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
  width: 100%;
  height: 0.0588235294rem;
  background-color: #000;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 0.1176470588rem;
}
.toggle-mnu.on span {
  background-color: transparent;
}
.toggle-mnu.on span:before {
  -ms-transform: rotate(45deg) translate(-0.1176470588rem, 0);
  transform: rotate(45deg) translate(-0.1176470588rem, 0);
}
.toggle-mnu.on span:after {
  -ms-transform: rotate(-45deg) translate(0.2941176471rem, -0.4117647059rem);
  transform: rotate(-45deg) translate(0.2941176471rem, -0.4117647059rem);
}
.menu-opened .toggle-mnu__burger {
  display: none;
}
.heading--row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-pack: center;
  justify-content: center;
  column-gap: 0.3529411765rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 47.99875em) {
  .heading--row {
    column-gap: 0.2352941176rem;
  }
}
@media only screen and (max-width: 36em) {
  .heading--row {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 0.2670588235rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .heading--row .heading__title {
    font-size: 1.4705882353rem;
  }
}
.heading--row .heading__subtitle {
  font-size: 2.1176470588rem;
}
@media only screen and (max-width: 86.25em) {
  .heading--row .heading__subtitle {
    font-size: 1.7647058824rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .heading--row .heading__subtitle {
    font-size: 1rem;
  }
}
.heading__subtitle {
  margin-bottom: 0.0905882353rem;
  font-size: 1.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .heading__subtitle {
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .heading__subtitle {
    font-size: 0.8823529412rem;
  }
}
.heading--mob-title-25 .heading__subtitle {
  margin-bottom: 0.2670588235rem;
}
.heading__title {
  font-size: 2.6470588235rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .heading__title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .heading__title {
    font-size: 1.5882352941rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .heading--mob-title-25 .heading__title {
    font-size: 1.4705882353rem;
  }
}
.heading__title span {
  font-size: 1.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .heading__title span {
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .heading__title span {
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .heading {
    text-align: center;
  }
}

[data-action=stop],
[data-action=start] {
  display: none;
}

.tns-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 6.5082352941rem;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5664705882rem;
}
@media only screen and (max-width: 86.25em) {
  .tns-nav {
    margin-top: 5.2352941176rem;
    column-gap: 0.7805882353rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .tns-nav {
    column-gap: 0.5129411765rem;
    margin-top: 4.5158823529rem;
  }
}
.tns-nav button {
  padding: 0;
  background-color: transparent;
  border: none;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.7058823529rem;
  height: 0.7058823529rem;
  border-radius: 50%;
  background-color: #4D4D4D;
}
@media (any-hover: hover) {
  .tns-nav button {
    cursor: pointer;
  }
}
@media only screen and (max-width: 47.99875em) {
  .tns-nav button {
    width: 0.4117647059rem;
    height: 0.4117647059rem;
  }
}
.tns-nav button.tns-nav-active {
  background-color: #009245;
}

.carousel-ordinary {
  position: relative;
}
@media only screen and (max-width: 61.99875em) {
  .carousel-ordinary {
    margin-left: 0;
    margin-right: 0;
    margin-left: -1.7647058824rem;
    margin-right: -1.7647058824rem;
  }
}
.carousel-ordinary .tns-nav {
  margin-top: 2.9411764706rem;
}
@media only screen and (max-width: 86.25em) {
  .carousel-ordinary .tns-nav {
    margin-top: 2.4117647059rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .carousel-ordinary .tns-nav {
    margin-top: 1.8235294118rem;
  }
}
.carousel-ordinary .tns-prev,
.carousel-ordinary .tns-next {
  position: absolute;
  top: calc(50% - 3.8235294118rem);
  width: 1.7647058824rem;
  height: 1.7647058824rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #009245;
  font-size: 2.1176470588rem;
}
@media (any-hover: hover) {
  .carousel-ordinary .tns-prev,
  .carousel-ordinary .tns-next {
    cursor: pointer;
  }
}
@media only screen and (max-width: 86.25em) {
  .carousel-ordinary .tns-prev,
  .carousel-ordinary .tns-next {
    top: calc(50% - 3.2352941176rem);
  }
}
@media only screen and (max-width: 61.99875em) {
  .carousel-ordinary .tns-prev,
  .carousel-ordinary .tns-next {
    top: calc(50% - 2.7058823529rem);
  }
}
.carousel-ordinary .tns-prev {
  left: -12.7118644068%;
}
.carousel-ordinary .tns-next {
  right: -11.0169491525%;
}

.text {
  font-size: 1.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .text {
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .text {
    font-size: 0.7647058824rem;
  }
}

.text-17 {
  line-height: 170%;
}
@media only screen and (max-width: 86.25em) {
  .text-17 {
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .text-17 {
    font-size: 0.7647058824rem;
    line-height: 150%;
  }
}

.marker {
  color: #009245;
  font-family: "Articulat CF Medium", sans-serif;
}

.title-34 {
  font-size: 2rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .title-34 {
    font-size: 1.7647058824rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .title-34 {
    font-size: 1.2941176471rem;
  }
}

/*--------------------END ui----------------------*/
/*--------------------assortmetn----------------------*/
.assortment {
  padding-top: 3.7535294118rem;
  padding-bottom: 10.3294117647rem;
}
@media only screen and (max-width: 86.25em) {
  .assortment {
    padding-top: 3.3705882353rem;
    padding-bottom: 7.1947058824rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment {
    padding-top: 2.5217647059rem;
    padding-bottom: 4.4541176471rem;
  }
}

.assortment__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 2.0294117647rem;
}
@media only screen and (max-width: 86.25em) {
  .assortment__content {
    margin-bottom: 2.7988235294rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.2941176471rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .assortment__content {
    column-gap: 10.1694915254%;
  }
}

@media only screen and (max-width: 47.99875em) {
  .assortment__text {
    text-align: center;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media only screen and (min-width: 47.99875em) {
  .assortment__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 0 0 49.1525423729%;
    flex: 0 0 49.1525423729%;
  }
}
.assortment__text p {
  line-height: 130%;
  font-size: 1.2941176471rem;
  font-family: "Articulat CF Light", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .assortment__text p {
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__text p {
    font-size: 0.8235294118rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .assortment__text p {
    max-width: 18.4117647059rem;
    text-align: right;
  }
}
.assortment__text p span {
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 47.99875em) {
  .assortment__text p br {
    display: none;
  }
}

.assortment__picts {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  column-gap: 1.9411764706rem;
}
@media only screen and (max-width: 47.99875em) {
  .assortment__picts {
    margin-bottom: 2.6888235294rem;
    column-gap: 1.2082352941rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .assortment__picts {
    margin-bottom: 0.3529411765rem;
  }
}

.assortment__pict {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  max-width: 4.2941176471rem;
  max-height: 5.2352941176rem;
}
@media only screen and (max-width: 47.99875em) {
  .assortment__pict:first-child {
    max-width: 1.1958823529rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__pict:nth-child(2) {
    max-width: 2.6741176471rem;
  }
}
.assortment__pict img {
  display: block;
  max-width: 100%;
  min-height: 100%;
}

.assortment__shedule {
  max-width: 5.8423529412rem;
  font-size: 3.19rem;
  font-family: "Articulat CF Light", sans-serif;
  line-height: 0.6;
  color: #009245;
}
@media only screen and (max-width: 86.25em) {
  .assortment__shedule {
    max-width: 5.2352941176rem;
    font-size: 2.7241176471rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__shedule {
    max-width: 3.8235294118rem;
    font-size: 1.9858823529rem;
  }
}
.assortment__shedule img {
  display: block;
  max-width: 100%;
  min-height: 100%;
}

.assortment__bottom {
  font-size: 1.2941176471rem;
  font-family: "Articulat CF Medium", sans-serif;
  text-align: center;
}
@media only screen and (max-width: 86.25em) {
  .assortment__bottom {
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__bottom {
    font-size: 0.8235294118rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .assortment__bottom {
    max-width: 49.1525423729%;
    text-align: right;
  }
}

/*--------------------END assortmetn----------------------*/
/*--------------------footer----------------------*/
.footer {
  padding-top: 3.6988235294rem;
  padding-bottom: 7.5652941176rem;
  color: #4D4D4D;
  z-index: 2;
  background-color: #E6E6E6;
}
@media only screen and (max-width: 86.25em) {
  .footer {
    padding-top: 4.1176470588rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .footer {
    padding-top: 2.4258823529rem;
    padding-bottom: 3.6941176471rem;
  }
}

.footer__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 10.5882352941rem 1fr;
  grid-template-columns: 10.5882352941rem 1fr;
  grid-column-gap: 1.1764705882rem;
}
@media only screen and (max-width: 86.25em) {
  .footer__wrapper {
    -ms-grid-columns: 12.9411764706rem 1fr;
    grid-template-columns: 12.9411764706rem 1fr;
    grid-column-gap: 3.3529411765rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .footer__wrapper {
    -ms-grid-columns: 6.4705882353rem 1fr;
    grid-template-columns: 6.4705882353rem 1fr;
    grid-column-gap: 1.2458823529rem;
  }
}

.footer__logo {
  margin-bottom: 2.8235294118rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media only screen and (max-width: 86.25em) {
  .footer__logo {
    margin-bottom: 1.9411764706rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .footer__logo {
    margin-bottom: 2.7547058824rem;
  }
}
.footer__logo img {
  max-width: 9.07rem;
  width: 100%;
  display: block;
}
@media only screen and (max-width: 47.99875em) {
  .footer__logo img {
    max-width: none;
    width: 100%;
  }
}

.menu-footer {
  padding-top: 0.6470588235rem;
  padding-left: 4.2352941176rem;
}
@media (max-width: 73.75em) {
  .menu-footer {
    padding-left: clamp( 0rem , -1.2100840336rem  +  6.4285714286vw , 4.2352941176rem );
  }
}
@media only screen and (max-width: 86.25em) {
  .menu-footer {
    padding-left: 0;
  }
}
@media only screen and (max-width: 61.99875em) {
  .menu-footer {
    -ms-grid-row: span 2;
    grid-row: span 2;
    padding-top: 0.1176470588rem;
  }
}

.menu-footer__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 4.0588235294rem;
}
@media (max-width: 73.75em) {
  .menu-footer__list {
    column-gap: clamp( 0rem , -1.1596638655rem  +  6.1607142857vw , 4.0588235294rem );
  }
}
@media only screen and (max-width: 86.25em) {
  .menu-footer__list {
    column-gap: 1.8235294118rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .menu-footer__list {
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.6970588235rem;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.menu-footer__item {
  list-style-type: none;
}

.menu-footer__link {
  font-size: 0.8529411765rem;
  font-family: "Articulat CF Medium", sans-serif;
  text-decoration: none;
  color: #333333;
}
@media only screen and (max-width: 86.25em) {
  .menu-footer__link {
    font-size: 0.8235294118rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .menu-footer__link {
    font-size: 0.7058823529rem;
  }
}

.footer__socials {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 0.2705882353rem;
}

.socials-footer__item {
  list-style-type: none;
}
.socials-footer__item:not(:last-child) {
  margin-bottom: 0.8282352941rem;
}
@media only screen and (max-width: 47.99875em) {
  .socials-footer__item:not(:last-child) {
    margin-bottom: 0.9564705882rem;
  }
}

.socials-footer__link {
  display: block;
  width: 2.4705882353rem;
  height: 2.4705882353rem;
}
@media only screen and (max-width: 47.99875em) {
  .socials-footer__link {
    width: 1.7176470588rem;
    height: 1.7176470588rem;
  }
}
.socials-footer__link img {
  display: block;
  width: 100%;
  max-height: 100%;
}
.socials-footer__link--vk img {
  width: 94%;
}

.footer__info {
  font-family: "Articulat CF Medium", sans-serif;
  font-size: 0.8529411765rem;
  padding-left: 2.8823529412rem;
}
@media (max-width: 73.75em) {
  .footer__info {
    padding-left: clamp( 0rem , -0.8235294118rem  +  4.375vw , 2.8823529412rem );
  }
}
@media only screen and (max-width: 86.25em) {
  .footer__info {
    padding-left: 0;
    font-size: 0.7647058824rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .footer__info {
    -ms-grid-column: span 2;
    grid-column: span 2;
    margin-top: 1.8552941176rem;
    font-size: 0.7058823529rem;
  }
}

.footer__inns {
  margin-top: 1.6470588235rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end;
  column-gap: 1.3529411765rem;
  row-gap: 0.2941176471rem;
}
@media only screen and (max-width: 47.99875em) {
  .footer__inns {
    column-gap: 0.3529411765rem;
    margin-top: 1.1764705882rem;
  }
}

.info-footer__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end;
  column-gap: 0.5882352941rem;
}
.info-footer__row:first-child {
  margin-bottom: 0.6470588235rem;
}
@media only screen and (max-width: 36em) {
  .info-footer__row--questions {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.info-footer__row--questions .info-footer__col {
  margin-bottom: 0.6470588235rem;
}
.info-footer__row--address {
  font-style: normal;
}
@media only screen and (max-width: 36em) {
  .info-footer__row--address {
    column-gap: 0.3529411765rem;
  }
}

.info-footer__col {
  line-height: 150%;
}
@media only screen and (max-width: 47.99875em) {
  .info-footer__col span {
    display: block;
    margin-bottom: 0.6470588235rem;
  }
}

/*--------------------END footer----------------------*/
/*--------------------header----------------------*/
.header {
  position: -webkit-sticky;
  position: sticky;
  z-index: 22;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.header--dark {
  background-color: rgba(51, 51, 51, 0.88);
}
.header--fixed {
  position: fixed;
}
.search-open .header {
  background-color: transparent;
}

.header__wrapper {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.5s ease; /*опционально*/
}

.header__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 3.7647058824rem;
}
@media only screen and (max-width: 61.99875em) {
  .header__body {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 61.99875em) {
  .header__body {
    min-height: 3.0588235294rem;
  }
}

.header__logo {
  max-width: 1.8888235294rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 6.1111764706rem;
}
@media (max-width: 73.75em) {
  .header__logo {
    margin-right: clamp( 0.5882352941rem , -0.9897478992rem  +  8.3830357143vw , 6.1111764706rem );
  }
}
.header__logo img {
  width: 100%;
}
@media only screen and (max-width: 73.75em) {
  .header__logo {
    margin-right: 2.5294117647rem;
  }
}

.menu-header {
  margin-top: 0.4117647059rem;
}
.menu-header .menu-header__body:before {
  content: "";
  height: 3.0588235294rem;
  width: 100%;
  position: fixed;
  top: -100%;
  left: 0;
  background-color: #fff;
  transition: top 0.4s ease;
}
.menu-opened .menu-header .menu-header__body:before {
  top: 0;
}
@media only screen and (min-width: 61.99875em) {
  .menu-header .menu-header__body:before {
    display: none;
  }
}
.menu-opened .menu-header .menu-header__body {
  top: 0;
}
@media screen and (max-width: 61.99875em) {
  .menu-header .menu-header__body {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.menu-header .toggle-mnu span, .menu-header .toggle-mnu span:after, .menu-header .toggle-mnu span:before {
  background-color: #1A1A1A;
}
.menu-opened .menu-header .toggle-mnu span, .menu-opened .menu-header .toggle-mnu span:after, .menu-opened .menu-header .toggle-mnu span:before {
  background-color: #1A1A1A;
}
.menu-header .toggle-mnu.on span {
  background-color: transparent;
}
@media screen and (max-width: 61.99875em) {
  .menu-header .toggle-mnu {
    display: block;
  }
}
@media only screen and (max-width: 61.99875em) {
  .menu-header {
    margin-left: auto;
  }
}
@media only screen and (max-width: 61.99875em) {
  .menu-header {
    margin-top: 0;
  }
}
@media only screen and (min-width: 61.99875em) {
  .menu-header {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media only screen and (max-width: 61.99875em) {
  .menu-header .menu-header__body {
    height: 100svh;
  }
}
.menu-header .toggle-mnu svg path {
  stroke: #1A1A1A;
}
.header--dark .menu-header .toggle-mnu svg path {
  stroke: #fff;
}
.search-open .menu-header .toggle-mnu svg path {
  stroke: #1A1A1A;
}
.menu-opened .menu-header .toggle-mnu svg path {
  stroke: #1A1A1A;
}
.header--dark .menu-header .toggle-mnu span, .search-open .menu-header .toggle-mnu span,
.header--dark .menu-header .toggle-mnu span:before,
.search-open .menu-header .toggle-mnu span:before,
.header--dark .menu-header .toggle-mnu span:after,
.search-open .menu-header .toggle-mnu span:after {
  background-color: #fff;
}
.menu-header .toggle-mnu span, .menu-header .toggle-mnu span:after, .menu-header .toggle-mnu span:before {
  background-color: #1A1A1A;
}
.menu-opened .menu-header .toggle-mnu span, .menu-opened .menu-header .toggle-mnu span:after, .menu-opened .menu-header .toggle-mnu span:before {
  background-color: #1A1A1A;
}
.menu-header .toggle-mnu.on span {
  background-color: transparent;
}

@media only screen and (max-width: 61.99875em) {
  .menu-header__body {
    background-color: #fff;
  }
}

.menu__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 2.8235294118rem;
  row-gap: 0.2941176471rem;
}
@media (max-width: 73.75em) {
  .menu__list {
    column-gap: clamp( 0.5882352941rem , -0.0504201681rem  +  3.3928571429vw , 2.8235294118rem );
  }
}
@media only screen and (max-width: 73.75em) {
  .menu__list {
    column-gap: 1.7058823529rem;
  }
}
@media only screen and (max-width: 86.25em) {
  .menu__list {
    column-gap: 2.6470588235rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .menu__list {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 1.4705882353rem;
    padding: 5.5882352941rem 1.7647058824rem 1.7647058824rem 1.7647058824rem;
  }
}

.menu__item {
  list-style-type: none;
}

.menu__link {
  font-size: 0.9117647059rem;
  color: #1A1A1A;
  letter-spacing: 0.3;
  text-decoration: none;
}
.header--dark .menu__link, .search-open .menu__link {
  color: #fff;
}
@media only screen and (max-width: 61.99875em) {
  .header--dark .menu__link, .search-open .menu__link {
    color: #1A1A1A;
  }
}
@media only screen and (max-width: 73.75em) {
  .menu__link {
    font-size: 0.8235294118rem;
  }
}
@media only screen and (max-width: 86.25em) {
  .menu__link {
    font-size: 0.7058823529rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .menu__link {
    font-size: 1.2941176471rem;
    color: #1A1A1A;
    font-family: "Articulat CF Medium", sans-serif;
  }
}

.header__search-button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 0.4117647059rem;
  padding: 0;
  background-color: transparent;
  border: none;
  margin-left: 4.6882352941rem;
  width: 1.0817647059rem;
  height: 1rem;
}
@media (any-hover: hover) {
  .header__search-button {
    cursor: pointer;
  }
}
@media (max-width: 73.75em) {
  .header__search-button {
    margin-left: clamp( 0.5882352941rem , -0.5831932773rem  +  6.2232142857vw , 4.6882352941rem );
  }
}
@media only screen and (max-width: 73.75em) {
  .header__search-button {
    margin-left: 2.0858823529rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .header__search-button {
    margin-left: 1.7258823529rem;
    width: 1.1682352941rem;
    height: 1.08rem;
  }
}
.header__search-button img, .header__search-button svg {
  width: 100%;
  max-height: 100%;
}
.header__search-button svg path {
  stroke: #1A1A1A;
}
.header--dark .header__search-button svg path {
  stroke: #fff;
}
.search-open .header__search-button svg path {
  stroke: #1A1A1A;
}

.header__serch-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 23.2352941176rem;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease;
  background-color: rgba(255, 255, 255, 0.88);
}
@media only screen and (max-width: 86.25em) {
  .header__serch-area {
    position: fixed;
    height: 100%;
  }
}
.search-open .header__serch-area {
  visibility: visible;
  opacity: 1;
}

.serch-form-header {
  padding-top: 7rem;
}
@media only screen and (min-width: 61.99875em) {
  .serch-form-header {
    padding-left: 4.7764705882rem;
  }
}

.serch-form-header__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  column-gap: 1.8235294118rem;
}

.serch-form-header__submit {
  padding: 0;
  background-color: transparent;
  border: none;
  width: 1.4635294118rem;
  height: 1.3529411765rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (any-hover: hover) {
  .serch-form-header__submit {
    cursor: pointer;
  }
}
.serch-form-header__submit img {
  width: 100%;
  max-height: 100%;
}

.serch-form-header__input {
  height: 2.1764705882rem;
  background-color: transparent;
  font-size: 1.4117647059rem;
  line-height: 1.36;
  font-family: inherit;
  color: #1A1A1A;
  letter-spacing: 0.0294117647rem;
}
.serch-form-header__input::-webkit-input-placeholder {
  color: #1A1A1A;
  opacity: 1;
}
.serch-form-header__input::-moz-placeholder {
  color: #1A1A1A;
  opacity: 1;
}
.serch-form-header__input:-moz-placeholder {
  color: #1A1A1A;
  opacity: 1;
}
.serch-form-header__input:-ms-input-placeholder {
  color: #1A1A1A;
  opacity: 1;
}

/*--------------------END header----------------------*/
/*--------------------hero----------------------*/
.hero {
  position: relative;
  min-height: 44.5376470588rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #EFF2F7;
}
@media only screen and (max-width: 61.99875em) {
  .hero {
    min-height: 34.0588235294rem;
  }
}
@media only screen and (min-width: 61.99875em) {
  .hero {
    min-height: 35.2941176471rem;
  }
}
@media only screen and (min-width: 73.75em) {
  .hero {
    height: calc(100svh - 64px);
    min-height: 0;
  }
}

.hero__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}

.hero__content {
  max-width: 19.4117647059rem;
  height: 100%;
  width: 100%;
  margin-bottom: 8.3333333333%;
  margin-right: 64.9305555556%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 86.25em) {
  .hero__content {
    margin-right: 61.71875%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .hero__content {
    max-width: 13.6470588235rem;
  }
}
@media only screen and (max-width: 36em) {
  .hero__content {
    margin-right: 20%;
    max-width: none;
    margin-left: 0;
  }
}
@media only screen and (min-width: 47.99875em) {
  .hero__content {
    max-width: none;
  }
}
@media only screen and (min-width: 61.99875em) {
  .hero__content {
    margin-bottom: 22.2222222222%;
  }
}
@media only screen and (min-width: 73.75em) {
  .hero__content {
    margin-bottom: 8.3333333333%;
  }
}

.hero__slogan {
  font-family: "Articulat CF Medium", sans-serif;
  margin-bottom: 1.7647058824rem;
  font-size: 1.2941176471rem;
  color: #1A1A1A;
  text-align: right;
}
@media only screen and (max-width: 86.25em) {
  .hero__slogan {
    font-size: 1.1176470588rem;
    margin-bottom: 1.4705882353rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .hero__slogan {
    font-size: 0.8823529412rem;
    margin-bottom: 0.7058823529rem;
  }
}

.hero__logo {
  width: 100%;
  max-width: 16.0588235294rem;
  margin-bottom: 2.7647058824rem;
}
@media only screen and (max-width: 86.25em) {
  .hero__logo {
    margin-bottom: 2.4117647059rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .hero__logo {
    max-width: 10.5882352941rem;
  }
}
.hero__logo img {
  display: block;
  width: 100%;
}

.hero__text {
  line-height: 130%;
  text-align: right;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
}
@media only screen and (max-width: 86.25em) {
  .hero__text {
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .hero__text {
    font-size: 0.7647058824rem;
  }
}

.hero__image {
  padding-bottom: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  right: -10%;
}
@media only screen and (max-width: 85.375em) {
  .hero__image {
    right: -10%;
  }
}
@media only screen and (max-width: 61.99875em) {
  .hero__image {
    right: -30%;
  }
}
@media only screen and (max-width: 36em) {
  .hero__image {
    right: -60%;
    width: 200%;
  }
}
@media only screen and (max-width: 30em) {
  .hero__image {
    right: -108%;
  }
}
.hero__image ._fit-img {
  width: 94.6243055556%;
  object-position: right top;
}
@media only screen and (max-width: 61.99875em) {
  .hero__image ._fit-img {
    object-position: right bottom;
  }
}

/*--------------------END hero----------------------*/
/*--------------------main-slider----------------------*/
.main-slider {
  padding-top: 12.2405882353rem;
  padding-bottom: 24.9211764706rem;
}
@media only screen and (max-width: 86.25em) {
  .main-slider {
    padding-top: 8.1982352941rem;
    padding-bottom: 16.4223529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .main-slider {
    padding-top: 5.3388235294rem;
    padding-bottom: 9.2223529412rem;
  }
}

.main-slider__title {
  margin-bottom: 6rem;
  font-size: 1.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .main-slider__title {
    margin-bottom: 5.2111764706rem;
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .main-slider__title {
    margin-bottom: 2.3264705882rem;
    font-size: 0.8235294118rem;
  }
}

.main-carousel__slide-wrap {
  aspect-ratio: 541/342;
  display: block;
}
@media only screen and (max-width: 86.25em) {
  .main-carousel__slide-wrap {
    aspect-ratio: 501.04/317.05;
  }
}
@media only screen and (max-width: 47.99875em) {
  .main-carousel__slide-wrap {
    aspect-ratio: 360/228.48;
  }
}

/*--------------------END main-slider----------------------*/
/*--------------------organize----------------------*/
.organize {
  position: relative;
  margin-top: -0.0588235294rem;
  padding-top: 4.9329411765rem;
  padding-bottom: 7.2941176471rem;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 86.25em) {
  .organize {
    padding-top: 2.9564705882rem;
    padding-bottom: 5.7194117647rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .organize {
    padding-top: 3.2658823529rem;
    padding-bottom: 4.5882352941rem;
  }
}
.organize .heading {
  margin-bottom: 3.4741176471rem;
  margin-left: 36.8055555556%;
}
@media only screen and (max-width: 86.25em) {
  .organize .heading {
    margin-bottom: 2.2211764706rem;
    margin-left: 39.0625%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .organize .heading {
    margin-bottom: 1.8535294118rem;
    margin-left: 0;
  }
}

.organize__options {
  max-width: 49.1525423729%;
  margin-left: 28.4722222222%;
  margin-bottom: 3.5729411765rem;
}
@media only screen and (max-width: 86.25em) {
  .organize__options {
    max-width: 36.71875%;
    margin-left: 31.54296875%;
    margin-right: 0;
    margin-bottom: 1.9688235294rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .organize__options {
    max-width: none;
    margin-left: 0;
  }
}
@media only screen and (max-width: 36em) {
  .organize__options {
    max-width: 11.7647058824rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.organize__option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  column-gap: 7.7586206897%;
}
@media only screen and (max-width: 86.25em) {
  .organize__option {
    column-gap: 1.7647058824rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .organize__option {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    row-gap: 1.1176470588rem;
  }
}
.organize__option:not(:last-child) {
  margin-bottom: 3.0835294118rem;
}
@media only screen and (max-width: 86.25em) {
  .organize__option:not(:last-child) {
    margin-bottom: 1.0588235294rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .organize__option:not(:last-child) {
    margin-bottom: 1.1176470588rem;
  }
}
@media only screen and (max-width: 86.25em) {
  .organize__option--rost {
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 47.99875em) {
  .organize__option--rost {
    -ms-flex-align: center;
    align-items: center;
  }
}

.option-organize__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 3.1817647059rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all 1s ease;
  -ms-transform: translateY(1.1764705882rem);
  transform: translateY(1.1764705882rem);
  opacity: 0;
}
.option-organize__icon.visible {
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 2;
}
@media only screen and (max-width: 86.25em) {
  .option-organize__icon {
    width: 2.7958823529rem;
    height: 2.6752941176rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .option-organize__icon {
    width: 2.2276470588rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .option-organize__icon--rost {
    width: 2.5805882353rem;
    height: 1.98rem;
  }
}
.option-organize__icon img {
  max-width: 100%;
  max-height: 100%;
}

.option-organize__text {
  font-size: 1.2882352941rem;
  line-height: 140%;
}
@media only screen and (max-width: 86.25em) {
  .option-organize__text {
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .option-organize__text {
    font-size: 0.8823529412rem;
  }
}
@media only screen and (min-width: 86.25em) {
  .option-organize__text br {
    display: none;
  }
}

.organize__bottom {
  padding-left: 36.8055555556%;
}
@media only screen and (max-width: 86.25em) {
  .organize__bottom {
    padding-left: 39.0625%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .organize__bottom {
    padding-left: 0;
    text-align: center;
  }
}

/*--------------------END organize----------------------*/
/*--------------------premium----------------------*/
.premium {
  padding-top: 7.1505882353rem;
  padding-bottom: 8.7135294118rem;
}
@media only screen and (max-width: 86.25em) {
  .premium {
    padding-top: 4.1664705882rem;
    padding-bottom: 6.4852941176rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .premium {
    padding-top: 3.0294117647rem;
    padding-bottom: 4.6152941176rem;
  }
}
.premium .heading {
  margin-bottom: 0.6764705882rem;
}
@media only screen and (max-width: 86.25em) {
  .premium .heading {
    margin-bottom: 0.5094117647rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .premium .heading {
    margin-bottom: 1.1541176471rem;
  }
}

.premium__image {
  margin-bottom: 3.1688235294rem;
  position: relative;
  aspect-ratio: 887/575.37;
  margin-left: -0.8823529412rem;
  margin-right: -0.8823529412rem;
}
@media only screen and (min-width: 47.99875em) {
  .premium__image {
    margin-bottom: 2.1935294118rem;
    margin-bottom: 2.0211764706rem;
    margin-left: 12.0338983051%;
    margin-right: 12.0338983051%;
  }
}
@media only screen and (min-width: 61.99875em) {
  .premium__image {
    max-height: 17.9411764706rem;
    margin-left: auto;
    margin-right: auto;
    max-height: 17.9411764706rem;
  }
}
@media only screen and (min-width: 73.75em) {
  .premium__image {
    max-height: none;
    margin-left: 11.6949152542%;
    margin-right: 11.6949152542%;
  }
}
.premium__image img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  object-fit: cover;
  object-position: center center;
}

.premium__bottom, .smart__content {
  display: -ms-flexbox;
  display: flex;
  column-gap: 1.1764705882rem;
  line-height: 150%;
}
@media only screen and (max-width: 86.25em) {
  .premium__bottom, .smart__content {
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .premium__bottom, .smart__content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 0.8688235294rem;
    text-align: center;
    line-height: 120%;
  }
}

.premium__link, .smart__link {
  -ms-flex: 0 0 42.3611111111%;
  flex: 0 0 42.3611111111%;
}
@media only screen and (min-width: 47.99875em) {
  .premium__link, .smart__link {
    text-align: right;
  }
}

.premium__text, .smart__text {
  -ms-flex: 0 0 47.2222222222%;
  flex: 0 0 47.2222222222%;
}
@media only screen and (max-width: 47.99875em) {
  .premium__text, .smart__text {
    -ms-flex-order: -1;
    order: -1;
    font-size: 0.7647058824rem;
  }
}
.premium__text p, .smart__text p {
  max-width: 16.8235294118rem;
}

/*--------------------END premium----------------------*/
/*--------------------smart----------------------*/
.smart {
  padding-top: 5.5882352941rem;
}
@media only screen and (max-width: 47.99875em) {
  .smart {
    padding-top: 2.9411764706rem;
  }
}
.smart .heading {
  margin-bottom: 0.9811764706rem;
}

.smart__content {
  -ms-flex-pack: center;
  justify-content: center;
  column-gap: 1.1764705882rem;
  margin-bottom: 3.0588235294rem;
}
@media only screen and (max-width: 86.25em) {
  .smart__content {
    margin-bottom: 2.7470588235rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .smart__content {
    margin-bottom: 2.2764705882rem;
  }
}

.smart__link {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.smart__text {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.smart__text p {
  max-width: none;
}

.smart__image {
  aspect-ratio: 1440/945;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 86.25em) {
  .smart__image {
    aspect-ratio: 1024/681.38;
  }
}
@media only screen and (max-width: 36em) {
  .smart__image {
    aspect-ratio: 360/545;
  }
}
.smart__image ._fit-img {
  object-fit: fixed;
}

/*--------------------END smart----------------------*/
/*--------------------solutions----------------------*/
.solutions {
  padding-top: 5.5294117647rem;
  padding-bottom: 5.5882352941rem;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 86.25em) {
  .solutions {
    padding-top: 4.8994117647rem;
    padding-bottom: 4.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .solutions {
    padding-top: 3.4117647059rem;
    padding-bottom: 2.9411764706rem;
  }
}

.solutions__wrapper--top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  column-gap: 10.1694915254%;
}
@media only screen and (max-width: 86.25em) {
  .solutions__wrapper--top {
    column-gap: 11.8644067797%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .solutions__wrapper--top {
    column-gap: 0.6470588235rem;
  }
}

.solutions__image {
  width: 40.6779661017%;
  margin-left: 8.4745762712%;
  padding-bottom: 0;
  aspect-ratio: 480/794;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 86.25em) {
  .solutions__image {
    width: 33.203125%;
    margin-left: 15.8203125%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .solutions__image {
    width: 50%;
    margin-left: 0;
    aspect-ratio: 159/314;
  }
}

.solutions__content {
  -ms-flex: 1 1 aito;
  flex: 1 1 aito;
  padding-top: 7.5882352941rem;
}
@media only screen and (max-width: 86.25em) {
  .solutions__content {
    padding-top: 3.7329411765rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .solutions__content {
    padding-top: 0.8723529412rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 47.99875em) {
  .solutions__content .btn {
    display: none;
  }
}

.solutions__slogan {
  margin-bottom: 1.2776470588rem;
  font-size: 1.2941176471rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .solutions__slogan {
    margin-bottom: 1.1588235294rem;
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .solutions__slogan {
    margin-bottom: 0.3529411765rem;
    font-size: 0.8235294118rem;
  }
}

.solutions__descr {
  max-width: 17.9411764706rem;
  margin-bottom: 2.0588235294rem;
  font-size: 1.2941176471rem;
  line-height: 150%;
}
@media only screen and (max-width: 86.25em) {
  .solutions__descr {
    margin-bottom: 1.8876470588rem;
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .solutions__descr {
    font-size: 0.8235294118rem;
  }
}

.solutions__note {
  max-width: 17.6470588235rem;
  margin-top: 9.2941176471rem;
  line-height: 185%;
}
@media only screen and (max-width: 86.25em) {
  .solutions__note {
    margin-top: 6.0588235294rem;
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .solutions__note {
    margin-top: 0;
    margin-bottom: 3.7058823529rem;
    font-size: 0.8235294118rem;
    line-height: 140%;
  }
}

/*--------------------END solutions----------------------*/
/*--------------------system----------------------*/
.system__top {
  position: relative;
  background-color: #000;
}

.system__wrapper {
  min-height: 33.5552941176rem;
}
@media only screen and (max-width: 61.99875em) {
  .system__wrapper {
    min-height: 23.6370588235rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .system__wrapper {
    padding-left: 1.7647058824rem;
    padding-right: 1.7647058824rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .system__wrapper {
    min-height: 18.6005882353rem;
  }
}

.system__top-wrapper {
  padding-top: 3.3917647059rem;
}
@media only screen and (max-width: 86.25em) {
  .system__top-wrapper {
    padding-top: 2.4011764706rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .system__top-wrapper {
    padding-top: 1.3547058824rem;
  }
}

.system__heading {
  position: relative;
  z-index: 2;
  color: #fff;
}
@media only screen and (max-width: 47.99875em) {
  .system__heading {
    margin-left: 2.6470588235rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .system__heading {
    margin-left: 39.0625%;
  }
}
@media only screen and (min-width: 86.25em) {
  .system__heading {
    margin-left: 36.8055555556%;
  }
}

.system__logo {
  margin-bottom: 1.7347058824rem;
  max-width: 2.53rem;
}
@media only screen and (max-width: 86.25em) {
  .system__logo {
    margin-bottom: 1.1170588235rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .system__logo {
    max-width: 1.8105882353rem;
    margin-bottom: 0.5882352941rem;
  }
}
.system__logo img {
  width: 100%;
  display: block;
}

.system__text {
  font-size: 1.2352941176rem;
}
@media only screen and (max-width: 86.25em) {
  .system__text {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .system__text {
    font-size: 0.8823529412rem;
  }
}

.system__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 36em) {
  .system__image {
    width: 135%;
  }
}
@media only screen and (max-width: 23.4375em) {
  .system__image {
    left: -35%;
  }
}

.system__picture {
  padding-bottom: 0;
  margin: 0 auto;
  max-width: 84.7058823529rem;
  height: 100%;
}
@media only screen and (max-width: 23.4375em) {
  .system__picture ._fit-img {
    object-position: left center;
  }
}

.system__content {
  padding-top: 4.4635294118rem;
  padding-bottom: 10rem;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 86.25em) {
  .system__content {
    padding-top: 4.3570588235rem;
    padding-bottom: 8.6188235294rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .system__content {
    padding-top: 2.7352941176rem;
    padding-bottom: 3.8364705882rem;
  }
}

.system__descr {
  margin-left: 8.4745762712%;
  font-size: 1.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .system__descr {
    margin-left: 0;
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .system__descr {
    font-size: 0.8823529412rem;
  }
}

.descr-system__chapter {
  margin-bottom: 2.2352941176rem;
  max-width: 18.8235294118rem;
}
@media only screen and (max-width: 47.99875em) {
  .descr-system__chapter {
    max-width: 12.9411764706rem;
    margin-left: 2.7058823529rem;
  }
}

.descr-system__app {
  margin-bottom: 0.5882352941rem;
}
@media only screen and (max-width: 86.25em) {
  .descr-system__app {
    margin-bottom: 0.4705882353rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .descr-system__app {
    line-height: 170%;
    margin-bottom: 0.2941176471rem;
    line-height: 200%;
  }
}
.descr-system__app a, .descr-system__app span {
  font-size: 2.1176470588rem;
  color: #009245;
  text-decoration: none;
  line-height: 176%;
  font-family: "Articulat CF Light", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .descr-system__app a, .descr-system__app span {
    font-size: 1.9411764706rem;
    line-height: 170%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .descr-system__app a, .descr-system__app span {
    font-size: 1.4705882353rem;
    line-height: 150%;
  }
}

.parameters-title {
  margin-bottom: 7.9811764706rem;
}
@media only screen and (max-width: 86.25em) {
  .parameters-title {
    margin-bottom: 5.9535294118rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .parameters-title {
    margin-bottom: 3.7758823529rem;
  }
}

.system__items {
  display: -ms-flexbox;
  display: flex;
  column-gap: 4.1176470588rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 4.5882352941rem;
}
.system__items .item-system {
  -ms-flex-preferred-size: calc(calc(100% / 3) - calc(4.1176470588rem / 3 * calc(3 - 1)));
  flex-basis: calc(calc(100% / 3) - calc(4.1176470588rem / 3 * calc(3 - 1)));
}
@media only screen and (max-width: 61.99875em) {
  .system__items .item-system {
    -ms-flex-preferred-size: calc(calc(100% / 1) - calc(4.1176470588rem / 1 * calc(1 - 1)));
    flex-basis: calc(calc(100% / 1) - calc(4.1176470588rem / 1 * calc(1 - 1)));
  }
}
@media only screen and (max-width: 86.25em) {
  .system__items {
    row-gap: 2.2941176471rem;
  }
}

.system__item {
  font-size: 1rem;
}
.system__item--title .item-system__icon {
  display: none;
}
.system__item[data-trigger] {
  transition: all 0.7s ease-out;
  opacity: 0;
  -ms-transform: translateX(2.3529411765rem);
  transform: translateX(2.3529411765rem);
}
.system__item[data-trigger].visible {
  opacity: 1;
  -ms-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (max-width: 86.25em) {
  .system__item {
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .system__item:not(.system__item--title) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2rem 1fr;
    grid-template-columns: 2rem 1fr;
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 1.7647058824rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .system__item {
    margin-left: 15.3333333333%;
    margin-right: 15.3333333333%;
  }
}
@media only screen and (max-width: 20em) {
  .system__item {
    margin-left: 0;
    margin-right: 0;
  }
}

.item-system__icon {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4.1176470588rem;
  height: 2.3241176471rem;
}
.item-system__icon--clock {
  width: 2.7558823529rem;
}
@media only screen and (max-width: 86.25em) {
  .item-system__icon--clock {
    width: 2.2323529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .item-system__icon--clock {
    width: 1.9911764706rem;
    height: 1.9911764706rem;
  }
}
.item-system__icon--user {
  width: 2.4311764706rem;
}
@media only screen and (max-width: 86.25em) {
  .item-system__icon--user {
    width: 2.0082352941rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .item-system__icon--user {
    width: 1.81rem;
    height: 2.0911764706rem;
  }
}
.item-system__icon--time {
  width: 2.2382352941rem;
}
@media only screen and (max-width: 86.25em) {
  .item-system__icon--time {
    width: 1.7688235294rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .item-system__icon--time {
    width: 1.6311764706rem;
    height: 1.8447058824rem;
  }
}
.item-system__icon--circle {
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 0.2941176471rem;
}
@media only screen and (min-width: 61.99875em) {
  .item-system__icon--circle {
    display: none;
  }
}
@media only screen and (max-width: 86.25em) {
  .item-system__icon {
    margin-bottom: 3.85rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .item-system__icon {
    margin-bottom: 0;
    grid-row: 1/3;
  }
}
@media only screen and (min-width: 64em) {
  .item-system__icon {
    left: -1.1764705882rem;
  }
}
.item-system__icon img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 47.99875em) {
  .item-system__icon img {
    height: 100%;
  }
}

.item-system__circle {
  width: 0.7058823529rem;
  height: 0.7058823529rem;
  border: 2px solid #666666;
  border-radius: 50%;
}

.item-system__title {
  margin-bottom: 0.7647058824rem;
  font-family: "Articulat CF Medium", sans-serif;
  line-height: 150%;
}
@media only screen and (min-width: 47.99875em) {
  .item-system__title br {
    display: none;
  }
}

.item-system__text {
  font-family: "Articulat CF Light", sans-serif;
}
@media only screen and (max-width: 61.99875em) {
  .item-system__text {
    grid-column: 2/3;
  }
}

/*--------------------END system----------------------*/
/*--------------------mission----------------------*/
.mission__title {
  margin-bottom: 1rem;
  font-family: "Articulat CF Medium", sans-serif;
  font-size: 2.1176470588rem;
}
@media only screen and (max-width: 86.25em) {
  .mission__title {
    font-size: 1.4705882353rem;
    margin-bottom: 0.7647058824rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .mission__title {
    font-size: 1.1176470588rem;
    margin-bottom: 1rem;
  }
}
.mission__title span {
  font-size: 1.7647058824rem;
  vertical-align: baseline;
}
@media only screen and (max-width: 86.25em) {
  .mission__title span {
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 36em) {
  .mission__title span {
    display: none;
  }
}

.mission__descr {
  max-width: 57.6470588235rem;
  margin-bottom: 2.5882352941rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2941176471rem;
  line-height: 140%;
  font-display: "Articulat CF Light", sans-serif;
  text-align: center;
}
@media only screen and (max-width: 86.25em) {
  .mission__descr {
    max-width: 38.2352941176rem;
    margin-bottom: 2rem;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .mission__descr {
    margin-bottom: 3.3529411765rem;
    font-size: 0.8823529412rem;
    font-family: "Articulat CF Medium", sans-serif;
  }
}
@media only screen and (min-width: 36em) {
  .mission__descr span {
    display: none;
  }
}

.mission__image {
  aspect-ratio: 1.6;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
@media only screen and (max-width: 36em) {
  .mission__image {
    width: 297.8833333333%;
    aspect-ratio: auto;
    height: 38.8235294118rem;
  }
}
@media only screen and (max-width: 36em) {
  .mission__image ._fit-img {
    left: -19.1163580074%;
  }
}

/*--------------------END mission----------------------*/
/*--------------------partners----------------------*/
.partners {
  padding-top: 5.7058823529rem;
  padding-bottom: 22rem;
}
@media only screen and (max-width: 86.25em) {
  .partners {
    padding-top: 8.9411764706rem;
    padding-bottom: 13.7647058824rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .partners {
    padding-top: 3.1176470588rem;
    padding-bottom: 9.1176470588rem;
  }
}

.partners__title {
  margin-bottom: 5.0588235294rem;
  font-size: 2.1176470588rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .partners__title {
    margin-bottom: 5.0588235294rem;
    font-size: 2.1176470588rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .partners__title {
    margin-bottom: 2.2352941176rem;
    font-size: 1.1176470588rem;
  }
}

.partners__items {
  margin-bottom: 6.3529411765rem;
  margin-left: 8.4745762712%;
  margin-right: 8.4745762712%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1764705882rem;
}
@media only screen and (max-width: 86.25em) {
  .partners__items {
    margin-left: 7.2265625%;
    margin-right: 7.2265625%;
    margin-bottom: 4.6470588235rem;
    gap: 0.8235294118rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .partners__items {
    margin-left: 0;
    margin-right: 0;
    gap: 0.5882352941rem;
  }
}

.partners__item {
  aspect-ratio: 480/680;
}

.partners__bottom p {
  text-align: center;
  font-size: 1.4705882353rem;
  font-family: "Articulat CF Medium", sans-serif;
  letter-spacing: 0.2px;
}
@media only screen and (max-width: 86.25em) {
  .partners__bottom p {
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .partners__bottom p {
    font-size: 0.8823529412rem;
  }
}

/*--------------------END partners----------------------*/
/*--------------------product----------------------*/
.product {
  padding-top: 9.1176470588rem;
  padding-bottom: 6.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .product {
    padding-top: 7.5882352941rem;
    padding-bottom: 4.7058823529rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .product {
    padding-top: 6.2941176471rem;
    padding-bottom: 4.0588235294rem;
  }
}

.product__logo {
  max-width: 20.2352941176rem;
  margin-bottom: 2.5882352941rem;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 86.25em) {
  .product__logo {
    max-width: 14.3529411765rem;
    margin-bottom: 1.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .product__logo {
    max-width: 14.3529411765rem;
    margin-bottom: 1.3529411765rem;
  }
}
.product__logo img {
  width: 100%;
}

.product__descr {
  margin-left: auto;
  margin-right: auto;
  max-width: 39.0588235294rem;
  margin-bottom: 4.1176470588rem;
  text-align: center;
  font-size: 1.4705882353rem;
}
@media only screen and (max-width: 86.25em) {
  .product__descr {
    max-width: 29.4117647059rem;
    margin-bottom: 3.6470588235rem;
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .product__descr {
    font-size: 0.8823529412rem;
    line-height: 140%;
  }
}
@media only screen and (max-width: 36em) {
  .product__descr {
    margin-bottom: 2.3529411765rem;
    margin-left: 12.2222222222%;
    margin-right: 12.2222222222%;
  }
}
@media only screen and (min-width: 36em) {
  .product__descr br {
    display: none;
  }
}

.product__title {
  margin-bottom: 2.2352941176rem;
  font-size: 2.1176470588rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .product__title {
    margin-bottom: 1.6470588235rem;
    font-size: 1.4705882353rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .product__title {
    margin-bottom: 0.8823529412rem;
    font-size: 1.1176470588rem;
  }
}

.product__feature {
  font-size: 1.2941176471rem;
  text-align: center;
}
@media only screen and (max-width: 86.25em) {
  .product__feature {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .product__feature {
    font-size: 0.7647058824rem;
  }
}
.product__feature:not(:last-child) {
  margin-bottom: 0.7647058824rem;
}
@media only screen and (max-width: 86.25em) {
  .product__feature:not(:last-child) {
    margin-bottom: 0.5294117647rem;
  }
}
.product__feature span {
  font-family: "Articulat CF Medium", sans-serif;
}

/*--------------------END product----------------------*/
/*--------------------benefit-tiles----------------------*/
.benefit-tiles {
  padding-top: 2.8823529412rem;
  padding-bottom: 7.2352941176rem;
}
@media only screen and (max-width: 86.25em) {
  .benefit-tiles {
    padding-top: 2.5641176471rem;
    padding-bottom: 3.8235294118rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .benefit-tiles {
    padding-top: 2.4117647059rem;
    padding-bottom: 2.5294117647rem;
  }
}

.benefit-tiles__title {
  margin-bottom: 3.7529411765rem;
  font-size: 2.1176470588rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .benefit-tiles__title {
    margin-bottom: 2.8823529412rem;
    font-size: 1.7647058824rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .benefit-tiles__title {
    margin-bottom: 1.8823529412rem;
    font-size: 1.4705882353rem;
    line-height: 1.12;
  }
}

.benefit-tiles__container, .traffic__container {
  max-width: 47.0588235294rem;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 2.3529411765rem;
  row-gap: 3.0394117647rem;
}
@media only screen and (max-width: 86.25em) {
  .benefit-tiles__container, .traffic__container {
    max-width: 42.7058823529rem;
  }
}
@media only screen and (max-width: 36em) {
  .benefit-tiles__container, .traffic__container {
    max-width: none;
    row-gap: 0.9411764706rem;
  }
}

.benefit-tile {
  position: relative;
  -ms-flex: 0 0 calc(50% - 1.1764705882rem);
  flex: 0 0 calc(50% - 1.1764705882rem);
  aspect-ratio: 380/550.33;
}
@media only screen and (max-width: 86.25em) {
  .benefit-tile {
    aspect-ratio: 355/514.12;
  }
}
@media only screen and (max-width: 36em) {
  .benefit-tile {
    aspect-ratio: 300/434.47;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
@media (any-hover: hover) {
  .benefit-tile {
    cursor: pointer;
  }
}

.benefit-tile__heading {
  display: block;
  margin-left: auto;
  margin-right: auto;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -ms-transform: scale(0.97);
  transform: scale(0.97);
  max-width: 97%;
}
.benefit-tile--active .benefit-tile__heading {
  visibility: hidden;
}
@media only screen and (max-width: 36em) {
  .benefit-tile__heading {
    display: none;
  }
}
.benefit-tile__heading {
  padding-top: 2.6470588235rem;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.benefit-tile__subtitle {
  margin-bottom: 0.2670588235rem;
  font-size: 1.2941176471rem;
}

.benefit-tile__title {
  margin-bottom: 0.4705882353rem;
  font-size: 2.1176470588rem;
  font-family: "Articulat CF Medium", sans-serif;
}

.benefit-tile__body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: pink;
}
.active .benefit-tile__body {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.benefit-tile__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.benefit-tile__image--back {
  visibility: hidden;
}
.benefit-tile--active .benefit-tile__image--back {
  visibility: visible;
}
.benefit-tile--active .benefit-tile__image--front {
  visibility: hidden;
}
@media only screen and (max-width: 36em) {
  .benefit-tile__image--front {
    display: none;
  }
}
.benefit-tile--active .benefit-tile__image--mob {
  visibility: hidden;
}
@media only screen and (min-width: 36em) {
  .benefit-tile__image--mob {
    display: none;
  }
}

.benefit-tiles__text {
  max-width: 44.7058823529rem;
  margin-top: 0.8823529412rem;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  text-align: center;
  line-height: 140%;
  letter-spacing: -0.2px;
}
@media only screen and (max-width: 86.25em) {
  .benefit-tiles__text {
    padding: 0 1.7647058824rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .benefit-tiles__text {
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 36em) {
  .benefit-tiles__text {
    margin-top: 1.4705882353rem;
    padding: 0;
  }
}
@media only screen and (min-width: 30em) {
  .benefit-tiles__text br {
    display: none;
  }
}

/*--------------------END benefit-tiles----------------------*/
/*--------------------benefit-traffic----------------------*/
.traffic {
  padding-bottom: 22.6470588235rem;
}
@media only screen and (max-width: 86.25em) {
  .traffic {
    padding-bottom: 15.7647058824rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .traffic {
    padding-bottom: 13.9411764706rem;
  }
}

.traffic__container {
  display: block;
}

.traffic__heading {
  margin-bottom: 2.0588235294rem;
}
@media only screen and (max-width: 86.25em) {
  .traffic__heading {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .traffic__heading {
    margin-bottom: 1.4117647059rem;
  }
}
.traffic__heading .btn {
  padding: 0;
  background-color: transparent;
  border: none;
}
@media (any-hover: hover) {
  .traffic__heading .btn {
    cursor: pointer;
  }
}
.traffic--open .traffic__heading .btn {
  visibility: hidden;
}

.traffic__title {
  margin-bottom: 0.2670588235rem;
  font-size: 2.1176470588rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .traffic__title {
    font-size: 1.9411764706rem;
  }
}

.heading__subtitle {
  margin-bottom: 0.7647058824rem;
  font-size: 1.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .heading__subtitle {
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .heading__subtitle {
    font-size: 1rem;
  }
}

.traffic__image {
  aspect-ratio: 800/534.33;
}
@media (any-hover: hover) {
  .traffic__image {
    cursor: pointer;
  }
}
@media only screen and (max-width: 86.25em) {
  .traffic__image {
    aspect-ratio: 726/485;
  }
}
@media only screen and (max-width: 47.99875em) {
  .traffic__image {
    aspect-ratio: 360/333;
    height: auto;
  }
}
@media only screen and (max-width: 36em) {
  .traffic__image {
    margin-left: -1.7647058824rem;
    margin-right: -1.7647058824rem;
  }
}
.traffic--open .traffic__image {
  display: none;
}
@media only screen and (max-width: 47.99875em) {
  .traffic__image ._fit-img {
    width: 138.8888888889%;
    left: auto;
    right: 0;
  }
}

.traffic__features {
  position: relative;
  min-height: 31.4311764706rem;
  padding: 2.2352941176rem 2.6470588235rem 4rem 2.9411764706rem;
  background-color: #fff;
  display: none;
}
.traffic--open .traffic__features {
  display: block;
}
@media (any-hover: hover) {
  .traffic__features {
    cursor: pointer;
  }
}
@media only screen and (max-width: 86.25em) {
  .traffic__features {
    min-height: 28.5294117647rem;
    padding: 2rem 2.9411764706rem 3.5882352941rem 2.9358823529rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .traffic__features {
    min-height: 0;
    margin-left: -1.7647058824rem;
    margin-right: -1.7647058824rem;
    padding: 1.5882352941rem 1.7647058824rem 3.2941176471rem 1.7647058824rem;
  }
}

.features-traffic__heading {
  display: -ms-flexbox;
  display: flex;
  column-gap: 0.7058823529rem;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2.9411764706rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .features-traffic__heading {
    margin-bottom: 2.2352941176rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .features-traffic__heading {
    margin-bottom: 1.8823529412rem;
  }
}

.features-traffic__title {
  font-size: 2.1176470588rem;
}
@media only screen and (max-width: 86.25em) {
  .features-traffic__title {
    font-size: 1.9411764706rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .features-traffic__title {
    font-size: 1.4705882353rem;
  }
}

.features-traffic__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.1176470588rem;
  row-gap: 1.2352941176rem;
}
@media only screen and (max-width: 47.99875em) {
  .features-traffic__list {
    column-gap: 0.7058823529rem;
    row-gap: 0.6470588235rem;
  }
}

.features-traffic__key {
  font-family: "Articulat CF Medium", sans-serif;
  text-align: right;
  line-height: normal;
}

.features-traffic__val {
  line-height: normal;
}
@media only screen and (min-width: 47.99875em) {
  .features-traffic__val br {
    display: none;
  }
}

/*--------------------END benefit-traffic----------------------*/
/*--------------------buffets----------------------*/
.buffets {
  padding-top: 12.8823529412rem;
}
@media only screen and (max-width: 86.25em) {
  .buffets {
    padding-top: 9.0588235294rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .buffets {
    padding-top: 3.9764705882rem;
  }
}

.buffets__heading {
  margin-bottom: 4.6470588235rem;
}
@media only screen and (max-width: 86.25em) {
  .buffets__heading {
    margin-bottom: 3.4705882353rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .buffets__heading {
    margin-bottom: 1.7647058824rem;
  }
}

.buffets__container {
  display: -ms-flexbox;
  display: flex;
  column-gap: 1.1764705882rem;
}
@media only screen and (max-width: 36em) {
  .buffets__container {
    column-gap: 0.5705882353rem;
  }
}

.buffets__visual {
  -ms-flex: 1 0 calc(40.6779661017% - 0.5882352941rem);
  flex: 1 0 calc(40.6779661017% - 0.5882352941rem);
  aspect-ratio: 480/802;
}
@media only screen and (max-width: 36em) {
  .buffets__visual {
    -ms-flex: 1 0 calc(40.6779661017% - 0.2852941176rem);
    flex: 1 0 calc(40.6779661017% - 0.2852941176rem);
  }
}

.buffets__other {
  -ms-flex: 1 0 calc(57.6271186441% - 0.5882352941rem);
  flex: 1 0 calc(57.6271186441% - 0.5882352941rem);
}
@media only screen and (max-width: 36em) {
  .buffets__other {
    -ms-flex: 0 0 calc(57.6271186441% - 0.2852941176rem);
    flex: 0 0 calc(57.6271186441% - 0.2852941176rem);
  }
}

.buffets__dishes {
  aspect-ratio: 680/470;
  margin-bottom: 1.9411764706rem;
}
@media only screen and (max-width: 86.25em) {
  .buffets__dishes {
    margin-bottom: 1.4870588235rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .buffets__dishes {
    margin-bottom: 0.9876470588rem;
  }
}

.buffets__picts {
  max-width: 13.0447058824rem;
  margin-left: 14.7058823529%;
}
@media only screen and (max-width: 86.25em) {
  .buffets__picts {
    max-width: 10.0423529412rem;
    margin-left: 15.4761904762%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .buffets__picts {
    max-width: 5.4894117647rem;
    margin-left: 7.9722222222%;
  }
}
.buffets__picts img {
  width: 100%;
}

/*--------------------END buffets----------------------*/
/*--------------------coctails----------------------*/
.cocktails {
  padding-top: 9.8988235294rem;
}
@media only screen and (max-width: 86.25em) {
  .cocktails {
    padding-top: 8.4117647059rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .cocktails {
    padding-top: 3.5158823529rem;
  }
}

.cocktails__title {
  margin-bottom: 2.0588235294rem;
  line-height: 140%;
}
@media only screen and (max-width: 47.99875em) {
  .cocktails__title {
    margin-bottom: 1.1229411765rem;
  }
}

.cocktails__picts {
  margin-bottom: 11.8464705882rem;
}
@media only screen and (max-width: 86.25em) {
  .cocktails__picts {
    margin-bottom: 10.0582352941rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .cocktails__picts {
    margin-bottom: 4.83rem;
  }
}

.cocktails__icons {
  max-width: 23.1276470588rem;
  margin: 0 auto;
}
@media only screen and (max-width: 86.25em) {
  .cocktails__icons {
    max-width: 18.8235294118rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .cocktails__icons {
    max-width: 10.3529411765rem;
  }
}
.cocktails__icons img {
  display: block;
  width: 100%;
}

.cocktails__icon {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.cocktails__icon:first-child {
  margin-right: 1.8864705882rem;
}
.cocktails__icon:nth-child(2) {
  margin-right: 1.4935294118rem;
}
.cocktails__icon:nth-child(3) {
  margin-right: 0.7111764706rem;
}
.cocktails__icon:nth-child(4) {
  margin-right: 0.7111764706rem;
}
.cocktails__icon img {
  max-width: 100%;
}

.cocktails__image {
  aspect-ratio: 3.4698795181;
}
@media only screen and (max-width: 86.25em) {
  .cocktails__image {
    aspect-ratio: 1024/390;
  }
}
@media only screen and (max-width: 47.99875em) {
  .cocktails__image {
    aspect-ratio: 360/169.2;
  }
}

/*--------------------END coctails----------------------*/
/*--------------------coffe-machine----------------------*/
.coffe-machine {
  padding-top: 7.5882352941rem;
}
@media only screen and (max-width: 86.25em) {
  .coffe-machine {
    padding-top: 7.1176470588rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .coffe-machine {
    padding-top: 4.3035294118rem;
  }
}

.coffe-machine__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48.9440677966% auto;
  grid-template-columns: 48.9440677966% auto;
  column-gap: 10.1694915254%;
}
@media only screen and (max-width: 86.25em) {
  .coffe-machine__container {
    column-gap: 8.69140625%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .coffe-machine__container {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
}

.coffe-machine__image {
  aspect-ratio: 577.54/971.54;
  -ms-grid-row: span 2;
  grid-row: span 2;
}
@media only screen and (max-width: 86.25em) {
  .coffe-machine__image {
    aspect-ratio: 430/767;
  }
}
@media only screen and (max-width: 47.99875em) {
  .coffe-machine__image {
    margin-left: -1.7647058824rem;
    margin-right: -1.7647058824rem;
    aspect-ratio: auto;
    background-color: #fff;
    overflow: hidden;
  }
}
@media only screen and (max-width: 47.99875em) {
  .coffe-machine__image ._fit-img {
    width: 75.5555555556%;
    top: 0.8235294118rem;
    position: relative;
    display: block;
    margin: 0 auto;
  }
}

.coffe-machine__content {
  -ms-grid-row: span 3;
  grid-row: span 3;
}
@media only screen and (max-width: 47.99875em) {
  .coffe-machine__content {
    padding-top: 2.2288235294rem;
  }
}

.coffe-machine__heading {
  margin-bottom: 4.6047058824rem;
  padding-top: 3.5294117647rem;
}
@media only screen and (max-width: 86.25em) {
  .coffe-machine__heading {
    margin-bottom: 2.5217647059rem;
    padding-top: 3.9411764706rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .coffe-machine__heading {
    margin-bottom: 1.2941176471rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .coffe-machine__heading {
    margin-bottom: 0.8623529412rem;
    padding-top: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

.coffe-machine__text {
  margin-bottom: 4.1764705882rem;
}
@media only screen and (min-width: 86.25em) {
  .coffe-machine__text {
    padding-right: 20.8333333333%;
  }
}
@media only screen and (max-width: 61.99875em) {
  .coffe-machine__text {
    margin-bottom: 1.5rem;
  }
}
.coffe-machine__text p:not(:last-child) {
  margin-bottom: 1.1764705882rem;
}
@media only screen and (max-width: 86.25em) {
  .coffe-machine__text p:not(:last-child) {
    margin-bottom: 0.8823529412rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .coffe-machine__text p:not(:last-child) {
    margin-bottom: 0.3529411765rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .coffe-machine__text p span {
    font-family: "Articulat CF Medium", sans-serif;
  }
}

.coffe-machine__payments {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 1.4117647059rem;
  row-gap: 0.4117647059rem;
  max-width: 11.9264705882rem;
}
@media only screen and (max-width: 86.25em) {
  .coffe-machine__payments {
    max-width: 10.9164705882rem;
    column-gap: 0.9082352941rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .coffe-machine__payments {
    max-width: 9.1617647059rem;
    column-gap: 0.7647058824rem;
  }
}

.coffe-machine__payment--mastercard {
  margin-top: -0.1764705882rem;
  -ms-flex: 1 0 calc(19.4094993582% - 0.7058823529rem);
  flex: 1 0 calc(19.4094993582% - 0.7058823529rem);
}
@media only screen and (max-width: 86.25em) {
  .coffe-machine__payment--mastercard {
    -ms-flex-preferred-size: calc(19.4094993582% - 0.4541176471rem);
    flex-basis: calc(19.4094993582% - 0.4541176471rem);
  }
}
@media only screen and (max-width: 61.99875em) {
  .coffe-machine__payment--mastercard {
    -ms-flex-preferred-size: calc(19.4094993582% - 0.3823529412rem);
    flex-basis: calc(19.4094993582% - 0.3823529412rem);
  }
}
.coffe-machine__payment--visa {
  -ms-flex: 1 0 calc(27.2143774069% - 0.7058823529rem);
  flex: 1 0 calc(27.2143774069% - 0.7058823529rem);
}
@media only screen and (max-width: 86.25em) {
  .coffe-machine__payment--visa {
    -ms-flex-preferred-size: calc(27.2143774069% - 0.4541176471rem);
    flex-basis: calc(27.2143774069% - 0.4541176471rem);
    column-gap: 0.9082352941rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .coffe-machine__payment--visa {
    -ms-flex-preferred-size: calc(27.2143774069% - 0.3823529412rem);
    flex-basis: calc(27.2143774069% - 0.3823529412rem);
    column-gap: 0.9082352941rem;
  }
}
.coffe-machine__payment--mir {
  -ms-flex: 1 0 calc(32.2207958922% - 0.7058823529rem);
  flex: 1 0 calc(32.2207958922% - 0.7058823529rem);
}
@media only screen and (max-width: 86.25em) {
  .coffe-machine__payment--mir {
    -ms-flex-preferred-size: calc(32.2207958922% - 0.4541176471rem);
    flex-basis: calc(32.2207958922% - 0.4541176471rem);
  }
}
@media only screen and (max-width: 61.99875em) {
  .coffe-machine__payment--mir {
    -ms-flex-preferred-size: calc(32.2207958922% - 0.3823529412rem);
    flex-basis: calc(32.2207958922% - 0.3823529412rem);
  }
}
.coffe-machine__payment img {
  width: 100%;
}

/*--------------------END coffe-machine----------------------*/
/*--------------------comfort-class----------------------*/
.comfort-class {
  padding-top: 5.8505882353rem;
}
@media only screen and (max-width: 86.25em) {
  .comfort-class {
    padding-top: 5.4117647059rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .comfort-class {
    padding-top: 4.5882352941rem;
  }
}

.comfort-class__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40.6779661017% 49.1525423729%;
  grid-template-columns: 40.6779661017% 49.1525423729%;
  column-gap: 10.1694915254%;
}
@media only screen and (max-width: 86.25em) {
  .comfort-class__container {
    column-gap: 8.49609375%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .comfort-class__container {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
}

.comfort-class__heading {
  padding-top: 4.0588235294rem;
  margin-bottom: 4.5882352941rem;
}
@media only screen and (max-width: 86.25em) {
  .comfort-class__heading {
    padding-top: 2.9411764706rem;
    margin-bottom: 2.8235294118rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .comfort-class__heading {
    padding-top: 0;
    margin-bottom: 0.8035294118rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .comfort-class__heading {
    text-align: right;
  }
}

.comfort-class__descr {
  letter-spacing: -0.15px;
}
@media only screen and (max-width: 47.99875em) {
  .comfort-class__descr {
    margin-right: 8.3333333333%;
  }
}
@media only screen and (min-width: 47.99875em) {
  .comfort-class__descr {
    text-align: right;
  }
}
@media only screen and (max-width: 86.25em) {
  .comfort-class__descr br {
    display: none;
  }
}

.comfort-class__image {
  background-color: #000;
  -ms-grid-row: span 3;
  grid-row: span 3;
  aspect-ratio: 580/510;
  overflow: hidden;
}
@media only screen and (max-width: 47.99875em) {
  .comfort-class__image {
    aspect-ratio: 360/285.5;
    margin-left: -1.7647058824rem;
    margin-right: -1.7647058824rem;
    margin-bottom: 1.6723529412rem;
  }
}
.comfort-class__image ._fit-img {
  left: 10%;
}
@media only screen and (max-width: 47.99875em) {
  .comfort-class__image ._fit-img {
    left: -2%;
  }
}

/*--------------------END comfort-class----------------------*/
/*--------------------cosy----------------------*/
.cosy {
  padding-top: 13.8235294118rem;
  padding-bottom: 25.6647058824rem;
}
@media only screen and (max-width: 86.25em) {
  .cosy {
    padding-top: 7.9558823529rem;
    padding-bottom: 15.8411764706rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .cosy {
    padding-top: 4.2658823529rem;
    padding-bottom: 11.1735294118rem;
  }
}

.cosy__heading {
  margin-bottom: 4.6470588235rem;
}
@media only screen and (max-width: 86.25em) {
  .cosy__heading {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .cosy__heading {
    margin-bottom: 1.4070588235rem;
  }
}

@media only screen and (min-width: 61.99875em) {
  .cosy__carousel {
    padding-left: 8.4745762712%;
    padding-right: 8.4745762712%;
  }
}
.cosy__carousel .tns-prev {
  left: -5.0847457627%;
}
@media only screen and (max-width: 64em) {
  .cosy__carousel .tns-prev {
    left: -2.5423728814%;
  }
}
.cosy__carousel .tns-next {
  right: -5.0847457627%;
}
@media only screen and (max-width: 64em) {
  .cosy__carousel .tns-next {
    right: -1.6949152542%;
  }
}

.cosy__slide {
  aspect-ratio: 1.5967523681;
}
/*--------------------END cosy----------------------*/
/*--------------------device----------------------*/
.device__heading {
  margin-bottom: 1.9582352941rem;
}
@media only screen and (max-width: 86.25em) {
  .device__heading {
    margin-bottom: 1.4082352941rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .device__heading {
    margin-bottom: 0.7817647059rem;
  }
}

@media only screen and (min-width: 47.99875em) {
  .device__title-mob {
    display: none;
  }
}
@media only screen and (max-width: 47.99875em) {
  .device__title-desk {
    display: none;
  }
}

.device__anim {
  background-color: #fff;
}

.device__anim-inner {
  margin-left: 9.8305084746%;
  margin-right: 9.8305084746%;
}
@media only screen and (max-width: 86.25em) {
  .device__anim-inner {
    margin-left: 11.8644067797%;
    margin-right: 11.8644067797%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .device__anim-inner {
    margin-left: -3.5294117647rem;
    margin-right: -3.5294117647rem;
  }
}

.device__gif {
  aspect-ratio: 946.76/710.07;
}
@media only screen and (max-width: 47.99875em) {
  .device__gif {
    aspect-ratio: 372/279;
  }
}

/*--------------------END device----------------------*/
/*--------------------devices-top----------------------*/
.devices-top {
  padding-top: 3.8470588235rem;
  padding-bottom: 4.7629411765rem;
}
@media only screen and (max-width: 86.25em) {
  .devices-top {
    padding-top: 4.5758823529rem;
    padding-bottom: 3.7452941176rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .devices-top {
    padding-top: 1.6470588235rem;
    padding-bottom: 1.6470588235rem;
  }
}

.devices-top__wrapper__slogan {
  margin-bottom: 2.9411764706rem;
  text-align: center;
  color: #009245;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .devices-top__wrapper__slogan {
    margin-bottom: 1.7058823529rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .devices-top__wrapper__slogan {
    margin-bottom: 2.2882352941rem;
  }
}
@media only screen and (min-width: 36em) {
  .devices-top__wrapper__slogan br {
    display: none;
  }
}

.devices-top__heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-pack: center;
  justify-content: center;
  column-gap: 0.3529411765rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 47.99875em) {
  .devices-top__heading {
    column-gap: 0.2352941176rem;
  }
}

.devices-top__subtitle {
  font-size: 2.1176470588rem;
}
@media only screen and (max-width: 86.25em) {
  .devices-top__subtitle {
    font-size: 1.7647058824rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .devices-top__subtitle {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 47.99875em) {
  .devices-top__title {
    font-size: 1.4705882353rem;
  }
}

/*--------------------END devices-top----------------------*/
/*--------------------minimarket----------------------*/
.minimarkets__container {
  display: -ms-flexbox;
  display: flex;
  column-gap: 1.1764705882rem;
}
@media only screen and (max-width: 61.99875em) {
  .minimarkets__container {
    column-gap: 0.5882352941rem;
  }
}

.minimarkets__heading {
  margin-bottom: 0;
}

.minimarkets__item--minimarket {
  -ms-flex: 1 0 calc(40.6779661017% - 0.5882352941rem);
  flex: 1 0 calc(40.6779661017% - 0.5882352941rem);
}
@media only screen and (max-width: 47.99875em) {
  .minimarkets__item--minimarket {
    -ms-flex-preferred-size: calc(36.9444444444% - 0.2941176471rem);
    flex-basis: calc(36.9444444444% - 0.2941176471rem);
  }
}
.minimarkets__item--minimarket .minimarkets__tile {
  padding-top: 4.0241176471rem;
  text-align: right;
  padding-right: 20.8333333333%;
  aspect-ratio: 480/358;
}
@media only screen and (max-width: 86.25em) {
  .minimarkets__item--minimarket .minimarkets__tile {
    aspect-ratio: 480/341;
    padding-top: 1.7647058824rem;
    padding-right: 20.7865168539%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .minimarkets__item--minimarket .minimarkets__tile {
    padding-top: 0.8694117647rem;
    aspect-ratio: auto;
    height: 15.1764705882rem;
    padding-right: 0.8823529412rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .minimarkets__item--minimarket .minimarkets__heading {
    text-align: right;
  }
}
.minimarkets__item--minimarket .minimarkets__content p {
  text-align: right;
  padding-right: 20.8333333333%;
}
@media only screen and (max-width: 86.25em) {
  .minimarkets__item--minimarket .minimarkets__content p {
    padding-right: 20.7865168539%;
  }
}
@media only screen and (max-width: 36em) {
  .minimarkets__item--minimarket .minimarkets__content p {
    padding-right: 0.5882352941rem;
  }
}

.minimarkets__title {
  margin-bottom: 0.5529411765rem;
}
@media only screen and (max-width: 86.25em) {
  .minimarkets__title {
    margin-bottom: 0.7058823529rem;
  }
}

.minimarkets__smartimage {
  aspect-ratio: 480/370;
  margin-bottom: 2.8470588235rem;
}
@media only screen and (max-width: 86.25em) {
  .minimarkets__smartimage {
    margin-bottom: 1.8141176471rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .minimarkets__smartimage {
    margin-bottom: 1.0688235294rem;
  }
}

.minimarkets__item--buffet {
  -ms-flex: 1 0 calc(57.6271186441% - 0.5882352941rem);
  flex: 1 0 calc(57.6271186441% - 0.5882352941rem);
}
@media only screen and (max-width: 47.99875em) {
  .minimarkets__item--buffet {
    -ms-flex-preferred-size: calc(41.6666666667% - 0.2941176471rem);
    flex-basis: calc(41.6666666667% - 0.2941176471rem);
  }
}
.minimarkets__item--buffet .minimarkets__tile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 4.1323529412rem;
  padding-left: 14.7058823529%;
  aspect-ratio: 680/358;
}
@media only screen and (max-width: 86.25em) {
  .minimarkets__item--buffet .minimarkets__tile {
    aspect-ratio: 680/341;
    padding-bottom: 2.0588235294rem;
    padding-left: 14.6825396825%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .minimarkets__item--buffet .minimarkets__tile {
    padding-bottom: 1.2770588235rem;
    aspect-ratio: auto;
    height: 15.1764705882rem;
    padding-left: 0.5882352941rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .minimarkets__item--buffet .minimarkets__tile .minimarkets__heading {
    text-align: left;
  }
}

.minimarkets__buffetimage {
  aspect-ratio: 680/834;
}
@media only screen and (max-width: 47.99875em) {
  .minimarkets__buffetimage {
    aspect-ratio: 154/252.02;
    background-color: #fff;
  }
}
@media only screen and (max-width: 47.99875em) {
  .minimarkets__buffetimage ._fit-img {
    width: 90%;
    height: 90%;
    left: 7%;
    background-position: left center;
  }
}

/*--------------------END minimarket----------------------*/
/*--------------------text-automats----------------------*/
.text-automats {
  padding-top: 15.6470588235rem;
}
@media only screen and (max-width: 86.25em) {
  .text-automats {
    padding-top: 9.4117647059rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .text-automats {
    padding-top: 4.4705882353rem;
  }
}

.text-automats__heading {
  margin-bottom: 4.6470588235rem;
}
@media only screen and (max-width: 86.25em) {
  .text-automats__heading {
    margin-bottom: 3.4705882353rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .text-automats__heading {
    margin-bottom: 1.6641176471rem;
  }
}

.text-automats__body {
  background-color: #fff;
}

.text-automats__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  column-gap: 0;
}
@media only screen and (min-width: 47.99875em) {
  .text-automats__container {
    column-gap: 1.1764705882rem;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.text-automats__content {
  -ms-flex: 0 0 calc(50% - 0.5882352941rem);
  flex: 0 0 calc(50% - 0.5882352941rem);
  padding-top: 7.5464705882rem;
}
@media only screen and (max-width: 86.25em) {
  .text-automats__content {
    padding-top: 6.5294117647rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .text-automats__content {
    padding-top: 2.1111764706rem;
  }
}

.body-text-automats__heading {
  margin-bottom: 0.5882352941rem;
}
@media only screen and (max-width: 47.99875em) {
  .body-text-automats__heading {
    text-align: right;
  }
}

.body-text-automats__content {
  margin-right: 8.4745762712%;
  margin-bottom: 5.4270588235rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
}
@media only screen and (max-width: 86.25em) {
  .body-text-automats__content {
    margin-bottom: 3.2941176471rem;
    margin-right: 7.2265625%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .body-text-automats__content {
    margin-bottom: 0.1176470588rem;
    margin-right: 0;
  }
}

.text-automats__snacks {
  text-align: right;
}
.text-automats__snacks img {
  max-width: 28.2352941176rem;
}
@media only screen and (max-width: 86.25em) {
  .text-automats__snacks img {
    max-width: 93.488372093%;
  }
}
@media only screen and (max-width: 61.99875em) {
  .text-automats__snacks img {
    max-width: none;
    width: 80%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .text-automats__snacks img {
    width: 100%;
  }
}
@media only screen and (min-width: 47.99875em) {
  .text-automats__desct {
    max-width: 15.6470588235rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .text-automats__desct br {
    display: none;
  }
}

.text-automats__image {
  -ms-flex: 0 0 calc(50% - 0.5882352941rem);
  flex: 0 0 calc(50% - 0.5882352941rem);
}
.text-automats__image img {
  max-width: 100%;
}
@media only screen and (max-width: 47.99875em) {
  .text-automats__image img {
    max-width: 140%;
    height: 100%;
  }
}
@media only screen and (max-width: 23.4375em) {
  .text-automats__image img {
    height: auto;
    position: relative;
    left: -7%;
  }
}

/*--------------------END text-automats----------------------*/
/*--------------------elegant----------------------*/
.legant {
  padding-top: 8.7647058824rem;
}
@media only screen and (max-width: 86.25em) {
  .legant {
    padding-top: 8.7647058824rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .legant {
    padding-top: 3.1176470588rem;
  }
}

.elegant__heading {
  margin-bottom: 5.5294117647rem;
}
@media only screen and (max-width: 86.25em) {
  .elegant__heading {
    margin-bottom: 3.8823529412rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .elegant__heading {
    margin-bottom: 2.5294117647rem;
  }
}

.elegant__container {
  display: -ms-flexbox;
  display: flex;
  column-gap: 1.1764705882rem;
}
@media only screen and (max-width: 86.25em) {
  .elegant__container {
    column-gap: 0.9411764706rem;
  }
}
@media only screen and (max-width: 36em) {
  .elegant__container {
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.7647058824rem;
  }
}

.elegant__col {
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}
@media only screen and (max-width: 36em) {
  .elegant__col {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

.elegant__image {
  aspect-ratio: 581/773;
}

/*--------------------END elegant----------------------*/
/*--------------------examples-style----------------------*/
.example-style {
  padding-top: 2.5294117647rem;
}
@media only screen and (max-width: 86.25em) {
  .example-style {
    padding-top: 0;
  }
}

.example-style__container {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.5882352941rem;
}
@media only screen and (max-width: 86.25em) {
  .example-style__container {
    margin-bottom: 2.9411764706rem;
  }
}
@media only screen and (max-width: 36em) {
  .example-style__container {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2.5882352941rem;
  }
}

.example-style__image {
  aspect-ratio: 580/818;
  width: 40.6779661017%;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (max-width: 36em) {
  .example-style__image {
    margin-bottom: 1.4705882353rem;
  }
}
@media only screen and (max-width: 36em) {
  .example-style__image {
    width: 100%;
    aspect-ratio: 300/402.82;
  }
}

.example-style__content {
  width: 40.6779661017%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 10.1694915254%;
  padding-top: 7.5294117647rem;
  padding-bottom: 1.7647058824rem;
}
@media only screen and (max-width: 86.25em) {
  .example-style__content {
    padding-top: 7.5294117647rem;
    margin-left: 8.59375%;
  }
}
@media only screen and (max-width: 61.99875em) {
  .example-style__content {
    padding-top: 2.9411764706rem;
  }
}
@media only screen and (max-width: 36em) {
  .example-style__content {
    width: 100%;
    padding-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.example-style__title {
  margin-bottom: 3.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .example-style__title {
    margin-bottom: 3.2941176471rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .example-style__title {
    margin-bottom: 0.8823529412rem;
    text-align: left;
    font-size: 1.4705882353rem;
  }
}

.example-style__descr {
  font-size: 1.4705882353rem;
  line-height: 200%;
}
@media only screen and (max-width: 86.25em) {
  .example-style__descr {
    font-size: 1.2941176471rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .example-style__descr {
    font-size: 0.8823529412rem;
    line-height: 170%;
  }
}
@media only screen and (max-width: 30em) {
  .example-style__descr {
    margin-right: 13.8888888889%;
  }
}
@media only screen and (max-width: 36em) {
  .example-style__descr br {
    display: none;
  }
}

.example-style__visual {
  aspect-ratio: 1190/797;
}

/*--------------------END examples-style----------------------*/
/*--------------------servcomf----------------------*/
.servcomf {
  padding-top: 8.8235294118rem;
  padding-bottom: 21rem;
}
@media only screen and (max-width: 86.25em) {
  .servcomf {
    padding-top: 6.1176470588rem;
    padding-bottom: 14.2941176471rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .servcomf {
    padding-top: 3.1764705882rem;
    padding-bottom: 6.8823529412rem;
  }
}

.servcomf__top {
  margin-bottom: 6.9411764706rem;
}
@media only screen and (max-width: 86.25em) {
  .servcomf__top {
    margin-bottom: 4.6470588235rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .servcomf__top {
    margin-bottom: 2.9411764706rem;
  }
}

.servcomf__heading {
  margin-bottom: 6.1176470588rem;
}
@media only screen and (max-width: 86.25em) {
  .servcomf__heading {
    margin-bottom: 3.8823529412rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .servcomf__heading {
    margin-bottom: 2.5882352941rem;
  }
}

.servcomf__container {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 61.99875em) {
  .servcomf__container {
    column-gap: 1.1764705882rem;
  }
}
@media only screen and (max-width: 36em) {
  .servcomf__container {
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.7647058824rem;
  }
}

.servcomf__left {
  margin-left: 8.4745762712%;
  margin-right: 10.1694915254%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media only screen and (max-width: 61.99875em) {
  .servcomf__left {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 36em) {
  .servcomf__left {
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
@media only screen and (min-width: 36em) {
  .servcomf__left {
    -ms-flex: 1 0 32.2033898305%;
    flex: 1 0 32.2033898305%;
  }
}

.servcomf__descr {
  margin-bottom: 3.7058823529rem;
  max-width: 16.4705882353rem;
  text-align: right;
  font-size: 1.4705882353rem;
  line-height: 200%;
}
@media only screen and (max-width: 86.25em) {
  .servcomf__descr {
    margin-bottom: 2.8823529412rem;
    font-size: 1.2941176471rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .servcomf__descr {
    margin-bottom: 1.4117647059rem;
  }
}
@media only screen and (max-width: 36em) {
  .servcomf__descr {
    margin-bottom: 0;
    font-size: 0.8823529412rem;
    line-height: 140%;
    -ms-flex-order: 1;
    order: 1;
    text-align: left;
    max-width: none;
  }
}
@media only screen and (min-width: 30em) {
  .servcomf__descr br {
    display: none;
  }
}

.servcomf__pict {
  aspect-ratio: 380/475;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
@media only screen and (max-width: 36em) {
  .servcomf__pict {
    margin-bottom: 1.0588235294rem;
  }
}

@media only screen and (min-width: 36em) {
  .servcomf__right {
    -ms-flex: 1 0 49.1525423729%;
    flex: 1 0 49.1525423729%;
  }
}

.servcomf__visual {
  aspect-ratio: 580/869;
}

.servcomf__big {
  aspect-ratio: 1.6457461646;
  margin-bottom: 9.2352941176rem;
}
@media only screen and (max-width: 86.25em) {
  .servcomf__big {
    margin-bottom: 7.2941176471rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .servcomf__big {
    margin-bottom: 3.2352941176rem;
  }
}

.servcomf__footer p {
  font-family: "Articulat CF Medium", sans-serif;
  font-size: 1.4705882353rem;
}
@media only screen and (max-width: 86.25em) {
  .servcomf__footer p {
    font-size: 1.2941176471rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .servcomf__footer p {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 30em) {
  .servcomf__footer p br {
    display: none;
  }
}

/*--------------------END servcomf----------------------*/
/*--------------------section.allowed----------------------*/
.allowed {
  padding-top: 9.9423529412rem;
  padding-bottom: 8.3529411765rem;
}
@media only screen and (max-width: 86.25em) {
  .allowed {
    padding-top: 6.3605882353rem;
    padding-bottom: 7.7058823529rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .allowed {
    padding-top: 2.6505882353rem;
    padding-bottom: 4.8823529412rem;
  }
}

@media only screen and (min-width: 90em) {
  .allowed__wrapper {
    max-width: 52.9411764706rem;
  }
}

.allowed__heading {
  margin-bottom: 2.8694117647rem;
}
@media only screen and (max-width: 86.25em) {
  .allowed__heading {
    margin-bottom: 3.0588235294rem;
  }
}
@media only screen and (min-width: 90em) {
  .allowed__heading {
    margin-bottom: 1.6929411765rem;
  }
}

.allowed__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.1764705882rem;
  row-gap: 1.9794117647rem;
  margin-bottom: 5.6470588235rem;
}
@media only screen and (max-width: 86.25em) {
  .allowed__items {
    margin-left: 13.8671875%;
    margin-right: 13.8671875%;
    row-gap: 3rem;
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .allowed__items {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 47.99875em) {
  .allowed__items {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0.9752941176rem;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 36em) {
  .allowed__items {
    margin-left: 1.5294117647rem;
    margin-right: 1.5294117647rem;
  }
}
@media only screen and (min-width: 90em) {
  .allowed__items {
    row-gap: 0.5882352941rem;
  }
}

.allowed__item {
  text-align: center;
}
@media only screen and (max-width: 36em) {
  .allowed__item:nth-child(1) {
    -ms-flex-order: 5;
    order: 5;
  }
}
.allowed__item:nth-child(2) .item-allowed__icon {
  position: relative;
  top: -11px;
}
@media only screen and (max-width: 86.25em) {
  .allowed__item:nth-child(2) .item-allowed__icon {
    max-width: 8.0282352941rem;
    top: -5px;
  }
}
@media only screen and (max-width: 36em) {
  .allowed__item:nth-child(2) .item-allowed__icon {
    max-width: 4.4188235294rem;
    margin-top: -0.4705882353rem;
    margin-bottom: 0.4117647059rem;
  }
}
@media only screen and (max-width: 36em) {
  .allowed__item:nth-child(2) {
    -ms-flex-order: 6;
    order: 6;
  }
}
.allowed__item:nth-child(3) .item-allowed__text br:first-child {
  display: none;
}
@media only screen and (max-width: 86.25em) {
  .allowed__item:nth-child(3) .item-allowed__text br:first-child {
    display: block;
  }
}

.item-allowed__icon {
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.2352941176rem;
  height: 11.1435294118rem;
  max-width: 12.1517647059rem;
}
@media only screen and (max-width: 86.25em) {
  .item-allowed__icon {
    max-width: 6.2823529412rem;
    height: 7.0588235294rem;
    margin-bottom: 1.0117647059rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .item-allowed__icon {
    max-width: 3.5294117647rem;
    height: 3.9735294118rem;
    margin-bottom: 0.6017647059rem;
  }
}
@media only screen and (min-width: 90em) {
  .item-allowed__icon {
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-bottom: 0;
  }
}
.item-allowed__icon img {
  max-height: 100%;
  max-width: 100%;
}

.item-allowed__text {
  font-size: 1rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 86.25em) {
  .item-allowed__text {
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 36em) {
  .item-allowed__text {
    font-size: 0.5882352941rem;
  }
}
@media only screen and (min-width: 90em) {
  .item-allowed__text {
    font-size: 0.7647058824rem;
  }
}

.allowed__bottom {
  text-align: center;
}
@media only screen and (max-width: 47.99875em) {
  .allowed__bottom {
    display: none;
  }
}
.allowed__bottom a {
  font-family: "Articulat CF Medium", sans-serif;
}

/*--------------------END section.allowed----------------------*/
/*--------------------cacao----------------------*/
.cacao {
  padding-bottom: 23.8235294118rem;
}
@media only screen and (max-width: 86.25em) {
  .cacao {
    padding-bottom: 9.2323529412rem;
  }
}

.cacao__title {
  font-size: 1.2941176471rem;
  margin-bottom: 3.1764705882rem;
}
@media only screen and (max-width: 86.25em) {
  .cacao__title {
    margin-bottom: 2.2352941176rem;
    font-size: 1.2941176471rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .cacao__title {
    margin-bottom: 1.4117647059rem;
    font-size: 0.8823529412rem;
  }
}

.cacao__carousel {
  position: relative;
  margin-left: 8.4745762712%;
  margin-right: 8.4745762712%;
}
@media only screen and (max-width: 86.25em) {
  .cacao__carousel {
    margin-left: 14.16015625%;
    margin-right: 14.16015625%;
  }
}
@media only screen and (max-width: 61.99875em) {
  .cacao__carousel {
    margin-left: 0;
    margin-right: 0;
    margin-left: -1.7647058824rem;
    margin-right: -1.7647058824rem;
  }
}
@media only screen and (min-width: 90em) {
  .cacao__carousel {
    margin-left: 16.9491525424%;
    margin-right: 16.9491525424%;
  }
}
@media only screen and (max-width: 61.99875em) {
  .cacao__carousel .tiny-carousel__nav {
    display: none;
  }
}
@media only screen and (min-width: 90em) {
  .cacao__carousel .tns-prev {
    left: -25.4237288136%;
  }
}
@media only screen and (min-width: 90em) {
  .cacao__carousel .tns-next {
    right: -25.4237288136%;
  }
}

.cacao__slide {
  aspect-ratio: 4200/3000;
}
@media only screen and (max-width: 61.99875em) {
  .cacao__slide {
    aspect-ratio: 360/282;
  }
}

/*--------------------END cacao----------------------*/
/*--------------------guarantee----------------------*/
.guarantee {
  padding-top: 8.8823529412rem;
  padding-bottom: 10.4223529412rem;
}
@media only screen and (max-width: 86.25em) {
  .guarantee {
    padding-top: 5.3429411765rem;
    padding-bottom: 6.8235294118rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .guarantee {
    padding-bottom: 2.7794117647rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .guarantee {
    padding-top: 0;
  }
}

.guarantee__heading {
  margin-bottom: 4.3529411765rem;
}
@media only screen and (max-width: 86.25em) {
  .guarantee__heading {
    margin-bottom: 3.7058823529rem;
  }
}
@media only screen and (max-width: 86.25em) {
  .guarantee__heading {
    margin-bottom: 0.9788235294rem;
  }
}

@media only screen and (max-width: 61.99875em) {
  .guarantee__title {
    font-size: 1.5882352941rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .guarantee__title {
    font-size: 1.2941176471rem;
  }
}

.guarantee__list {
  margin-bottom: 2.1176470588rem;
  margin-right: 5.8823529412rem;
}
@media only screen and (max-width: 86.25em) {
  .guarantee__list {
    margin-bottom: 1.1176470588rem;
    margin-right: 15.8203125%;
  }
}
@media only screen and (max-width: 61.99875em) {
  .guarantee__list {
    margin-right: 13.8888888889%;
  }
}

.guarantee__item {
  position: relative;
  list-style-type: none;
  padding-left: 5.8823529412rem;
  font-size: 1.2941176471rem;
  line-height: 1.4545454545;
}
@media only screen and (max-width: 86.25em) {
  .guarantee__item {
    padding-left: 11.71875%;
    font-size: 1.1176470588rem;
    line-height: 130%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .guarantee__item {
    font-size: 0.7647058824rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 30em) {
  .guarantee__item {
    padding-left: 27.7777777778%;
  }
}
@media only screen and (min-width: 47.99875em) {
  .guarantee__item {
    letter-spacing: -0.5px;
  }
}
.guarantee__item:before {
  content: "";
  position: absolute;
  top: 0.4705882353rem;
  left: 2.4117647059rem;
  width: 0.6470588235rem;
  height: 0.6470588235rem;
  border-radius: 50%;
  background-color: #000;
}
@media only screen and (max-width: 86.25em) {
  .guarantee__item:before {
    width: 0.5594117647rem;
    height: 0.5594117647rem;
    left: 5.078125%;
    top: 0.3529411765rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .guarantee__item:before {
    width: 0.3529411765rem;
    height: 0.3529411765rem;
    left: 8.3333333333%;
    top: 0.2352941176rem;
  }
}
.guarantee__item:not(:last-child) {
  margin-bottom: 2.7364705882rem;
}
@media only screen and (max-width: 86.25em) {
  .guarantee__item:not(:last-child) {
    margin-bottom: 1.7058823529rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .guarantee__item:not(:last-child) {
    margin-bottom: 0.8705882353rem;
  }
}
@media only screen and (min-width: 30em) {
  .guarantee__item br {
    display: none;
  }
}

@media only screen and (max-width: 47.99875em) {
  .guarantee__marker {
    color: #009245;
  }
}

@media only screen and (min-width: 47.99875em) {
  .guarantee__dots {
    display: none;
  }
}

.guarantee__text {
  margin-left: 5.8823529412rem;
  margin-right: 5.8823529412rem;
  line-height: 1.5294117647;
  color: #009245;
}
@media only screen and (max-width: 86.25em) {
  .guarantee__text {
    margin-left: 9.765625%;
    margin-right: 15.8203125%;
    font-size: 0.8823529412rem;
    line-height: 130%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .guarantee__text {
    display: none;
  }
}

.guarantee__hidden-text {
  color: #009245;
}
@media only screen and (min-width: 47.99875em) {
  .guarantee__hidden-text {
    display: none;
  }
}

/*--------------------END guarantee----------------------*/
/*--------------------healthy-snack----------------------*/
.healthy-snack__title {
  margin-bottom: 3.5294117647rem;
  font-size: 1.2941176471rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .healthy-snack__title {
    font-size: 1.1176470588rem;
    margin-bottom: 2.5294117647rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .healthy-snack__title {
    font-size: 0.8823529412rem;
    margin-bottom: 1.5294117647rem;
  }
}
@media only screen and (max-width: 86.25em) {
  .healthy-snack__title span {
    display: block;
  }
}
@media only screen and (max-width: 86.25em) {
  .healthy-snack__title br {
    display: none;
  }
}
@media only screen and (max-width: 47.99875em) {
  .healthy-snack__title br {
    display: block;
  }
}

.healthy-snack__image {
  height: 34.9247058824rem;
}
@media only screen and (max-width: 86.25em) {
  .healthy-snack__image {
    height: 26.6470588235rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .healthy-snack__image {
    height: auto;
    aspect-ratio: 360/218.18;
  }
}
@media only screen and (min-width: 90em) {
  .healthy-snack__image {
    height: auto;
    aspect-ratio: 2.4253857037;
  }
}

.assortment--school {
  padding-top: 5.6811764706rem;
}
@media only screen and (max-width: 86.25em) {
  .assortment--school {
    padding-top: 3rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment--school {
    padding-top: 2.3311764706rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment--school .assortment__bottom {
    max-width: calc(55% - 0.5882352941rem);
    text-align: right;
  }
}

.assortment__content--school {
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 5.5988235294rem;
}
@media only screen and (max-width: 86.25em) {
  .assortment__content--school {
    margin-bottom: 2.5364705882rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__content--school {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    column-gap: 1.1764705882rem;
  }
}
@media only screen and (max-width: 30em) {
  .assortment__content--school {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__content--school .assortment__text {
    -ms-flex: 0 0 calc(55% - 0.5882352941rem);
    flex: 0 0 calc(55% - 0.5882352941rem);
    text-align: right;
  }
}
.assortment__content--school .assortment__text p {
  max-width: none;
  line-height: 150%;
}
@media only screen and (max-width: 36em) {
  .assortment__content--school .assortment__text p {
    font-size: 0.7647058824rem;
  }
}
.assortment__content--school .assortment__text p span {
  font-family: "Articulat CF Medium", sans-serif;
  text-decoration: none;
}
@media (any-hover: hover) {
  .assortment__content--school .assortment__text p span:hover {
    font-family: "Articulat CF Medium", sans-serif;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__content--school .assortment__text p br {
    display: block;
  }
}
@media only screen and (max-width: 36em) {
  .assortment__content--school .assortment__text p br {
    display: none;
  }
}
@media only screen and (max-width: 30em) {
  .assortment__content--school .assortment__text p span {
    font-family: "Articulat CF Medium", sans-serif;
  }
}
.assortment__content--school .assortment__picts {
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 22.3529411765rem;
  row-gap: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 86.25em) {
  .assortment__content--school .assortment__picts {
    row-gap: 1.4117647059rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__content--school .assortment__picts {
    -ms-flex: 0 0 calc(45% - 0.5882352941rem);
    flex: 0 0 calc(45% - 0.5882352941rem);
    row-gap: 0.5882352941rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__content--school .assortment__picts {
    -ms-flex: 0 0 calc(45% - 0.5882352941rem);
    flex: 0 0 calc(45% - 0.5882352941rem);
    column-gap: 0.7352941176rem;
  }
}
@media only screen and (max-width: 30em) {
  .assortment__content--school .assortment__picts {
    -ms-flex-align: start;
    align-items: start;
  }
}
.assortment__content--school .assortment__picts .assortment__pict {
  max-height: none;
}
.assortment__content--school .assortment__picts .assortment__pict:first-child {
  max-width: 2.0376470588rem;
}
@media only screen and (max-width: 86.25em) {
  .assortment__content--school .assortment__picts .assortment__pict:first-child {
    max-width: 1.8182352941rem;
  }
}
@media only screen and (max-width: 36em) {
  .assortment__content--school .assortment__picts .assortment__pict:first-child {
    max-width: 1.1176470588rem;
  }
}
.assortment__content--school .assortment__picts .assortment__pict:nth-child(2) {
  max-width: none;
}
@media only screen and (max-width: 86.25em) {
  .assortment__content--school .assortment__picts .assortment__pict:nth-child(2) {
    max-width: 3.5364705882rem;
  }
}
@media only screen and (max-width: 36em) {
  .assortment__content--school .assortment__picts .assortment__pict:nth-child(2) {
    max-width: 2.6152941176rem;
  }
}
.assortment__content--school .assortment__picts .assortment__pict:nth-child(3) {
  max-width: 2.6329411765rem;
}
@media only screen and (max-width: 86.25em) {
  .assortment__content--school .assortment__picts .assortment__pict:nth-child(3) {
    max-width: 2.2217647059rem;
  }
}
@media only screen and (max-width: 36em) {
  .assortment__content--school .assortment__picts .assortment__pict:nth-child(3) {
    max-width: 1.4887058824rem;
  }
}
@media only screen and (max-width: 86.25em) {
  .assortment__content--school .assortment__picts .assortment__pict:nth-child(4) {
    max-width: 3.4023529412rem;
  }
}
@media only screen and (max-width: 36em) {
  .assortment__content--school .assortment__picts .assortment__pict:nth-child(4) {
    max-width: 2.5369411765rem;
  }
}
@media only screen and (max-width: 86.25em) {
  .assortment__content--school .assortment__picts .assortment__shedule {
    max-width: 4.7441176471rem;
  }
}
@media only screen and (max-width: 36em) {
  .assortment__content--school .assortment__picts .assortment__shedule {
    margin-top: 0.5882352941rem;
    max-width: 2.8823529412rem;
  }
}
.assortment__content--school .assortment__picts .assortment__mode {
  width: 8.5294117647rem;
  height: 1.0588235294rem;
  position: relative;
  max-width: none;
  margin-top: auto;
  top: -0.1764705882rem;
}
@media only screen and (max-width: 30em) {
  .assortment__content--school .assortment__picts .assortment__mode {
    display: block;
  }
}
@media only screen and (max-width: 20em) {
  .assortment__content--school .assortment__picts .assortment__mode {
    margin-right: -0.8823529412rem;
  }
}
@media only screen and (min-width: 30em) {
  .assortment__content--school .assortment__picts .assortment__mode {
    display: none;
  }
}
.assortment__content--school .assortment__picts .assortment__mode img {
  height: auto;
  max-height: none;
  width: 100%;
}

.assortment__picts-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end;
  column-gap: 1.9411764706rem;
  row-gap: 1.6470588235rem;
}
@media only screen and (max-width: 86.25em) {
  .assortment__picts-inner {
    row-gap: 1.4117647059rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .assortment__picts-inner {
    row-gap: 0.3529411765rem;
    column-gap: 0.7352941176rem;
  }
}
@media only screen and (max-width: 36em) {
  .assortment__picts-inner {
    padding-left: 0.6470588235rem;
    padding-right: 1.7647058824rem;
  }
}

.assortment__mode {
  width: 16.4705882353rem;
  display: inline-block;
}
@media only screen and (max-width: 86.25em) {
  .assortment__mode {
    width: 13.1764705882rem;
  }
}
@media only screen and (max-width: 30em) {
  .assortment__mode {
    display: none;
  }
}
.assortment__mode img {
  width: 100%;
  max-height: 100%;
}

/*--------------------END healthy-snack----------------------*/
/*--------------------individual----------------------*/
.individual {
  padding-top: 4.0411764706rem;
  padding-bottom: 10.3129411765rem;
}
@media only screen and (max-width: 86.25em) {
  .individual {
    padding-top: 2.8723529412rem;
    padding-bottom: 6.7158823529rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .individual {
    padding-top: 0;
    padding-bottom: 2.8505882353rem;
    background: #F2F2F2;
  }
}

.individual__container {
  display: -ms-flexbox;
  display: flex;
  column-gap: 10.1694915254%;
}
@media only screen and (max-width: 86.25em) {
  .individual__container {
    column-gap: 8.984375%;
  }
}
@media only screen and (max-width: 61.99875em) {
  .individual__container {
    column-gap: 1.1764705882rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .individual__container {
    display: block;
  }
}

.individual__image {
  width: 66.1016949153%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  aspect-ratio: 780/526;
}
@media only screen and (max-width: 86.25em) {
  .individual__image {
    width: 56.4453125%;
    margin-left: 2.9411764706rem;
    aspect-ratio: 578/385;
  }
}
@media only screen and (max-width: 61.99875em) {
  .individual__image {
    margin-left: 0;
    aspect-ratio: 360/240;
    width: 66.1016949153%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .individual__image {
    width: calc(100% + 3.5294117647rem);
    margin-left: -1.7647058824rem;
    margin-right: -1.7647058824rem;
    margin-bottom: 2.3735294118rem;
  }
}

.individual__content {
  width: 23.7288135593%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 86.25em) {
  .individual__content {
    width: 21.484375%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .individual__content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    column-gap: 1.5294117647rem;
  }
}

.individual__heading {
  margin-bottom: 2.5470588235rem;
}
@media only screen and (max-width: 86.25em) {
  .individual__heading {
    margin-bottom: 1.9111764706rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .individual__heading {
    text-align: left;
  }
}
.individual__heading .heading__subtitle {
  margin-bottom: 0.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .individual__heading .heading__subtitle {
    margin-bottom: 0.7423529412rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .individual__heading .heading__subtitle {
    margin-bottom: 0.4705882353rem;
  }
}

.individual__text {
  max-width: 12.7058823529rem;
  margin-bottom: 7.1682352941rem;
}
@media only screen and (max-width: 86.25em) {
  .individual__text {
    max-width: none;
    font-size: 0.8823529412rem;
    margin-bottom: 4.2941176471rem;
    line-height: 130%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .individual__text {
    font-size: 0.7647058824rem;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 86.25em) {
  .individual__text br {
    display: none;
  }
}

.individual__button {
  max-width: 10.2088235294rem;
  height: 2.4558823529rem;
  display: inline-block;
}
@media only screen and (max-width: 86.25em) {
  .individual__button {
    max-width: 8.5294117647rem;
  }
}
.individual__button img {
  width: 100%;
}

.individual__button-mob {
  -ms-flex: 0 0 calc(35% - 0.7647058824rem);
  flex: 0 0 calc(35% - 0.7647058824rem);
  text-align: right;
}
@media only screen and (min-width: 47.99875em) {
  .individual__button-mob {
    display: none;
  }
}
.individual__button-mob .individual__button {
  height: auto;
  width: 5.2941176471rem;
  max-width: none;
}
.individual__button-mob .individual__button img {
  height: auto;
}

.individual__block {
  -ms-flex: 0 0 calc(65% - 0.7647058824rem);
  flex: 0 0 calc(65% - 0.7647058824rem);
}

/*--------------------END individual----------------------*/
/*--------------------school-auto----------------------*/
.school-auto__heading {
  margin-bottom: 0.56rem;
}
@media only screen and (max-width: 86.25em) {
  .school-auto__heading {
    margin-bottom: 0.56rem;
  }
}
.school-auto__heading .heading__subtitle {
  margin-bottom: 0.3529411765rem;
}

.school-auto__descr {
  padding-bottom: 2.2941176471rem;
  text-align: center;
}
@media only screen and (max-width: 86.25em) {
  .school-auto__descr {
    padding-bottom: 1.7270588235rem;
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .school-auto__descr {
    padding-bottom: 0.7829411765rem;
    font-size: 0.7647058824rem;
  }
}

.school-auto__image {
  aspect-ratio: 1.7777777778;
}
@media only screen and (max-width: 86.25em) {
  .school-auto__image {
    aspect-ratio: auto;
    height: 29.4117647059rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .school-auto__image {
    aspect-ratio: 1.7777777778;
    height: auto;
  }
}
@media only screen and (max-width: 47.99875em) {
  .school-auto__image {
    aspect-ratio: 360/263.45;
  }
}
@media only screen and (min-width: 90em) {
  .school-auto__image {
    aspect-ratio: auto;
  }
}
@media only screen and (min-width: 90em) {
  .school-auto__image ._fit-img {
    position: static;
    width: 100%;
  }
}

/*--------------------END school-auto----------------------*/
/*--------------------school-hero----------------------*/
.school-hero {
  position: fixed;
  top: 3.0588235294rem;
  width: 100%;
  left: 0;
  height: 35.8823529412rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #F3F8FB;
}
.school-hero--hidden {
  visibility: hidden;
}
@media only screen and (min-width: 61.99875em) {
  .school-hero {
    top: 3.7647058824rem;
    min-height: 35.2941176471rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .school-hero {
    height: 100dvh;
    height: calc(100dvh - 3.7647058824rem);
    min-height: 0;
  }
}
@media only screen and (min-width: 61.99875em) {
  .school-hero {
    min-height: 35.2941176471rem;
  }
}
@media only screen and (min-width: 73.75em) {
  .school-hero {
    min-height: 0;
  }
}
.school-hero:after {
  content: "";
  height: 100%;
  width: 49.3055555556%;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(153, 153, 153, 0), rgba(60, 60, 60, 0.54) 15%, rgba(26, 26, 26, 0.7) 30%, rgba(49, 49, 49, 0.63) 62%, rgba(77, 77, 77, 0) 84%);
  opacity: 0.5;
}
@media only screen and (max-width: 36em) {
  .school-hero:after {
    right: -77.7777777778%;
    width: 155.5555555556%;
  }
}
.school-hero__image {
  height: 100%;
  width: 83.6805555556%;
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 64em) {
  .school-hero__image {
    width: 200%;
    left: 30%;
  }
}
@media only screen and (max-width: 30em) {
  .school-hero__image {
    width: 100%;
    left: -38%;
  }
}
@media only screen and (min-width: 75em) {
  .school-hero__image {
    width: 72%;
  }
}
.school-hero__image ._fit-img {
  object-position: left bottom;
}
@media only screen and (max-width: 61.99875em) {
  .school-hero__image ._fit-img {
    width: auto;
  }
}
@media only screen and (min-width: 61.99875em) {
  .school-hero__image ._fit-img {
    width: auto;
    left: -40%;
  }
}
@media only screen and (min-width: 64.06125em) {
  .school-hero__image ._fit-img {
    width: auto;
    left: auto;
  }
}
@media only screen and (min-width: 73.75em) {
  .school-hero__image ._fit-img {
    width: 100%;
    left: 0;
  }
}
@media only screen and (min-width: 81.25em) {
  .school-hero__image ._fit-img {
    width: 110%;
    left: auto;
    object-position: right 20%;
  }
}
@media only screen and (min-width: 86.25em) {
  .school-hero__image ._fit-img {
    object-position: right top;
  }
}
@media only screen and (min-width: 90em) {
  .school-hero__image ._fit-img {
    left: auto;
    object-position: left bottom;
  }
}
@media only screen and (min-width: 93.75em) {
  .school-hero__image ._fit-img {
    width: 110%;
    object-position: right top;
  }
}

/*--------------------END school-hero----------------------*/
/*--------------------school-scroll----------------------*/
.school-scroll {
  margin-top: calc(100vh - 14.5870588235rem);
  padding-top: 25.83125%;
  padding-bottom: 60%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 86.25em) {
  .school-scroll {
    margin-top: calc(100vh - 1.8823529412rem);
    padding-top: 4.1666666667%;
    padding-bottom: 37.7604166667%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .school-scroll {
    padding-bottom: 17.0588235294rem;
  }
}

.school-scroll__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.school-scroll__text {
  max-width: 25.8823529412rem;
  margin-right: 2.3529411765rem;
  color: #fff;
}
@media only screen and (max-width: 47.99875em) {
  .school-scroll__text {
    margin-right: 0;
    max-width: none;
    margin-left: 3.2941176471rem;
  }
}

.school-scroll__title {
  margin-bottom: 4.9841176471rem;
  font-size: 2.6470588235rem;
  font-family: "Articulat CF Medium", sans-serif;
  line-height: 200%;
}
@media only screen and (max-width: 86.25em) {
  .school-scroll__title {
    margin-bottom: 4.5882352941rem;
    font-size: 2.2941176471rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .school-scroll__title {
    margin-bottom: 3.2976470588rem;
    font-size: 1.4705882353rem;
    line-height: 150%;
  }
}

.school-scroll__list {
  padding-left: 5.8823529412rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 5.0588235294rem;
  font-family: "Articulat CF Medium", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .school-scroll__list {
    row-gap: 3.7647058824rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .school-scroll__list {
    padding-left: 3.7647058824rem;
    row-gap: 0.8235294118rem;
    line-height: 200%;
  }
}

.school-scroll__item {
  list-style-type: none;
  font-size: 2.3529411765rem;
}
@media only screen and (max-width: 86.25em) {
  .school-scroll__item {
    font-size: 2.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .school-scroll__item {
    font-size: 1.4705882353rem;
  }
}

/*--------------------END school-scroll----------------------*/
/*--------------------self-service----------------------*/
.self-service {
  position: relative;
  padding-top: 4.6470588235rem;
  padding-bottom: 12.8594117647rem;
  z-index: 2;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 86.25em) {
  .self-service {
    padding-top: 2.1764705882rem;
    padding-bottom: 3.7947058824rem;
  }
}

.self-service__top {
  padding-left: 13.8888888889%;
  margin-bottom: 6.8717647059rem;
}
@media only screen and (max-width: 86.25em) {
  .self-service__top {
    margin-bottom: 2.27rem;
    padding-left: 25.390625%;
  }
}
@media only screen and (max-width: 61.99875em) {
  .self-service__top {
    margin-bottom: 1.4705882353rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .self-service__top {
    padding-left: 0;
  }
}

.self-service__text {
  font-size: 1.2941176471rem;
  line-height: 205%;
}
@media only screen and (max-width: 86.25em) {
  .self-service__text {
    margin-left: 0;
    font-size: 1.1176470588rem;
    line-height: 2.1578947368;
  }
}
@media only screen and (max-width: 47.99875em) {
  .self-service__text {
    font-size: 0.8823529412rem;
  }
}
.self-service__text a, .self-service__text span {
  font-size: 2.1176470588rem;
  color: #009245;
  text-decoration: none;
  line-height: 139%;
  font-family: "Articulat CF Light", sans-serif;
}
@media only screen and (max-width: 86.25em) {
  .self-service__text a, .self-service__text span {
    font-size: 1.9411764706rem;
    line-height: 1.2424242424;
  }
}
@media only screen and (max-width: 47.99875em) {
  .self-service__text a, .self-service__text span {
    font-size: 1.4705882353rem;
    line-height: 110%;
    margin-left: 0.1764705882rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .self-service__text a, .self-service__text span {
    margin-left: 0.4705882353rem;
  }
}
@media only screen and (min-width: 47.99875em) {
  .self-service__text a, .self-service__text span {
    margin-left: 0.1176470588rem;
  }
}
@media (any-hover: hover) {
  .self-service__text a:hover, .self-service__text span:hover {
    font-family: "Articulat CF Medium", sans-serif;
  }
}

.self-service__items {
  margin-left: 6.9444444444%;
  margin-right: 6.9444444444%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 16.3043478261% 24.0118577075% 21.3438735178% 1fr;
  grid-template-columns: 16.3043478261% 24.0118577075% 21.3438735178% 1fr;
  column-gap: 2.8235294118rem;
}
@media only screen and (max-width: 86.25em) {
  .self-service__items {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    margin-left: 0;
    margin-right: 0;
    column-gap: 1.1764705882rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .self-service__items {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    row-gap: 1.7647058824rem;
    max-width: 55.5555555556%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 30em) {
  .self-service__items {
    padding-left: 0.8823529412rem;
    padding-right: 0.8823529412rem;
  }
}
@media only screen and (max-width: 20em) {
  .self-service__items {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 61.99875em) {
  .item-self-service:nth-child(1) .item-self-service__icon {
    width: 4.4117647059rem;
  }
}
@media only screen and (min-width: 86.25em) {
  .item-self-service:nth-child(1) .item-self-service__icon {
    width: 6.4705882353rem;
  }
}
@media only screen and (max-width: 86.25em) {
  .item-self-service:nth-child(1) .item-self-service__text {
    padding-left: 3.9411764706rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .item-self-service:nth-child(1) .item-self-service__text {
    padding-left: 0;
  }
}
.item-self-service:nth-child(3) .item-self-service__icon {
  padding-bottom: 0.5147058824rem;
}
@media only screen and (max-width: 86.25em) {
  .item-self-service:nth-child(3) .item-self-service__icon {
    position: relative;
    left: -1.4705882353rem;
    padding-bottom: 0.3529411765rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .item-self-service:nth-child(3) .item-self-service__icon {
    position: staic;
    left: auto;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 47.99875em) {
  .item-self-service:nth-child(3) .item-self-service__icon {
    margin-top: -0.5882352941rem;
  }
}
@media only screen and (min-width: 61.99875em) {
  .item-self-service:nth-child(3) .item-self-service__icon {
    width: 3.8235294118rem;
  }
}
@media only screen and (min-width: 86.25em) {
  .item-self-service:nth-child(3) .item-self-service__icon {
    width: 5.5882352941rem;
  }
}
@media only screen and (min-width: 86.25em) {
  .item-self-service:nth-child(4) {
    padding-left: 1.7647058824rem;
  }
}
@media only screen and (min-width: 61.99875em) {
  .item-self-service:nth-child(4) {
    padding-left: 0;
  }
}
.item-self-service:nth-child(4) .item-self-service__icon {
  padding-bottom: 0.5147058824rem;
  margin-left: 1.0588235294rem;
}
@media only screen and (max-width: 86.25em) {
  .item-self-service:nth-child(4) .item-self-service__icon {
    padding-bottom: 0.3529411765rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .item-self-service:nth-child(4) .item-self-service__icon {
    margin-left: auto;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 86.25em) {
  .item-self-service:nth-child(4) .item-self-service__icon {
    margin-left: 1.7105882353rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .item-self-service {
    text-align: center;
  }
}

.item-self-service__icon {
  width: 5.3622058824rem;
  height: 6.7723529412rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 3.7594117647rem;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 86.25em) {
  .item-self-service__icon {
    width: 3.5948529412rem;
    margin-bottom: 2.8235294118rem;
    height: 4.6058823529rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .item-self-service__icon {
    width: 2.6576470588rem;
    margin-bottom: 1.1176470588rem;
    height: 3.4505882353rem;
  }
}
.item-self-service__icon img {
  width: 100%;
}

.item-self-service__text {
  line-height: 140%;
}
@media only screen and (max-width: 86.25em) {
  .item-self-service__text {
    font-size: 0.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .item-self-service__text {
    font-size: 0.7647058824rem;
    line-height: normal;
  }
}
@media only screen and (min-width: 47.99875em) {
  .item-self-service__text br {
    display: none;
  }
}

/*--------------------END self-service----------------------*/
/*--------------------certifs----------------------*/
.certifs {
  padding-top: 13rem;
}
@media only screen and (max-width: 86.25em) {
  .certifs {
    padding-top: 9.2941176471rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .certifs {
    padding-top: 7.0588235294rem;
  }
}

.certifs__title {
  margin-bottom: 5.1764705882rem;
}
@media only screen and (max-width: 86.25em) {
  .certifs__title {
    margin-bottom: 3.2352941176rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .certifs__title {
    margin-bottom: 3.1176470588rem;
  }
}

.certifs__items {
  margin-bottom: 8.3529411765rem;
  display: -ms-flexbox;
  display: flex;
  column-gap: 1.1764705882rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.certifs__items .certifs__item {
  -ms-flex-preferred-size: calc(calc(100% / 3) - calc(1.1764705882rem / 3 * calc(3 - 1)));
  flex-basis: calc(calc(100% / 3) - calc(1.1764705882rem / 3 * calc(3 - 1)));
}
@media only screen and (max-width: 36em) {
  .certifs__items .certifs__item {
    -ms-flex-preferred-size: calc(calc(100% / 1) - calc(1.1764705882rem / 1 * calc(1 - 1)));
    flex-basis: calc(calc(100% / 1) - calc(1.1764705882rem / 1 * calc(1 - 1)));
  }
}
@media only screen and (max-width: 86.25em) {
  .certifs__items {
    margin-bottom: 5.3529411765rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .certifs__items {
    margin-bottom: 5.1764705882rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .certifs__items {
    row-gap: 1.1764705882rem;
  }
}

.certifs__item {
  aspect-ratio: 380/570;
  background-color: #fff;
}

.certifs__footer {
  padding-bottom: 20.7058823529rem;
}
.certifs__footer p {
  font-size: 1.2941176471rem;
  text-align: center;
  color: #009245;
  line-height: 140%;
}
@media only screen and (max-width: 86.25em) {
  .certifs__footer p {
    max-width: 28.4117647059rem;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 1.1176470588rem;
  }
}
@media only screen and (max-width: 36em) {
  .certifs__footer p {
    margin-left: 11.9444444444%;
    margin-right: 11.9444444444%;
    max-width: none;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 36em) {
  .certifs__footer p br {
    display: none;
  }
}
@media only screen and (max-width: 86.25em) {
  .certifs__footer {
    padding-bottom: 12.4705882353rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .certifs__footer {
    padding-bottom: 8rem;
  }
}

.vbox-child {
  width: 100%;
  max-width: 69.4117647059rem;
}
@media only screen and (max-width: 86.25em) {
  .vbox-child {
    max-width: 60.2352941176rem;
  }
}

.vbox-container img {
  width: 100%;
}

/*--------------------END certifs----------------------*/
/*--------------------credence----------------------*/
.credence {
  padding-top: 9.0676470588rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 86.25em) {
  .credence {
    padding-top: 7.3170588235rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .credence {
    padding-top: 5.8235294118rem;
  }
}
@media only screen and (min-width: 61.99875em) {
  .credence {
    min-height: 100svh;
  }
}

.credence__wrapper {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.credence__title {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 4.4241176471rem;
}
@media only screen and (max-width: 86.25em) {
  .credence__title {
    margin-bottom: 3.1176470588rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .credence__title {
    margin-bottom: 2.6470588235rem;
  }
}

.credence__content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 61.99875em) {
  .credence__content {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 93.75em) {
  .credence__content {
    padding-right: 8.4745762712%;
    padding-left: 8.4745762712%;
  }
}

.credence__image {
  margin-bottom: 5.4594117647rem;
}
@media only screen and (min-width: 61.99875em) {
  .credence__image {
    margin-bottom: 22.2084367246%;
  }
}
.credence__image img {
  max-width: 100%;
}

/*--------------------END credence----------------------*/
/*--------------------proff----------------------*/
.proff {
  padding-top: 6.2941176471rem;
  padding-bottom: 9.1176470588rem;
}
@media only screen and (max-width: 86.25em) {
  .proff {
    padding-top: 4.4705882353rem;
    padding-bottom: 6.4705882353rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .proff {
    padding-top: 3.4705882353rem;
    padding-bottom: 6.1176470588rem;
  }
}

.proff__title {
  margin-bottom: 5.8823529412rem;
}
@media only screen and (max-width: 86.25em) {
  .proff__title {
    margin-bottom: 3.8235294118rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .proff__title {
    margin-bottom: 4.9411764706rem;
  }
}

.proff__items {
  margin-left: 8.4745762712%;
  margin-right: 8.4745762712%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3.0588235294rem;
  row-gap: 4.5882352941rem;
}
@media only screen and (max-width: 86.25em) {
  .proff__items {
    margin-left: 7.32421875%;
    margin-right: 7.32421875%;
    column-gap: 1.1764705882rem;
    row-gap: 3.2352941176rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .proff__items {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    row-gap: 3rem;
    margin-left: 0;
    margin-right: 0;
  }
}

.proff__item:first-child .item-proff__icon img {
  bottom: 0.5882352941rem;
}
@media only screen and (max-width: 86.25em) {
  .proff__item:first-child .item-proff__icon img {
    bottom: 0.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .proff__item:first-child .item-proff__icon img {
    bottom: 0;
  }
}
@media only screen and (max-width: 86.25em) {
  .proff__item:first-child .item-proff__icon {
    width: 2.8235294118rem;
  }
}
.proff__item:nth-child(2) .item-proff__icon img {
  bottom: 0.8823529412rem;
}
@media only screen and (max-width: 86.25em) {
  .proff__item:nth-child(2) .item-proff__icon img {
    bottom: 0.8823529412rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .proff__item:nth-child(2) .item-proff__icon img {
    bottom: 0;
  }
}
@media only screen and (max-width: 86.25em) {
  .proff__item:nth-child(2) .item-proff__icon {
    width: 2.4117647059rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .proff__item:nth-child(2) .item-proff__icon {
    width: 2.5882352941rem;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 86.25em) {
  .proff__item:nth-child(3) .item-proff__icon {
    width: 4rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .proff__item:nth-child(3) .item-proff__icon {
    width: 4.2941176471rem;
  }
}
.proff__item:nth-child(4) .item-proff__icon img {
  bottom: 0.1764705882rem;
}
@media only screen and (max-width: 47.99875em) {
  .proff__item:nth-child(4) .item-proff__icon img {
    bottom: 0;
  }
}
@media only screen and (max-width: 86.25em) {
  .proff__item:nth-child(4) .item-proff__icon {
    width: 2.1176470588rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .proff__item:nth-child(4) .item-proff__icon {
    width: 2.4705882353rem;
  }
}

.item-proff__icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5294117647rem;
  width: 5.6176470588rem;
  height: 4.2352941176rem;
  text-align: center;
  vertical-align: bottom;
}
@media only screen and (max-width: 86.25em) {
  .item-proff__icon {
    margin-bottom: 1.8235294118rem;
    height: 3.0205882353rem;
  }
}
@media only screen and (max-width: 61.99875em) {
  .item-proff__icon {
    margin-bottom: 2.0588235294rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .item-proff__icon {
    height: auto;
  }
}
.item-proff__icon img {
  position: relative;
  max-width: 100%;
  vertical-align: bottom;
}

.item-proff__text {
  font-size: 1.2941176471rem;
}
@media only screen and (max-width: 86.25em) {
  .item-proff__text {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .item-proff__text {
    text-align: center;
    font-size: 0.8823529412rem;
    line-height: 200%;
  }
}
@media only screen and (max-width: 30em) {
  .item-proff__text {
    text-align: left;
  }
}
@media only screen and (max-width: 61.99875em) {
  .item-proff__text br {
    display: none;
  }
}
@media only screen and (max-width: 47.99875em) {
  .item-proff__text br {
    display: block;
  }
}

/*--------------------END proff----------------------*/
/*--------------------ruler----------------------*/
.ruler {
  padding-top: 5.7176470588rem;
}

.ruler__text {
  margin-bottom: 6.3529411765rem;
  margin-left: 18.3050847458%;
  font-size: 1.2941176471rem;
  color: #009245;
}
@media only screen and (max-width: 86.25em) {
  .ruler__text {
    margin-bottom: 4.5294117647rem;
    margin-left: 14.453125%;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .ruler__text {
    margin-left: 0;
    margin-bottom: 4.5294117647rem;
    font-size: 0.9647058824rem;
    text-align: center;
  }
}

.ruler__items {
  margin-left: 5.7627118644%;
  margin-right: 11.3559322034%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  column-gap: 0.5882352941rem;
}
@media only screen and (max-width: 86.25em) {
  .ruler__items {
    margin-left: 6.4453125%;
    margin-right: 11.03515625%;
  }
}
@media only screen and (max-width: 47.99875em) {
  .ruler__items {
    margin-left: 0;
    margin-right: 0;
    column-gap: 0;
    row-gap: 3.2547058824rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 47.99875em) {
  .ruler__item {
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
}
.ruler__item:first-child {
  width: 15.7841176471rem;
}
@media only screen and (max-width: 86.25em) {
  .ruler__item:first-child {
    width: 11.1394117647rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .ruler__item:first-child {
    -ms-flex-order: 3;
    order: 3;
    width: 54.2266666667%;
    margin-left: 14.6666666667%;
  }
}
.ruler__item:nth-child(2) {
  width: 16.7294117647rem;
}
@media only screen and (max-width: 86.25em) {
  .ruler__item:nth-child(2) {
    width: 11.8117647059rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .ruler__item:nth-child(2) {
    -ms-flex-order: 1;
    order: 1;
    width: 57.4166666667%;
  }
}
.ruler__item:nth-child(3) {
  width: 9.1311764706rem;
}
@media only screen and (max-width: 86.25em) {
  .ruler__item:nth-child(3) {
    width: 6.4082352941rem;
  }
}
@media only screen and (max-width: 47.99875em) {
  .ruler__item:nth-child(3) {
    -ms-flex-order: 2;
    order: 2;
    width: 32.4566666667%;
  }
}
.ruler__item img {
  max-width: 100%;
}

/*--------------------END ruler----------------------*/
/*# sourceMappingURL=maps/main.css.map */