/* 隐私协议页面的样式表 */
.handorgel {
  display: block;
  width: 100%;
  border: 1px solid #eee;
  border-top: none
}

.handorgel__header {
  display: block;
  margin: 0
}

.handorgel__header--open .handorgel__header__button {
  background-color: #eee
}

.handorgel__header--notransition .handorgel__header__button {
  -webkit-transition: none;
  transition: none
}

.handorgel__header--focus .handorgel__header__button {
  background-color: #dfdfdf;
  outline: none
}

.handorgel__header__button {
  display: block;
  width: 100%;
  padding: 20px 24px;
  margin: 0;
  border: none;
  border-top: 1px solid #eee;
  background-color: #fff;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  text-align: left;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.handorgel__header__button::-moz-focus-inner {
  border: 0
}

.handorgel__content {
  display: none;
  overflow: hidden;
  height: 0;
  border-top: 1px solid #eee;
  background-color: #fff;
  -webkit-transition: height .1s ease .1s;
  transition: height .1s ease .1s
}

.handorgel__content--open {
  display: block;
  -webkit-transition: height .2s ease;
  transition: height .2s ease
}

.handorgel__content--opened {
  overflow: visible
}

.handorgel__content--notransition {
  -webkit-transition: none;
  transition: none
}

.handorgel__content__inner {
  padding: 20px 24px;
  opacity: 0;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease
}

.handorgel__content--opened .handorgel__content__inner {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit
}

.simplebar-mask {
  direction: inherit;
  overflow: hidden;
  width: auto!important;
  height: auto!important;
  z-index: 0
}

.simplebar-mask,.simplebar-offset {
  position: absolute;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.simplebar-offset {
  direction: inherit!important;
  box-sizing: inherit!important;
  resize: none!important;
  -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box!important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  visibility: visible;
  overflow: auto;
  max-width: 100%;
  max-height: 100%
}

.simplebar-content:after,.simplebar-content:before {
  content: " ";
  display: table
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit!important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  z-index: -1
}

.simplebar-height-auto-observer,.simplebar-track {
  position: absolute;
  overflow: hidden;
  pointer-events: none
}

.simplebar-track {
  z-index: 1;
  right: 0;
  bottom: 0
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity .2s linear
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
  background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
  background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
  background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
  background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
  background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
  background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
  background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
  background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: 50%;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity .3s;
  -o-transition: .3s opacity;
  transition: opacity .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top .2s,-webkit-transform .2s;
  -o-transition: .2s top,.2s -webkit-transform;
  transition: top .2s,-webkit-transform .2s;
  -o-transition: .2s transform,.2s top;
  -webkit-transition: transform .2s,top .2s;
  transition: transform .2s,top .2s;
  -webkit-transition: transform .2s,top .2s,-webkit-transform .2s;
  -o-transition: .2s transform,.2s top,.2s -webkit-transform;
  transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: left .2s,-webkit-transform .2s;
  -o-transition: .2s left,.2s -webkit-transform;
  transition: left .2s,-webkit-transform .2s;
  -o-transition: .2s transform,.2s left;
  -webkit-transition: transform .2s,left .2s;
  transition: transform .2s,left .2s;
  -webkit-transition: transform .2s,left .2s,-webkit-transform .2s;
  -o-transition: .2s transform,.2s left,.2s -webkit-transform;
  transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: right .2s,-webkit-transform .2s;
  -o-transition: .2s right,.2s -webkit-transform;
  transition: right .2s,-webkit-transform .2s;
  -o-transition: .2s transform,.2s right;
  -webkit-transition: transform .2s,right .2s;
  transition: transform .2s,right .2s;
  -webkit-transition: transform .2s,right .2s,-webkit-transform .2s;
  -o-transition: .2s transform,.2s right,.2s -webkit-transform;
  transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

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

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes swiper-preloader-spin {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

.tooltipped {
  position: relative
}

.tooltipped:after {
  font: normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,Segoe UI Emoji,Segoe UI Symbol;
  position: absolute;
  z-index: 1000000;
  display: none;
  padding: 5px 8px;
  content: attr(aria-label);
  text-align: center;
  white-space: pre;
  text-decoration: none;
  letter-spacing: normal;
  text-transform: none;
  word-wrap: break-word;
  pointer-events: none;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0,0,0,.8);
  text-shadow: none;
  -webkit-font-smoothing: subpixel-antialiased
}

.tooltipped:before {
  position: absolute;
  z-index: 1000001;
  display: none;
  width: 0;
  height: 0;
  content: "";
  pointer-events: none;
  color: rgba(0,0,0,.8);
  border: 5px solid transparent
}

.tooltipped:active:after,.tooltipped:active:before,.tooltipped:focus:after,.tooltipped:focus:before,.tooltipped:hover:after,.tooltipped:hover:before {
  display: inline-block;
  text-decoration: none
}

.tooltipped-s:after {
  top: 100%;
  right: 50%;
  margin-top: 5px
}

.tooltipped-s:before {
  top: auto;
  right: 50%;
  bottom: -5px;
  margin-right: -5px;
  border-bottom-color: rgba(0,0,0,.8)
}

.tooltipped-s:after {
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%)
}

.simplebar-scrollbar {
  right: 8px;
  width: 6px
}

.simplebar-scrollbar:before {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fcdbdf
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1
}

.simplebar-track.simplebar-vertical {
  width: 14px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 8px;
  bottom: 8px
}

.simplebar-track.simplebar-horizontal {
  height: 14px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  right: 8px;
  left: 8px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  top: 0;
  height: 6px
}

@font-face {
  font-family: Gilroy;
  font-weight: 700;
  font-style: normal;
  src: url(https://dystatich5.dailyyoga.com/h5/common/Montserrat/Montserrat-Bold.woff) format("woff2");
  font-display: swap
}

@font-face {
  font-family: Gilroy;
  font-weight: 600;
  font-style: normal;
  src: url(https://dystatich5.dailyyoga.com/h5/common/Montserrat/Montserrat-SemiBold.woff) format("woff2");
  font-display: swap
}

@font-face {
  font-family: Gilroy;
  font-weight: 500;
  font-style: normal;
  src: url(https://dystatich5.dailyyoga.com/h5/common/Montserrat/Montserrat-Medium.woff) format("woff2");
  font-display: swap
}

@font-face {
  font-family: Gilroy;
  font-weight: 400;
  font-style: normal;
  src: url(https://dystatich5.dailyyoga.com/h5/common/Montserrat/Montserrat-Regular.woff) format("woff2");
  font-display: swap
}

@-webkit-keyframes loading {
  to {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
}

@keyframes loading {
  to {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
}

body,html {
  margin: 0;
  padding: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: Gilroy,sans-serif;
  font-size: 18px;
  scroll-behavior: smooth
}

@media screen and (max-width: 900px) {
  body,html {
      font-size:16px
  }
}

body {
  min-width: 320px;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 72px
}

body.v1 {
  padding-top: 114px
}

@media screen and (max-width: 1800px) {
  body.v1 {
      padding-top:96px
  }
}

@media screen and (max-width: 1024px) {
  body {
      padding-top:64px
  }
}

body main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

body.without-header {
  padding-top: 0
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

button {
  cursor: pointer;
  -webkit-appearance: none;
  background-color: transparent;
  font-family: inherit;
  color: inherit;
  border: none
}

button:focus {
  outline: none
}

a:not(.link-image) span,span.navigation-link span {
  display: inline-block;
  position: relative
}

a:not(.link-image) span:after,span.navigation-link span:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

a:not(.link-image):hover span:after,span.navigation-link:hover span:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

a:not(.link-image),span.navigation-link {
  color: inherit;
  text-decoration: none
}

a:not(.link-image).active .dot:after,span.navigation-link.active .dot:after {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

a:not(.link-image) .dot,span.navigation-link .dot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

a:not(.link-image) .dot:after,span.navigation-link .dot:after {
  position: relative;
  bottom: -5px;
  content: "";
  margin: 0 auto;
  height: 4px;
  width: 4px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #1C755F;
  -webkit-transition: opacity .7s;
  -o-transition: opacity .7s;
  transition: opacity .7s
}

a:not(.link-image) .dot.big:after,span.navigation-link .dot.big:after {
  height: 10px;
  width: 10px
}

a:not(.link-image) .dot-icon-left,span.navigation-link .dot-icon-left {
  display: block
}

a:not(.link-image) .dot-icon-left .svg-icon,span.navigation-link .dot-icon-left .svg-icon {
  margin-right: 15px
}

@media screen and (max-width: 740px) {
  a:not(.link-image) .dot-icon-left .svg-icon,span.navigation-link .dot-icon-left .svg-icon {
      margin-right:13px
  }
}

a:not(.link-image):hover .dot:after,span.navigation-link:hover .dot:after {
  opacity: 1
}

a:not(.link-image).left-dot .dot,span.navigation-link.left-dot .dot {
  margin-left: -8px
}

a:not(.link-image).left-dot span:after,span.navigation-link.left-dot span:after {
  display: none
}

a:not(.link-image).left-dot span,span.navigation-link.left-dot span {
  -webkit-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s
}

a:not(.link-image).left-dot:after,span.navigation-link.left-dot:after {
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #1C755F;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s
}

a:not(.link-image).left-dot:hover:after,span.navigation-link.left-dot:hover:after {
  color: #1C755F;
  -webkit-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s;
  opacity: 1
}

a:not(.link-image).left-dot:hover span,span.navigation-link.left-dot:hover span {
  padding-left: .3em;
  -webkit-transition: padding-left .3s ease;
  -o-transition: padding-left .3s ease;
  transition: padding-left .3s ease
}

a.underline {
  text-decoration: underline
}

.svg-icons-symbols {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}

.svg-icon.arrow-right {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

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

h3:not([class]) {
  color: #1C755F;
  font-size: 12px;
  letter-spacing: .92px;
  font-weight: 700;
  line-height: 1.333
}

ul:not([class]) {
  padding: 0;
  left: 0;
  list-style: none
}

ul:not([class]) li {
  vertical-align: middle
}

ul:not([class]) li:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  vertical-align: top;
  width: 4px;
  height: 4px;
  margin-top: .5em;
  background-color: #1C755F;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

q:not([class]) {
  display: inline-block;
  font-size: 260%;
  color: #1C755F;
  font-weight: 600;
  position: relative;
  margin: 40px -10%
}

@media screen and (max-width: 1024px) {
  q:not([class]) {
      font-size:220%
  }
}

@media screen and (max-width: 740px) {
  q:not([class]) {
      font-size:18px
  }
}

q:not([class]):before {
  content: open-quote;
  display: inline-block;
  position: absolute;
  right: 100%
}

q:not([class]):after {
  content: close-quote;
  display: inline-block
}

p:not([class]),ul:not([class]) {
  font-size: 18px;
  line-height: 1.333;
  font-weight: 500
}

@media screen and (max-width: 740px) {
  p:not([class]),ul:not([class]) {
      font-size:14px;
      line-height: 1.42
  }
}

::-moz-selection {
  color: #fff;
  background: rgba(224,65,65,.9)
}

::selection {
  color: #fff;
  background: rgba(224,65,65,.9)
}

@media screen and (max-width: 740px) {
  .desktop {
      display:none
  }
}

@media screen and (min-width: 740px) {
  .mobile {
      display:none
  }
}

textarea {
  overflow: auto;
  resize: none
}

.img {
  height: auto
}

.disable-scroll {
  height: 100vh;
  overflow: hidden
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

body.v1 .m-0 {
  margin: 0 auto
}

body.v1 .mt-0 {
  margin-top: 0
}

body.v1 .mb-0 {
  margin-bottom: 0
}

body.v1 .ml-0 {
  margin-left: 0
}

body.v1 .pr-0 {
  padding-right: 0
}

body.v1 .hide {
  display: none
}

body.v1 .hide-i {
  display: none!important
}

body.v1 figure {
  padding: 0;
  margin: 0
}

body.v1 .offset-scroll-top {
  scroll-margin-top: 110px
}

@media screen and (min-width: 1921px) {
  body.v1 .pl-0-phone {
      padding-left:0
  }
}

@media screen and (max-width: 740px) {
  body.v1 .show-phone {
      display:block
  }

  body.v1 .show-phone-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  body.v1 .hide-phone {
      display: none
  }

  body.v1 .m-0-phone {
      margin: 0
  }

  body.v1 .pl-0-phone {
      padding-left: 0
  }
}

@media screen and (max-width: 576px) {
  body.v1 .show-phone-sm {
      display:block!important
  }

  body.v1 .show-phone-sm-flex {
      display: -webkit-box!important;
      display: -webkit-flex!important;
      display: -ms-flexbox!important;
      display: flex!important
  }

  body.v1 .hide-phone-sm {
      display: none!important
  }
}

#onetrust-policy-text ul li:before {
  display: none
}

.container {
  width: 928px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 1024px) {
  .container {
      width:750px
  }
}

@media screen and (max-width: 900px) {
  .container {
      width:700px
  }
}

@media screen and (max-width: 740px) {
  .container {
      width:100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0 16px
  }
}

.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.v1 .container {
  width: 100%;
  padding: 0 20px
}

@media screen and (min-width: 740px) {
  .v1 .container {
      padding:0 40px
  }
}

@media screen and (min-width: 1440px) {
  .v1 .container {
      padding:0 60px
  }
}

@media screen and (max-width: 900px) {
  .v1 .indent-wide-phone {
      margin-left:-20px;
      margin-right: -20px
  }
}

.v1 .content-wrapper,.v1 .max-1920 {
  max-width: 1920px
}

@media screen and (min-width: calc($breakpoint-1920 - 1px)) {
  .max-1800 {
      max-width:1800px
  }
}

.w-full {
  width: 100%
}

.mb-container-xs {
  margin-bottom: 80px
}

.mt-container-xs {
  margin-top: 80px
}

.mb-container-s {
  margin-bottom: 104px
}

.mb-container {
  margin-bottom: 140px
}

.mb-container-l {
  margin-bottom: 200px
}

.mb-container-2x {
  margin-bottom: 280px
}

.mt-container {
  margin-top: 140px
}

@media screen and (max-width: 1800px) {
  .mb-container-xs {
      margin-bottom:68px
  }

  .mt-container-xs {
      margin-top: 68px
  }

  .mb-container-s {
      margin-bottom: 72px
  }

  .mb-container {
      margin-bottom: 104px
  }

  .mb-container-2x {
      margin-bottom: 208px
  }

  .mt-container {
      margin-top: 104px
  }

  .mb-container-l {
      margin-bottom: 140px
  }
}

@media (max-width: 1440px) {
  .mb-container-xs {
      margin-bottom:48px
  }

  .mt-container-xs {
      margin-top: 48px
  }

  .mb-container {
      margin-bottom: 80px
  }

  .mb-container-2x {
      margin-bottom: 160px
  }

  .mt-container {
      margin-top: 80px
  }

  .mb-container-l {
      margin-bottom: 120px
  }
}

@media screen and (max-width: 1024px) {
  .mb-container {
      margin-bottom:72px
  }

  .mt-container {
      margin-top: 72px
  }

  .mb-container-l {
      margin-bottom: 100px
  }
}

@media screen and (max-width: 740px) {
  .mb-container-xs {
      margin-bottom:24px
  }

  .mt-container-xs {
      margin-top: 24px
  }

  .mb-container,.mb-container-2x,.mb-container-phone {
      margin-bottom: 104px
  }

  .mb-inner-phone {
      margin-bottom: 32px
  }

  .mb-container-xs-phone {
      margin-bottom: 40px
  }

  .mb-container-s-phone {
      margin-bottom: 56px
  }
}

.hr {
  display: block;
  border: 1px solid #dee1e6
}

.v1 .title {
  letter-spacing: -.02em
}

.modal .modal-title,.section-community .title,.section .section-title,.title {
  font-size: 48px;
  font-weight: 600;
  margin: 0
}

.modal .modal-title h1,.modal .modal-title h2,.section-community .title h1,.section-community .title h2,.section .section-title h1,.section .section-title h2,.title h1,.title h2 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0
}

.modal .lg.modal-title,.section-community .lg.title,.section .lg.section-title,.title.lg {
  font-size: 120px;
  line-height: 1;
  margin-bottom: .7em
}

@media screen and (max-width: 1800px) {
  .modal .lg.modal-title,.section-community .lg.title,.section .lg.section-title,.title.lg {
      font-size:90px
  }
}

@media (max-width: 1440px) {
  .modal .lg.modal-title,.section-community .lg.title,.section .lg.section-title,.title.lg {
      font-size:70px
  }
}

@media screen and (max-width: 740px) {
  .modal .lg.modal-title,.section-community .lg.title,.section .lg.section-title,.title.lg {
      font-size:60px
  }
}

@media screen and (max-width: 320px) {
  .modal .lg.modal-title,.section-community .lg.title,.section .lg.section-title,.title.lg {
      font-size:44px
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:899px) and (orientation:landscape) {
  .modal .lg.modal-title,.section-community .lg.title,.section .lg.section-title,.title.lg {
      font-size:44px
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (1024px) and (1024px) {
  .modal .lg.modal-title,.section-community .lg.title,.section .lg.section-title,.title.lg {
      font-size:120px
  }
}

@media screen and (min-width: 3000px) {
  .modal .lg.modal-title,.section-community .lg.title,.section .lg.section-title,.title.lg {
      font-size:240px
  }
}

.modal .md.modal-title,.section-community .md.title,.section .md.section-title,.title.md {
  font-size: 70px;
  line-height: 1.1
}

@media screen and (max-width: 1800px) {
  .modal .md.modal-title,.section-community .md.title,.section .md.section-title,.title.md {
      font-size:56px
  }
}

@media screen and (max-width: 1024px) {
  .modal .md.modal-title,.section-community .md.title,.section .md.section-title,.title.md {
      font-size:48px
  }
}

@media screen and (max-width: 740px) {
  .modal .md.modal-title,.section-community .md.title,.section .md.section-title,.title.md {
      font-size:40px
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:899px) and (orientation:landscape) {
  .modal .md.modal-title,.section-community .md.title,.section .md.section-title,.title.md {
      font-size:40px
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (1024px) and (1024px) {
  .modal .md.modal-title,.section-community .md.title,.section .md.section-title,.title.md {
      font-size:80px
  }
}

@media screen and (min-width: 3000px) {
  .modal .md.modal-title,.section-community .md.title,.section .md.section-title,.title.md {
      font-size:140px
  }
}

.modal .sm.modal-title,.section-community .sm.title,.section .sm.section-title,.title.sm {
  font-size: 30px;
  margin-bottom: 1.4em
}

.modal .h5.modal-title,.section-community .h5.title,.section .h5.section-title,.title.h5 {
  font-size: 60px;
  letter-spacing: -1px;
  line-height: 1.1
}

.modal .body-1.modal-title,.section-community .body-1.title,.section .body-1.section-title,.title.body-1 {
  font-size: 20px;
  line-height: 1.1
}

@media screen and (max-width: 1800px) {
  .modal .body-1.modal-title,.section-community .body-1.title,.section .body-1.section-title,.title.body-1 {
      font-size:16px
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (1024px) and (1024px) {
  .modal .body-1.modal-title,.section-community .body-1.title,.section .body-1.section-title,.title.body-1 {
      font-size:24px
  }
}

.modal .body-2.modal-title,.section-community .body-2.title,.section .body-2.section-title,.title.body-2 {
  font-size: 16px;
  line-height: 110%;
  font-weight: 400
}

@media screen and (max-width: 1800px) {
  .modal .body-2.modal-title,.section-community .body-2.title,.section .body-2.section-title,.title.body-2 {
      font-size:16px
  }
}

.modal .body-3.modal-title,.section-community .body-3.title,.section .body-3.section-title,.title.body-3 {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400
}

.modal .body-4.modal-title,.section-community .body-4.title,.section .body-4.section-title,.title.body-4 {
  font-size: 16px;
  line-height: 1.1;
  font-weight: 400
}

.modal .body-5.modal-title,.section-community .body-5.title,.section .body-5.section-title,.title.body-5 {
  font-size: 14px;
  line-height: 1.1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .modal .modal-title,.section-community .title,.section .section-title,.title {
      font-size:39px
  }
}

@media screen and (max-width: 900px) {
  .modal .modal-title,.section-community .title,.section .section-title,.title {
      font-size:26px
  }
}

.secondary-color {
  color: #adb3bc
}

.secondary-color-2 {
  color: #6c727a
}

.h2 {
  font-size: 120px;
  line-height: 112%;
  margin-bottom: .7em
}

@media screen and (max-width: 1800px) {
  .h2 {
      font-size:90px
  }
}

@media (max-width: 1440px) {
  .h2 {
      font-size:70px
  }
}

@media screen and (max-width: 1024px) {
  .h2 {
      font-size:70px
  }
}

@media screen and (max-width: 900px) {
  .h2 {
      font-size:60px
  }
}

@media screen and (max-width: 740px) {
  .h2 {
      font-size:36px
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:899px) and (orientation:landscape) {
  .h2 {
      font-size:44px
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (1024px) and (1024px) {
  .h2 {
      font-size:120px
  }
}

@media screen and (min-width: 3000px) {
  .h2 {
      font-size:240px
  }
}

.h3 {
  font-size: 70px;
  line-height: 1.1
}

@media screen and (max-width: 1800px) {
  .h3 {
      font-size:60px
  }
}

@media screen and (max-width: 1024px) {
  .h3 {
      font-size:56px
  }
}

@media screen and (max-width: 900px) {
  .h3 {
      font-size:44px
  }
}

@media screen and (max-width: 740px) {
  .h3 {
      font-size:40px
  }
}

.h4 {
  font-size: 60px;
  letter-spacing: -1px;
  line-height: 1.1
}

@media screen and (max-width: 1800px) {
  .h4 {
      font-size:44px
  }
}

@media screen and (max-width: 900px) {
  .h4 {
      font-size:40px
  }
}

@media screen and (max-width: 740px) {
  .h4 {
      font-size:28px
  }
}

@media screen and (max-width: 320px) {
  .h4 {
      font-size:25px
  }
}

.h6 {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 1.1
}

@media screen and (max-width: 1800px) {
  .h6 {
      font-size:30px
  }
}

@media screen and (max-width: 1024px) {
  .h6 {
      font-size:24px
  }
}

@media screen and (max-width: 900px) {
  .h6 {
      font-size:22px
  }
}

.subhead-1 {
  font-size: 30px;
  line-height: 1.1
}

@media screen and (max-width: 1800px) {
  .subhead-1 {
      font-size:24px
  }
}

@media screen and (max-width: 1024px) {
  .subhead-1 {
      font-size:20px
  }
}

@media screen and (max-width: 740px) {
  .subhead-1 {
      font-size:18px
  }
}

.subhead-2,.subhead-2-nested p,.subhead-2-nested ul {
  font-size: 24px;
  line-height: 1.1
}

@media screen and (max-width: 1800px) {
  .subhead-2,.subhead-2-nested p,.subhead-2-nested ul {
      font-size:18px
  }
}

@media screen and (max-width: 740px) {
  .subhead-2,.subhead-2-nested p,.subhead-2-nested ul {
      font-size:16px
  }
}

@media screen and (min-width: 3000px) {
  .subhead-2,.subhead-2-nested p,.subhead-2-nested ul {
      font-size:48px
  }
}

.body-1 {
  font-size: 20px;
  line-height: 1.1
}

@media screen and (max-width: 1800px) {
  .body-1 {
      font-size:16px
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px) {
  .body-1 {
      font-size:24px
  }
}

.body-2 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400
}

@media screen and (max-width: 1800px) {
  .body-2 {
      font-size:16px
  }
}

@media screen and (max-width: 1440px) {
  .body-2 {
      font-size:14px
  }
}

.body-3 {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400
}

@media screen and (max-width: 1440px) {
  .body-3 {
      font-size:12px
  }
}

.body-4 {
  font-size: 16px
}

.body-4,.body-5 {
  line-height: 1.1;
  font-weight: 400
}

.body-5,.f-caption-1 {
  font-size: 14px
}

@media screen and (max-width: 1800px) {
  .f-caption-1 {
      font-size:11px
  }
}

.f-caption-2 {
  font-size: 11px;
  line-height: 1.2
}

@media screen and (max-width: 1800px) {
  .f-caption-2 {
      font-size:9px
  }
}

.f-button {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1
}

@media screen and (max-width: 1800px) {
  .f-button {
      font-size:16px
  }
}

@media screen and (max-width: 1024px) {
  .f-button {
      font-size:14px
  }
}

.lh-130 {
  line-height: 1.3
}

.lh-140 {
  line-height: 1.4
}

.lh-150 {
  line-height: 1.5
}

.lh-160 {
  line-height: 1.6
}

.lh-180,.lh-180-nested p,.lh-180-nested ul {
  line-height: 180%
}

.fw-400 {
  font-weight: 400
}

.fw-500 {
  font-weight: 500
}

.fw-600 {
  font-weight: 600
}

.m-title-0,.title.m-title-0 {
  margin-bottom: 0
}

.mb-title-s,.title.mb-title-s {
  margin-bottom: 48px
}

.m-title,.title.m-title {
  margin-bottom: 56px
}

@media screen and (max-width: 1800px) {
  .m-title,.title.m-title {
      margin-bottom:48px
  }
}

@media screen and (max-width: 1024px) {
  .m-title,.title.m-title {
      margin-bottom:40px
  }
}

.m-title-l,.title.m-title-l {
  margin-bottom: 72px
}

@media screen and (max-width: 1800px) {
  .m-title-l,.title.m-title-l {
      margin-bottom:56px
  }
}

@media (max-width: 1440px) {
  .m-title-l,.title.m-title-l {
      margin-bottom:40px
  }
}

@media screen and (max-width: 900px) {
  .m-title-l,.title.m-title-l {
      margin-bottom:36px
  }
}

@media screen and (max-width: 740px) {
  .m-title-l,.title.m-title-l {
      margin-bottom:24px
  }
}

@media screen and (max-width: 1024px) {
  .mb-title-s,.title.mb-title-s {
      margin-bottom:20px
  }
}

@media screen and (max-width: 900px) {
  .m-title-t-sm {
      margin-bottom:30px
  }
}

@media screen and (max-width: 740px) {
  .mb-title-s-phone {
      margin-bottom:16px
  }

  .m-title-phone,.title.m-title-phone {
      margin-bottom: 32px
  }

  .lh-140-phone {
      line-height: 1.4
  }
}

.title-indent-left {
  margin-left: -.05em
}

.text-capitalize {
  text-transform: capitalize
}

.text-uppercase {
  text-transform: uppercase
}

.section {
  width: 100%;
  background-color: #fff;
  padding: 81px 0
}

@media screen and (max-width: 740px) {
  .section {
      padding:64px 0
  }
}

.section .section-title {
  line-height: 1;
  color: #000;
  margin-bottom: 24px
}

.section .section-title h1,.section .section-title h2 {
  line-height: inherit;
  color: inherit;
  margin: 0
}

.section .section-text {
  color: #000;
  font-weight: 500;
  line-height: 1.333em;
  width: 448px;
  margin-bottom: 36px
}

@media screen and (max-width: 900px) {
  .section .section-text {
      width:100%
  }
}

@media screen and (max-width: 740px) {
  .section .section-text {
      margin-bottom:27px
  }
}

.section .section-list {
  color: #000;
  font-weight: 700;
  list-style: none;
  padding: 0;
  margin: 0 0 52px;
  font-size: 14px
}

@media screen and (max-width: 740px) {
  .section .section-list {
      font-size:13px;
      margin-bottom: 32px
  }
}

.section .section-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px
}

.section .section-list li .icon {
  margin-right: 16px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.section .section-phone {
  width: 27.5%;
  margin-left: auto;
  margin-right: 16px;
  position: relative
}

@media screen and (max-width: 1024px) {
  .section .section-phone {
      margin-right:0
  }
}

@media screen and (max-width: 900px) {
  .section .section-phone {
      width:34.5%
  }
}

@media screen and (min-width: 740px) {
  .section .section-phone {
      background-image:none!important
  }
}

@media screen and (max-width: 740px) {
  .section .section-phone {
      width:70vmin;
      margin-left: 0;
      margin-bottom: 27px
  }
}

.section .left-info {
  width: 54%
}

@media screen and (max-width: 740px) {
  .section .left-info {
      width:100%
  }
}

.section .right-info {
  margin-left: 51%
}

@media screen and (max-width: 740px) {
  .section .right-info {
      margin:0;
      width: 100%;
      background-color: #fff
  }
}

.section .info-logo {
  margin-bottom: 36px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  height: 50px
}

@media screen and (max-width: 1024px) {
  .section .info-logo {
      margin-bottom:26px
  }
}

@media screen and (max-width: 740px) {
  .section .info-logo {
      height:40px
  }
}

.section .left-image {
  width: -webkit-calc(100% - 448px);
  width: calc(100% - 448px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media screen and (max-width: 740px) {
  .section .left-image {
      width:100%
  }
}

.section .left-image .image {
  width: 100%
}

.section .left-image~.right-info {
  margin-left: 0
}

@media screen and (max-width: 740px) {
  .section-support {
      padding-top:47px
  }

  .section-support .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
  }
}

.section-support .section-text {
  width: 448px;
  margin-bottom: 53px
}

@media screen and (max-width: 1024px) {
  .section-support .section-text {
      width:100%
  }
}

@media screen and (max-width: 740px) {
  .section-support .section-text {
      margin-bottom:21px
  }
}

.section-support .section-list {
  margin-bottom: 56px
}

@media screen and (max-width: 740px) {
  .section-support .section-list {
      margin-bottom:32px
  }
}

@media screen and (max-width: 900px) {
  .section-support .section-title {
      width:90%
  }
}

.section-first {
  padding: 107px 0
}

@media screen and (max-width: 740px) {
  .section-first {
      padding:64px 0 45px
  }
}

.button {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  background-color: currentColor;
  padding: 17px 35px 15px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  -webkit-box-shadow: 0 0 0 0 currentColor;
  box-shadow: 0 0 0 0 currentColor;
  -webkit-transition: -webkit-box-shadow .2s;
  transition: -webkit-box-shadow .2s;
  -o-transition: box-shadow .2s;
  transition: box-shadow .2s;
  transition: box-shadow .2s,-webkit-box-shadow .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 192px;
  text-align: center
}

.button.hide {
  display: none
}

@media screen and (max-width: 740px) {
  .button {
      font-size:12px
  }
}

.button p {
  font-size: 1em;
  padding: 0;
  margin: 0;
  font-weight: inherit
}

.button span {
  color: #fff
}

.button span:after {
  display: none!important
}

.button:hover {
  -webkit-box-shadow: 0 0 0 3px currentColor;
  box-shadow: 0 0 0 3px currentColor
}

.button-result {
  background-color: #343434;
  margin-left: auto;
  margin-righT: auto
}

.button-result:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

.button-result:not(.show) {
  display: none
}

.button-result.light {
  background-color: #f4f4f4;
  color: #131415
}

.button-result.light span {
  color: #131415
}

.button-red {
  display: inline-block;
  font-size: 14px;
  color: #df4142!important;
  max-width: 132px;
  width: 100%;
  border: 1px solid #df4142;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  text-transform: uppercase;
  background-color: #fff;
  padding: 11px 20px;
  font-weight: 600;
  letter-spacing: 1px;
  -webkit-box-shadow: 0 0 0 0 currentColor;
  box-shadow: 0 0 0 0 currentColor;
  text-align: center;
  line-height: 16px
}

.button-red span:after {
  content: none!important
}

.button-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 31;
  height: 70px;
  width: 70px;
  margin: auto;
  border: 1px solid rgba(9,10,10,.4);
  -webkit-border-radius: 50%;
  border-radius: 50%
}

@media screen and (max-width: 1800px) {
  .button-circle {
      height:56px;
      width: 56px
  }
}

.btn-lg {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 220px;
  padding: 0 62px 0 100px;
  color: #fff;
  cursor: pointer;
  border-top: 1px solid hsla(0,0%,100%,.5);
  background: transparent
}

.btn-lg__title {
  line-height: 1.1;
  z-index: 3
}

.btn-lg ._escape_up {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

@media screen and (min-width: 3000px) {
  .btn-lg .btn-arrow {
      width:142px;
      height: 142px
  }

  .btn-lg .btn-arrow .svg-icon {
      width: 50px;
      height: 50px
  }
}

@media screen and (max-width: 1800px) {
  .btn-lg {
      padding-left:60px;
      padding-right: 60px;
      min-height: 175px
  }

  .btn-lg .btn-arrow {
      width: 56px;
      height: 56px
  }

  .btn-lg .btn-arrow .svg-icon {
      width: 20px;
      height: 20px
  }
}

@media screen and (max-width: 1200px) {
  .btn-lg {
      min-height:156px
  }
}

@media screen and (max-width: 1024px) {
  .btn-lg {
      min-height:156px;
      padding-left: 40px;
      padding-right: 40px
  }
}

@media screen and (max-width: 900px) {
  .btn-lg {
      min-height:136px
  }
}

@media screen and (max-width: 740px) {
  .btn-lg {
      min-height:120px;
      padding-left: 20px;
      padding-right: 20px
  }
}

@media only screen and (min-device-width: 375px) and (max-device-height:812px) and (orientation:landscape) and (-webkit-device-pixel-ratio:3) {
  .btn-lg {
      min-height:100px
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:568px) and (orientation:landscape) {
  .btn-lg {
      min-height:100px
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px) {
  .btn-lg {
      min-height:172px
  }
}

@media screen and (min-width: 3000px) {
  .btn-lg {
      min-height:442px
  }
}

.video {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}

.btn-arrow,.video {
  background-color: #fff
}

.btn-arrow {
  width: 71px;
  height: 71px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.btn-arrow .svg-icon {
  fill: #1f1f1f
}

.video-btn {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: -1
}

.video-btn,.video-btn .btn-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s
}

.video-btn .btn-wrapper {
  min-width: 170px;
  border: 1px solid #fff;
  -webkit-backdrop-filter: blur(1.10526px);
  backdrop-filter: blur(1.10526px);
  -webkit-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
  cursor: pointer
}

.video-btn .btn-wrapper .triangle {
  margin: 15px 0 70px;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s
}

.video-btn .btn-wrapper .label {
  max-width: 135px;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.1
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (1024px) and (1024px) {
  .video-btn .video-btn {
      opacity:0;
      z-index: 1;
      min-height: 123px;
      top: auto;
      left: auto;
      right: 40px;
      bottom: 40px;
      -webkit-animation: fade-in-anim .5s forwards;
      animation: fade-in-anim .5s forwards;
      -webkit-animation-delay: 3.5s;
      animation-delay: 3.5s
  }

  .video-btn .video-btn .btn-wrapper {
      min-width: auto;
      padding: 15px 10px;
      -webkit-border-radius: 9px;
      border-radius: 9px
  }

  .video-btn .video-btn .btn-wrapper .triangle {
      margin: 8px 0 40px
  }

  .video-btn .video-btn .btn-wrapper .triangle svg {
      width: 23px;
      height: 18px
  }

  .video-btn .video-btn .btn-wrapper .label {
      font-size: 14px
  }
}

.btn {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  min-width: 269px;
  padding: 22px 40px;
  border: 2px solid #090a0a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.theme-light .btn {
  border-color: #090a0a
}

.theme-dark .btn {
  border-color: #fff
}

.btn:hover {
  background: #090a0a;
  color: #fff
}

.theme-light .btn:hover {
  background: #090a0a
}

.theme-dark .btn:hover {
  background: #fff
}

.theme-light .btn:hover {
  color: #fff
}

.theme-dark .btn:hover {
  color: #090a0a
}

.btn.btn-red {
  border: none;
  color: #fff;
  background-color: #df4142
}

.btn.btn-red:hover {
  background: #e75152
}

.btn.btn-white {
  min-width: auto;
  padding: 27px 36px;
  background-color: #eff1f4;
  color: #090a0a;
  border: none
}

.btn.btn-white-fff {
  border: none;
  color: #090a0a;
  background-color: #fff
}

.btn .btn-text,.btn.btn-white-fff {
  text-transform: capitalize
}

.btn.btn-loading {
  pointer-events: none
}

.btn.btn-loading .btn-text {
  visibility: hidden;
  opacity: 0
}

.btn.btn-loading:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid #fff;
  border-left-color: transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: button-loading-spinner 1s linear infinite;
  animation: button-loading-spinner 1s linear infinite
}

.btn.hide {
  display: none
}

@media screen and (max-width: 1800px) {
  .btn {
      padding-top:18px;
      padding-bottom: 18px;
      min-height: 56px;
      min-width: 204px
  }

  .btn.btn-white {
      padding: 19px 36px
  }
}

@media screen and (max-width: 1024px) {
  .btn {
      min-height:48px;
      min-width: 219px
  }
}

@media screen and (max-width: 740px) {
  .btn {
      padding:19px 32px;
      min-width: 202px
  }
}

.slider-nav-btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #000
}

.slider-nav-btn[aria-disabled=true] {
  border-color: #adb3bc;
  pointer-events: none
}

.slider-nav-btn[aria-disabled=true].prev:after {
  background-image: url(/assets/content-images/header/arrow-down-gray-small.svg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.slider-nav-btn[aria-disabled=true].next:after {
  background-image: url(/assets/content-images/header/arrow-down-gray-small.svg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.slider-nav-btn.type-2 {
  border: none;
  background: hsla(0,0%,100%,.4)
}

.slider-nav-btn:after {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%
}

@media screen and (max-width: 900px) {
  .slider-nav-btn:after {
      width:20px;
      height: 20px
  }
}

.slider-nav-btn.prev:after {
  background-image: url(/assets/content-images/header/arrow-down-small.svg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.slider-nav-btn.next:after {
  background-image: url(/assets/content-images/header/arrow-down-small.svg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media screen and (max-width: 1800px) {
  .slider-nav-btn {
      width:56px;
      height: 56px
  }
}

@media screen and (max-width: 900px) {
  .slider-nav-btn {
      width:48px;
      height: 48px
  }
}

.slider-loop-btn .slider-nav-btn[aria-disabled=true] {
  border: 1px solid #000;
  pointer-events: none
}

.slider-loop-btn .slider-nav-btn.prev:after {
  background-image: url(/assets/content-images/header/arrow-down-small.svg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  pointer-events: none
}

.slider-loop-btn .slider-nav-btn.next:after {
  background-image: url(/assets/content-images/header/arrow-down-small.svg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  pointer-events: none
}

.sticky-btn {
  position: -webkit-sticky;
  position: sticky;
  top: 174px;
  left: 0
}

.back-link {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content
}

.phone-picture {
  width: 100%;
  height: 0;
  padding-top: 202%;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

._circle-in {
  -webkit-transition: -webkit-clip-path .7s;
  transition: -webkit-clip-path .7s;
  -o-transition: clip-path .7s;
  transition: clip-path .7s;
  transition: clip-path .7s,-webkit-clip-path .7s
}

._circle-in[data-intersection] {
  -webkit-clip-path: circle(140% at 70% 100%);
  clip-path: circle(140% at 70% 100%)
}

._fade-in {
  -webkit-transform: translateY(10%);
  -ms-transform: translateY(10%);
  transform: translateY(10%);
  opacity: 0
}

._fade-in[data-intersection] {
  -webkit-animation: fade-in-anim .6s forwards;
  animation: fade-in-anim .6s forwards
}

._fade-in-left {
  -webkit-transition: opacity .4s,-webkit-clip-path .6s,-webkit-transform .5s,-webkit-box-shadow .3s;
  transition: opacity .4s,-webkit-clip-path .6s,-webkit-transform .5s,-webkit-box-shadow .3s;
  -o-transition: clip-path .6s,opacity .4s,transform .5s,box-shadow .3s;
  transition: clip-path .6s,opacity .4s,transform .5s,box-shadow .3s;
  transition: clip-path .6s,opacity .4s,transform .5s,box-shadow .3s,-webkit-clip-path .6s,-webkit-transform .5s,-webkit-box-shadow .3s;
  -webkit-transform: translateY(10%);
  -ms-transform: translateY(10%);
  transform: translateY(10%);
  opacity: 0
}

._fade-in-left[data-intersection] {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

._fade-in-right {
  -webkit-transition: opacity .4s,-webkit-clip-path .6s,-webkit-transform .5s,-webkit-box-shadow .3s;
  transition: opacity .4s,-webkit-clip-path .6s,-webkit-transform .5s,-webkit-box-shadow .3s;
  -o-transition: clip-path .6s,opacity .4s,transform .5s,box-shadow .3s;
  transition: clip-path .6s,opacity .4s,transform .5s,box-shadow .3s;
  transition: clip-path .6s,opacity .4s,transform .5s,box-shadow .3s,-webkit-clip-path .6s,-webkit-transform .5s,-webkit-box-shadow .3s;
  -webkit-transform: translateY(10%);
  -ms-transform: translateY(10%);
  transform: translateY(10%);
  opacity: 0
}

._fade-in-right[data-intersection] {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

._scale-up {
  -webkit-animation: scale-up 1s ease forwards;
  animation: scale-up 1s ease forwards
}

@-webkit-keyframes scale-up {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes scale-up {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

._scale-up-center {
  -webkit-animation: scale-up-center 2s forwards;
  animation: scale-up-center 2s forwards;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease
}

@-webkit-keyframes scale-up-center {
  0% {
      -webkit-transform: translate(-50%,-50%) scale(0);
      transform: translate(-50%,-50%) scale(0)
  }

  to {
      -webkit-transform: translate(-50%,-50%) scale(1);
      transform: translate(-50%,-50%) scale(1)
  }
}

@keyframes scale-up-center {
  0% {
      -webkit-transform: translate(-50%,-50%) scale(0);
      transform: translate(-50%,-50%) scale(0)
  }

  to {
      -webkit-transform: translate(-50%,-50%) scale(1);
      transform: translate(-50%,-50%) scale(1)
  }
}

._anim-scale {
  position: relative;
  overflow: hidden
}

._anim-scale:hover ._anim-start:before {
  width: 200vw;
  height: 200vw
}

._anim-scale:hover ._anim-outer {
  color: #df4142
}

._anim-scale:hover ._anim-start .icon .svg-icon {
  fill: #df4142;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

._anim-scale ._anim-outer,._anim-scale .icon,._anim-scale .svg-icon {
  display: block;
  position: relative;
  z-index: 2;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s
}

._anim-scale ._anim-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0)
}

._anim-scale ._anim-start .icon {
  position: relative;
  z-index: 2
}

._anim-scale ._anim-start:before {
  position: absolute;
  z-index: 1;
  display: block;
  content: "";
  width: 71px;
  height: 71px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  pointer-events: none;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s
}

@media screen and (max-width: 1800px) {
  ._anim-scale ._anim-start:before {
      width:56px;
      height: 56px
  }
}

._slide-bottom {
  -webkit-animation: slide-bottom .5s forwards;
  animation: slide-bottom .5s forwards
}

@-webkit-keyframes slide-bottom {
  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes slide-bottom {
  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

._slide-top {
  -webkit-animation: slide-top .5s forwards;
  animation: slide-top .5s forwards
}

@-webkit-keyframes slide-top {
  to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
}

@keyframes slide-top {
  to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
}

._slide-bottom-to-top {
  -webkit-animation: slide-up 1s forwards;
  animation: slide-up 1s forwards;
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

@-webkit-keyframes slide-bottom-to-top {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes slide-bottom-to-top {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

._slide-bottom-to-top-small {
  opacity: 0;
  -webkit-transform: translateY(40%);
  -ms-transform: translateY(40%);
  transform: translateY(40%)
}

._slide-bottom-to-top-small[data-intersection] {
  -webkit-animation: slide-bottom-to-top-small 1s ease-out forwards;
  animation: slide-bottom-to-top-small 1s ease-out forwards
}

@-webkit-keyframes slide-bottom-to-top-small {
  0% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      opacity: 0
  }

  25% {
      opacity: 1
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }
}

@keyframes slide-bottom-to-top-small {
  0% {
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      opacity: 0
  }

  25% {
      opacity: 1
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }
}

._slide-top-to-bottom {
  -webkit-animation: slide-top-to-bottom 1s forwards;
  animation: slide-top-to-bottom 1s forwards
}

@-webkit-keyframes slide-top-to-bottom {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  to {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      display: none
  }
}

@keyframes slide-top-to-bottom {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  to {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      display: none
  }
}

@-webkit-keyframes slide-bottom-to-top-negative {
  to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
}

@keyframes slide-bottom-to-top-negative {
  to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
}

@-webkit-keyframes fade-in-anim {
  0% {
      -webkit-transform: translateY(10%);
      transform: translateY(10%);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }
}

@keyframes fade-in-anim {
  0% {
      -webkit-transform: translateY(10%);
      transform: translateY(10%);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }
}

@-webkit-keyframes fade-in-anim-reverse {
  0% {
      -webkit-transform: translateY(-10%);
      transform: translateY(-10%);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }
}

@keyframes fade-in-anim-reverse {
  0% {
      -webkit-transform: translateY(-10%);
      transform: translateY(-10%);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }
}

@-webkit-keyframes slide-hide-in {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }

  to {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
      opacity: 0
  }
}

@keyframes slide-hide-in {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }

  to {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
      opacity: 0
  }
}

.fade-in {
  -webkit-animation: fadeIn 1s ease forwards;
  animation: fadeIn 1s ease forwards
}

.fade-in-anim[data-intersection] {
  -webkit-animation: fadeIn 1s ease forwards;
  animation: fadeIn 1s ease forwards
}

@-webkit-keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.fade-out {
  -webkit-animation: fadeOut 1s ease;
  animation: fadeOut 1s ease
}

@-webkit-keyframes fadeOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

._slide-in_bottom {
  -webkit-animation: slide-in-bottom .6s;
  animation: slide-in-bottom .6s
}

@-webkit-keyframes slide-in-bottom {
  0% {
      -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
      transform: translateY(1000px) scaleY(2.5) scaleX(.2);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0) scaleY(1) scaleX(1);
      transform: translateY(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      opacity: 1
  }
}

@keyframes slide-in-bottom {
  0% {
      -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
      transform: translateY(1000px) scaleY(2.5) scaleX(.2);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0) scaleY(1) scaleX(1);
      transform: translateY(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      opacity: 1
  }
}

._escape_up-wrapper {
  display: block;
  overflow: hidden
}

._escape_up {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: up 1s linear forwards;
  animation: up 1s linear forwards
}

._escape_up__linear {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear
}

._escape_up__ease_in_out {
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out
}

._escape_up__ease_in {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

._escape_up__ease_out {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

._escape_up_ease {
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease
}

._escape_up-em {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: up-em 1s linear forwards;
  animation: up-em 1s linear forwards
}

._escape_up-wrapper[data-intersection] ._escape_up-anim {
  -webkit-animation: up 1s ease-out forwards;
  animation: up 1s ease-out forwards
}

._escape_up-wrapper[data-intersection]:nth-child(2) ._escape_up-anim {
  -webkit-animation-delay: .06s;
  animation-delay: .06s
}

._escape_up-wrapper[data-intersection]:nth-child(3) ._escape_up-anim {
  -webkit-animation-delay: .12s;
  animation-delay: .12s
}

._escape_up-anim {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

@-webkit-keyframes up {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes up {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@-webkit-keyframes up-em {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(-.06em);
      transform: translateY(-.06em)
  }
}

@keyframes up-em {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(-.06em);
      transform: translateY(-.06em)
  }
}

._escape_up-fade-in {
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: up-fade-in .5s linear forwards;
  animation: up-fade-in .5s linear forwards
}

@-webkit-keyframes up-fade-in {
  0% {
      opacity: 0
  }

  to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes up-fade-in {
  0% {
      opacity: 0
  }

  to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@-webkit-keyframes start-home__video_step {
  0% {
      width: 100%
  }

  to {
      width: 54%
  }
}

@keyframes start-home__video_step {
  0% {
      width: 100%
  }

  to {
      width: 54%
  }
}

@-webkit-keyframes start-home__section_step {
  0% {
      margin-left: -46%
  }

  to {
      margin-left: 0
  }
}

@keyframes start-home__section_step {
  0% {
      margin-left: -46%
  }

  to {
      margin-left: 0
  }
}

@-webkit-keyframes button-loading-spinner {
  0% {
      -webkit-transform: rotate(0turn);
      transform: rotate(0turn)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes button-loading-spinner {
  0% {
      -webkit-transform: rotate(0turn);
      transform: rotate(0turn)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.anim-step-1 {
  -webkit-animation-delay: .5s!important;
  animation-delay: .5s!important
}

.anim-step-2 {
  -webkit-animation-delay: 1s!important;
  animation-delay: 1s!important
}

.anim-step-3 {
  -webkit-animation-delay: 1.5s!important;
  animation-delay: 1.5s!important
}

._escape_up-4 {
  display: block;
  -webkit-transform: translateY(600%);
  -ms-transform: translateY(600%);
  transform: translateY(600%);
  -webkit-animation: up-messages-4 4s linear forwards;
  animation: up-messages-4 4s linear forwards
}

@-webkit-keyframes up-messages-4 {
  0% {
      -webkit-transform: translateY(600%);
      transform: translateY(600%)
  }

  15%,25% {
      -webkit-transform: translateY(450%);
      transform: translateY(450%)
  }

  35%,50% {
      -webkit-transform: translateY(300%);
      transform: translateY(300%)
  }

  60%,75% {
      -webkit-transform: translateY(150%);
      transform: translateY(150%)
  }

  85%,to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes up-messages-4 {
  0% {
      -webkit-transform: translateY(600%);
      transform: translateY(600%)
  }

  15%,25% {
      -webkit-transform: translateY(450%);
      transform: translateY(450%)
  }

  35%,50% {
      -webkit-transform: translateY(300%);
      transform: translateY(300%)
  }

  60%,75% {
      -webkit-transform: translateY(150%);
      transform: translateY(150%)
  }

  85%,to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@-webkit-keyframes up-messages-7 {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes up-messages-7 {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

.text-black,.text-black-nested p,.text-black-nested strong,.text-black-nested ul {
  color: #000!important
}

.text-dark-blue {
  color: #162a41
}

.bg-pink-light {
  background-color: rgba(231,255,243,0.3)
}

.bg-none {
  background: none
}

.bg-orange-light {
  background: #fdf5dd
}

.bg-orange {
  background: #d99c4d
}

.bg-green-light {
  background: #d6efea
}

.bg-green {
  background: #73ba6f
}

.bg-pink {
  background: #f7dcdf
}

.bg-blue-light {
  background: #c9e1fc
}

.bg-blue {
  background: #38a3e3
}

.bg-red-2 {
  background: #e24557
}

.bg-violet {
  background: #a571fa
}

.list-icons,.list-img-text,.list-style-none {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.list-style-circle,.list-style-circle-nested ul {
  padding: 0;
  list-style-type: none;
  position: relative
}

.list-style-circle-nested ul li,.list-style-circle li {
  text-align: left;
  padding-left: 36px;
  position: relative
}

.list-style-circle-nested ul li:before,.list-style-circle li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: .1em;
  left: 0;
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent
}

@media (max-width: 1440px) {
  .list-style-circle-nested ul li,.list-style-circle li {
      padding-left:27px
  }

  .list-style-circle-nested ul li:before,.list-style-circle li:before {
      border-width: 1.08px;
      width: 9px;
      height: 9px
  }
}

@media screen and (max-width: 1024px) {
  .list-style-circle-nested ul li,.list-style-circle li {
      padding-left:19px
  }

  .list-style-circle-nested ul li:before,.list-style-circle li:before {
      width: 6px;
      height: 6px
  }
}

.list-group-info .list-group-item {
  padding-bottom: 5%;
  border-bottom: .8px solid #dee1e6
}

.list-group-info .list-group-item:not(:first-child) {
  padding-top: 25px
}

.list-group-info .list-group-item .title {
  margin-bottom: 16px
}

@media screen and (max-width: 1800px) {
  .list-group-info .list-group-item {
      padding-bottom:16px
  }
}

.list-group-text {
  margin-bottom: 0
}

.list-group-text .list-group-item {
  margin-bottom: 1.2em;
  padding-bottom: calc(1.2em - 5px);
  border-bottom: 1px solid #dee1e6
}

.list-group-text .sub-title {
  display: block
}

.list-group-text.list-group-text_columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

@media screen and (max-width: 740px) {
  .list-group-text.list-group-text_columns {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.list-group-text.list-group-text_columns .list-group-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 47%;
  -ms-flex: 0 0 47%;
  flex: 0 0 47%
}

@media (max-width: 1440px) {
  .list-group-text.list-group-text_columns .list-group-item {
      -webkit-flex-basis:43.5%;
      -ms-flex-preferred-size: 43.5%;
      flex-basis: 43.5%
  }
}

.list-group-text.list-group-text_columns .list-group-item:nth-child(odd) {
  margin-right: 50px
}

@media screen and (max-width: 1800px) {
  .list-group-text.list-group-text_columns .list-group-item:nth-child(odd) {
      margin-right:35px
  }
}

@media screen and (max-width: 740px) {
  .list-group-text.list-group-text_columns .list-group-item:nth-child(odd) {
      margin-right:0
  }
}

.list-group-text.list-group-text_columns .list-group-item:before {
  top: .35em
}

@media screen and (max-width: 1800px) {
  .list-group-text.list-group-text_columns .list-group-item:before {
      top:.3em
  }
}

@media screen and (max-width: 1024px) {
  .list-group-text.list-group-text_columns .list-group-item:before {
      top:.35em
  }
}

@media screen and (max-width: 740px) {
  .list-group-text.list-group-text_columns .list-group-item {
      -webkit-flex-basis:100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      padding-bottom: 12px
  }
}

.list-img-text .list-img-text-item {
  padding: 56px 0;
  border-bottom: 1px solid #dee1e6
}

.list-img-text .list-img-text-item:first-child {
  padding-top: 0
}

@media screen and (max-width: 1800px) {
  .list-img-text .list-img-text-item {
      padding:50px 0
  }
}

@media screen and (max-width: 1024px) {
  .list-img-text .list-img-text-item {
      padding:32px 0
  }
}

.list-img-text .img-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 740px) {
  .list-img-text .img-text-wrapper {
      -webkit-box-align:start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start
  }
}

.list-img-text .list-title {
  margin-top: 0;
  margin-bottom: .4em
}

.list-img-text .list-text {
  margin: 0
}

.list-img-text .list-item-img {
  width: 197px;
  height: 193px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 56px
}

@media screen and (max-width: 1800px) {
  .list-img-text .list-item-img {
      width:148px;
      height: 145px;
      margin-right: 48px
  }
}

@media screen and (max-width: 1024px) {
  .list-img-text .list-item-img {
      width:92px;
      height: 90px;
      margin-right: 35px
  }
}

@media screen and (max-width: 740px) {
  .list-img-text .list-item-img {
      margin-right:20px
  }
}

.list-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width: 740px) {
  .list-icons {
      -webkit-box-pack:space-evenly;
      -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly
  }
}

.list-icons .list-item-icon {
  padding: 50px 60px;
  border: 1px solid #dee1e6;
  margin: 0 20px 20px 0
}

@media screen and (max-width: 1024px) {
  .list-icons .list-item-icon {
      padding:35px 52px
  }

  .list-icons .list-item-icon .img {
      width: 136px
  }
}

@media screen and (max-width: 900px) {
  .list-icons .list-item-icon {
      padding:25px 30px
  }

  .list-icons .list-item-icon .img {
      width: 97px
  }
}

@media screen and (max-width: 740px) {
  .list-icons .list-item-icon {
      margin:0 0 20px
  }
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  position: relative
}

.col-wrapper {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.col,.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

.flex-col-sb,.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.flex-col-sb {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.flex-justify-sb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flex-justify-se {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

.flex-justify-sa {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.flex-justify-fe {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.flex-justify-fs {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-align-self-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.flex-align-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.flex-align-flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.flex-justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.col-sm {
  -webkit-flex-basis: 42%;
  -ms-flex-preferred-size: 42%;
  flex-basis: 42%
}

.col-sm .inner-text {
  max-width: 70%
}

.col-sm-1 {
  -webkit-flex-basis: 46.4%;
  -ms-flex-preferred-size: 46.4%;
  flex-basis: 46.4%
}

.col-m {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

.col-l {
  -webkit-flex-basis: 58%;
  -ms-flex-preferred-size: 58%;
  flex-basis: 58%
}

.col-l-1 {
  max-width: 100%;
  -webkit-flex-basis: 53.6%;
  -ms-flex-preferred-size: 53.6%;
  flex-basis: 53.6%
}

@media screen and (max-width: 1024px) {
  .col-m-table {
      -webkit-flex-basis:50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%
  }
}

.bg-img {
  height: 100%;
  width: 100%;
  background-position: 50%
}

.col-inner-l,.col-inner-sm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.inner-75 {
  max-width: 75%
}

.inner-text-m {
  max-width: 50%
}

@media screen and (max-width: 1800px) {
  .inner-text-m {
      max-width:55%
  }
}

@media (max-width: 1440px) {
  .inner-text-m {
      max-width:65%
  }
}

@media screen and (max-width: 1024px) {
  .inner-text-m {
      max-width:75%
  }
}

@media screen and (max-width: 740px) {
  .inner-text-m {
      max-width:100%
  }
}

.inner-60 {
  max-width: 60%
}

.inner-80 {
  max-width: 80%
}

.inner-90 {
  max-width: 90%
}

.col-inner-l {
  max-width: 922px
}

@media (max-width: 1440px) {
  .inner-100-desktop-sm {
      max-width:100%
  }

  .inner-70-desktop-sm {
      max-width: 70%
  }
}

@media screen and (max-width: 1024px) {
  .inner-90-tablet {
      max-width:90%
  }
}

@media screen and (max-width: 900px) {
  .inner-100-t-sm {
      max-width:100%
  }

  .flex-col-t-sm {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

@media screen and (max-width: 740px) {
  .inner-60,.inner-75,.inner-80,.inner-100-phone {
      max-width:100%
  }

  .flex-row-phone {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .flex-col-phone {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .flex-col-reverse-phone {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
  }

  .col-l,.col-sm,.flex-basis-100-phone {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%
  }
}

.custom-select {
  position: relative;
  min-width: 290px
}

@media screen and (max-width: 740px) {
  .custom-select {
      min-width:195px
  }
}

.custom-select.select-opened {
  z-index: 1
}

.custom-select select {
  display: none
}

.select-selected:after {
  content: "";
  margin-left: auto;
  width: 16px;
  height: 16px;
  background-image: url(/assets/content-images/header/arrow-down-small.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%
}

.select-selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.select-selected.select-arrow-active {
  color: rgba(60,60,60,.5)
}

.select-selected.select-arrow-active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.select-selected {
  padding: 15px 20px 15px 23px;
  border: 1px solid #adb3bc;
  cursor: pointer
}

.select-selected:after {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.select-item-icon {
  margin-right: 8px
}

.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 8px;
  padding: 8px;
  -webkit-box-shadow: 0 2px 20px rgba(22,42,65,.08),0 12px 26px rgba(7,21,37,.16);
  box-shadow: 0 2px 20px rgba(22,42,65,.08),0 12px 26px rgba(7,21,37,.16);
  z-index: 3;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.select-items:not(.select-hide) {
  -webkit-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  transform: translateY(-10%);
  opacity: 0;
  -webkit-animation: fade-in-anim-reverse .5s forwards;
  animation: fade-in-anim-reverse .5s forwards
}

.same-as-selected,.select-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 25px;
  cursor: pointer;
  z-index: -1
}

.same-as-selected:hover,.select-item:hover {
  background: #eff1f4
}

.same-as-selected {
  background: #eff1f4
}

.select-hide {
  opacity: 0;
  -webkit-animation: slide-hide-in .5s forwards;
  animation: slide-hide-in .5s forwards;
  z-index: -1
}

.language-select {
  min-width: 120px;
  text-transform: uppercase;
  margin: 0 0 8px auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 110%;
  color: #090a0a
}

.language-select .select-item-icon {
  width: 20px
}

@media screen and (max-width: 576px) {
  .language-select {
      width:100%;
      margin: 0 0 10px
  }
}

.language-select .select-selected {
  border: 1px solid #e8ebef
}

.language-select .same-as-selected,.language-select .select-item,.language-select .select-selected {
  padding: 7px 11px
}

.language-select .same-as-selected .select-item-text,.language-select .select-item .select-item-text,.language-select .select-selected .select-item-text {
  margin-bottom: -2px
}

.language-select .select-items {
  margin-top: 0;
  padding: 0;
  max-height: 240px;
  border: 1px solid #e6e9f0;
  border-top: none;
  overflow: scroll;
  -webkit-box-shadow: 0 0 3px rgba(36,36,36,.04),0 2px 16px rgba(36,36,36,.08);
  box-shadow: 0 0 3px rgba(36,36,36,.04),0 2px 16px rgba(36,36,36,.08)
}

.language-select .select-selected:after {
  background-image: url(/assets/content-images/icons/arrow-down.svg);
  top: 10px;
  right: 8px
}

.language-select.band-select {
  max-width: 200px;
  min-width: 100px;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: #fff
}

.language-select.band-select .select-selected:hover {
  background: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,9%,.05)),to(hsla(0,0%,9%,.05))),#fff;
  background: -webkit-linear-gradient(bottom,hsla(0,0%,9%,.05),hsla(0,0%,9%,.05)),#fff;
  background: -o-linear-gradient(bottom,hsla(0,0%,9%,.05),hsla(0,0%,9%,.05)),#fff;
  background: linear-gradient(0deg,hsla(0,0%,9%,.05),hsla(0,0%,9%,.05)),#fff
}

@media screen and (max-width: 1200px) {
  .language-select.band-select {
      margin-bottom:28px
  }
}

@media screen and (min-width: 1200px) {
  .language-select.band-select {
      margin-right:0;
      position: -webkit-sticky;
      position: sticky;
      top: 40px;
      z-index: 3;
      -webkit-box-shadow: 0 0 3px rgba(36,36,36,.04),0 2px 16px rgba(36,36,36,.08);
      box-shadow: 0 0 3px rgba(36,36,36,.04),0 2px 16px rgba(36,36,36,.08)
  }
}

.language-select.band-select .select-items,.language-select.band-select .select-selected {
  -webkit-border-radius: 8px;
  border-radius: 8px
}

.language-select.band-select .select-items {
  -webkit-box-shadow: 0 0 3px rgba(36,36,36,.04),0 2px 16px rgba(36,36,36,.08);
  box-shadow: 0 0 3px rgba(36,36,36,.04),0 2px 16px rgba(36,36,36,.08)
}

.v1 .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.v1 .field {
  width: -webkit-calc(50% - 16px);
  width: calc(50% - 16px);
  margin-bottom: 29px
}

@media screen and (max-width: 576px) {
  .v1 .field {
      width:100%
  }
}

.v1 .field.field-error .input {
  background: #faf6f7
}

.v1 .field .input {
  padding: 30px 25px;
  color: inherit;
  background-color: #fff;
  font-size: 16px
}

.v1 .field .input:-webkit-autofill,.v1 .field .input:-webkit-autofill:active,.v1 .field .input:-webkit-autofill:focus,.v1 .field .input:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 40px #fff!important;
  -webkit-text-fill-color: #000!important
}

.v1 .field-full {
  width: 100%
}

.v1 .input .input-icon {
  fill: #6c727a
}

.v1 .input .field-label,.v1 .input .label,.v1 .input::-webkit-input-placeholder {
  font-size: 16px;
  color: #6c727a
}

.v1 .input .field-label,.v1 .input .label,.v1 .input::-moz-placeholder {
  font-size: 16px;
  color: #6c727a
}

.v1 .input .field-label,.v1 .input .label,.v1 .input::-ms-input-placeholder {
  font-size: 16px;
  color: #6c727a
}

.v1 .input .field-label,.v1 .input .label,.v1 .input::placeholder {
  font-size: 16px;
  color: #6c727a
}

.wrapper-recaptcha {
  display: block;
  width: 304px;
  margin-right: 100%;
  margin-bottom: 30px
}

.input-error {
  border: 1px solid red
}

.privacy-policy-accordance {
  width: -webkit-calc(100% - 240px);
  width: calc(100% - 240px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media screen and (max-width: 1024px) {
  .modal-cv .privacy-policy-accordance {
      width:100%;
      margin-top: 16px
  }
}

@media screen and (max-width: 576px) {
  .privacy-policy-accordance {
      width:100%;
      margin-top: 16px;
      margin-bottom: 16px
  }
}

.privacy-policy-accordance .body-2 {
  font-size: 16px;
  font-weight: 400!important;
  margin: 0;
  line-height: 1.1;
  color: #090a0a;
  max-width: 325px
}

.privacy-policy-accordance .accordance-link {
  text-decoration: underline;
  text-transform: capitalize
}

.bg-img {
  min-height: 900px
}

.bg-img,.bg-img__small {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}

.bg-img__small {
  min-height: 766px
}

@media screen and (min-width: 1921px) {
  .bg-img {
      min-height:1200px
  }
}

@media screen and (max-width: 1800px) {
  .bg-img {
      min-height:682px
  }

  .bg-img__small {
      min-height: 586px
  }
}

@media screen and (max-width: 1024px) {
  .bg-img {
      min-height:486px
  }

  .bg-img__small {
      min-height: 416px
  }
}

@media screen and (max-width: 740px) {
  .bg-img {
      max-width:100%;
      min-height: 358px
  }
}

.bg-img-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat
}

.icon-left-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

:root {
  --app-height: 100%
}

body.index {
  color: #fff;
  padding-top: 0;
  width: 100vw;
  height: var(--app-height)
}

.main,body.index {
  overflow: hidden
}

.index-slider {
  position: relative
}

.index-slider .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.index-slider .slide-inner {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100svh;
  overflow: hidden
}

.index-slider .slide-content,.index-slider .slide-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.index-slider .slide-content {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 24px 20px;
  font-family: Gilroy,sans-serif;
  overflow-y: scroll;
  background: #fff
}

.index-slider .slide-content__title {
  margin-bottom: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  font-size: 36px;
  letter-spacing: -1.44px;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: normal
}

.index-slider .slide-content__title.small {
  font-size: 30px;
  margin-bottom: 52px
}

.index-slider .pagination {
  width: auto;
  position: absolute;
  left: 50%;
  top: 430px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 1
}

.index-slider .swiper-pagination-bullet {
  position: relative;
  width: 8px;
  height: 8px;
  background: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  opacity: 1
}

.index-slider .swiper-pagination-bullet-active:before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.index-slider .slide-number {
  display: none
}

html[lang=ua] .index-slider .slide-content__title {
  font-size: 24px;
  letter-spacing: -1.24px;
  margin-bottom: 34px
}

.bg-image {
  position: relative;
  min-height: 400px;
  width: 100vw;
  height: 100%;
  overflow: hidden
}

.bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.btn-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out
}

.index-slider .swiper-slide-active .slide-content__title,.swiper-slide-active .btn-wrapper {
  -webkit-animation: fadeIn .5s ease .2s forwards;
  animation: fadeIn .5s ease .2s forwards
}

.btn-index {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  max-width: 162px;
  padding: 20px 32px;
  background: #fff;
  cursor: pointer
}

.btn-index,a.btn-get-started {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: none;
  font-size: 16px;
  line-height: 110%
}

a.btn-get-started {
  background: #162a41;
  color: #fff
}

.btn-video {
  color: #162a41;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  border: 1px solid rgba(22,42,65,.1);
  background: hsla(0,0%,100%,.2);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px)
}

@media only screen and (min-device-width: 320px) and (max-device-width:899px) and (orientation:landscape) {
  body.index {
      overflow-y:scroll
  }

  .index-slider .slide-inner {
      min-height: 460px
  }
}

@media screen and (min-width: 576px) {
  .index-slider .slide-content {
      position:absolute;
      width: 100%;
      padding-left: 40px;
      padding-bottom: 60px;
      bottom: 0;
      background: transparent
  }

  .index-slider .slide-content__title {
      font-size: 50px;
      font-style: normal;
      font-weight: 600;
      letter-spacing: -2.24px;
      color: #fff
  }

  .index-slider .slide-content__title.small {
      font-size: 45px;
      margin-bottom: 34px
  }

  .index-slider .pagination {
      left: auto;
      right: 40px;
      bottom: 60px;
      -webkit-transform: unset;
      -ms-transform: unset;
      transform: unset;
      top: unset!important;
      z-index: 1
  }

  .index-slider .slide-number {
      display: block
  }

  .index-slider .swiper-pagination-bullet {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-width: 56px;
      height: auto;
      padding: 18px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      opacity: 1;
      color: #fff;
      background: hsla(0,0%,100%,.2);
      -webkit-backdrop-filter: blur(30px);
      backdrop-filter: blur(30px);
      font-family: Inter,sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 100%
  }

  .index-slider .swiper-pagination-bullet:before {
      display: none
  }

  .index-slider .swiper-pagination-bullet-active {
      background: #fff;
      color: #162a41;
      -webkit-backdrop-filter: unset;
      backdrop-filter: unset
  }

  html[lang=ua] .index-slider .slide-content__title {
      font-size: 50px;
      letter-spacing: -2.24px
  }

  html[lang=ua] .index-slider .slide-content__title.small {
      font-size: 35px
  }

  .btn-wrapper {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      gap: 16px
  }

  .btn-index {
      -webkit-border-radius: 80px;
      border-radius: 80px;
      padding: 19px 36px
  }

  a.btn-get-started {
      border: 1px solid hsla(0,0%,100%,.4);
      background: #fff;
      color: #162a41
  }

  .btn-video {
      background: hsla(0,0%,100%,.2);
      -webkit-backdrop-filter: blur(30px);
      backdrop-filter: blur(30px);
      color: #fff
  }

  .bg-image {
      height: 100%
  }

  .bg-image img {
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: top;
      object-position: top
  }
}

@media screen and (min-width: 1024px) {
  .index-slider .slide-content {
      padding-left:60px
  }

  .index-slider .pagination {
      right: 60px
  }

  .index-slider .swiper-slide-active .slide-content__title,.swiper-slide-active .btn-wrapper {
      -webkit-animation: fadeIn .5s ease-in-out .4s forwards;
      animation: fadeIn .5s ease-in-out .4s forwards
  }
}

@media screen and (min-width: 1440px) {
  .index-slider .slide-content__title,.index-slider .slide-content__title.small,html[lang=ua] .index-slider .slide-content__title,html[lang=ua] .index-slider .slide-content__title.small {
      font-size:60px;
      letter-spacing: -2.4px;
      margin-bottom: 40px
  }
}

@media screen and (min-width: 1800px) {
  .index-slider .slide-content {
      padding-left:100px
  }

  .index-slider .slide-content__title {
      margin-bottom: 60px
  }

  .index-slider .pagination {
      right: 100px
  }

  .index-slider .slide-content__title,.index-slider .slide-content__title.small,html[lang=ua] .index-slider .slide-content__title,html[lang=ua] .index-slider .slide-content__title.small {
      font-size: 70px;
      letter-spacing: -2.8px
  }
}

.section-personalized {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;
  height: 40vw;
  min-height: 640px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s
}

@media screen and (max-width: 740px) {
  .section-personalized {
      width:100%;
      height: auto;
      min-height: auto;
      -webkit-background-size: auto 75vw;
      background-size: auto 75vw;
      background-position: 0 0;
      padding-top: 55vw;
      padding-bottom: 0
  }

  .section-personalized .container {
      padding: 0
  }

  .section-personalized .right-info {
      width: 100%;
      margin: 0;
      background-color: #fff;
      padding: 25px 16px
  }
}

.section-personalized .section-title {
  line-height: 1.08
}

.section-personalized .section-title h2 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0
}

.section-personalized .section-text,.section-personalized .section-title {
  color: #fff
}

@media screen and (min-width: 740px) {
  .section-personalized .section-text .theme-text,.section-personalized .section-title .theme-text {
      color:inherit
  }
}

@media screen and (max-width: 740px) {
  .section-personalized .section-text,.section-personalized .section-title {
      color:#000
  }

  .section-personalized .section-text span,.section-personalized .section-title span {
      color: #000!important
  }
}

.section-personalized .section-text {
  width: 374px;
  margin-bottom: 69px
}

@media screen and (max-width: 740px) {
  .section-personalized .section-text {
      width:100%;
      margin-bottom: 29px
  }
}

.section-workouts,.section-workouts .container {
  padding: 0
}

@media screen and (max-width: 740px) {
  .section-workouts {
      margin-top:11%
  }

  .section-workouts .section-text span,.section-workouts .section-title span {
      color: #000!important
  }
}

.section-workouts .image-workouts {
  position: relative;
  width: 100%;
  padding-top: calc(144.3% + .5px);
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-background-size: contain;
  background-size: contain
}

@media screen and (max-width: 1024px) {
  .section-workouts .image-workouts {
      padding-top:calc(174.3% + .5px)
  }
}

@media screen and (max-width: 740px) {
  .section-workouts .image-workouts {
      padding-top:calc(77.5% + .5px);
      margin-top: -11%
  }
}

.section-workouts .right-info {
  padding: 20px 0
}

@media screen and (max-width: 740px) {
  .section-workouts .right-info {
      padding:27px 16px
  }
}

.section-workouts .section-text {
  max-width: 448px;
  width: 100%
}

@media screen and (max-width: 740px) {
  .section-workouts .section-text {
      width:100%
  }
}

@media screen and (max-width: 740px) {
  .section-plans {
      padding-top:50px;
      padding-bottom: 56px
  }

  .section-plans .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      padding: 0
  }

  .section-plans .left-info {
      padding: 0 16px
  }

  .section-plans .phone-right {
      width: 100%
  }

  .section-plans .phone-picture {
      margin-top: -11%;
      padding-top: 62%;
      background-position: 50% 0;
      -webkit-background-size: 40% 40%;
      background-size: 40%
  }
}

.section-apps {
  padding: 70px 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: auto!important
}

.section-apps .container {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media screen and (max-width: 740px) {
  .section-apps {
      padding:53px 0 39px
  }
}

.section-apps .section-title {
  width: 448px;
  font-weight: 600
}

.section-apps .section-title h2 {
  font-weight: inherit
}

@media screen and (max-width: 900px) {
  .section-apps .section-title {
      width:100%
  }
}

.section-apps .phone-left {
  margin-left: 49px;
  margin-right: 0
}

@media screen and (max-width: 740px) {
  .section-apps .phone-left {
      margin-left:0;
      margin-bottom: 54px;
      display: none
  }
}

.section-apps .right-info {
  margin-left: 79px
}

.section-apps .right-info .info-logo {
  display: block;
  width: auto;
  height: 64px;
  margin-bottom: 48px
}

@media screen and (max-width: 900px) {
  .section-apps .right-info {
      margin-left:6%;
      width: 48%
  }
}

@media screen and (max-width: 740px) {
  .section-apps .right-info {
      width:100%;
      margin-left: 0;
      text-align: center
  }

  .section-apps .right-info .info-logo {
      height: 40px;
      margin-left: auto;
      margin-right: auto
  }
}

.section-apps .links {
  margin-top: 48px
}

.section-apps .links a {
  display: block;
  margin-bottom: 16px
}

.section-apps .links .info-logo {
  height: 48px;
  margin-bottom: 0
}

@media screen and (max-width: 900px) {
  .section-apps .links {
      width:100%;
      margin-top: 24px
  }

  .section-apps .links .info-logo {
      height: 40px
  }
}

@media screen and (max-width: 740px) {
  .section-apps .links {
      -webkit-box-pack:center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
  }
}

.section-community {
  background-color: #222;
  height: auto!important
}

@media screen and (max-width: 740px) {
  .section-community {
      padding:35px 0 40px
  }
}

.section-community .title {
  width: 699px;
  color: #fff;
  text-align: center;
  line-height: 1.23;
  margin: auto auto 40px
}

.section-community .title h2 {
  margin: 0;
  color: inherit;
  text-align: inherit;
  line-height: inherit
}

@media screen and (max-width: 1024px) {
  .section-community .title {
      width:569px
  }
}

@media screen and (max-width: 740px) {
  .section-community .title {
      width:100%;
      margin-bottom: 37px
  }
}

.section-community .community-slider {
  width: 100%;
  margin-bottom: 48px
}

@media screen and (max-width: 740px) {
  .section-community .community-slider {
      margin-bottom:40px;
      padding: 0 16px
  }
}

.section-community .slider-picture {
  width: 100%;
  padding-top: 100%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat
}

.section-community .button {
  margin: auto
}

.section-community .swiper-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.page {
  padding: 64px 0
}

.page .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #000
}
body {
  background-color: #FCFCFF;
}

.page .full-width-title {
  padding: 64px 0;
 background-image: url(https://dailyyogaappimage.dailyyoga.com/60/36/6036b7174a0a0268e4c44b99270fa25d.webp);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #EAF1F3
}

@media screen and (max-width: 740px) {
  .page .full-width-title {
      padding:48px 0
  }
}

.page .link-back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
  margin-left: 0;
  color: #1C755F;
  text-transform: uppercase;
  margin-bottom: 17px;
  line-height: 1;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .92px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.page .link-back .icon-arrow {
  width: 20px;
  margin-right: 12px;
  fill: #1C755F
}

.page .title-big {
  font-size: 64px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 17px
}

.page .subtitle {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 40px
}

.page article {
  width: 100%
}

.page .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  margin-left: 0
}

.page .body .wrapper {
  width: 73%;
  padding-right: 59px
}

.page .body a:not([class]) {
  color: inherit;
  text-decoration: none;
  position: relative;
  display: inline
}

.page .body a:not([class]):after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.page .body a:not([class]):hover:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

.page .title-image,.page .title-image img {
  width: 100%
}

.page .button {
  color: #1C755F
}

.page .no-padding {
  padding: 0
}

.separated-page {
  border-top: 1px solid rgba(34,34,34,.1)
}

.img {
  width: 100%
}

.page .social {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  width: 27%;
  padding: 0 21px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.page .social .social-title {
  font-size: 14px;
  font-weight: 500
}

.page .social ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px;
  margin: 10px 0 30px;
  list-style: none
}

.page .social .button {
  background-color: #1C755F;
  width: 100%
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #222;
  z-index: 80;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s,visibility 0s .3s;
  -o-transition: opacity .3s,visibility 0s .3s;
  transition: opacity .3s,visibility 0s .3s
}

.modal.open {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s,visibility 0s 0s;
  -o-transition: opacity .3s,visibility 0s 0s;
  transition: opacity .3s,visibility 0s 0s
}

.modal .modal-body {
  width: 736px;
  position: relative
}

@media screen and (max-width: 740px) {
  .modal .modal-body {
      width:100%;
      margin-top: 15%;
      height: 85%;
      overflow: auto;
      padding: 0 24px 30px
  }
}

.modal .modal-close {
  width: 60px;
  height: 60px;
  padding: 0;
  position: absolute;
  top: 34px;
  right: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: block;
  fill: hsla(0,0%,100%,.5);
  -webkit-transition: fill .3s;
  -o-transition: fill .3s;
  transition: fill .3s
}

.modal .modal-close svg {
  width: 100%;
  height: auto
}

.modal .modal-close:hover {
  fill: hsla(0,0%,100%,.7)
}

@media screen and (max-width: 740px) {
  .modal .modal-close {
      top:24px;
      right: 24px
  }
}

.modal .modal-title {
  color: #fff;
  text-align: center;
  margin-bottom: 65px;
  width: 100%;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s
}

.modal .modal-title.hide {
  opacity: 0
}

.modal .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-clip-path: circle(200% at 10% 10%);
  clip-path: circle(200% at 10% 10%);
  -webkit-transition: opacity .45s,-webkit-clip-path .4s;
  transition: opacity .45s,-webkit-clip-path .4s;
  -o-transition: clip-path .4s,opacity .45s;
  transition: clip-path .4s,opacity .45s;
  transition: clip-path .4s,opacity .45s,-webkit-clip-path .4s
}

@media screen and (max-width: 740px) {
  .modal .form {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.modal .form.hide {
  opacity: 0;
  -webkit-clip-path: circle(0 at 10% 10%);
  clip-path: circle(0 at 10% 10%)
}

.modal .field {
  width: -webkit-calc(50% - 16px);
  width: calc(50% - 16px);
  margin-bottom: 29px
}

@media screen and (max-width: 740px) {
  .modal .field {
      width:100%
  }
}

.modal .field-full {
  width: 100%
}

.modal .button {
  color: #1C755F;
  margin-left: auto;
  min-width: 160px;
  text-align: center
}

.modal .button.hide {
  display: none
}

.modal .message {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -webkit-clip-path: circle(0 at 80% 80%);
  clip-path: circle(0 at 80% 80%);
  -webkit-transition: opacity .1s,visibility 0s .45s,-webkit-clip-path .45s;
  transition: opacity .1s,visibility 0s .45s,-webkit-clip-path .45s;
  -o-transition: opacity .1s,clip-path .45s,visibility 0s .45s;
  transition: opacity .1s,clip-path .45s,visibility 0s .45s;
  transition: opacity .1s,clip-path .45s,visibility 0s .45s,-webkit-clip-path .45s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.modal .message,.modal .message p {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.modal .message p {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 48px;
  color: #fff;
  font-weight: 600
}

.modal .message .button {
  margin: auto
}

.modal .message.show {
  visibility: visible;
  opacity: 1;
  -webkit-clip-path: circle(200% at 80% 80%);
  clip-path: circle(200% at 80% 80%);
  -webkit-transition: opacity .1s,visibility 0s 0s,-webkit-clip-path .45s;
  transition: opacity .1s,visibility 0s 0s,-webkit-clip-path .45s;
  -o-transition: opacity .1s,clip-path .45s,visibility 0s 0s;
  transition: opacity .1s,clip-path .45s,visibility 0s 0s;
  transition: opacity .1s,clip-path .45s,visibility 0s 0s,-webkit-clip-path .45s
}

.modal.modal-store {
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.4)));
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,.4),rgba(0,0,0,.4));
  background: -o-linear-gradient(bottom,rgba(0,0,0,.4),rgba(0,0,0,.4));
  background: linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4));
  -webkit-border-radius: 16px;
  border-radius: 16px;
  color: #242424;
  overflow-y: scroll
}

.modal.modal-store .modal-store-hide {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px
}

.modal.modal-store.slide-down-anim {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: slide-top-to-bottom 1s forwards;
  animation: slide-top-to-bottom 1s forwards
}

.modal.modal-store .modal-store-body {
  width: 335px;
  min-height: 500px;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.35);
  box-shadow: 0 4px 4px rgba(0,0,0,.35);
  -webkit-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
  overflow: hidden
}

.modal.modal-store .modal-store-title {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 24px
}

.modal.modal-store.ms_v2 .modal-store-title {
  width: 80%;
  margin: 52px auto 0;
  font-size: 28px;
  line-height: 32px
}

.modal.modal-store .modal-store-desc {
  margin-bottom: 24px;
  font-size: 17px;
  line-height: 24px
}

.modal.modal-store .modal-store-img {
  width: 100%
}

.modal.modal-store.ms_v2 .modal-store-budge,.modal.modal-store.ms_v2 .modal-store-img {
  margin-bottom: 16px
}

.modal.modal-store .modal-store-content {
  padding: 24px 24px 40px
}

.modal.modal-store.ms_v2 .modal-store-content {
  padding-top: 16px
}

.modal.modal-store .modal-store-budge {
  font-size: 14px;
  line-height: 16px
}

.modal.modal-store .modal-store-badge-text-accent-svg {
  width: 13px;
  height: 32px;
  position: absolute;
  top: 0;
  right: -11px
}

.modal.modal-store .modal-store-badge-text-accent {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding: 8px 4px 8px 12px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #358186;
  font-size: 14px;
  line-height: 16px;
  color: #eee
}

.modal.modal-store.ms_v1 .modal-store-badge-text-accent,.modal.modal-store.ms_v2 .modal-store-badge-text-accent {
  background: #df4142
}

.modal.modal-store .modal-store-badge-text-secondary-wrapper {
  display: inline-block;
  margin-left: -13px;
  padding: 8px 13px 8px 20px;
  -webkit-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
  color: #242424;
  background: #f5f5f5
}

.modal.modal-store .modal-store-badge-text-secondary {
  margin-right: 6px;
  font-size: 14px;
  line-height: 16px
}

.modal.modal-store .modal-store-badge-text-secondary-small {
  font-size: 12px;
  line-height: 14px;
  color: #6b7487;
  text-decoration: line-through
}

.modal.modal-store .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 15px 22px;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: .81px;
  background: #000;
  color: #fff;
  z-index: 2;
  text-transform: uppercase
}

.modal.modal-store .btn:hover {
  color: #fff
}

body.ready .modal.show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.modal-light {
  background-color: #fff
}

.modal-light .modal-close {
  fill: rgba(0,0,0,.5)
}

.modal-light .modal-close:hover {
  fill: rgba(0,0,0,.7)
}

.modal-light .message p,.modal-light .modal-title {
  color: #131415
}

.field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.field .field-hint {
  display: none
}

.field .field-label {
  margin-bottom: 5px;
  color: #999;
  font-size: 14px;
  line-height: 1.2
}

.field .input {
  display: block;
  padding: 16px 15px;
  color: #fff;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #343434;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.214em;
  -webkit-appearance: none
}

.field .input:-webkit-autofill,.field .input:-webkit-autofill:active,.field .input:-webkit-autofill:focus,.field .input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 30px #343434 inset!important;
  -webkit-text-fill-color: #fff!important
}

.field .input:focus {
  outline: none;
  -webkit-box-shadow: inset 0 -1px 0 0 #1C755F;
  box-shadow: inset 0 -1px 0 0 #1C755F
}

.field.field-error {
  position: relative
}

.field.field-error .input {
  -webkit-box-shadow: inset 0 0 0 1px #c11;
  box-shadow: inset 0 0 0 1px #c11
}

.field.field-error .field-hint {
  display: block;
  margin-top: 3px;
  color: #c11;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  top: 100%
}

.field-light .input {
  color: #131415;
  background-color: #f4f4f4
}

.field-light .input:-webkit-autofill,.field-light .input:-webkit-autofill:active,.field-light .input:-webkit-autofill:focus,.field-light .input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 30px #f4f4f4 inset!important;
  -webkit-text-fill-color: #131415!important
}

.field-file .input-file {
  overflow: hidden;
  width: .1px;
  height: .1px;
  opacity: 0;
  position: absolute;
  z-index: -1
}

.field-file .input-file:focus+.input {
  outline: none;
  -webkit-box-shadow: inset 0 -1px 0 0 #1C755F;
  box-shadow: inset 0 -1px 0 0 #1C755F
}

.field-file .input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  fill: hsla(0,0%,100%,.4)
}

.field-file .input-icon {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 18px;
  margin-left: auto
}

.field-file .input-text {
  overflow: hidden;
  max-width: 89%;
  padding: 2px 0;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.vacancy-page .title-big {
  margin-top: 4px;
  margin-bottom: 8px
}

@media screen and (max-width: 740px) {
  .vacancy-page .title-big {
      font-size:40px;
      line-height: 1;
      margin-top: 0;
      margin-bottom: 14px
  }
}

.vacancy-page .social .social-title,.vacancy-page .subtitle {
  color: #4e4e4e
}

.vacancy-page .body .wrapper h3 {
  text-transform: uppercase
}

@media screen and (max-width: 740px) {
  .vacancy-page {
      padding:30px 0 34px
  }

  .vacancy-page .link-back {
      margin-bottom: 22px
  }

  .vacancy-page .body {
      display: block;
      margin-top: 28px
  }

  .vacancy-page .body .wrapper {
      width: 100%;
      padding-right: 0
  }

  .vacancy-page .social {
      position: static;
      width: 100%;
      margin: 30px auto 0;
      padding: 30px 0 0;
      border-top: 2px solid rgba(34,34,34,.1)
  }

  .vacancy-page .social .social-title {
      margin-top: 0
  }

  .vacancy-page .social ul {
      max-width: 176px;
      padding: 0 10px
  }

  .vacancy-page .social .button {
      min-width: auto;
      max-width: 176px
  }
}

:root {
  --block-indend: 60px
}

@media screen and (min-width: 740px) {
  :root {
      --block-indend:80px
  }
}

@media screen and (min-width: 1024px) {
  :root {
      --block-indend:100px
  }
}

@media screen and (min-width: 1440px) {
  :root {
      --block-indend:120px
  }
}

@media screen and (min-width: calc($breakpoint-1920 - 1px)) {
  :root {
      --block-indend:140px
  }
}

img {
  width: 100%;
  display: block
}

.highlight,.highlight span {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.hide-mobile,.show-tablet {
  display: none
}

.navigations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

.navigations .slider-nav-btn {
  width: 56px;
  height: 56px
}

.holistic-section {
  margin-bottom: var(--block-indend)
}

.holistic-section .title {
  color: #162a41;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -2.4px;
  margin: 28px 0 24px
}

.holistic-section .descr {
  color: #162a41;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.36px;
  opacity: .7;
  margin: 0 0 60px;
  max-width: 330px
}

.holistic-section .btn-block {
  display: none
}

.holistic-section .image-wrap {
  height: 415px;
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 20px;
  border-radius: 20px
}

.holistic-section .image-wrap img {
  height: 100%;
  width: 120%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top right;
  object-position: top right;
  -webkit-border-radius: 20px;
  border-radius: 20px
}

.vision-section {
  margin-bottom: var(--block-indend)
}

.vision-section .title {
  color: #162a41;
  text-align: center;
  font-style: normal;
  font-weight: 600
}

.vision-section .title-top {
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -1.08px;
  margin-bottom: 32px
}

.vision-section .title-bottom {
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.78px;
  margin-top: 40px;
  margin-bottom: var(--block-indend)
}

.vision-section .cards-block {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}

.vision-section .vision-card {
  -webkit-border-radius: 20px;
  border-radius: 20px
}

.vision-section .vision-card .card-content {
  background: #eff1f4;
  padding: 32px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 23px;
  -webkit-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0
}

.vision-section .vision-card .card-subtitle {
  color: #162a41;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.48px;
  padding: 10px 20px;
  border: 1px solid rgba(22,42,65,.6);
  -webkit-border-radius: 40px;
  border-radius: 40px
}

.vision-section .vision-card .card-title {
  color: #162a41;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.96px;
  max-width: 250px;
  text-align: center;
  margin: 0
}

.vision-section .vision-card .vision-card-img-wrap {
  height: 294px
}

.vision-section .vision-card .vision-card-img-wrap img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px
}

.vision-section hr {
  background: rgba(22,42,65,.2);
  width: 100%;
  height: 1px;
  margin: 0;
  border: none
}

.products-section {
  margin-bottom: var(--block-indend)
}

.products-section .title {
  color: #162a41;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.08px;
  margin-bottom: 32px;
  width: 100%
}

.products-section .products-slider {
  width: -webkit-calc(100% + 40px);
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 32px
}

.products-section .products-slider .swiper-wrapper {
  padding-left: 20px
}

.products-section .products-slider .products-slide {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px)
}

.products-section .slide-inner {
  padding: 24px;
  height: 490px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center right -150px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  position: relative
}

.products-section .slide-inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  z-index: 1;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.5))),-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background: -webkit-linear-gradient(top,transparent 50%,rgba(0,0,0,.5)),-webkit-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0,.1));
  background: -o-linear-gradient(top,transparent 50%,rgba(0,0,0,.5) 100%),-o-linear-gradient(bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
  background: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5)),linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.products-section .slide-inner .text-block {
  z-index: 2
}

.products-section .slide-inner .slide-title {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.64px;
  margin-bottom: 24px
}

.products-section .slide-inner .slide-descr {
  color: #fff;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -.8px;
  margin-bottom: 32px;
  max-width: 300px
}

.products-section .slide-inner .btn-block {
  z-index: 2
}

.products-section .slide-inner .btn-block .btn {
  color: #090a0a;
  background: #fff;
  border: 1px solid #fff;
  font-weight: 500
}

.products-section .slide-inner .btn-block .btn:hover {
  color: #fff;
  background: #1C755F;
  border: 1px solid #1C755F
}

.products-section .slide-inner.slide-3 {
  background-position: top right -390px
}

.products-section .stickyParent {
  height: 400vh;
  width: -webkit-calc(100% + 80px);
  width: calc(100% + 80px)
}

.products-section .sticky {
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  top: 25px;
  height: -webkit-calc(100vh - 90px);
  height: calc(100vh - 90px)
}

.products-section .sticky .title {
  padding: 0 40px
}

.products-section .scrollBlock {
  position: absolute;
  top: 90px;
  left: 40px;
  height: -webkit-calc(100% - 90px);
  height: calc(100% - 90px);
  width: 400vw;
  will-change: transform;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px
}

.products-section .scrollBlock .scroll-item {
  width: -webkit-calc(100vw - 80px);
  width: calc(100vw - 80px);
  height: 100%;
  max-width: 1800px
}

.goal-section {
  margin-bottom: var(--block-indend)
}

.goal-section .image-wrap {
  height: 100%;
  max-height: 500px
}

.goal-section .image-wrap img {
  background: #e5dbce;
  -webkit-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0
}

.goal-section .content-wrap {
  background: #eff1f4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
  padding: 24px;
  -webkit-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px
}

.goal-section .content-wrap .quotes {
  width: 100%;
  max-width: 33px;
  margin-bottom: 24px
}

.goal-section .content-wrap .title {
  width: 100%;
  color: #162a41;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.52px
}

.goal-section .content-wrap .signature-block {
  width: 100%
}

.goal-section .content-wrap .signature-block span {
  display: block
}

.goal-section .content-wrap .signature-block .signature-name {
  color: #162a41;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.36px
}

.goal-section .content-wrap .signature-block .signature-position {
  color: rgba(22,42,65,.5);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.32px
}

.media-section {
  margin-bottom: var(--block-indend)
}

.media-section .title {
  color: #162a41;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.08px;
  margin-bottom: 32px;
  width: 100%
}

.media-section .media-slider {
  width: 100%;
  margin: 0 0 24px
}

.media-section .media-slider .swiper-wrapper {
  padding-left: 0
}

.media-section .media-slider .media-slide {
  background: #eff1f4;
  padding: 40px 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  gap: 0
}

.media-section .media-slider .subhead-2 {
  color: #162a41;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  margin: 24px 0 68px;
  height: 94px;
  overflow: hidden
}

.media-section .media-slider .body-2 {
  color: rgba(22,42,65,.5);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1
}

.media-section .media-slider .entry-title {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dee1e6
}

.media-section .media-slider .box,.media-section .media-slider .entry-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.media-section .media-slider .box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 260px
}

.media-section .media-slider .icon-bg {
  width: 180px;
  height: 50px;
  margin: 0 0 17px;
  background-position: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.media-section .media-slider .icon-arrow {
  margin-bottom: 17px
}

.grey-bg {
  background: #eff1f4
}

.main .impact-section {
  padding-top: var(--block-indend);
  padding-bottom: var(--block-indend)
}

.impact-section .title {
  color: #162a41;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.08px;
  width: 100%;
  margin-bottom: 32px
}

.impact-section .descr {
  color: #162a41;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.36px;
  margin: 0 0 48px
}

.impact-section .descr span {
  color: rgba(22,42,65,.5)
}

.impact-section .impact-slider {
  width: -webkit-calc(100% + 40px);
  width: calc(100% + 40px);
  margin: 0 0 32px
}

.impact-section .swiper-wrapper {
  padding-left: 20px
}

.impact-section .impact-slide {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  background: #fff;
  padding: 20px;
  position: relative;
  -webkit-border-radius: 24px;
  border-radius: 24px
}

.impact-section .impact-slide .slide-subtitle {
  color: rgba(22,42,65,.5);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  height: 21px;
  margin-bottom: 48px
}

.impact-section .impact-slide .slide-title {
  color: #162a41;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.64px;
  height: 50px;
  overflow: hidden;
  margin-bottom: 32px
}

.impact-section .impact-slide .img-wrap {
  height: 240px
}

.impact-section .impact-slide .img-wrap img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  height: 100%;
  -webkit-border-radius: 24px;
  border-radius: 24px
}

.impact-section .impact-slide .frame-wrap {
  position: absolute;
  top: auto;
  left: 34px;
  right: auto;
  bottom: 34px;
  height: 38px;
  width: auto
}

.impact-section .impact-slide .frame-wrap img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.impact-section .navigations {
  width: 100%
}

.impact-section .navigations .btn-block {
  margin-right: auto
}

.impact-section .navigations .btn-block .view-all {
  color: #162a41;
  font-family: Gilroy,sans-serif;
  background: #fff;
  min-width: 125px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1;
  border: none;
  padding: 19px 24px
}

.impact-section .navigations .btn-block .view-all:active {
  color: #162a41;
  background: #fff
}

.impact-section .navigations .btn-block .view-all:hover {
  color: #fff;
  background: #162a41
}

.impact-section .navigations .slider-nav-btn {
  background: #fff;
  border-color: #fff
}

.awards-section {
  margin-top: var(--block-indend);
  margin-bottom: var(--block-indend)
}

.awards-section .title {
  color: #162a41;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.08px;
  width: 100%;
  margin-bottom: 32px
}

.awards-section .awards-slider {
  width: 100%;
  margin: 0 0 32px
}

.awards-section .awards-slider .awards-slide {
  background: #eff1f4;
  padding: 32px 24px 24px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  height: auto;
  -webkit-border-radius: 24px;
  border-radius: 24px
}

.awards-section .awards-slider .awards-slide .slide-title {
  color: #162a41;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.48px;
  margin: 0;
  width: 100%
}

.awards-section .awards-slider .awards-slide .img-wrap {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.awards-section .awards-slider .awards-slide .slide-descr {
  color: #162a41;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.36px;
  margin: 0;
  width: 100%
}

.awards-section .awards-slider .awards-slide .slide-year {
  color: #162a41;
  font-family: Inter,sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -1.08px
}

html[lang=ua] .vision-section .vision-card .card-title {
  max-width: 350px;
  font-size: 22px;
  letter-spacing: -.54px;
  min-height: 68px
}

html[lang=ua] .impact-section .impact-slide .slide-subtitle {
  margin-bottom: 28px;
  font-size: 14px
}

html[lang=ua] .impact-section .impact-slide .slide-title {
  height: 50px;
  font-size: 24px;
  letter-spacing: -.58px
}

@media screen and (min-width: 375px) {
  .impact-section .impact-slide .slide-title {
      font-size:30px;
      height: 60px
  }
}

@media screen and (min-width: 576px) {
  .holistic-section .image-wrap img {
      width:110%
  }

  .products-section .slide-inner.slide-3 {
      background-position: top right -220px
  }

  .impact-section .impact-slide .slide-title {
      font-size: 32px;
      height: 64px
  }
}

@media screen and (min-width: 740px) {
  .show-mobile {
      display:none
  }

  .hide-mobile {
      display: block
  }

  .about-us .container {
      padding-left: 40px;
      padding-right: 40px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .navigations .slider-nav-btn {
      width: 40px;
      height: 40px
  }

  .holistic-section .content-wrap {
      margin-right: auto
  }

  .holistic-section .title {
      max-width: 560px
  }

  .holistic-section .descr {
      line-height: 1.3;
      letter-spacing: -.18px
  }

  .holistic-section .image-wrap {
      height: 380px
  }

  .holistic-section .image-wrap img {
      width: 100%
  }

  .vision-section .title-top {
      font-size: 40px;
      line-height: 1.05;
      letter-spacing: -.8px
  }

  .vision-section .cards-block {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .vision-section .title-bottom {
      margin-top: 60px;
      max-width: 680px
  }

  .products-section .title,.vision-section .title-bottom {
      font-size: 40px;
      line-height: 1.05;
      letter-spacing: -.8px
  }

  .products-section .products-slider {
      width: -webkit-calc(100% + 80px);
      width: calc(100% + 80px);
      margin-left: -40px;
      margin-bottom: 0
  }

  .products-section .products-slider .products-slide {
      width: -webkit-calc(100% - 80px);
      width: calc(100% - 80px)
  }

  .products-section .products-slider .swiper-wrapper {
      padding-left: 40px
  }

  .products-section .slide-inner {
      height: 380px;
      padding: 30px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      background-position: 50%
  }

  .products-section .slide-inner .text-block {
      width: 60%;
      text-align: left
  }

  .products-section .slide-inner .slide-descr {
      font-family: Gilroy,sans-serif;
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: -.32px;
      margin-bottom: 0;
      max-width: 340px
  }

  .products-section .slide-inner .btn-block {
      width: 40%;
      text-align: right
  }

  .products-section .slide-inner.slide-3 {
      background-position: 50%
  }

  .products-section .navigations {
      display: none
  }

  .goal-section {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      gap: 20px
  }

  .about-us .goal-section {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .goal-section .image-wrap {
      width: 48%;
      min-height: 360px
  }

  .goal-section .image-wrap img {
      min-height: 360px;
      -o-object-fit: cover;
      object-fit: cover;
      -webkit-border-radius: 24px;
      border-radius: 24px
  }

  .goal-section .content-wrap {
      width: 52%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-border-radius: 24px;
      border-radius: 24px
  }

  .goal-section .content-wrap .quotes {
      max-width: 37px;
      margin-bottom: 20px
  }

  .goal-section .content-wrap .title {
      font-size: 24px;
      line-height: 1.2;
      letter-spacing: -.48px;
      max-width: 380px
  }

  .goal-section .content-wrap .signature-block .signature-name {
      font-size: 20px;
      line-height: 1.1;
      letter-spacing: -.4px;
      margin-bottom: 6px
  }

  .goal-section .content-wrap .signature-block .signature-position {
      line-height: 1.5;
      letter-spacing: -.16px
  }

  .media-section {
      position: relative
  }

  .media-section .title {
      font-size: 40px;
      line-height: 1.05;
      letter-spacing: -.8px
  }

  .media-section .media-slider {
      width: -webkit-calc(100% + 80px);
      width: calc(100% + 80px)
  }

  .media-section .media-slider .media-slide {
      width: -webkit-calc(33.333% - 40px);
      width: calc(33.333% - 40px)
  }

  .media-section .media-slider .subhead-2 {
      margin: 18px 0 17px
  }

  .media-section .media-slider .body-2 {
      min-height: 33px
  }

  .media-section .media-slider .products-slide {
      width: -webkit-calc(100% - 80px);
      width: calc(100% - 80px)
  }

  .media-section .media-slider .swiper-wrapper {
      padding-left: 40px
  }

  .media-section .navigations {
      position: absolute;
      right: 40px
  }

  .impact-section {
      position: relative
  }

  .impact-section .title {
      font-size: 48px;
      line-height: 1.05;
      letter-spacing: -.96px
  }

  .impact-section .descr {
      margin: 0 auto 30px 0;
      max-width: 410px
  }

  .impact-section .impact-slider {
      width: -webkit-calc(100% + 80px);
      width: calc(100% + 80px);
      margin: 0
  }

  .impact-section .impact-slider .impact-slide {
      width: -webkit-calc(50% - 50px);
      width: calc(50% - 50px)
  }

  .impact-section .impact-slider .impact-slide .slide-subtitle {
      margin-bottom: 30px
  }

  html[lang=ua] .impact-section .impact-slider .impact-slide .slide-subtitle {
      font-size: 14px
  }

  .impact-section .impact-slider .impact-slide .slide-title {
      font-size: 24px;
      line-height: 1.2;
      letter-spacing: -.48px;
      margin-bottom: 24px;
      height: 58px
  }

  html[lang=ua] .impact-section .impact-slider .impact-slide .slide-title {
      font-size: 22px;
      letter-spacing: -.48px
  }

  .impact-section .impact-slider .swiper-wrapper {
      padding-left: 40px
  }

  .impact-section .navigations {
      width: auto;
      position: absolute;
      right: 40px;
      bottom: 525px
  }

  html[lang=ua] .impact-section .navigations {
      bottom: 515px
  }

  .impact-section .navigations .btn-block {
      margin-right: 0
  }

  .impact-section .navigations .btn-block .view-all {
      padding: 10px 20px;
      min-height: 40px
  }

  .awards-section .title {
      font-size: 40px;
      line-height: 1.05;
      letter-spacing: -1.08px
  }

  .awards-section .awards-slider {
      margin: 0
  }

  .awards-section .awards-slider .awards-slide {
      padding: 24px 10px;
      gap: 20px
  }

  .awards-section .awards-slider .awards-slide .slide-title {
      font-size: 18px;
      letter-spacing: -.36px
  }

  .awards-section .awards-slider .awards-slide .img-wrap {
      width: 76px;
      height: 76px
  }

  .awards-section .awards-slider .awards-slide .slide-descr {
      font-size: 14px;
      letter-spacing: -.28px
  }

  .awards-section .awards-slider .awards-slide .slide-year {
      font-size: 14px;
      letter-spacing: -.84px
  }

  .awards-section .navigations {
      display: none
  }

  .awards-section .awards-slider-desktop {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      gap: 20px
  }

  .awards-section .awards-slider-desktop .awards-slide {
      width: 33.333%;
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:899px) and (orientation:landscape) {
  .awards-section .awards-slider .awards-slide .slide-title {
      min-height:48px;
      font-size: 16px;
      letter-spacing: -.34px
  }

  .awards-section .awards-slider .awards-slide .slider-descr {
      font-size: 16px;
      letter-spacing: -.34px
  }
}

@media screen and (min-width: 1024px) {
  .hide-tablet {
      display:none
  }

  .show-tablet {
      display: block
  }

  .navigations .slider-nav-btn {
      width: 56px;
      height: 56px
  }

  .holistic-section .title {
      font-size: 70px;
      letter-spacing: -2.8px;
      margin: 72px 0 20px;
      max-width: 650px
  }

  .holistic-section .content-wrap {
      position: relative;
      width: 100%;
      margin-bottom: 60px
  }

  .holistic-section .descr {
      max-width: 460px;
      margin: 0
  }

  .holistic-section .image-wrap {
      height: 480px
  }

  .holistic-section .image-wrap img {
      -webkit-border-radius: 30px;
      border-radius: 30px
  }

  .holistic-section .btn-block {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0
  }

  .holistic-section .btn-block .scroll-down {
      border: none;
      padding: 2px 34px 2px 10px;
      min-height: auto;
      min-width: auto;
      font-weight: 500;
      cursor: pointer
  }

  .holistic-section .btn-block .scroll-down em {
      opacity: .7;
      font-style: normal
  }

  .holistic-section .btn-block .scroll-down:before {
      content: "";
      background: 50% no-repeat url(/assets/images/scri.png);
      -webkit-background-size: contain;
      background-size: contain;
      position: absolute;
      width: 24px;
      height: 24px;
      top: 0;
      right: 0
  }

  .holistic-section .btn-block .scroll-down:active,.holistic-section .btn-block .scroll-down:hover {
      color: #162a41;
      background: transparent
  }

  .vision-section .title-top {
      font-size: 48px;
      line-height: 1.05;
      letter-spacing: -.96px;
      margin-bottom: 40px
  }

  .vision-section .vision-card {
      width: 100%
  }

  .vision-section .vision-card .card-content {
      padding: 40px;
      gap: 40px
  }

  .vision-section .vision-card .card-subtitle {
      padding: 14px 24px
  }

  .vision-section .vision-card .card-title {
      font-size: 40px;
      line-height: 1.05;
      letter-spacing: -.8px;
      max-width: 500px
  }

  html[lang=ua] .vision-section .vision-card .card-title {
      max-width: 350px;
      font-size: 24px;
      letter-spacing: -.64px;
      min-height: auto
  }

  .vision-section .title-bottom {
      font-size: 48px;
      line-height: 1.05;
      letter-spacing: -.96px;
      max-width: 950px
  }

  .products-section .title {
      font-size: 48px;
      letter-spacing: -.96px;
      margin-bottom: 40px
  }

  .products-section .slide-inner {
      padding: 40px
  }

  .products-section .slide-inner .text-block {
      max-width: 370px;
      margin-right: auto;
      text-align: left
  }

  .products-section .slide-inner .slide-title {
      font-size: 40px;
      line-height: 1.05;
      letter-spacing: -.8px
  }

  .products-section .slide-inner .slide-descr {
      font-size: 18px;
      letter-spacing: -.36px;
      max-width: 370px;
      margin-bottom: 0
  }

  .products-section .slide-inner .btn-block {
      width: 40%;
      text-align: right
  }

  .products-section .scroll-item .slide-inner {
      height: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      background-position: top
  }

  .products-section .scrollBlock {
      min-height: 250px
  }

  .goal-section .image-wrap {
      width: 40%
  }

  .goal-section .image-wrap,.goal-section .image-wrap img {
      min-height: 500px;
      max-height: none
  }

  .goal-section .content-wrap {
      width: 60%;
      padding: 40px
  }

  .goal-section .content-wrap .quotes {
      max-width: 50px;
      margin-bottom: 40px
  }

  .goal-section .content-wrap .title {
      font-size: 40px;
      line-height: 1;
      letter-spacing: -1.6px;
      max-width: 500px
  }

  .goal-section .content-wrap .signature-block .signature-name {
      font-size: 24px;
      line-height: 1.1;
      letter-spacing: -.48px;
      margin-bottom: 2px
  }

  .goal-section .content-wrap .signature-block .signature-position {
      font-size: 18px;
      line-height: 1.5;
      letter-spacing: -.18px
  }

  .media-section .title {
      font-size: 48px;
      letter-spacing: -.96px;
      margin-bottom: 40px
  }

  .media-section .media-slider .subhead-2 {
      margin: 24px 0 44px
  }

  .impact-section .title {
      margin-bottom: 40px
  }

  .impact-section .descr {
      margin: 0 auto 48px 0
  }

  .impact-section .impact-slider .impact-slide .slide-subtitle {
      margin-bottom: 48px
  }

  .impact-section .impact-slider .impact-slide .slide-title {
      font-size: 40px;
      line-height: 1.1;
      letter-spacing: -.8px;
      height: 88px
  }

  html[lang=ua] .impact-section .impact-slider .impact-slide .slide-title {
      font-size: 32px;
      letter-spacing: -.7px;
      height: 76px
  }

  .impact-section .navigations {
      bottom: 610px
  }

  html[lang=ua] .impact-section .navigations {
      bottom: 580px
  }

  .impact-section .navigations .btn-block {
      margin-right: 16px
  }

  .impact-section .navigations .btn-block .view-all {
      padding: 19px 30px
  }

  .awards-section .title {
      font-size: 48px;
      letter-spacing: -.96px;
      margin-bottom: 40px
  }

  .awards-section .awards-slider .awards-slide {
      padding: 32px;
      gap: 25px;
      -webkit-border-radius: 32px;
      border-radius: 32px
  }

  .awards-section .awards-slider .awards-slide .slide-title {
      font-size: 24px;
      letter-spacing: -.48px
  }

  .awards-section .awards-slider .awards-slide .img-wrap {
      width: 106px;
      height: 106px
  }

  .awards-section .awards-slider .awards-slide .slide-descr {
      font-size: 18px;
      letter-spacing: -.28px
  }

  .awards-section .awards-slider .awards-slide .slide-year {
      font-size: 18px;
      letter-spacing: -1.08px
  }
}

@media screen and (min-width: 1440px) {
  .about-us .container {
      padding-left:60px;
      padding-right: 60px
  }

  .holistic-section .title {
      font-size: 100px;
      letter-spacing: -3px;
      margin: 112px 0 40px;
      max-width: 900px
  }

  .holistic-section .descr {
      font-size: 30px;
      letter-spacing: -.6px;
      max-width: 650px
  }

  .holistic-section .content-wrap {
      margin-bottom: 80px
  }

  .holistic-section .image-wrap {
      height: 640px
  }

  .holistic-section .image-wrap img {
      -webkit-border-radius: 40px;
      border-radius: 40px
  }

  .holistic-section .btn-block .scroll-down {
      font-size: 20px
  }

  .vision-section .title-top {
      font-size: 60px;
      line-height: 1;
      letter-spacing: -2.4px;
      margin-bottom: 60px
  }

  .vision-section .vision-card .card-content {
      padding: 40px 40px 60px;
      gap: 60px;
      -webkit-border-radius: 40px 40px 0 0;
      border-radius: 40px 40px 0 0
  }

  .vision-section .vision-card .card-subtitle {
      font-size: 20px;
      letter-spacing: -.6px
  }

  .vision-section .vision-card .card-title {
      font-size: 50px;
      letter-spacing: -1.5px
  }

  html[lang=ua] .vision-section .vision-card .card-title {
      max-width: none;
      font-size: 38px;
      letter-spacing: -.54px
  }

  .vision-section .vision-card .vision-card-img-wrap {
      height: 452px
  }

  .vision-section .vision-card .vision-card-img-wrap img {
      -o-object-position: left;
      object-position: left;
      -webkit-border-radius: 0 0 40px 40px;
      border-radius: 0 0 40px 40px
  }

  .vision-section .title-bottom {
      font-size: 60px;
      letter-spacing: -2.4px;
      margin-top: 80px;
      max-width: 1350px
  }

  .products-section .title {
      font-size: 60px;
      letter-spacing: -2.4px;
      margin-bottom: 60px
  }

  .products-section .products-slider {
      width: -webkit-calc(100% + 120px);
      width: calc(100% + 120px);
      margin-left: -60px
  }

  .products-section .products-slider .products-slide {
      width: -webkit-calc(100% - 120px);
      width: calc(100% - 120px)
  }

  .products-section .products-slider .swiper-wrapper {
      padding-left: 60px
  }

  .products-section .slide-inner {
      height: 640px;
      padding: 60px;
      -webkit-border-radius: 40px;
      border-radius: 40px
  }

  .products-section .slide-inner:after {
      -webkit-border-radius: 40px;
      border-radius: 40px
  }

  .products-section .slide-inner .text-block {
      max-width: 650px
  }

  .products-section .slide-inner .slide-title {
      font-size: 70px;
      line-height: 1;
      letter-spacing: -2.1px;
      margin-bottom: 32px
  }

  .products-section .slide-inner .slide-descr {
      font-size: 24px;
      letter-spacing: -.48px;
      max-width: 530px
  }

  .products-section .scrollBlock {
      min-height: 390px;
      left: 60px;
      top: 120px;
      height: -webkit-calc(100% - 120px);
      height: calc(100% - 120px)
  }

  .products-section .scrollBlock .scroll-item {
      width: -webkit-calc(100vw - 120px);
      width: calc(100vw - 120px);
      height: 100%
  }

  .products-section .stickyParent {
      width: -webkit-calc(100% + 120px);
      width: calc(100% + 120px)
  }

  .products-section .sticky .title {
      padding: 0 60px
  }

  .goal-section .image-wrap,.goal-section .image-wrap img {
      min-height: 720px
  }

  .goal-section .content-wrap {
      padding: 60px
  }

  .goal-section .content-wrap .quotes {
      max-width: 65px;
      margin-bottom: 60px
  }

  .goal-section .content-wrap .title {
      font-size: 56px;
      line-height: 1.1;
      letter-spacing: -1.12px;
      max-width: 650px
  }

  .goal-section .content-wrap .signature-block .signature-name {
      font-size: 30px;
      letter-spacing: -.6px
  }

  .goal-section .content-wrap .signature-block .signature-position {
      font-size: 24px;
      letter-spacing: -.24px
  }

  .media-section .title {
      font-size: 60px;
      letter-spacing: -2.4px;
      margin-bottom: 60px
  }

  .media-section .media-slider {
      width: -webkit-calc(100% + 120px);
      width: calc(100% + 120px)
  }

  .media-section .media-slider .media-slide {
      width: -webkit-calc(33.333% - 53px);
      width: calc(33.333% - 53px)
  }

  .media-section .media-slider .subhead-2 {
      margin: 37px 0 62px
  }

  .media-section .media-slider .swiper-wrapper {
      padding-left: 60px
  }

  .media-section .navigations {
      right: 60px
  }

  .impact-section .title {
      font-size: 60px;
      letter-spacing: -2.4px;
      margin-bottom: 60px
  }

  .impact-section .descr {
      font-size: 24px;
      letter-spacing: -.48px;
      margin: 0 auto 60px 0;
      max-width: 550px
  }

  .impact-section .impact-slider {
      width: -webkit-calc(100% + 120px);
      width: calc(100% + 120px)
  }

  .impact-section .impact-slider .impact-slide {
      padding: 40px;
      width: -webkit-calc(50% - 70px);
      width: calc(50% - 70px);
      -webkit-border-radius: 40px;
      border-radius: 40px
  }

  .impact-section .impact-slider .impact-slide .slide-subtitle {
      margin-bottom: 75px
  }

  .impact-section .impact-slider .impact-slide .slide-title {
      font-size: 48px;
      line-height: 1;
      letter-spacing: -.96px;
      max-width: 500px;
      height: 96px;
      margin-bottom: 40px
  }

  html[lang=ua] .impact-section .impact-slider .impact-slide .slide-title {
      font-size: 38px;
      letter-spacing: -.8px;
      height: 80px
  }

  .impact-section .impact-slider .impact-slide .img-wrap {
      height: 412px
  }

  .impact-section .impact-slider .impact-slide .frame-wrap {
      left: auto;
      bottom: auto;
      top: 34px;
      right: 33px;
      height: 48px
  }

  .impact-section .impact-slider .impact-slide .frame-wrap img {
      width: 100%
  }

  .impact-section .impact-slider .swiper-wrapper {
      padding-left: 60px
  }

  .impact-section .navigations {
      right: 60px;
      bottom: 910px
  }

  html[lang=ua] .impact-section .navigations {
      bottom: 840px
  }

  .awards-section .title {
      font-size: 70px;
      letter-spacing: -2.1px;
      margin-bottom: 60px
  }

  .awards-section .awards-slider .awards-slide {
      padding: 40px;
      gap: 32px;
      -webkit-border-radius: 40px;
      border-radius: 40px
  }

  .awards-section .awards-slider .awards-slide .slide-title {
      font-size: 32px;
      letter-spacing: -.64px
  }

  .awards-section .awards-slider .awards-slide .img-wrap {
      width: 150px;
      height: 150px
  }

  .awards-section .awards-slider .awards-slide .slide-descr {
      font-size: 24px;
      letter-spacing: -.48px
  }

  .awards-section .awards-slider .awards-slide .slide-year {
      font-size: 24px;
      letter-spacing: -1.44px
  }
}

@media screen and (min-width: calc($breakpoint-1920 - 1px)) {
  .holistic-section .title {
      margin:92px 0 60px
  }

  .holistic-section .content-wrap {
      margin-bottom: 100px
  }

  .holistic-section .image-wrap {
      height: 840px
  }

  .vision-section .title-top {
      font-size: 70px;
      letter-spacing: -2.1px
  }

  html[lang=ua] .vision-section .vision-card .card-title {
      font-size: 50px;
      letter-spacing: -1.5px
  }

  .vision-section .title-bottom {
      font-size: 70px;
      letter-spacing: -2.1px;
      margin-top: 100px
  }

  .about-us .products-section.max-1920 {
      max-width: none;
      padding: 0
  }

  .products-section .title {
      font-size: 70px;
      letter-spacing: -2.8px
  }

  .products-section .products-slider {
      width: 100%;
      margin-left: 0
  }

  .products-section .products-slider .products-slide {
      width: 100%
  }

  .products-section .products-slider .swiper-wrapper {
      padding-left: 0
  }

  .products-section .slide-inner {
      height: 840px
  }

  .products-section .stickyParent {
      width: 100%
  }

  .products-section .scrollBlock {
      width: -webkit-calc(400% + 40px);
      width: calc(400% + 40px);
      left: -webkit-calc(50% - 900px);
      left: calc(50% - 900px);
      top: 130px;
      height: -webkit-calc(100% - 130px);
      height: calc(100% - 130px)
  }

  .products-section .scrollBlock .scroll-item {
      width: 100%
  }

  .products-section .sticky {
      height: -webkit-calc(100vh - 100px);
      height: calc(100vh - 100px)
  }

  .products-section .sticky .title {
      padding: 0;
      position: absolute;
      top: 0;
      left: -webkit-calc(50% - 900px);
      left: calc(50% - 900px)
  }

  .goal-section .content-wrap .quotes {
      max-width: 81px
  }

  .goal-section .content-wrap .title {
      font-size: 65px;
      line-height: 1;
      letter-spacing: -1.3px;
      max-width: 850px
  }

  .media-section .title {
      font-size: 70px;
      letter-spacing: -2.1px;
      margin-bottom: 60px
  }

  .media-section .media-slider {
      width: 100%
  }

  .media-section .media-slider .media-slide {
      padding: 60px;
      -webkit-border-radius: 40px;
      border-radius: 40px
  }

  .media-section .media-slider .icon-bg {
      height: 80px
  }

  .media-section .media-slider .media-slide {
      width: -webkit-calc(33.333% - 13px);
      width: calc(33.333% - 13px)
  }

  .media-section .media-slider .subhead-2 {
      font-size: 24px;
      margin: 48px 0 80px
  }

  .media-section .media-slider .body-2 {
      font-size: 16px;
      min-height: auto
  }

  .media-section .media-slider .swiper-wrapper {
      padding-left: 0
  }

  .media-section .navigations {
      right: 60px
  }

  .impact-section .title {
      font-size: 70px;
      letter-spacing: -2.1px;
      margin-bottom: 40px
  }

  .impact-section .impact-slider {
      width: 100%
  }

  .impact-section .impact-slider .impact-slide {
      width: -webkit-calc(50% - 10px);
      width: calc(50% - 10px);
      padding: 60px
  }

  .impact-section .impact-slider .impact-slide .slide-subtitle {
      margin-bottom: 48px
  }

  .impact-section .impact-slider .impact-slide .slide-title {
      font-size: 50px;
      letter-spacing: -1px;
      min-height: 108px;
      margin-bottom: 60px
  }

  .impact-section .impact-slider .impact-slide .frame-wrap {
      top: 60px;
      right: 60px
  }

  .impact-section .impact-slider .swiper-wrapper {
      padding-left: 0
  }

  .impact-section .navigations {
      bottom: 980px
  }

  html[lang=ua] .impact-section .navigations {
      bottom: 960px
  }

  .awards-section .awards-slider .awards-slide {
      padding: 60px 20px;
      gap: 38px
  }

  .awards-section .awards-slider .awards-slide .slide-title {
      font-size: 40px;
      letter-spacing: -.8px
  }
}

.contact-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 115px 0 45px
}

@media screen and (max-width: 740px) {
  .contact-page {
      padding:45px 0 0
  }

  .contact-page~.footer .footer-navigation {
      border-top: none
  }
}

.contact-page h1 {
  font-weight: 600;
  margin-top: -5px;
  font-size: 64px;
  line-height: 1;
  margin-bottom: 35px
}

@media screen and (max-width: 740px) {
  .contact-page h1 {
      font-size:12.5vw;
      margin-top: 0
  }
}

.contact-page .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

@media screen and (max-width: 740px) {
  .contact-page .row {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.contact-page .col {
  width: 48%;
  max-width: 440px;
  display: inherit
}

@media screen and (max-width: 740px) {
  .contact-page .col {
      width:100%;
      max-width: none
  }
}

.contact-page .col-big {
  width: 52%;
  display: block
}

@media screen and (max-width: 740px) {
  .contact-page .col-big {
      width:100%
  }
}

.contact-page .text {
  margin-bottom: 40px;
  width: 384px;
  font-weight: 500
}

@media screen and (max-width: 740px) {
  .contact-page .text {
      font-size:4.4vw;
      width: 89%;
      margin-bottom: 30px
  }
}

.contact-page .button {
  width: 238px;
  text-align: center;
  margin-bottom: 75px
}

@media screen and (max-width: 740px) {
  .contact-page .button {
      margin-bottom:47px;
      width: 62.2%;
      min-width: auto
  }
}

.contact-page .contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -29px -13.8px
}

@media screen and (max-width: 1024px) {
  .contact-page .contacts {
      margin:0 0 -13.8px
  }
}

@media screen and (max-width: 740px) {
  .contact-page .contacts {
      margin:0
  }
}

.contact-page .contacts .contact {
  padding-left: 29px;
  padding-right: 29px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 40px
}

@media screen and (max-width: 1024px) {
  .contact-page .contacts .contact {
      width:46%;
      padding: 0
  }
}

@media screen and (max-width: 740px) {
  .contact-page .contacts .contact {
      width:100%;
      margin-bottom: 24px
  }

  .contact-page .contacts .contact:nth-child(2n) {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2
  }

  .contact-page .contacts .contact:nth-child(3n) {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1
  }
}

.contact-page .contacts .contact-title {
  font-size: 12px;
  color: #1C755F;
  letter-spacing: .92px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase
}

.contact-page .contacts a {
  font-size: 18px;
  line-height: 1.333;
  font-weight: 500
}

@media screen and (max-width: 740px) {
  .contact-page .contacts a {
      font-size:4.4vw
  }
}

.contact-page .map {
  width: 100%;
  height: 100%
}

@media screen and (max-width: 740px) {
  .contact-page .map {
      height:75vw
  }
}

.handorgel__header {
  display: none
}

@media screen and (max-width: 740px) {
  .handorgel__header {
      display:block;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.25;
      color: #000
  }
}

.handorgel__header .handorgel__header__button {
  background-color: transparent;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.handorgel__header .handorgel__header__button h1,.handorgel__header .handorgel__header__button h2,.handorgel__header .handorgel__header__button h3,.handorgel__header .handorgel__header__button p {
  margin: 0;
  padding: 0;
  font-size: inherit
}

.handorgel__header .handorgel__header__button h1,.handorgel__header .handorgel__header__button h2 {
  font-weight: inherit;
  line-height: inherit
}

.handorgel__header .handorgel__header__button svg {
  margin-left: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.handorgel__header.handorgel__header--open .handorgel__header__button svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.handorgel__content__inner {
  padding: 0
}

.handorgel__content {
  border: none
}

@media screen and (min-width: 740px) {
  .handorgel__content {
      display:block!important;
      height: auto!important
  }

  .handorgel__content .handorgel__content__inner {
      opacity: 1!important
  }
}

.for-work-page {
  padding-top: 0;
  padding-bottom: 0
}

.for-work-hero {
  overflow: hidden;
  padding: 0;
  color: #fff;
  background-color: #1C755F
}

.for-work-hero .container {
  position: relative;
  min-height: 436px;
  padding: 100px 0 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media screen and (max-width: 740px) {
  .for-work-hero .container {
      display:block;
      min-height: auto;
      padding: 40px 16px 0
  }
}

.for-work-hero .hero-wr {
  position: relative;
  width: 50%
}

@media screen and (max-width: 740px) {
  .for-work-hero .hero-wr {
      width:100%
  }
}

.for-work-hero h1 {
  font-size: 112px;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 32px;
  color: #fff
}

@media screen and (max-width: 740px) {
  .for-work-hero h1 {
      font-size:40px;
      margin-bottom: 24px
  }
}

.for-work-hero p {
  max-width: 365px;
  color: #fff
}

@media screen and (max-width: 740px) {
  .for-work-hero p {
      margin-bottom:24px
  }
}

.for-work-hero .img-bg {
  font-size: 0;
  position: absolute;
  z-index: 1;
  top: 28px;
  right: -32px;
  bottom: 0;
  overflow: hidden;
  width: 55.3%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: 100% 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto
}

.for-work-hero .img-bg img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0
}

@media screen and (max-width: 740px) {
  .for-work-hero .img-bg {
      position:static;
      width: 100%;
      background-image: none!important
  }

  .for-work-hero .img-bg img {
      position: static;
      display: block;
      max-width: 100%;
      margin-bottom: -12%;
      opacity: 1
  }
}

.for-work-matters {
  padding: 40px 0 74px
}

@media screen and (max-width: 740px) {
  .for-work-matters {
      padding:34px 0 56px
  }
}

.for-work-matters .container {
  display: block;
  overflow: hidden
}

.for-work-matters .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -40px;
  padding: 50px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.for-work-matters .row:last-child {
  margin-bottom: 0
}

@media screen and (max-width: 740px) {
  .for-work-matters .row {
      display:block;
      margin: 0 0 40px;
      padding: 0
  }
}

.for-work-matters .row-main {
  margin: 0 -40px;
  padding: 50px 0 64px
}

.for-work-matters .row-main .for-work-matters-h2 {
  max-width: 66.666%;
  padding: 0 40px
}

.for-work-matters .row-main .row {
  margin: 0;
  padding: 0
}

@media screen and (max-width: 740px) {
  .for-work-matters .row-main {
      margin:0 0 40px;
      padding: 0
  }

  .for-work-matters .row-main .for-work-matters-h2 {
      max-width: none;
      padding: 0
  }
}

.for-work-matters .col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.333%;
  padding: 0 40px
}

@media screen and (max-width: 740px) {
  .for-work-matters .col {
      width:100%;
      margin-bottom: 30px;
      padding: 0
  }

  .for-work-matters .col:last-child {
      margin-bottom: 0
  }
}

.for-work-matters .col-wide {
  width: 66.666%
}

.for-work-matters .col-wide p {
  font-size: 24px;
  line-height: 1.333em;
  max-width: 544px
}

@media screen and (max-width: 740px) {
  .for-work-matters .col-wide {
      width:100%
  }

  .for-work-matters .col-wide p {
      font-size: 18px;
      max-width: none
  }
}

.for-work-matters .col-small p {
  max-width: 146px
}

.for-work-matters-h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.229em;
  margin-bottom: 28px;
  color: #1C755F
}

.for-work-matters-h2 h2 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  color: inherit
}

@media screen and (max-width: 740px) {
  .for-work-matters-h2 {
      font-size:26px;
      margin-bottom: 16px
  }
}

.for-work-matters-h3 {
  font-size: 36px;
  font-weight: 700;
  line-height: .889em;
  margin-top: -4px;
  margin-bottom: 10px
}

.for-work-matters-h3 h3 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  letter-spacing: 0
}

@media screen and (max-width: 740px) {
  .for-work-matters-h3 {
      font-size:28px;
      margin-top: 0;
      margin-bottom: 5px
  }
}

.for-work-matters p {
  margin: 0
}

.for-work-matters p .theme-text {
  font-weight: 600
}

.for-work-matters p small {
  font-size: 14px;
  line-height: 1.714em
}

.for-work-matters ol {
  list-style: none
}

.for-work-matters ol li {
  counter-increment: matters
}

.for-work-matters ol li .theme-text {
  color: #1C755F
}

.for-work-matters ol li:before {
  font-size: 14px;
  line-height: 1.714em;
  display: block;
  margin-bottom: 8px;
  content: counter(matters,decimal-leading-zero) "."
}

.for-work-slider {
  padding-top: 100px;
  padding-bottom: 74px;
  color: #000;
  background-color: #fcdbdf
}

@media screen and (max-width: 740px) {
  .for-work-slider {
      padding-top:50px;
      padding-bottom: 50px
  }
}

.for-work-slider .container {
  display: block;
  margin-bottom: 52px
}

@media screen and (max-width: 740px) {
  .for-work-slider .container {
      margin-bottom:46px
  }
}

.for-work-slider .title {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #1C755F
}

.for-work-slider .title h2 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0
}

@media screen and (max-width: 740px) {
  .for-work-slider .title {
      font-size:26px
  }
}

.for-work-slider .subtitle {
  font-size: 24px;
  font-weight: 600;
  max-width: 452px;
  margin: 0;
  letter-spacing: normal;
  color: #000
}

.for-work-slider .subtitle h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  letter-spacing: inherit;
  color: inherit
}

@media screen and (max-width: 740px) {
  .for-work-slider .subtitle {
      font-size:18px;
      max-width: none
  }
}

.for-work-slider .swiper-slide {
  text-align: center
}

@media screen and (max-width: 740px) {
  .for-work-slider .swiper-slide {
      padding:0 0 0 16px
  }
}

.for-work-slider .phone-img {
  font-size: 0
}

.for-work-slider .phone-img img {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 0 auto
}

.for-work-slider .phone-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3333;
  margin-top: 30px
}

@media screen and (max-width: 740px) {
  .for-work-slider .phone-title {
      font-size:18px;
      margin-top: 10px
  }
}

.for-work-slider .phone-text {
  font-size: 14px;
  line-height: 1.71
}

.for-work-graph {
  padding-top: 130px;
  padding-bottom: 124px
}

@media screen and (max-width: 740px) {
  .for-work-graph {
      padding-top:60px;
      padding-bottom: 60px
  }
}

.for-work-graph .container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

@media screen and (max-width: 740px) {
  .for-work-graph .container {
      display:block
  }
}

.for-work-graph .col {
  padding-right: 16px;
  -webkit-flex-basis: 37%;
  -ms-flex-preferred-size: 37%;
  flex-basis: 37%
}

@media screen and (max-width: 740px) {
  .for-work-graph .col {
      padding-right:0
  }
}

.for-work-graph .col-graph {
  padding-right: 0;
  -webkit-flex-basis: 63%;
  -ms-flex-preferred-size: 63%;
  flex-basis: 63%
}

.for-work-graph .col-graph img {
  display: block;
  max-width: 100%;
  margin-left: auto
}

@media screen and (max-width: 740px) {
  .for-work-graph .col-graph {
      margin-top:45px;
      margin-right: -8px;
      margin-left: -8px
  }
}

.for-work-graph .title {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 24px;
  color: #1C755F
}

@media screen and (max-width: 740px) {
  .for-work-graph .title {
      font-size:26px;
      line-height: 1.231em;
      margin-bottom: 8px
  }
}

.for-work-graph .subtitle {
  font-size: 24px;
  font-weight: 600;
  max-width: 240px;
  margin: 0;
  letter-spacing: normal;
  color: #000
}

.for-work-graph .subtitle h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  letter-spacing: inherit;
  color: inherit
}

@media screen and (max-width: 740px) {
  .for-work-graph .subtitle {
      font-size:18px;
      max-width: none
  }
}

.for-work-form {
  padding-top: 84px;
  padding-bottom: 90px;
  color: #fff;
  background-color: #222
}

@media screen and (max-width: 740px) {
  .for-work-form {
      padding-top:40px;
      padding-bottom: 54px
  }
}

.for-work-form .container {
  display: block;
  max-width: 736px
}

@media screen and (max-width: 740px) {
  .for-work-form .container {
      max-width:none
  }
}

.for-work-form .title {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 64px;
  text-align: center;
  color: #fff
}

.for-work-form .title h2 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0
}

@media screen and (max-width: 740px) {
  .for-work-form .title {
      font-size:32px;
      margin-bottom: 40px;
      text-align: center
  }
}

.for-work-form .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width: 740px) {
  .for-work-form .form {
      display:block
  }
}

.for-work-form .field {
  width: -webkit-calc(50% - 16px);
  width: calc(50% - 16px);
  margin-bottom: 24px
}

.for-work-form .field-full {
  width: 100%
}

.for-work-form .field textarea {
  height: 184px
}

@media screen and (max-width: 740px) {
  .for-work-form .field {
      width:100%
  }

  .for-work-form .field textarea {
      height: 104px
  }
}

.for-work-form .button {
  min-width: 160px;
  margin-left: auto;
  text-align: center;
  color: #1C755F
}

@media screen and (max-width: 740px) {
  .for-work-form .button {
      width:100%;
      min-width: auto
  }
}

.error-page-ie11 {
  height: 0
}

.error-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  background-color: #1C755F;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.error-page .container {
  display: block;
  padding: 40px 0;
  text-align: center
}

.error-page h1,.error-page h2 {
  font-weight: 600;
  line-height: 1;
  color: inherit
}

.error-page h1 {
  margin: 0 0 .668em
}

@media screen and (max-width: 740px) {
  .error-page h1 {
      margin-bottom:12px
  }
}

.error-page h2 {
  font-size: 48px;
  margin: 0 0 1.667em
}

@media screen and (max-width: 740px) {
  .error-page h2 {
      font-size:22px;
      margin-bottom: 54px
  }
}

.error-page .button span {
  color: #1C755F
}

@media screen and (max-width: 740px) {
  .error-page .button {
      line-height:1;
      min-width: 176px;
      padding: 14px 22px
  }
}

.error-page+.footer .container {
  border-top: none
}

html[lang=en] .error-page,html[lang=ua] .error-page {
  color: inherit;
  background-color: inherit
}

html[lang=en] .error-page .btn,html[lang=ua] .error-page .btn {
  margin: 0 auto
}

html[lang=en] .error-page .button,html[lang=ua] .error-page .button {
  background-color: #df4142
}

html[lang=en] .error-page .button span,html[lang=ua] .error-page .button span {
  color: #fff
}

html[lang=en] .error-page .button:hover,html[lang=ua] .error-page .button:hover {
  background: #e75152;
  -webkit-box-shadow: none;
  box-shadow: none
}

.press-room-page .swiper-container {
  width: 100%
}

.press-room-page section {
  padding: 120px 0
}

@media screen and (max-width: 1024px) {
  .press-room-page section {
      padding:80px 0
  }
}

@media screen and (max-width: 740px) {
  .press-room-page section {
      padding:40px 0
  }
}

@media screen and (max-width: 740px) {
  .press-room-page .our-story {
      padding-top:24px
  }

  .press-room-page .our-story .col-left p {
      max-width: 100%;
      width: 100%;
      margin-bottom: 24px
  }

  .press-room-page .our-story .col-left .button {
      margin-bottom: 40px
  }

  .press-room-page .our-story .title {
      margin-bottom: 24px
  }
}

.press-room-page .press-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 400px;
  padding: 0;
  background-color: #1C755F
}

@media screen and (max-width: 740px) {
  .press-room-page .press-hero {
      height:200px
  }

  .press-room-page .press-hero h1 {
      width: 50%;
      margin-bottom: 0
  }
}

.press-room-page .press-hero .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1152px;
  height: 100%;
  margin: auto;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  -webkit-background-size: contain;
  background-size: contain
}

.press-room-page .press-hero .container {
  height: 100%;
  padding: 112px 16px
}

@media screen and (max-width: 900px) {
  .press-room-page .press-hero .container {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 50px 16px
  }
}

.press-room-page .mobile-accordion {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.press-room-page .handorgel__header {
  width: 100%;
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
  -ms-flex-order: 20;
  order: 20
}

.press-room-page .handorgel__header__button {
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #1C755F;
  font-size: 12px;
  line-height: 1.33333;
  border-top: none;
  width: 100%;
  padding-left: 0;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10
}

.press-room-page .handorgel__header__button span {
  position: relative;
  text-transform: uppercase;
  padding-bottom: 6px
}

.press-room-page .handorgel__header__button span:after {
  width: 100%;
  height: 3px;
  content: "";
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  left: 0
}

.press-room-page .handorgel__header__button .text-open {
  display: none;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5
}

.press-room-page .handorgel__header--open .text-close {
  display: none
}

.press-room-page .handorgel__header--open .text-open {
  display: inline
}

.press-room-page .section-body {
  margin-bottom: 0
}

.press-room-page .section-body p {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
  padding-right: 10px
}

@media screen and (max-width: 740px) {
  .press-room-page .section-body p {
      padding-right:0
  }
}

.press-room-page .section-body q {
  width: 100%;
  margin: 40px 0 0;
  font-size: 130%
}

.press-room-page .section-body q:before {
  display: block;
  text-align: center;
  line-height: .9;
  position: relative;
  right: 0
}

.press-room-page .section-body q:after {
  opacity: 0
}

.press-room-page .section-body .quote-describe {
  margin-top: 16px
}

.press-room-page .section-body .quote-describe+p {
  margin-top: 40px
}

.press-room-page .section-header {
  width: 100%
}

.press-room-page .section-header,.press-room-page .swiper-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.press-room-page .swiper-navigation {
  margin: auto 0 0 auto;
  padding: 0;
  list-style: none
}

@media screen and (max-width: 740px) {
  .press-room-page .swiper-navigation {
      display:none
  }

  .press-room-page .swiper-navigation.navigation-mobile {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      padding-top: 26px
  }
}

.press-room-page .swiper-navigation.navigation-mobile {
  display: none
}

.press-room-page .swiper-navigation button {
  padding: 25px 0 0 25px
}

@media screen and (max-width: 740px) {
  .press-room-page .swiper-navigation button {
      padding:20px 26px 6px
  }
}

.press-room-page .title {
  color: #1C755F;
  line-height: 1
}

.press-room-page .section-title {
  color: #000;
  line-height: .97
}

.press-room-page .col-left p {
  max-width: 160px;
  margin: 60px 0 16px;
  font-size: 14px;
  line-height: 1.71
}

@media screen and (max-width: 900px) {
  .press-room-page .col-left p {
      margin:30px 0 16px
  }
}

.press-room-page .achivements {
  padding: 0 16px
}

@media screen and (max-width: 740px) {
  .press-room-page .achivements {
      padding:0
  }
}

@media screen and (max-width: 900px) {
  .press-room-page .achivements .container {
      width:100%
  }
}

@media screen and (max-width: 740px) {
  .press-room-page .achivements .container {
      padding:0
  }
}

.press-room-page .achivements .wrapper {
  width: 100%;
  max-width: 1120px;
  margin: auto;
  padding: 80px 16px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #f5f5f5
}

@media screen and (max-width: 900px) {
  .press-room-page .achivements .wrapper {
      padding:40px 20px
  }
}

@media screen and (max-width: 740px) {
  .press-room-page .achivements .wrapper {
      -webkit-border-radius:0;
      border-radius: 0
  }
}

.press-room-page .achivements p {
  width: 100%;
  max-width: 545px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.3333
}

@media screen and (max-width: 740px) {
  .press-room-page .achivements p {
      font-size:14px;
      line-height: 1.43
  }
}

.press-room-page .achivements .swiper-container {
  margin-top: 80px
}

@media screen and (max-width: 1024px) {
  .press-room-page .achivements .swiper-container {
      margin-top:50px
  }
}

@media screen and (max-width: 740px) {
  .press-room-page .achivements .swiper-container {
      margin-top:40px
  }
}

.press-room-page .achivements .swiper-container img {
  width: 100%
}

@media screen and (max-width: 740px) {
  .press-room-page .press br {
      display:none
  }
}

.press-room-page .press .swiper-container {
  margin-top: 40px
}

@media screen and (max-width: 740px) {
  .press-room-page .press .swiper-container {
      margin-top:20px
  }
}

.press-room-page .assets {
  padding: 80px 0;
  background-color: #222
}

@media screen and (max-width: 740px) {
  .press-room-page .assets {
      padding:40px 0 24px
  }
}

.press-room-page .assets .container {
  color: #fff
}

.press-room-page .assets p:not([class]) {
  margin-bottom: 40px;
  color: #a8a9a8;
  font-size: 18px;
  line-height: 1.3333
}

@media screen and (max-width: 740px) {
  .press-room-page .assets p:not([class]) {
      margin-bottom:24px
  }
}

.press-room-page .article .article-meta {
  margin: 24px 0 16px;
  color: #a8a9a8;
  font-size: 14px;
  line-height: 1.71
}

@media screen and (max-width: 1024px) {
  .press-room-page .article .article-meta {
      margin:18px 0 10px
  }
}

.press-room-page .article .article-title {
  margin: 0;
  font-size: 24px;
  line-height: 1.333;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s
}

@media screen and (max-width: 1024px) {
  .press-room-page .article .article-title {
      font-size:20px
  }
}

.press-room-page .article .article-title:hover {
  color: #1C755F
}

.press-room-page .article .picture {
  width: 100%;
  margin: 0;
  padding-top: 66%;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #f5f5f5;
  -webkit-background-size: contain;
  background-size: contain
}

.press-room-page .text-big {
  margin-top: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33333
}

@media screen and (max-width: 740px) {
  .press-room-page .text-big {
      margin:16px 0;
      font-size: 18px;
      line-height: 1.444
  }
}

.press-room-page .download-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 544px;
  padding: 76px 0;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: hsla(0,0%,96.1%,.05)
}

.press-room-page .download-link:hover {
  background-color: hsla(0,0%,96.1%,.07)
}

.press-room-page .download-link:hover span:after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0)
}

.press-room-page .download-link .link-title {
  margin-bottom: 9px;
  text-align: center;
  font-weight: 600
}

.press-room-page .download-link .link-action {
  width: 100%;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #1C755F;
  font-size: 12px;
  line-height: 1.3333
}

.press-room-page .download-link .link-action>* {
  vertical-align: middle
}

.legal-page {
  padding: 0 0 83px;
  margin-top: -4px;
  scroll-behavior: smooth
}

.legal-page :target:before {
  content: "";
  display: block;
  height: 85px;
  margin: -80px 0 0
}

.legal-page .container {
  max-width: 1024px;
  width: 100%;
  padding-top: 30px
}

.legal-page .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

@media screen and (max-width: 740px) {
  .legal-page .row {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.legal-page .sidebar-menu {
  color: #4d5764;
  font-size: 14px;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.legal-page .sidebar-menu li {
  margin: 0 0 24px
}

.legal-page .sidebar-menu li:hover {
  font-weight: 600;
  color: #090a0a
}

.legal-page .sidebar-menu li a.active {
  display: block;
  padding: 6px 0 6px 17px;
  border-left: 4px solid #1C755F;
  font-weight: 600;
  color: #090a0a
}

.legal-page .sidebar-menu li.hidden {
  display: none
}

.legal-page .sidebar-menu li.your-privacy-choices {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1
}

.legal-page .h1 {
  font-size: 40px;
  text-align: center
}

.legal-page h2 {
  margin: 48px 0 16px
}

.legal-page .top-p-margin {
  margin-top: 10px
}

.legal-page .left-side {
  font-size: 14px;
  padding-right: 32px
}

.legal-page .col-left {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 232px
}

.legal-page .col-right {
  width: auto
}

.legal-page a:not(.link-image) span:after {
  content: none
}

.legal-page .content {
  overflow-wrap: anywhere
}

.legal-page .content a {
  color: #1C755F;
  border-bottom: 1px solid #1C755F
}

.legal-page .content h2 {
  font-size: 24px
}

.legal-page .content h4 {
  font-size: 16px;
  margin: 16px 0 12px
}

.legal-page .content strong {
  font-weight: 600
}

.legal-page .content li,.legal-page .content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5
}

.legal-page .content li {
  margin: 16px 0
}

.legal-page .content li:before {
  content: none
}

.legal-page .content .table-content a {
  font-weight: 500
}

.legal-page .content .no-marker {
  padding-left: 25px
}

.legal-page .content .no-marker li {
  list-style-type: none
}

.legal-page .content ol li::marker {
  font-weight: 600
}

.legal-page .content table {
  table-layout: fixed;
  border: none;
  font-size: 14px;
  line-height: 1.5;
  border-collapse: collapse;
  width: 100%
}

.legal-page .content table p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0
}

.legal-page .content table td {
  padding: 16px;
  vertical-align: top;
  width: 65%;
  border: none
}

.legal-page .content table td:first-of-type {
  width: 35%
}

.legal-page .content table td:nth-child(odd) {
  -webkit-box-shadow: inset -1px 0 0 #e8e8e9,inset 1px -1px 0 #e8e8e9;
  box-shadow: inset -1px 0 0 #e8e8e9,inset 1px -1px 0 #e8e8e9
}

.legal-page .content table td:nth-child(2n) {
  -webkit-box-shadow: inset -1px -1px 0 #e8e8e9;
  box-shadow: inset -1px -1px 0 #e8e8e9
}

.legal-page .content table tr[style*="background-color:"] td:nth-child(odd) {
  -webkit-box-shadow: inset -1px 0 0 rgba(24,27,37,.1);
  box-shadow: inset -1px 0 0 rgba(24,27,37,.1)
}

.legal-page .content table tr[style*="background-color:"] td:nth-child(2n) {
  -webkit-box-shadow: none;
  box-shadow: none
}

.legal-page .content table tr:first-of-type:not([style*="background-color:"]) {
  -webkit-box-shadow: inset 0 1px 0 0 #e8e8e9;
  box-shadow: inset 0 1px 0 0 #e8e8e9
}

.legal-page .content[dir=RTL] table td {
  width: 35%
}

.legal-page .content[dir=RTL] table td:first-of-type {
  width: 65%
}

.legal-page .content[dir=RTL] table td:nth-child(odd) {
  -webkit-box-shadow: inset -1px -1px 0 #e8e8e9;
  box-shadow: inset -1px -1px 0 #e8e8e9
}

.legal-page .content[dir=RTL] table td:nth-child(2n) {
  -webkit-box-shadow: inset -1px 0 0 #e8e8e9,inset 1px -1px 0 #e8e8e9;
  box-shadow: inset -1px 0 0 #e8e8e9,inset 1px -1px 0 #e8e8e9
}

.legal-page .content[dir=RTL] table tr[style*="background-color:"] td:nth-child(odd) {
  -webkit-box-shadow: none;
  box-shadow: none
}

.legal-page .content[dir=RTL] table tr[style*="background-color:"] td:nth-child(2n) {
  -webkit-box-shadow: inset -1px 0 0 rgba(24,27,37,.1);
  box-shadow: inset -1px 0 0 rgba(24,27,37,.1)
}

@media screen and (min-width: 740px) {
  .legal-page .sticky-legal {
      position:-webkit-sticky;
      position: sticky;
      top: 92px;
      margin: 16px 0
  }
}

@media screen and (max-width: 1024px) {
  .legal-page .h1 {
      font-size:32px;
      text-align: center;
      padding: 0 20px
  }
}

.v1 .legal-page .sticky-legal {
  position: -webkit-sticky;
  position: sticky
}

.v1 .legal-page :target:before {
  height: 170px;
  margin: -170px 0 0
}

@media screen and (min-width: 740px) {
  .v1 .legal-page .sticky-legal {
      position:-webkit-sticky;
      position: sticky;
      top: 200px;
      height: auto;
      margin: 16px 0
  }
}

.hidden {
  display: none
}

.legal-page .sidebar-menu li.your-privacy-choices span {
  position: relative
}

.legal-page .sidebar-menu li.your-privacy-choices span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -38px;
  width: 30px;
  height: 14px;
  background: url(/assets/images/choices.svg) 50% no-repeat;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.legal-page .content .opt-in-out-table {
  margin-bottom: 24px;
  -webkit-box-shadow: 0 -1px 1px 0 #e8e8e9;
  box-shadow: 0 -1px 1px 0 #e8e8e9;
  -webkit-border-radius: 20px;
  border-radius: 20px
}

.legal-page .content .opt-in-out-table p {
  font-size: 16px
}

.legal-page .content .opt-in-out-table td,.legal-page .content .opt-in-out-table tr {
  -webkit-border-radius: 16px;
  border-radius: 16px
}

.legal-page .content .opt-in-out-table td {
  padding: 16px 24px
}

.legal-page .content .opt-in-out-table td div {
  float: left;
  width: -webkit-calc(100% - 180px);
  width: calc(100% - 180px)
}

.legal-page .content .opt-in-out-table td .opt-in-out-status {
  margin-top: 6px
}

.legal-page .content .opt-in-out-table td .opt-in-out-status.opted-out {
  color: #3aae92;
  display: inline-block;
  padding: 4px 8px;
  margin-top: 8px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: rgba(58,174,146,.12);
  text-transform: uppercase;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: .22px
}

.legal-page .content .opt-in-out-table td a.opt-in-out {
  float: right;
  color: #090a0a;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid rgba(0,0,0,.4);
  padding: 16px 53px;
  text-align: center
}

.legal-page .content .opt-in-out-table td .opt-in-out-list {
  margin-top: 6px;
  position: relative
}

.legal-page .content .opt-in-out-table td .opt-in-out-list a {
  color: #0050b2;
  border-bottom: none
}

.legal-page .content .choices-ul-list {
  padding-left: 40px
}

.legal-page .content .choices-ul-list li {
  list-style: outside
}

.legal-page .content .choices-ol-list li,.legal-page .content .choices-ul-list li {
  margin: 0
}

.opt-in-out-popup.open {
  background: rgba(0,0,0,.5)
}

.opt-in-out-popup .popup-content {
  height: 100%;
  max-height: 520px;
  overflow: scroll;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 520px;
  position: relative;
  background: #fff;
  padding: 48px;
  gap: 18px;
  -webkit-border-radius: 16px;
  border-radius: 16px
}

.opt-in-out-popup .popup-content .modal-hide {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  width: 56px;
  padding: 0
}

.opt-in-out-popup .popup-content .modal-hide svg {
  width: 20px;
  height: 20px
}

.opt-in-out-popup .popup-content h4 {
  color: #171717;
  text-align: center;
  width: 100%;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -1px;
  margin: 0
}

.opt-in-out-popup .popup-content p {
  color: #171717;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -.48px;
  margin: 0
}

.opt-in-out-popup .popup-content button {
  width: 100%;
  padding: 20px 40px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 1;
  font-weight: 500
}

.opt-in-out-popup .popup-content .opt-in-out-btn {
  color: #fff;
  background: #000;
  border: 1px solid #000
}

.opt-in-out-popup .popup-content .opt-in-out-btn:hover {
  color: #090a0a;
  background: #fff;
  border-color: rgba(0,0,0,.4)
}

.opt-in-out-popup .popup-content .cancel {
  color: #090a0a;
  background: #fff;
  border: 1px solid rgba(0,0,0,.4)
}

.opt-in-out-popup .popup-content .cancel:hover {
  color: #fff;
  background: #000;
  border-color: #000
}

.legal-page .content .for-us-users .onetrust-banner-btn {
  cursor: pointer;
  text-decoration: underline
}

.legal-page .content .for-us-users a {
  color: #000;
  border-bottom: 1px solid #000
}

@media screen and (max-width: 576px) {
  .legal-page .content .opt-in-out-table td div {
      width:100%;
      float: none;
      margin-bottom: 16px
  }

  .legal-page .content .opt-in-out-table td .opt-in-out {
      float: none;
      display: block;
      max-width: 300px;
      text-align: center
  }

  .opt-in-out-popup .popup-content {
      padding: 48px 20px 20px;
      margin: 0 20px
  }

  .opt-in-out-popup .popup-content h4 {
      font-size: 32px;
      font-weight: 600;
      line-height: 1.3
  }
}

.global-header {
  position: fixed;
  z-index: 4;
  top: 0;
  width: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  border-bottom: 1px solid rgba(0,0,0,.2)
}

.global-header,.theme-light .global-header {
  /* background: #fff */
}

.theme-dark .global-header {
  background: #152340
}

.theme-light .global-header .logo-better-word {
  fill: #090a0a
}

.theme-dark .global-header .logo-better-word {
  fill: #fff
}

.theme-light .global-header .navigation-link {
  color: #090a0a
}

.theme-dark .global-header .navigation-link {
  color: #fff
}

.theme-light .global-header .side-menu {
  border-color: rgba(0,0,0,.4)
}

.theme-dark .global-header .side-menu {
  border-color: hsla(0,0%,100%,.4)
}

.theme-light .global-header .side-menu .line {
  background-color: #090a0a
}

.theme-dark .global-header .side-menu .line {
  background-color: #fff
}

.global-header .main-navigation .title {
  line-height: 1
}

.global-header .hide {
  display: none
}

.global-header.slide-up {
  top: -110px
}

.global-header .logo {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.global-header .header-inner-mobile,.global-header .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.global-header .header-inner-mobile {
  z-index: 3
}

@media screen and (max-width: 1800px) {
  .global-header .header-inner-mobile {
      position:relative;
      z-index: 31;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: auto
  }
}

.global-header .burger,.global-header .mobile-header-right {
  display: none
}

.global-header .side-menu .line {
  position: absolute;
  top: -webkit-calc(50% - 1px);
  top: calc(50% - 1px);
  display: block;
  height: 1.5px;
  width: 100%;
  max-width: 20px;
  background-color: #000;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.global-header .side-menu .line:first-child {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px)
}

.global-header .side-menu .line:last-child {
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px)
}

.global-header .side-menu.open .line {
  max-width: 20px;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0)
}

.global-header .side-menu.open .line:first-child {
  -webkit-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg)
}

.global-header .side-menu.open .line:last-child {
  -webkit-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg)
}

.global-header .logo-img-mobile {
  display: none
}

@media screen and (max-width: 1800px) {
  .global-header .logo-img,.global-header .logo-img-home {
      height:48px
  }
}

@media screen and (max-width: 1024px) {
  .global-header .mobile-header-right {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 0 -16px
  }

  .global-header .mobile-header-right .button-red {
      min-width: 132px
  }
}

.global-header .mobile-header-right__item {
  padding: 0 16px
}

.global-header .main-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 1200px) {
  .global-header .main-navigation {
      margin-left:20px
  }
}

.global-header .main-navigation .navigation-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-transform: capitalize
}

.global-header .main-navigation .navigation-item:not(:last-child) {
  margin-right: 12px
}

@media screen and (max-width: 1800px) {
  .global-header .main-navigation .navigation-item:not(:last-child) {
      margin-right:12px
  }
}

.global-header .main-navigation .navigation-item:first-child {
  margin-left: 0
}

.global-header .navigation-right {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500
}

@media (max-width: 1440px) {
  .global-header .navigation-right .navigation-item:not(:last-child) {
      margin-right:16px
  }
}

@media screen and (max-width: 576px) {
  .global-header .navigation-right .navigation-item:not(.menu) {
      display:none
  }
}

.global-header .navigation-list {
  position: absolute;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 0;
  padding: 0;
  font-weight: 500;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

@media screen and (max-width: 1439px) {
  .global-header .navigation-list {
      right:15%
  }
}

@media screen and (max-width: 1023px) {
  .global-header .navigation-list {
      display:none
  }
}

.global-header .navigation-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  color: #090a0a;
  padding: 0 6px
}

.global-header .navigation-link .dot {
  margin-top: 5px
}

@media screen and (max-width: 1024px) {
  .global-header .navigation-link {
      padding-left:0;
      padding-right: 0
  }

  .global-header .navigation-link.small {
      font-size: 18px;
      line-height: 2.2
  }

  .global-header .navigation-link.active,.global-header .navigation-link:hover {
      color: inherit
  }

  .global-header .navigation-link.active span:after {
      -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
      transform: scaleX(0)
  }
}

.global-header .log-in {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  padding: 24px 36px;
  text-decoration: none;
  background: none
}

.theme-light .global-header .log-in {
  border: 1px solid rgba(0,0,0,.4)
}

.theme-dark .global-header .log-in {
  border: 1px solid hsla(0,0%,100%,.4)
}

@media screen and (max-width: 1800px) {
  .global-header .log-in {
      padding:19px 36px;
      line-height: 1
  }
}

.global-header .link-grey {
  color: #6c727a
}

.global-header .lang {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0,0,0,.5);
  font-weight: 600;
  font-size: 14px;
  margin: 0
}

@media screen and (max-width: 1024px) {
  .global-header .lang {
      display:none
  }
}

.global-header .lang-dropdown {
  position: relative;
  font-weight: 600
}

.global-header .lang-dropdown .lang-button {
  padding: 14px 32px
}

.global-header .lang-dropdown .lang-list {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  background-color: #fff;
  -webkit-transition: opacity .15s,visibility 0s .3s,-webkit-clip-path .3s;
  transition: opacity .15s,visibility 0s .3s,-webkit-clip-path .3s;
  -o-transition: opacity .15s,clip-path .3s,visibility 0s .3s;
  transition: opacity .15s,clip-path .3s,visibility 0s .3s;
  transition: opacity .15s,clip-path .3s,visibility 0s .3s,-webkit-clip-path .3s
}

.global-header .lang-dropdown .lang-title {
  font-size: 1em;
  width: 100%;
  font-weight: 600;
  text-transform: capitalize
}

.global-header .lang-dropdown .lang-title a {
  display: block;
  width: 100%;
  padding: 24px 0;
  color: #000
}

.global-header .lang-dropdown .lang-title a:hover {
  color: #1C755F
}

header .privacy-policy-navigation-item {
  display: none
}

@media screen and (min-width: 740px) {
  .global-header {
      padding-left:40px;
      padding-right: 40px
  }
}

@media screen and (min-width: 1440px) {
  .global-header {
      padding-left:60px;
      padding-right: 60px
  }
}

@media screen and (min-width: calc($breakpoint-1920 - 1px)) {
  .global-header {
      max-width:1920px;
      left: -webkit-calc(50% - 960px);
      left: calc(50% - 960px);
      border-bottom: none
  }

  .global-header:before {
      content: "";
      position: absolute;
      width: 300%;
      height: 100%;
      left: -100%;
      bottom: 0;
      background: #fff;
      border-bottom: 1px solid rgba(0,0,0,.2);
      z-index: -1
  }
}

@media screen and (max-width: 576px) {
  .global-header .logo-img {
      display:none
  }

  .global-header .logo-img-mobile {
      display: block;
      width: 136px;
      height: 36px;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-height:812px) and (orientation:landscape) {
  .global-header .logo-img,.global-header .logo-img-home {
      display:none
  }

  .global-header .logo-img-mobile {
      display: block;
      width: 136px;
      height: 36px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:736px) and (orientation:landscape) {
  .global-header .logo-img,.global-header .logo-img-home {
      display:none
  }

  .global-header .logo-img-mobile {
      display: block;
      width: 136px;
      height: 36px;
  }
}

.index-full-video {
  position: fixed;
  top: -1000vh;
  z-index: -1
}

body.showed-menu {
  overflow: hidden
}

.side-menu-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  background: #fff;
  z-index: 4;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.side-menu-wrapper.show-menu {
  display: block;
  -webkit-animation: slide-bottom-to-top 1s forwards;
  animation: slide-bottom-to-top 1s forwards
}

.side-menu-wrapper.hide-menu {
  display: block;
  -webkit-animation: slide-top-to-bottom 1s forwards;
  animation: slide-top-to-bottom 1s forwards
}

.side-menu-wrapper .navigation-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 1;
  color: #090a0a;
  padding: 0
}

.side-menu-wrapper .navigation-link.active {
  color: #1C755F
}

.side-menu-wrapper .navigation-link.active span:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

@media screen and (max-width: 1024px) {
  .side-menu-wrapper .navigation-link {
      padding-left:0;
      padding-right: 15px;
      line-height: 1.33
  }

  .side-menu-wrapper .navigation-link.small {
      font-size: 18px;
      line-height: 2.2
  }

  .side-menu-wrapper .navigation-link.active,.side-menu-wrapper .navigation-link:hover {
      color: inherit
  }

  .side-menu-wrapper .navigation-link.active span:after {
      -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
      transform: scaleX(0)
  }
}

.side-menu-wrapper .two-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%
}

.side-menu-wrapper .two-columns .col-1 {
  width: 46%;
  z-index: 3
}

.side-menu-wrapper .two-columns .col-1 .col-1-container {
  min-height: 120px
}

.side-menu-wrapper .two-columns .col-1 ._escape_up {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.side-menu-wrapper .two-columns .col-1 ._scale-up {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.side-menu-wrapper .two-columns .col-2 {
  width: 54%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: scroll;
  padding-left: 100px;
  padding-right: 100px
}

.side-menu-wrapper .two-columns .col-2 ._fade-in {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

.side-menu-wrapper .two-columns .col-1,.side-menu-wrapper .two-columns .col-2 {
  position: relative
}

.side-menu-wrapper .two-columns .col-1-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative
}

.side-menu-wrapper .two-columns .video-btn {
  color: #fff;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  z-index: 1
}

.side-menu-wrapper .two-columns .video-btn .btn-wrapper {
  opacity: 0
}

.side-menu-wrapper .two-columns .video-wrapper:hover .video-btn .btn-wrapper {
  z-index: 5;
  opacity: 1
}

.side-menu-wrapper .two-columns .video-wrapper:hover .video-btn .btn-wrapper .triangle {
  margin-bottom: 130px
}

.side-menu-wrapper .two-columns .video-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative
}

.side-menu-wrapper .two-columns .video-wrapper:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 1
}

.side-menu-wrapper .two-columns .video-wrapper:before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: slide-bottom-to-top-negative .7s forwards;
  animation: slide-bottom-to-top-negative .7s forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.side-menu-wrapper .two-columns .video {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.side-menu-wrapper .two-columns ._anim-start:before {
  background-color: #ededed
}

.side-menu-wrapper .two-columns ._anim-scale:hover ._anim-outer {
  color: #000
}

.side-menu-wrapper .two-columns ._anim-scale:hover ._anim-start .icon .svg-icon {
  fill: #000
}

.side-menu-wrapper .two-columns .nav-wrapper {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px 0 60px;
  z-index: 2;
  color: #000
}

.side-menu-wrapper .two-columns .nav-wrapper,.side-menu-wrapper .two-columns .nav-wrapper .head-nav-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.side-menu-wrapper .two-columns .nav-wrapper .head-nav-wrapper {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin-bottom: 24px
}

.side-menu-wrapper .two-columns .nav-wrapper .head-nav-wrapper .item:not(:last-of-type) {
  margin-right: 24px
}

@media screen and (max-width: 1024px) {
  .side-menu-wrapper .two-columns .nav-wrapper .head-nav-wrapper .item:not(:last-of-type) {
      margin-right:15px
  }
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item {
  margin-bottom: 8px
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .title:after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item ._escape_up {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item:first-child ._escape_up {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item:nth-child(2) ._escape_up {
  -webkit-animation-delay: 1.04s;
  animation-delay: 1.04s
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item:nth-child(3) ._escape_up {
  -webkit-animation-delay: 1.08s;
  animation-delay: 1.08s
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item:nth-child(4) ._escape_up {
  -webkit-animation-delay: 1.12s;
  animation-delay: 1.12s
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item:nth-child(5) ._escape_up {
  -webkit-animation-delay: 1.16s;
  animation-delay: 1.16s
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item:nth-child(6) ._escape_up {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item:nth-child(7) ._escape_up {
  -webkit-animation-delay: 1.24s;
  animation-delay: 1.24s
}

.side-menu-wrapper .two-columns .nav-wrapper .main-nav-wrapper .item:nth-child(8) ._escape_up {
  -webkit-animation-delay: 1.28s;
  animation-delay: 1.28s
}

.side-menu-wrapper .two-columns .nav-wrapper .footer-nav-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.side-menu-wrapper .two-columns .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  color: inherit;
  font-weight: 500
}

.side-menu-wrapper .two-columns .nav.social {
  margin-right: 24px
}

.side-menu-wrapper .two-columns .nav.lang {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

.side-menu-wrapper .two-columns .nav.lang .item {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 25px
}

.side-menu-wrapper .two-columns .nav.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.side-menu-wrapper .two-columns .nav.footer-nav-list {
  display: block;
  width: 90%
}

.side-menu-wrapper .two-columns .nav.footer-nav-list .item {
  display: inline-block;
  padding-bottom: 10px;
  margin-right: 50px
}

.side-menu-wrapper .two-columns .nav.big {
  font-weight: 600;
  font-size: 70px;
  line-height: 1.1
}

.side-menu-wrapper .two-columns .nav .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  cursor: pointer
}

.side-menu-wrapper .two-columns .nav .item .log-in {
  padding: 24px 36px;
  background: none;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid rgba(0,0,0,.4)
}

@media screen and (max-width: 1024px) {
  .side-menu-wrapper.unsubscribe-menu-wrapper .nav-wrapper .head-nav-wrapper .item:not(:last-of-type) {
      margin-right:10px
  }
}

@media screen and (max-width: 1800px) {
  .side-menu-wrapper .two-columns .col-2 {
      padding-left:60px;
      padding-right: 60px
  }

  .side-menu-wrapper .two-columns .nav-wrapper {
      padding-bottom: 40px
  }

  .side-menu-wrapper .two-columns .nav .item .log-in {
      padding: 16px 36px;
      -webkit-border-radius: 40px;
      border-radius: 40px
  }
}

@media screen and (max-width: 1440px) {
  .side-menu-wrapper .two-columns .col-2 {
      padding-left:40px;
      padding-right: 40px
  }

  .side-menu-wrapper .two-columns .nav-wrapper .social {
      display: none
  }

  .side-menu-wrapper .two-columns .head-main {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1
  }

  .side-menu-wrapper .two-columns .head-main .item:first-child {
      -webkit-box-flex: 2;
      -webkit-flex: 2 0 0;
      -ms-flex: 2 0 0px;
      flex: 2 0 0
  }
}

@media screen and (max-width: 1024px) {
  .side-menu-wrapper .two-columns .head-main {
      -webkit-box-flex:1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1
  }

  .side-menu-wrapper .two-columns .head-main .item:first-child {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1
  }

  .side-menu-wrapper .two-columns .nav-wrapper {
      padding-bottom: 20px
  }

  .side-menu-wrapper .two-columns .nav-wrapper .social {
      display: none
  }

  .side-menu-wrapper .two-columns .nav.footer-nav-list .item {
      margin-right: 15px
  }
}

@media screen and (max-width: 900px) {
  .side-menu-wrapper .two-columns {
      -webkit-box-orient:vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
  }

  .side-menu-wrapper .two-columns .col-1,.side-menu-wrapper .two-columns .col-2 {
      width: 100%
  }

  .side-menu-wrapper .two-columns .nav-wrapper .social {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .side-menu-wrapper .two-columns .head-main {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0
  }

  .side-menu-wrapper .two-columns .head-main .item:first-child {
      -webkit-box-flex: 2;
      -webkit-flex: 2 0 0;
      -ms-flex: 2 0 0px;
      flex: 2 0 0
  }

  .side-menu-wrapper .two-columns .head-nav-wrapper,.side-menu-wrapper .two-columns .main-nav-wrapper {
      margin-bottom: 40px
  }

  .side-menu-wrapper .two-columns .col-1,.side-menu-wrapper .two-columns .video-wrapper {
      display: none
  }

  .side-menu-wrapper .two-columns .col-2 {
      padding-left: 40px;
      padding-right: 40px
  }
}

@media screen and (max-width: 740px) {
  .side-menu-wrapper .two-columns {
      height:100%
  }

  .side-menu-wrapper .two-columns .nav-wrapper .social {
      display: none
  }

  .side-menu-wrapper .two-columns .head-main {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1
  }

  .side-menu-wrapper .two-columns .head-main .item:first-child {
      -webkit-box-flex: 2;
      -webkit-flex: 2 0 0;
      -ms-flex: 2 0 0px;
      flex: 2 0 0
  }

  .side-menu-wrapper .two-columns .col-2 {
      overflow-y: auto
  }
}

@media screen and (max-width: 576px) {
  .side-menu-wrapper .two-columns .col-2 {
      padding-left:20px;
      padding-right: 20px
  }

  .side-menu-wrapper .two-columns .login-wrapper {
      margin-left: auto
  }

  .side-menu-wrapper .two-columns .nav.footer-nav-list .item {
      display: block
  }
}

@media screen and (max-width: 320px) {
  .side-menu-wrapper .two-columns {
      height:100%
  }

  .side-menu-wrapper .two-columns .col-2 {
      overflow-y: auto;
      padding-left: 20px
  }

  .side-menu-wrapper .two-columns .col-2 .head-nav-wrapper,.side-menu-wrapper .two-columns .col-2 .main-nav-wrapper {
      margin-bottom: 40px
  }

  .side-menu-wrapper .two-columns .col-2 .footer-nav-wrapper {
      padding-bottom: 20px
  }

  .side-menu-wrapper .two-columns .nav .item .log-in {
      padding: 15px 26px
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px) {
  .side-menu-wrapper .two-columns {
      -webkit-box-orient:vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
  }

  .side-menu-wrapper .two-columns .col-1,.side-menu-wrapper .two-columns .col-2 {
      width: 100%
  }

  .side-menu-wrapper .two-columns .nav-wrapper {
      padding-bottom: 100px
  }

  .side-menu-wrapper .two-columns .nav-wrapper .social {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .side-menu-wrapper .two-columns .head-main {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0
  }

  .side-menu-wrapper .two-columns .head-main .item:first-child {
      -webkit-box-flex: 2;
      -webkit-flex: 2 0 0;
      -ms-flex: 2 0 0px;
      flex: 2 0 0
  }

  .side-menu-wrapper .two-columns .video-wrapper {
      display: none
  }

  .side-menu-wrapper .two-columns .col-2 {
      padding-left: 40px;
      padding-right: 40px
  }
}

@media only screen and (min-device-width: 374px) and (max-device-height:765px) and (orientation:landscape) and (-webkit-device-pixel-ratio:3) {
  .side-menu-wrapper .two-columns {
      height:100%
  }

  .side-menu-wrapper .two-columns .col-2 {
      overflow-y: auto;
      padding-left: 55px
  }

  .side-menu-wrapper .two-columns .col-2 .head-nav-wrapper {
      margin-bottom: 80px
  }

  .side-menu-wrapper .two-columns .col-2 .main-nav-wrapper {
      margin-bottom: 50px
  }

  .side-menu-wrapper .two-columns .col-2 .footer-nav-wrapper .nav {
      -webkit-transition: none;
      -o-transition: none;
      transition: none;
      opacity: 1
  }

  .side-menu-wrapper .two-columns .col-2 .footer-nav-wrapper .nav[data-intersection] {
      -webkit-animation: none;
      animation: none
  }

  .side-menu-wrapper .two-columns .col-2 .nav.footer-nav-list .item {
      padding-bottom: 20px
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:568px) and (orientation:landscape) {
  .side-menu-wrapper .two-columns {
      height:100%
  }

  .side-menu-wrapper .two-columns .col-2 {
      padding-left: 56px
  }

  .side-menu-wrapper .two-columns .col-2 .head-nav-wrapper {
      margin-bottom: 80px
  }

  .side-menu-wrapper .two-columns .col-2 .main-nav-wrapper {
      margin-bottom: 50px
  }

  .side-menu-wrapper .two-columns .col-2 .footer-nav-wrapper .nav {
      -webkit-transition: none;
      -o-transition: none;
      transition: none;
      opacity: 1
  }

  .side-menu-wrapper .two-columns .col-2 .footer-nav-wrapper .nav[data-intersection] {
      -webkit-animation: none;
      animation: none
  }

  .side-menu-wrapper .two-columns .col-2 .nav.footer-nav-list .nav.footer-nav-list .item {
      padding-bottom: 20px
  }

  .side-menu-wrapper .main .side-menu-wrapper {
      overflow: hidden
  }
}

.locale-wrapper .lang-btn {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px
}

@media screen and (max-width: 576px) {
  .locale-wrapper .lang-btn {
      margin-bottom:25px
  }
}

.locale-wrapper ._escape_up_item {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.locale-wrapper .lang-list {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #090a0a;
  list-style-type: none
}

.locale-wrapper .lang-title a {
  display: block;
  padding: 10px 0
}

.locale-wrapper .lang-title:last-child a {
  padding-bottom: 20px
}

.locale-wrapper.active-item ._escape_up_item {
  display: block;
  -webkit-animation: up .5s linear forwards;
  animation: up .5s linear forwards
}

@media only screen and (min-height: 700px) and (max-height:750px) {
  .cky-consent-bar-trigger {
      right:100px!important
  }
}

.side-menu-wrapper .navigation-link.onetrust-banner-btn {
  padding-bottom: 4px
}

.side-menu-wrapper .your-privacy-choices a {
  position: relative;
  display: inline-block;
  padding-right: 36px
}

.side-menu-wrapper .your-privacy-choices a:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 0;
  width: 30px;
  height: 14px;
  background: url(/assets/images/choices.svg) 50% no-repeat;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.side-menu-wrapper .your-privacy-choices.hidden {
  display: none!important
}

:root {
  --block-bottom-indend: 60px
}

@media screen and (min-width: 740px) {
  :root {
      --block-bottom-indend:80px
  }
}

@media screen and (min-width: 1024px) {
  :root {
      --block-bottom-indend:104px
  }
}

@media screen and (min-width: 1440px) {
  :root {
      --block-bottom-indend:120px
  }
}

@media screen and (min-width: calc($breakpoint-1920 - 1px)) {
  :root {
      --block-bottom-indend:140px
  }
}

body.products {
  padding-top: 0;
  overflow-x: hidden
}

.main {
  z-index: 1
}

a.btn {
  border-width: 1px;
  font-weight: 500
}

a.btn.btn-blue {
  color: #fff;
  background: #162a41;
  border-color: #162a41
}

a.btn.btn-blue:hover {
  color: #162a41;
  background: #fff
}

a.btn.btn-white {
  color: #0e1014;
  background: #fff;
  border: 1px solid rgba(22,42,65,.4)
}

a.btn.btn-white:hover {
  color: #fff;
  background: #162a41;
  border-color: #162a41
}

.side-menu.button-circle {
  background: #fff;
  border-color: #dee1e6
}

.hr {
  height: 1px;
  background: #dee1e6;
  width: 100%;
  border: none
}

.full-screen {
  min-height: 100vh
}

.full-screen .image-wrap {
  height: -webkit-calc(100vh - 314px);
  height: calc(100vh - 314px);
  min-height: 250px;
  background-position: right -65px center
}

.full-screen .content-wrap {
  margin-bottom: var(--block-bottom-indend)
}

.image-section .image-wrap {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #694a2e
}

.image-section .content-wrap {
  margin-top: 32px
}

.image-section .content-inner {
  width: 100%
}

.image-section .title {
  color: #162a41;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1.44px;
  margin-bottom: 16px;
  width: 100%
}

.image-section .descr {
  color: rgba(22,42,65,.7);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.36px;
  margin: 0 0 32px;
  width: 100%
}

.image-section .btn {
  min-width: 159px;
  padding: 17px 25px
}

.card-section .title {
  color: #162a41;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.72px;
  margin-bottom: 40px;
  width: 100%
}

.card {
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 24px;
  border-radius: 24px
}

.card img {
  width: 100%;
  height: auto;
  display: block
}

.card .card-image img {
  -webkit-border-radius: 24px 24px 0 0;
  border-radius: 24px 24px 0 0;
  height: 335px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right;
  object-position: right
}

.card .card-content {
  padding: 20px;
  background: #eff1f4;
  -webkit-border-radius: 0 0 24px 24px;
  border-radius: 0 0 24px 24px;
  text-align: center
}

.card .card-content .title {
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -.56px;
  margin-bottom: 8px
}

.card .card-content .descr {
  color: rgba(22,42,65,.7);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.36px;
  margin: 0 0 20px
}

.card .card-content .btn {
  padding: 17px 25px;
  max-width: 295px
}

.card+.card {
  margin-top: 20px
}

.image-section.health {
  background-color: #162a41
}

.image-section.health .image-wrap {
  width: 100%
}

.image-section.health .title {
  color: #fff
}

.image-section.health .descr {
  color: #fff;
  opacity: .7
}

.image-section.health a.btn.btn-blue,.image-section.health a.btn.btn-white {
  border: 1px solid hsla(0,0%,100%,.9)
}

.image-section.health a.btn.btn-white:hover {
  border: 1px solid hsla(0,0%,100%,.9)
}

.image-section.health .content-wrap {
  margin: 32px 0 0
}

.image-section.health .content-inner {
  border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.image-section.health .btn-block {
  margin-bottom: 60px
}

.image-section.health .bg-mobile-health {
  height: 440px;
  width: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top
}

.card-section.health {
  margin: -1px 0 0
}

.card-section.health,.health .image-wrap {
  background-color: #162a41
}

.health .cards {
  width: 100%
}

.health .card .card-image img {
  -o-object-position: top;
  object-position: top
}

.health .card .card-content {
  background: hsla(0,0%,100%,.1)
}

.health .card .card-content .title {
  color: #fff
}

.health .card .card-content .descr {
  color: #fff;
  opacity: .7
}

.health .card .card-content .btn-white {
  border-color: hsla(0,0%,100%,.9)
}

.health .card .card-content .btn-white:hover {
  border-color: hsla(0,0%,100%,.9);
  background: transparent
}

.join-section {
  background: #eff1f4;
  overflow-x: hidden
}

.join-section .title {
  color: #162a41;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.72px;
  margin-bottom: 40px;
  width: 100%
}

.join-section .join-slider {
  width: -webkit-calc(100% + 40px);
  width: calc(100% + 40px);
  margin-left: -20px
}

.join-section .join-slide {
  background: #fff;
  padding: 20px;
  width: 315px;
  -webkit-border-radius: 24px;
  border-radius: 24px
}

.join-section .join-slide .slide-title {
  color: #162a41;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.6px;
  padding-bottom: 12px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(22,42,65,.16)
}

.join-section .join-slide .slide-title b {
  font-family: Inter,sans-serif;
  font-size: 40px;
  letter-spacing: -.8px;
  font-weight: 600
}

.join-section .join-slide .slide-descr {
  color: #162a41;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.36px;
  height: 40px;
  overflow: hidden
}

.join-section>.container {
  position: relative
}

.join-section .navigations {
  display: none;
  position: absolute;
  top: 63px;
  right: 0;
  width: 120px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.join-section .swiper-wrapper {
  padding-left: 20px
}

.slider-nav-btn {
  border: 1px solid #fff;
  background: #fff
}

.discover-section {
  margin: 60px 0
}

.discover-section .title {
  color: #162a41;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.72px;
  margin-bottom: 40px;
  width: 100%;
  max-width: 290px;
  margin-right: auto
}

.discover-section .card {
  position: relative;
  -webkit-border-radius: 24px;
  border-radius: 24px
}

.discover-section .card .card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: -1
}

.discover-section .card .card-content {
  padding: 24px 20px 20px;
  background: transparent
}

.discover-section .card .card-content .subtitle {
  color: #fff;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.8px;
  padding: 10px 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  display: inline-block;
  margin-bottom: 278px
}

.discover-section .card .card-content .title {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.64px;
  max-width: none;
  margin-bottom: 40px
}

.discover-section .card .card-content .btn {
  border-color: hsla(0,0%,100%,.9)
}

.discover-section .card .card-content .btn:hover {
  border-color: hsla(0,0%,100%,.9);
  background-color: transparent
}

.discover-section .block-padding-indent {
  width: 100%
}

.zoom {
  overflow: hidden
}

.zoom img {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.zoom:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.zoom-bg {
  overflow: hidden
}

.zoom-bg .card-bg {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.zoom-bg:hover .card-bg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.block-bottom-margin {
  margin-bottom: var(--block-bottom-indend)
}

.block-padding-indent {
  padding-bottom: var(--block-bottom-indend)
}

.block-padding-indent,.block-top-padding {
  padding-top: var(--block-bottom-indend)
}

.block-bottom-padding {
  padding-bottom: var(--block-bottom-indend)
}

.mt-60 {
  margin-top: 60px
}

.mb-60 {
  margin-bottom: 60px
}

.mb-32 {
  margin-bottom: 32px
}

.btn-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px
}

@media screen and (min-width: 576px) {
  body.products .side-menu.button-circle {
      background:transparent;
      border-color: hsla(0,0%,100%,.4)
  }

  body.products .side-menu .line {
      background-color: #fff
  }

  body.products.scrolled .side-menu.button-circle {
      border-color: rgba(0,0,0,.4)
  }

  body.products.scrolled .side-menu .line {
      background-color: #090a0a
  }

  .image-section .image-wrap {
      background-position: right -40px center
  }
}

@media screen and (min-width: 740px) {
  body .main .show-tablet {
      display:block
  }

  body .main .hide-tablet {
      display: none
  }

  .full-screen {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100vh;
      min-height: 600px
  }

  .full-screen .btn-block {
      position: absolute;
      bottom: 80px
  }

  .full-screen .content-wrap {
      margin-bottom: 0
  }

  .full-screen .image-wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1
  }

  .image-section {
      position: relative
  }

  .image-section .content-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
      margin-top: 0
  }

  .image-section .content-wrap .content-inner {
      text-align: center;
      border-bottom: none
  }

  .image-section .title {
      color: #fff;
      font-size: 70px;
      letter-spacing: -1.4px;
      margin-bottom: 32px
  }

  .image-section .descr {
      color: #fff;
      font-size: 22px;
      line-height: 1.1;
      letter-spacing: normal
  }

  .image-section .btn {
      min-width: 185px
  }

  .image-section .btn-block .btn-blue {
      color: #162a41;
      background: #fff;
      border-color: #fff
  }

  .image-section .btn-block .btn-blue:hover {
      color: #fff;
      background: transparent
  }

  .image-section .btn-block .btn-white {
      color: #fff;
      background: transparent;
      border-color: #fff
  }

  .image-section .btn-block .btn-white:hover {
      color: #162a41;
      background: #fff
  }

  .card-section {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 80px 0
  }

  .card-section:not(.health) .card-content .title {
      text-shadow: 2px 2px 10px rgba(0,0,0,.2)
  }

  .main .card-section.container {
      padding: 0 44px
  }

  .card-section .title {
      font-size: 48px;
      letter-spacing: -1.92px;
      text-align: center
  }

  .card-section .card {
      position: relative
  }

  .card-section .card .card-image {
      position: absolute;
      top: -10%;
      width: 100%;
      height: 120%;
      z-index: -1
  }

  .card-section .card .card-image img {
      height: 100%;
      -o-object-position: left;
      object-position: left;
      -webkit-border-radius: 24px;
      border-radius: 24px
  }

  .card-section .card .card-content {
      background: transparent;
      text-align: left;
      padding: 154px 32px 32px;
      -webkit-border-radius: 24px;
      border-radius: 24px
  }

  .card-section .card .card-content .title {
      color: #fff;
      font-size: 56px;
      letter-spacing: -1.12px;
      text-align: left
  }

  .card-section .card .card-content .descr {
      color: #fff;
      font-size: 22px;
      letter-spacing: normal;
      margin-bottom: 24px
  }

  .card-section .card .card-content .btn-blue {
      color: #162a41;
      background: #fff;
      border-color: #fff;
      font-weight: 500;
      max-width: 185px;
      min-width: auto
  }

  .card-section .card .card-content .btn-blue:hover {
      color: #fff;
      background: transparent
  }

  .card-section .card .btn-block {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start
  }

  .image-section.health {
      z-index: -2;
      padding-top: var(--block-bottom-indend)
  }

  .image-section.health .image-wrap {
      position: relative;
      margin-left: inherit;
      margin-right: inherit;
      width: 100%;
      background: none;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      overflow: hidden;
      padding: 44px 0
  }

  .image-section.health .bg-image {
      position: absolute;
      top: -5%;
      left: 0;
      width: 100%;
      z-index: -1;
      background-color: #162a41
  }

  .image-section.health .content-wrap {
      margin: 0;
      padding: 0 44px;
      position: relative;
      z-index: 2
  }

  .image-section.health .descr {
      opacity: 1;
      margin-bottom: 60px
  }

  .image-section.health .btn-block {
      margin-bottom: 0
  }

  .image-section.health .btn-block .btn-white {
      color: #162a41;
      background: #fff;
      border-color: #fff
  }

  .image-section.health .btn-block .btn-white:hover {
      color: #fff;
      background: transparent
  }

  .image-section.health .btn-block .btn-blue {
      color: #fff;
      background: transparent;
      border-color: #fff
  }

  .image-section.health .btn-block .btn-blue:hover {
      color: #162a41;
      background: #fff
  }

  .card-section.health {
      padding-bottom: 0
  }

  .card-section.health>.container {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 44px
  }

  .card-section.health .title {
      color: #fff;
      max-width: 600px;
      margin: 0 auto 40px
  }

  .card-section.health .cards {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
      column-gap: 20px;
      margin-bottom: 80px
  }

  .card-section.health .card {
      width: 50%
  }

  .card-section.health .card .card-image {
      z-index: 1
  }

  .card-section.health .card .card-content {
      padding: 186px 24px 24px;
      position: relative;
      z-index: 2
  }

  .card-section.health .card .card-content .title {
      font-size: 24px;
      letter-spacing: normal;
      margin-bottom: 6px
  }

  .card-section.health .card .card-content .descr {
      font-size: 16px;
      letter-spacing: normal;
      margin-bottom: 24px;
      opacity: 1
  }

  .card-section.health .card .card-content .btn {
      max-width: 185px;
      font-weight: 500
  }

  .card-section.health .card+.card {
      margin-top: 0
  }

  .main .join-section {
      padding: 80px 44px
  }

  .main .join-section>.container {
      display: block;
      padding: 0
  }

  .join-section .title {
      font-size: 48px;
      letter-spacing: -.96px
  }

  .join-section .join-slider {
      width: -webkit-calc(100% + 88px);
      width: calc(100% + 88px);
      margin-left: -44px
  }

  .join-section .join-slide {
      padding: 24px;
      width: 330px
  }

  .join-section .join-slide .slide-title {
      font-size: 40px;
      letter-spacing: -.8px
  }

  .join-section .join-slide .slide-title b {
      font-size: 48px;
      font-weight: 500;
      letter-spacing: -2.4px
  }

  .join-section .join-slide .slide-descr {
      letter-spacing: -.18px
  }

  .join-section .swiper-wrapper {
      padding-left: 44px
  }

  .discover-section {
      margin: 80px 0;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
      column-gap: 20px
  }

  .discover-section .title {
      font-size: 48px;
      letter-spacing: -.96px
  }

  .discover-section .card,.discover-section .title {
      width: -webkit-calc(50% - 10px);
      width: calc(50% - 10px)
  }

  .discover-section .card .card-content {
      position: relative
  }

  .discover-section .card .card-content .subtitle {
      font-size: 18px;
      letter-spacing: -.54px;
      margin-bottom: 350px
  }

  .discover-section .card .card-content .title {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 75px
  }

  .discover-section .card .card-content .btn {
      max-width: 185px
  }
}

@media screen and (min-width: 1024px) {
  .image-section .content-wrap .content-inner {
      padding:286px 0 56px
  }

  .image-section .image-wrap {
      background-position: 50%
  }

  .image-section .descr {
      font-size: 24px;
      line-height: 1;
      letter-spacing: -.24px
  }

  .card-section {
      margin: 104px 0 120px
  }

  .card-section .title {
      font-size: 60px;
      letter-spacing: -2.4px;
      margin-bottom: 60px
  }

  .card-section .card {
      -webkit-border-radius: 33px;
      border-radius: 33px
  }

  .card-section .card .card-content {
      padding: 228px 40px 40px
  }

  .card-section .card .card-content .descr {
      font-size: 24px;
      letter-spacing: -.24px;
      margin-bottom: 32px
  }

  .card-section .card+.card {
      margin-top: 24px
  }

  .image-section.health .image-wrap {
      padding: 0
  }

  .image-section.health .content-wrap .content-inner {
      padding: 132px 56px 56px
  }

  .image-section.health .descr {
      font-size: 24px;
      line-height: 1;
      letter-spacing: -.24px
  }

  .card-section.health .title {
      max-width: 800px;
      margin: 0 auto 60px
  }

  .card-section.health .cards {
      margin-bottom: 120px
  }

  .card-section.health .card .card-content {
      padding: 224px 20px 32px 32px
  }

  .card-section.health .card .card-content .title {
      font-size: 40px;
      letter-spacing: -.8px;
      margin-bottom: 8px
  }

  .card-section.health .card .card-content .descr {
      font-size: 24px;
      letter-spacing: -.24px;
      margin-bottom: 32px
  }

  .main .join-section {
      padding: 104px 44px
  }

  .join-section .title {
      font-size: 56px;
      letter-spacing: -1.12px;
      max-width: 700px
  }

  html[lang=ua] .join-section .title {
      max-width: -webkit-calc(100% - 130px);
      max-width: calc(100% - 130px)
  }

  .join-section .navigations {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .discover-section {
      margin: 104px 0
  }

  .main .discover-section {
      padding: 0 44px
  }

  .discover-section .title {
      font-size: 56px;
      letter-spacing: -1.12px;
      width: 100%;
      max-width: none
  }

  .discover-section .card {
      width: -webkit-calc(33.333% - 14px);
      width: calc(33.333% - 14px)
  }

  .discover-section .card+.card {
      margin-top: 0
  }
}

@media screen and (min-width: 1440px) {
  .image-section .content-wrap .content-inner {
      padding:280px 0 80px
  }

  .image-section .title {
      font-size: 90px;
      letter-spacing: -1.8px;
      margin-bottom: 40px
  }

  .image-section .descr {
      font-size: 30px;
      letter-spacing: -.6px
  }

  .card-section {
      margin: 120px 0
  }

  .main .card-section.container {
      padding: 0 60px
  }

  .card-section .title {
      font-size: 80px;
      letter-spacing: -3.2px;
      margin-bottom: 80px
  }

  .card-section .card .card-content {
      padding: 380px 60px 60px
  }

  .card-section .card .card-content .title {
      font-size: 60px;
      letter-spacing: -1.2px
  }

  .card-section .card .card-content .descr {
      font-size: 30px;
      line-height: 1;
      letter-spacing: -.6px;
      margin-bottom: 40px
  }

  .card-section .card+.card {
      margin-top: 40px
  }

  .image-section.health .content-wrap {
      padding: 0 60px
  }

  .image-section.health .content-wrap .content-inner {
      padding: 214px 56px 80px
  }

  .image-section.health .title {
      font-size: 90px;
      letter-spacing: -1.8px;
      margin-bottom: 40px
  }

  .image-section.health .descr {
      font-size: 30px;
      letter-spacing: -.6px;
      margin-bottom: 120px
  }

  .card-section.health>.container {
      padding: 0 60px
  }

  .card-section.health .title {
      font-size: 80px;
      letter-spacing: -3.2px;
      max-width: 1000px;
      margin: 0 auto 80px
  }

  .card-section.health .card .card-content {
      padding: 386px 40px 40px
  }

  .card-section.health .card .card-content .title {
      font-size: 44px;
      letter-spacing: -.88px
  }

  .card-section.health .card .card-content .descr {
      line-height: 1.1;
      margin-bottom: 40px
  }

  .main .join-section {
      padding: 120px 60px
  }

  .join-section .title {
      font-size: 60px;
      letter-spacing: -1.2px
  }

  .join-section .join-slider {
      width: -webkit-calc(100% + 120px);
      width: calc(100% + 120px);
      margin-left: -60px
  }

  .join-section .join-slide {
      padding: 40px;
      width: 430px
  }

  .join-section .join-slide .slide-title {
      font-size: 60px;
      letter-spacing: -1.2px;
      padding-bottom: 24px;
      margin-bottom: 60px
  }

  html[lang=ua] .join-section .join-slide .slide-title {
      font-size: 54px
  }

  .join-section .join-slide .slide-title b {
      font-size: 80px;
      letter-spacing: -4px
  }

  html[lang=ua] .join-section .join-slide .slide-title b {
      font-size: 70px
  }

  .join-section .join-slide .slide-descr {
      font-size: 30px;
      letter-spacing: -.6px;
      height: 66px
  }

  .join-section .swiper-wrapper {
      padding-left: 60px
  }

  .discover-section {
      margin: 120px 0
  }

  .main .discover-section {
      padding: 0 60px
  }

  .discover-section .title {
      font-size: 60px;
      letter-spacing: -1.2px;
      margin-bottom: 60px
  }

  .discover-section .card .card-content .subtitle {
      margin-bottom: 495px
  }

  .discover-section .card .card-content .title {
      font-size: 48px;
      letter-spacing: -.96px
  }
}

@media screen and (min-width: 1800px) {
  .join-section .navigations {
      width:150px
  }
}

@media screen and (min-width: calc($breakpoint-1920 - 1px)) {
  .image-section .content-wrap {
      margin:0 auto
  }

  .image-section .content-wrap .content-inner {
      padding: 362px 0 100px
  }

  .image-section .title {
      font-size: 120px;
      letter-spacing: -4.8px;
      margin-bottom: 50px
  }

  .image-section .descr {
      font-size: 40px;
      letter-spacing: -1.2px;
      margin-bottom: 218px
  }

  .image-section .btn {
      font-size: 20px;
      min-width: 200px;
      padding: 22px 25px
  }

  .image-section .btn+.btn {
      margin-left: 16px
  }

  .card-section {
      margin: 150px auto 160px
  }

  .main .card-section.container {
      padding: 0 100px
  }

  .card-section .title {
      font-size: 100px;
      letter-spacing: -4px;
      max-width: 1260px;
      margin: 0 auto 98px
  }

  .card-section .card {
      -webkit-border-radius: 40px;
      border-radius: 40px
  }

  .card-section .card .card-content {
      padding: 470px 80px 80px
  }

  .card-section .card .card-content .title {
      font-size: 70px;
      letter-spacing: -2.1px;
      margin-bottom: 10px;
      margin-left: 0
  }

  .card-section .card .card-content .descr {
      font-size: 40px;
      letter-spacing: -1.2px;
      margin-bottom: 60px
  }

  .card-section .card .card-content .btn-blue {
      font-size: 20px;
      max-width: 200px;
      padding: 22px 25px
  }

  .card-section .card+.card {
      margin-top: 60px
  }

  .image-section.health .content-wrap {
      margin: auto
  }

  .image-section.health .content-wrap .content-inner {
      padding: 200px 56px 100px
  }

  .image-section.health .image-wrap {
      max-width: 1720px;
      -webkit-border-radius: 40px;
      border-radius: 40px
  }

  .image-section.health .title {
      font-size: 120px;
      letter-spacing: -4.8px;
      margin-bottom: 50px
  }

  .image-section.health .descr {
      font-size: 40px;
      letter-spacing: -1.2px;
      margin-bottom: 124px;
      line-height: 1.4
  }

  .card-section.health>.container {
      padding: 0 100px
  }

  .card-section.health .title {
      font-size: 100px;
      letter-spacing: -4px;
      max-width: 1250px;
      margin: 0 auto 100px
  }

  .card-section.health .cards {
      margin-bottom: 160px
  }

  .card-section.health .card .card-content {
      padding: 500px 60px 60px
  }

  .card-section.health .card .card-content .title {
      font-size: 60px;
      letter-spacing: -1.8px;
      margin-bottom: 10px
  }

  .card-section.health .card .card-content .descr {
      font-size: 36px;
      line-height: 1;
      letter-spacing: -1.08px;
      margin-bottom: 60px
  }

  .card-section.health .card .card-content .btn {
      max-width: 230px;
      font-size: 20px;
      padding: 22px 25px
  }

  .main .join-section {
      padding: 160px 60px
  }

  .main .join-section>.container {
      max-width: 1720px
  }

  .join-section .title {
      font-size: 70px;
      letter-spacing: -2.1px;
      line-height: 1;
      max-width: 950px;
      margin-bottom: 80px
  }

  .join-section .join-slider {
      width: 100%;
      margin: auto
  }

  .join-section .join-slide {
      padding: 72px 60px;
      width: 560px
  }

  .join-section .join-slide .slide-title {
      font-size: 80px;
      letter-spacing: -1.6px;
      padding-bottom: 32px;
      margin-bottom: 72px
  }

  .join-section .join-slide .slide-title b {
      font-size: 100px;
      letter-spacing: -5px
  }

  .join-section .join-slide .slide-descr {
      font-size: 40px;
      letter-spacing: -.8px;
      height: 88px
  }

  .join-section .swiper-wrapper {
      padding-left: 0
  }

  .discover-section {
      margin: 160px auto
  }

  .main .discover-section {
      padding: 0 100px
  }

  .discover-section .title {
      font-size: 70px;
      letter-spacing: -2.1px;
      margin-bottom: 64px
  }

  .discover-section .card {
      -webkit-border-radius: 35px;
      border-radius: 35px
  }

  .discover-section .card .card-content {
      padding: 40px 60px 60px
  }

  .discover-section .card .card-content .subtitle {
      font-size: 20px;
      font-weight: 500;
      letter-spacing: -.6px;
      padding: 14px 24px;
      margin-bottom: 596px
  }

  .discover-section .card .card-content .title {
      font-size: 50px;
      letter-spacing: -1px;
      bottom: 130px
  }

  .discover-section .card .card-content .btn {
      max-width: 230px;
      font-size: 20px;
      padding: 22px 25px
  }
}

.theme-light .product-column-blocks {
  color: #090a0a
}

.theme-dark .product-column-blocks {
  color: #fff
}

.theme-light .product-column-blocks {
  background: #fff
}

.theme-dark .product-column-blocks {
  background: #152340
}

.product-column-blocks ._escape_up-fade-in,.product-column-blocks ._fade-in {
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

.product-column-blocks .list-wrapper._anim .app-feature {
  opacity: 0
}

.product-column-blocks .list-wrapper._anim[data-intersection] .app-feature {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: up-fade-in .5s ease-out forwards;
  animation: up-fade-in .5s ease-out forwards
}

.product-column-blocks .list-wrapper._anim[data-intersection] .app-feature:first-child {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

.product-column-blocks .list-wrapper._anim[data-intersection] .app-feature:nth-child(2) {
  -webkit-animation-delay: .43s;
  animation-delay: .43s
}

.product-column-blocks .list-wrapper._anim[data-intersection] .app-feature:nth-child(3) {
  -webkit-animation-delay: .56s;
  animation-delay: .56s
}

.product-column-blocks .list-wrapper._anim[data-intersection] .app-feature:nth-child(4) {
  -webkit-animation-delay: .69s;
  animation-delay: .69s
}

.product-column-blocks .list-wrapper._anim[data-intersection] .app-feature:nth-child(5) {
  -webkit-animation-delay: .72s;
  animation-delay: .72s
}

.product-column-blocks .features._anim,.product-column-blocks .features ._anim {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.product-column-blocks .features.has-overlay:after {
  -webkit-transform: translate(-50%,-50%) scale(0);
  -ms-transform: translate(-50%,-50%) scale(0);
  transform: translate(-50%,-50%) scale(0)
}

.product-column-blocks .features.has-overlay[data-intersection]:after {
  -webkit-animation: scale-up-center 1s ease-out forwards;
  animation: scale-up-center 1s ease-out forwards
}

.product-column-blocks .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.product-column-blocks .section-with-apps {
  padding: 80px 0 100px;
  width: 100%
}

.product-column-blocks .section-with-apps .wrapper .subhead-1 {
  margin-bottom: 1.4em
}

.theme-light .product-column-blocks .section-with-apps .wrapper .subhead-1 {
  color: #adb3bc
}

.theme-dark .product-column-blocks .section-with-apps .wrapper .subhead-1 {
  color: #5e74a9
}

.product-column-blocks .section-with-apps .title {
  text-align: center
}

.product-column-blocks .section-with-apps .title ._escape_up-wrapper:nth-child(2) ._escape_up {
  -webkit-animation-delay: .06s;
  animation-delay: .06s
}

.product-column-blocks .section-with-apps .title ._escape_up-wrapper:nth-child(3) ._escape_up {
  -webkit-animation-delay: .12s;
  animation-delay: .12s
}

.product-column-blocks .section-with-apps .title.h2 {
  margin-bottom: 350px
}

.product-column-blocks .section-with-apps.bottom {
  text-align: center
}

.product-column-blocks .section-with-apps.bottom .title.h2 {
  margin-bottom: 1.3em
}

.product-column-blocks .section-with-apps.bottom .title[data-intersection] ._escape_up-wrapper ._escape_up-anim {
  -webkit-animation: up 1s ease-out forwards;
  animation: up 1s ease-out forwards
}

.product-column-blocks .section-with-apps.bottom .title[data-intersection] ._escape_up-wrapper:nth-child(2) ._escape_up-anim {
  -webkit-animation-delay: .06s;
  animation-delay: .06s
}

.product-column-blocks .section-with-apps.bottom .title[data-intersection] ._escape_up-wrapper:nth-child(3) ._escape_up-anim {
  -webkit-animation-delay: .12s;
  animation-delay: .12s
}

.product-column-blocks .section-with-apps.bottom .title ._escape_up-anim {
  display: block;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.product-column-blocks .section-with-apps.bottom .join-apps {
  margin-top: -325px
}

.product-column-blocks .phones {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
  margin-top: -350px;
  margin-bottom: 160px
}

@media (max-width: 1440px) {
  .product-column-blocks .phones {
      margin-bottom:0
  }
}

.product-column-blocks .phones .phones-wrapper {
  position: relative;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.product-column-blocks .phones .two-phones {
  width: 599px;
  height: auto
}

@media screen and (max-width: 1800px) {
  .product-column-blocks .phones .two-phones {
      width:450px
  }
}

@media screen and (max-width: 740px) {
  .product-column-blocks .phones .two-phones {
      width:100%
  }
}

.product-column-blocks .phones .join-apps {
  position: absolute;
  left: 0;
  top: -210px;
  -webkit-animation-delay: .12s;
  animation-delay: .12s
}

.product-column-blocks .title-wrapper {
  width: 100%
}

.product-column-blocks .title-wrapper .title {
  max-width: 770px;
  margin: 2.5em auto 0;
  text-align: center
}

.theme-light .product-column-blocks .app-features-bg {
  background: #eff1f4
}

.theme-dark .product-column-blocks .app-features-bg {
  background: #060f28
}

@media screen and (max-width: 1800px) {
  .product-column-blocks .phones .phones-wrapper {
      max-width:450px
  }

  .product-column-blocks .section-with-apps.bottom .join-apps {
      margin-top: -200px
  }
}

@media screen and (max-width: 1440px) {
  .product-column-blocks .section-with-apps {
      padding:55px 0 70px
  }

  .product-column-blocks .section-with-apps.bottom {
      margin-bottom: 0
  }

  .product-column-blocks .section-with-apps.bottom .join-apps {
      margin-top: -280px
  }

  .product-column-blocks .phones .join-apps .title {
      margin-bottom: 1.3em
  }

  .product-column-blocks .join-apps {
      padding: 25px 30px
  }
}

@media screen and (max-width: 1200px) {
  .product-column-blocks .phones .join-apps {
      top:-55px;
      left: 5%
  }

  .product-column-blocks .section-with-apps.bottom .join-apps {
      margin-top: -100px
  }
}

@media screen and (max-width: 900px) {
  .product-column-blocks .phones .join-apps {
      left:0
  }

  .product-column-blocks .join-apps {
      padding: 15px 20px;
      max-width: 156px
  }

  .product-column-blocks .section-with-apps.bottom {
      padding-top: 0
  }
}

@media screen and (max-width: 740px) {
  .product-column-blocks .phones {
      -webkit-box-orient:vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
  }

  .product-column-blocks .phones .phones-wrapper {
      margin-bottom: 30px
  }

  .product-column-blocks .phones .join-apps {
      position: static
  }
}

@media screen and (max-width: 576px) {
  .product-column-blocks .section-with-apps {
      padding:25px 0 50px
  }

  .product-column-blocks .section-with-apps.bottom {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
  }

  .product-column-blocks .section-with-apps.bottom .join-apps {
      margin-top: 50px
  }
}

.app-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 360px;
  padding: 10px 20px 10px 10px;
  -webkit-border-radius: 12px;
  border-radius: 12px
}

.theme-light .app-feature {
  background: #fff
}

.theme-dark .app-feature {
  background: rgba(25,40,70,.8)
}

.app-feature.small {
  width: 295px
}

.app-feature.small .app-feature__icon-wrapper {
  width: 66px;
  height: 66px
}

.app-feature__icon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 80px;
  width: 80px;
  margin-right: 13px;
  overflow: hidden;
  -webkit-border-radius: 6.64px;
  border-radius: 6.64px
}

.app-feature__icon-wrapper .app-feature__icon {
  width: 100%;
  height: 100%
}

.app-feature__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.app-feature__content .title.subhead-2 {
  margin-bottom: 5px
}

.app-feature__content .f-caption-1,.app-feature__content .f-caption-2 {
  font-family: Gilroy,sans-serif
}

.theme-light .app-feature__content .f-caption-1,.theme-light .app-feature__content .f-caption-2 {
  color: #6c727a
}

.theme-dark .app-feature__content .f-caption-1,.theme-dark .app-feature__content .f-caption-2 {
  color: #fff
}

.app-feature.bg-none {
  background: none
}

.join-apps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 270px;
  padding: 24px 20px 32px;
  border: 1px solid #adb3bc;
  -webkit-border-radius: 14px;
  border-radius: 14px
}

.theme-light .join-apps {
  border-color: #adb3bc
}

.theme-dark .join-apps {
  border-color: rgba(94,116,169,.4)
}

.join-apps a {
  pointer-events: none
}

.join-apps .title {
  margin-bottom: 16px;
  text-align: center
}

.join-apps .link {
  display: block;
  max-height: 40px
}

.join-apps .qr-text,.join-apps .qr-wrapper {
  margin-bottom: 24px
}

.join-apps .qr-text {
  text-align: center;
  font-size: 17px
}

.join-apps .qr-gray {
  color: #6b7487
}

.join-apps .theme-dark .qr-gray {
  color: #5e74a9
}

.join-apps .qr-get-app {
  width: 130px;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #dfe3eb
}

.join-apps .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.join-apps .icon:not(:last-child) {
  margin-bottom: 7px
}

.join-apps .icon svg {
  width: 135px
}

.join-apps .icon .img {
  width: 135px;
  height: 40px;
  margin: 0 auto
}

.join-apps .links {
  text-align: center
}

.features {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 200px 0;
  z-index: 2
}

.features.type-2 .features-inner:first-child {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.features.type-2 .features-inner:last-child {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.features.has-overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 0
}

.features.has-overlay:after {
  content: "";
  width: 560px;
  height: 560px;
  background: #fff;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -2
}

.theme-light .features.has-overlay:after {
  background: #fff
}

.theme-dark .features.has-overlay:after {
  background: #152340
}

.features.has-overlay.overlay-big .img {
  width: 483px
}

.features.has-overlay.overlay-big:after {
  width: 706px;
  height: 706px
}

.theme-light .features.has-overlay.overlay-gray:after {
  background: #eff1f4
}

.theme-dark .features.has-overlay.overlay-gray:after {
  background: #060f28
}

.features .features-inner {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 520px;
  -ms-flex: 0 1 520px;
  flex: 0 1 520px
}

.features .features-inner.features-inner-mid {
  -webkit-flex-basis: 575px;
  -ms-flex-preferred-size: 575px;
  flex-basis: 575px
}

.features .features-inner.features-inner-big {
  -webkit-flex-basis: 600px;
  -ms-flex-preferred-size: 600px;
  flex-basis: 600px
}

@media screen and (max-width: 576px) {
  .features .features-inner.features-inner-big,.features .features-inner.features-inner-mid {
      -webkit-flex-basis:auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto
  }
}

.features .features-inner.list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.features .features-inner .list-wrapper,.features .features-inner .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.features .features-inner .list-wrapper {
  padding: 0;
  min-width: 455px
}

.features .features-inner.cta .app-feature {
  width: 100%;
  padding-left: 0;
  margin-bottom: 30px
}

.features .features-inner.cta .app-feature__icon-wrapper {
  margin-right: 30px
}

.features .features-inner.cta .app-feature__content {
  max-width: 100%
}

.features .features-inner.cta .app-feature__title {
  margin-bottom: 1em
}

.theme-light .features .features-inner.cta .app-feature__title .secondary-color {
  color: #adb3bc
}

.theme-dark .features .features-inner.cta .app-feature__title .secondary-color {
  color: #5e74a9
}

.features .features-inner .symmetric-indent {
  min-width: 445px
}

.features .features-inner .symmetric-indent .app-feature {
  max-width: 342px;
  margin-bottom: 10px
}

.features .features-inner .symmetric-indent .app-feature:nth-child(2) {
  justify-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.features .features-inner .symmetric-indent .app-feature:first-child,.features .features-inner .symmetric-indent .app-feature:nth-child(4) {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

.features .features-inner .symmetric-indent.type-1 .app-feature:first-child {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.features .features-inner .symmetric-indent.type-1 .app-feature:nth-child(2) {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.features .features-inner .symmetric-indent.type-1 .app-feature:last-child {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

.features .features-inner .symmetric-indent.type-2 .app-feature:first-child {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.features .features-inner .symmetric-indent.type-2 .app-feature:nth-child(2) {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.features .features-inner .symmetric-indent.type-2 .app-feature:last-child {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

.features.has-two-list {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.features.has-two-list .features-inner.cta {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.features.has-two-list .features-inner .wrapper {
  min-width: 453px;
  padding: 0;
  margin: 0
}

.features.has-two-list .features-inner .app-feature:not(:last-child) {
  margin-bottom: 40px
}

.features.has-two-list .features-inner:first-child .app-feature:nth-child(odd):first-child {
  margin-left: 50px
}

.features.has-two-list .features-inner:first-child .app-feature:nth-child(odd):last-child {
  margin-left: 30px
}

.features.has-two-list .features-inner:first-child .app-feature:nth-child(2n) {
  justify-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.features.has-two-list .features-inner:first-child .app-feature:nth-child(2n):nth-child(4) {
  margin-right: 50px
}

.features.has-two-list .features-inner:last-child .app-feature:nth-child(odd) {
  justify-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.features.has-two-list .features-inner:last-child .app-feature:nth-child(odd):first-child {
  margin-right: 50px
}

.features.has-two-list .features-inner:last-child .app-feature:nth-child(odd):last-child {
  margin-right: 20px
}

.features.has-two-list .features-inner:last-child .app-feature:nth-child(2n):nth-child(4) {
  margin-left: 50px
}

.features.has-two-list .features-inner .list-wrapper.indent-1 .app-feature:first-child {
  margin-bottom: 290px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.features.has-two-list .features-inner .list-wrapper.indent-1 .app-feature:nth-child(2) {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.features.has-two-list .features-inner .list-wrapper.indent-1 .app-feature:nth-child(3) {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.features.has-two-list .features-inner .list-wrapper.indent-2 .app-feature:first-child,.features.has-two-list .features-inner .list-wrapper.indent-2 .app-feature:nth-child(3) {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-right: 0
}

.features.has-two-list .features-inner .list-wrapper.indent-2 .app-feature:nth-child(2) {
  margin-bottom: 190px
}

.features.has-one-list .features-inner.list {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 115px
}

.features .app-feature-phone {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 500px;
  -ms-flex: 0 1 500px;
  flex: 0 1 500px
}

.features .app-feature-phone .inner,.features .app-feature-phone .phone-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.features .app-feature-phone .phone-frame {
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1440px) {
  .features .app-feature-phone .phone-frame {
      width:264px;
      height: 534px
  }
}

.features .app-feature-phone .phone-frame:before {
  content: "";
  background-image: url(/assets/content-images/phones/frame.png);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2
}

.features .app-feature-phone .phone-screen {
  height: auto
}

.features .img {
  height: auto;
  width: 100%
}

.sticky-content-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width: 1440px) {
  .sticky-content-wrapper .features:last-child {
      margin-bottom:300px
  }
}

.plan-sticky-container .app-feature-phone .inner {
  margin: 20px 40px
}

.plan-sticky-container .phone-screen,.sticky-container .phone-screen {
  display: none
}

.sticky-wrap {
  position: absolute;
  height: 100%;
  width: auto;
  min-width: 264px;
  top: -100px;
  padding-bottom: 300px;
  z-index: 3
}

.sticky-wrap .phone-frame {
  width: 353px;
  height: 715px
}

@media screen and (max-width: 1800px) {
  .sticky-wrap .phone-frame {
      width:265px;
      height: 534px
  }
}

body.weightLoss .sticky-wrap {
  top: -45px
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: -webkit-calc(50vh - 303px);
  top: calc(50vh - 303px);
  height: 714px;
  margin: 0 auto;
  max-width: 353px;
  -webkit-flex-basis: 353px;
  -ms-flex-preferred-size: 353px;
  flex-basis: 353px
}

.sticky .inner {
  margin: 0;
  width: 100%;
  height: 100%
}

.sticky .phone-frame {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden
}

.sticky .phone-screen {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

.sticky .current {
  opacity: 1;
  position: static
}

.top-title-box {
  margin-top: 70px
}

@media screen and (max-width: 1800px) {
  .join-apps {
      max-width:260px
  }

  .join-apps .icon svg {
      width: 101px;
      height: 30px
  }

  .join-apps .icon .img {
      width: 100px;
      height: 32px
  }

  .features {
      margin: 160px 0
  }

  .features .app-feature-phone .phone-screen {
      width: 236px
  }

  .features.has-overlay:after {
      width: 420px;
      height: 420px
  }

  .app-feature {
      width: 280px;
      padding: 8px 15px 8px 8px
  }

  .app-feature__icon-wrapper {
      width: 60px;
      height: 60px
  }

  .app-feature.small {
      width: 239px
  }

  .app-feature.small .app-feature__icon-wrapper {
      width: 50px;
      height: 50px
  }

  .features .features-inner.cta .app-feature__icon-wrapper {
      margin-right: 20px
  }

  .features.has-two-list .features-inner .list-wrapper.indent-1 .app-feature:first-child {
      margin-bottom: 220px
  }

  .features.has-two-list .features-inner .list-wrapper.indent-2 .app-feature:nth-child(2) {
      margin-bottom: 160px
  }

  .features.has-one-list .features-inner.list {
      margin-top: 95px
  }

  .features.has-overlay.overlay-big .app-feature-phone .img {
      width: 362px
  }

  .features.has-overlay.overlay-big:after {
      width: 530px;
      height: 530px
  }

  .sticky {
      height: 515px;
      top: -webkit-calc(50vh - 257.5px);
      top: calc(50vh - 257.5px)
  }

  .sticky-wrap {
      padding-top: 60px
  }
}

@media screen and (max-width: 1440px) {
  .features {
      margin:100px 0
  }

  .features.has-one-list {
      -webkit-box-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
  }

  .features.has-one-list:nth-child(2n) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
  }

  .features.has-one-list .features-inner {
      max-width: 420px
  }

  .features.has-one-list .app-feature-phone {
      -webkit-flex-basis: 350px;
      -ms-flex-preferred-size: 350px;
      flex-basis: 350px
  }

  .features.has-two-list:not(.type-2) {
      display: none
  }

  .features.has-two-list.type-2 {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .features .features-inner.list,.sticky-wrap {
      display: none
  }

  .plan-sticky-container .phone-screen,.sticky-container .phone-screen {
      display: block
  }
}

@media screen and (max-width: 900px) {
  .join-apps {
      max-width:201px
  }

  .join-apps .icon .img {
      width: 78px;
      height: 23px
  }
}

@media screen and (max-width: 1024px) {
  .join-apps {
      max-width:200px
  }
}

@media screen and (max-width: 576px) {
  .features {
      margin:80px 0
  }

  .features.has-one-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .features.has-one-list:nth-child(2n) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .features .features-inner {
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto
  }

  .features .features-inner .list-wrapper,.features .features-inner .wrapper {
      max-width: 275px
  }

  .features .features-inner.cta {
      margin-bottom: 60px
  }

  .features .features-inner.cta .app-feature {
      margin-bottom: 20px
  }

  .features .features-inner.cta .link {
      margin: 0 auto
  }

  .features .app-feature-phone {
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      width: 100%
  }

  .features .app-feature-phone .inner {
      margin: 0
  }

  .features.has-overlay.overlay-big {
      width: 100%
  }

  .features.has-overlay.overlay-big:after {
      width: 335px;
      height: 335px
  }

  .features.has-overlay.overlay-big .app-feature-phone .img {
      width: 250px
  }
}

@media screen and (max-width: 576px) and (max-width:320px) {
  .features.has-overlay.overlay-big:after {
      width:300px;
      height: 300px
  }
}

@media screen and (max-width: 320px) {
  .features.has-overlay.overlay-big:after {
      width:300px;
      height: 300px
  }
}

@media screen and (max-width: 1200px) {
  .join-apps {
      top:-55px;
      max-width: 200px
  }

  .join-apps a {
      pointer-events: auto
  }

  .join-apps .qr-get-app,.join-apps .qr-text {
      display: none
  }
}

.footer-block {
  font-weight: 500
}

.footer-block,.theme-light .footer-block {
  background: #eff1f4
}

.theme-dark .footer-block {
  background: #060f28
}

.footer-block .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 24px
}

.footer-block .container,.footer-block .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.footer-block .nav {
  list-style: none;
  padding: 0;
  margin: 0
}

.footer-block .nav.footer-main,.footer-block .nav.footer-social {
  font-weight: 500
}

.footer-block .nav.footer-main .nav-item,.footer-block .nav.footer-social .nav-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.footer-block .nav.footer-main .nav-item:not(:last-child),.footer-block .nav.footer-social .nav-item:not(:last-child) {
  margin-right: 35px
}

.footer-block .footer-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 2.3em;
  padding-bottom: 2em;
  border-bottom: .75px solid #d1d5db
}

.theme-light .footer-block .footer-menu {
  border-color: #d1d5db
}

.theme-dark .footer-block .footer-menu {
  border-color: rgba(94,116,169,.5)
}

.footer-block .footer-menu .copyright-wrapper {
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.footer-block .footer-legal {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding-top: 30px;
  color: #adb3bc
}

.band-landing .footer-block .copyright-text,.footer-block .copyright-text {
  margin-bottom: 10px
}

.footer-block .footer-copyright {
  max-width: 315px;
  padding-right: 15px
}

.footer-block .year {
  color: #adb3bc
}

.footer-block .copyright-desc {
  color: #adb3bc;
  font-weight: 500
}

.theme-light .footer-block .copyright-desc {
  color: #adb3bc
}

.theme-dark .footer-block .copyright-desc {
  color: #5e74a9
}

.footer-block .footer-legal-links {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px
}

.footer-block .footer-legal-links .nav-item a {
  color: #adb3bc;
  font-weight: 400
}

.footer-block .footer-legal-links .nav-item .need-help,.footer-block .need-help,.theme-light .footer-block .need-help {
  color: #090a0a
}

.theme-dark .footer-block .need-help {
  color: #fff
}

@media screen and (max-width: 1440px) {
  .footer-block .footer-menu .copyright-wrapper {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .footer-block .footer-menu .nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .footer-block .footer-menu .nav.footer-main .nav-item:not(:last-child),.footer-block .footer-menu .nav.footer-social .nav-item:not(:last-child) {
      margin-bottom: 20px;
      margin-right: 0
  }

  .footer-block .footer-menu .nav.footer-social .nav-item:nth-child(4) {
      margin-bottom: 0
  }

  .footer-block .footer-menu .copyright-wrapper {
      -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1
  }

  .footer-block .footer-main,.footer-block .footer-social {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      max-height: 10em;
      -webkit-box-flex: 1;
      -webkit-flex: auto;
      -ms-flex: auto;
      flex: auto
  }

  .footer-block .footer-main .nav-item,.footer-block .footer-social .nav-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .footer-block .footer-social {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3
  }

  .footer-block .footer-legal {
      padding-top: 12px
  }

  .footer-block .footer-legal .footer-copyright {
      display: none
  }

  .footer-block .footer-legal-links {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%
  }

  .footer-block .footer-legal-links .nav-item {
      margin-bottom: 18px
  }

  .footer-block .footer-copyright {
      max-width: 290px
  }
}

@media screen and (max-width: 576px) {
  .footer-block .footer-menu .copyright-wrapper {
      display:none
  }

  .footer-block .footer-main,.footer-block .footer-social {
      height: auto;
      -webkit-flex-basis: 70%;
      -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
      max-height: none
  }

  .footer-block .footer-menu .nav.footer-social .nav-item:nth-child(4) {
      margin-bottom: 20px
  }

  .footer-block .footer-legal {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
  }

  .footer-block .footer-legal .footer-copyright {
      display: block
  }

  .footer-block .footer-legal-links {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 20px
  }

  .footer-block .footer-legal-links .nav-item {
      margin: 0 0 20px
  }
}

.footer-block-2 .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 80px;
  padding-bottom: 80px
}

@media screen and (max-width: 740px) {
  .footer-block-2 .container {
      -webkit-box-pack:justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding-top: 50px;
      padding-bottom: 50px
  }
}

.footer-block-2 .footer-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  width: 90%;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right
}

@media (max-width: 1440px) {
  .footer-block-2 .footer-social {
      width:auto
  }
}

.footer-block-2 .footer-social .nav-item:not(:last-child) {
  margin-right: 2em
}

@media screen and (max-width: 1024px) {
  .footer-block-2 .footer-social .nav-item:not(:last-child) {
      margin-right:1.5em
  }
}

@media screen and (max-width: 740px) {
  .footer-block-2 .footer-social {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0;
      padding: 0
  }
}

@media (max-width: 1440px) {
  .footer-block-2 .container {
      -webkit-flex-wrap:wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .footer-block-2 .copyright-text,.footer-block-2 .footer-social {
      width: 100%
  }

  .footer-block-2 .copyright-text {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2;
      margin: 0
  }

  .footer-block-2 .footer-social {
      padding-left: 0;
      margin: 1em 0 0;
      display: block
  }

  .footer-block-2 .footer-social .nav-item {
      display: inline-block;
      margin: 0
  }

  .footer-block-2 .footer-social .nav-item+.nav-item {
      margin: 0 1em 1em 0
  }
}

@media screen and (max-width: 576px) {
  .footer-block-2 .container {
      -webkit-flex-wrap:nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-orient: inherit;
      -webkit-box-direction: inherit;
      -webkit-flex-direction: inherit;
      -ms-flex-direction: inherit;
      flex-direction: inherit;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end
  }

  .footer-block-2 .container .copyright-text {
      display: block;
      text-align: right;
      width: auto;
      min-width: 120px
  }

  .footer-block-2 .footer-social {
      margin: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .footer-block-2 .footer-social .nav-item {
      margin: 0
  }

  .footer-block-2 .footer-social .nav-item+.nav-item {
      margin: 1em 0 0
  }
}

.nav-item .nav-link.onetrust-banner-btn {
  cursor: pointer
}

.nav-item .nav-link.onetrust-banner-btn .dot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  position: relative
}

.nav-item .nav-link.onetrust-banner-btn .dot:after {
  position: relative;
  bottom: -5px;
  content: "";
  margin: 0 auto;
  height: 4px;
  width: 4px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #1C755F;
  -webkit-transition: opacity .7s;
  -o-transition: opacity .7s;
  transition: opacity .7s;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0)
}

.nav-item .nav-link.onetrust-banner-btn:hover .dot:after {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}

.footer-legal .your-privacy-choices a,.footer-social .your-privacy-choices a {
  position: relative;
  display: inline-block;
  padding-right: 36px
}

.footer-legal .your-privacy-choices a:after,.footer-social .your-privacy-choices a:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
  width: 30px;
  height: 14px;
  background: url(/assets/images/choices.svg) 50% no-repeat;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.footer-legal .your-privacy-choices.hidden,.footer-social .your-privacy-choices.hidden {
  display: none
}

.footer-social .your-privacy-choices a:after {
  top: 4px
}

@media screen and (max-width: 1800px) {
  .footer-social .your-privacy-choices a:after {
      top:1px
  }
}

.v1.page-landing .title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  width: 100%
}

@media screen and (max-width: 740px) {
  .v1.page-landing .title-wrapper {
      -webkit-box-align:start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start
  }
}

.v1.page-landing .container.content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.v1.page-landing .list-group-wrapper .h6 {
  margin-bottom: .4em
}

.v1.page-landing .body-2,.v1.page-landing .subhead-1,.v1.page-landing .subhead-2 {
  font-weight: 500
}

.v1.page-landing ._escape_up {
  -webkit-animation-duration: .7s;
  animation-duration: .7s
}

.v1 .link-icon-left {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.v1 .link-icon-left .icon {
  position: relative;
  right: .3em;
  bottom: .05em
}

@media screen and (max-width: 1024px) {
  .v1 .link-icon-left .icon {
      bottom:.1em
  }
}

@media screen and (max-width: 740px) {
  .v1 .wrapper-breadcrumbs {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .v1 .wrapper-breadcrumbs .breadcrumb {
      margin-bottom: 24px
  }
}

.v1 .anchor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.v1 .anchor .svg-icon {
  width: 1em;
  height: 1em;
  font-size: inherit;
  margin-left: .8em;
  margin-bottom: 2px
}

@media screen and (max-width: 740px) {
  .v1 .anchor {
      -webkit-align-self:flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start
  }
}

.v1 .vacancies-list {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.v1 .icon-arrow {
  position: relative;
  height: 22px;
  width: 22px;
  margin-left: auto;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

@media screen and (max-width: 1024px) {
  .v1 .icon-arrow {
      width:15px;
      height: 15px
  }
}

@media screen and (max-width: 740px) {
  .v1 .icon-arrow {
      -webkit-transform:translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
  }
}

.v1 .back-link .icon-arrow {
  top: .1em
}

@media screen and (max-width: 740px) {
  .v1 .back-link .icon-arrow {
      top:.07em;
      position: relative;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
  }
}

.v1 .navigations {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  bottom: 10%;
  left: 5%;
  z-index: 3
}

.v1 .navigations.pos-1 {
  left: 0;
  bottom: 0
}

@media screen and (max-width: 740px) {
  .v1 .navigations.pos-1 {
      left:50%
  }
}

.v1 .navigations .slider-nav-btn:not(:last-child) {
  margin-right: 10px
}

@media screen and (max-width: 740px) {
  .v1 .navigations {
      left:50%;
      bottom: 5%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%)
  }
}

.v1 .insta-slider {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  height: 100%
}

@media screen and (max-width: 740px) {
  .v1 .insta-slider {
      width:100vw
  }
}

.v1 .insta-slider .swiper-slide img {
  -o-object-fit: cover;
  object-fit: cover
}

.v1 .insta-slider .swiper-slide.first {
  width: 270px!important
}

.v1 .insta-slider .swiper-slide.first img {
  width: 270px;
  height: 270px
}

@media screen and (max-width: 1800px) {
  .v1 .insta-slider .swiper-slide.first {
      width:205px!important
  }

  .v1 .insta-slider .swiper-slide.first img {
      width: 205px;
      height: 205px
  }
}

@media screen and (max-width: 1024px) {
  .v1 .insta-slider .swiper-slide.first {
      width:146px!important
  }

  .v1 .insta-slider .swiper-slide.first img {
      width: 146px;
      height: 146px
  }
}

@media screen and (max-width: 900px) {
  .v1 .insta-slider .swiper-slide.first {
      width:106px!important
  }

  .v1 .insta-slider .swiper-slide.first img {
      width: 106px;
      height: 106px
  }
}

.v1 .insta-slider .swiper-slide.second {
  width: 415px!important
}

.v1 .insta-slider .swiper-slide.second img {
  width: 415px;
  height: 415px
}

@media screen and (max-width: 1800px) {
  .v1 .insta-slider .swiper-slide.second {
      width:315px!important
  }

  .v1 .insta-slider .swiper-slide.second img {
      width: 315px;
      height: 315px
  }
}

@media screen and (max-width: 1024px) {
  .v1 .insta-slider .swiper-slide.second {
      width:225px!important
  }

  .v1 .insta-slider .swiper-slide.second img {
      width: 225px;
      height: 225px
  }
}

@media screen and (max-width: 900px) {
  .v1 .insta-slider .swiper-slide.second {
      width:163px!important
  }

  .v1 .insta-slider .swiper-slide.second img {
      width: 163px;
      height: 163px
  }
}

.v1 .insta-slider .swiper-slide.third {
  width: 630px!important
}

.v1 .insta-slider .swiper-slide.third img {
  width: 630px;
  height: 630px
}

@media screen and (max-width: 1800px) {
  .v1 .insta-slider .swiper-slide.third {
      width:479px!important
  }

  .v1 .insta-slider .swiper-slide.third img {
      width: 479px;
      height: 479px
  }
}

@media screen and (max-width: 1024px) {
  .v1 .insta-slider .swiper-slide.third {
      width:342px!important
  }

  .v1 .insta-slider .swiper-slide.third img {
      width: 342px;
      height: 342px
  }
}

@media screen and (max-width: 900px) {
  .v1 .insta-slider .swiper-slide.third {
      width:248px!important
  }

  .v1 .insta-slider .swiper-slide.third img {
      width: 248px;
      height: 248px
  }
}

@media screen and (max-width: 1024px) {
  .v1 .insta-slider .swiper-slide {
      margin-right:10px!important
  }
}

.v1 .career-slider .swiper-slide img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 900px
}

@media screen and (max-width: 1800px) {
  .v1 .career-slider .swiper-slide img {
      height:682px
  }
}

@media screen and (max-width: 1024px) {
  .v1 .career-slider .swiper-slide img {
      height:486px
  }
}

@media screen and (max-width: 900px) {
  .v1 .career-slider .swiper-slide img {
      height:358px
  }
}

.v1 .join-team .title-wrapper {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

@media screen and (max-width: 740px) {
  .v1 .join-team .title-wrapper {
      -webkit-box-pack:start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start
  }
}

.v1 .join-team .title {
  width: 12.5em;
  text-align: center
}

@media screen and (max-width: 740px) {
  .v1 .join-team .title {
      text-align:left
  }
}

.v1 .join-team .btn {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

@media screen and (max-width: 740px) {
  .v1 .join-team .btn {
      -webkit-align-self:auto;
      -ms-flex-item-align: auto;
      align-self: auto
  }
}

.v1 #position {
  z-index: 2;
  scroll-margin-top: 200px
}

@media (max-width: 1440px) {
  .v1 #position {
      scroll-margin-top:150px
  }
}

.v1 .our-adv {
  min-height: 277px
}

@media screen and (max-width: 740px) {
  .v1 .our-adv {
      max-width:100%
  }
}

@media screen and (max-width: 576px) {
  .v1 .about-top-img {
      background-position-x:-140px
  }
}

.v1 .about-middle-img {
  background-position: 0 0
}

@media screen and (max-width: 740px) {
  .v1 .about-middle-img {
      background-position-x:-30px
  }
}

.v1 .phone-with-list .item-desc {
  margin-bottom: 15%
}

.v1 .phone-with-list .subhead-2 {
  max-width: 70%;
  color: #adb3bc
}

@media screen and (max-width: 1024px) {
  .v1 .phone-with-list .subhead-2 {
      max-width:100%
  }
}

.v1 .phone-with-list .list-group-text {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.v1 .phone-with-list .list-group-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  margin-right: 0
}

.v1 .phone-with-list .list-group-item .sub-number {
  margin-left: 4px
}

@media screen and (max-width: 1800px) {
  .v1 .phone-with-list .list-group-item {
      -webkit-flex-basis:43%;
      -ms-flex-preferred-size: 43%;
      flex-basis: 43%
  }

  .v1 .phone-with-list .list-group-item:nth-child(odd) {
      margin-right: 0
  }
}

@media screen and (max-width: 740px) {
  .v1 .phone-with-list .list-group-item {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 1.2em
  }

  .v1 .phone-with-list .list-group-item .h4 {
      min-width: 3em
  }

  .v1 .phone-with-list .list-group-item .subhead-2 {
      margin-top: 0
  }
}

.v1 .quote-wrapper {
  position: relative;
  max-width: 95%
}

@media (max-width: 1440px) {
  .v1 .quote-wrapper {
      max-width:100%
  }
}

.v1 .quote-wrapper .icon-quote {
  position: absolute;
  right: 0
}

@media screen and (max-width: 1024px) {
  .v1 .quote-wrapper .icon-quote {
      width:38px;
      height: 24px
  }
}

.v1 .quote-wrapper .quote {
  margin-bottom: 20%
}

.v1 .about-press-container .navigations {
  position: relative
}

.v1 .about-press-slider {
  margin-bottom: 90px
}

@media screen and (max-width: 1800px) {
  .v1 .about-press-slider {
      margin-bottom:50px
  }
}

@media screen and (max-width: 740px) {
  .v1 .about-press-slider {
      margin-bottom:40px
  }
}

.v1 .about-press-slider .swiper-slide {
  border: 1px solid #dee1e6;
  padding: 4%
}

@media screen and (max-width: 740px) {
  .v1 .about-press-slider .swiper-slide {
      padding:40px 22px
  }
}

.v1 .about-press-slider .swiper-slide:hover {
  background: rgba(239,241,244,.5)
}

.v1 .about-press-slider .subhead-2 {
  min-height: 4.5em;
  margin-bottom: 1.5em
}

.v1 .about-press-slider .entry-title {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6%;
  border-bottom: .8px solid #dee1e6
}

.v1 .about-press-slider .box,.v1 .about-press-slider .entry-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.v1 .about-press-slider .box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 260px
}

.v1 .about-press-slider .icon-bg {
  width: 197px;
  height: 90px;
  margin: 0 0 5%;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
  .v1 .about-press-slider .icon-bg {
      width:101px;
      height: 40px
  }
}

.v1 .brand-assets-container {
  position: relative
}

.v1 .brand-assets-container:before {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: -webkit-calc(100vw - 100px);
  width: calc(100vw - 100px);
  background: #eff1f4;
  opacity: .5
}

@media screen and (min-width: 1921px) {
  .v1 .brand-assets-container:before {
      width:100vw
  }
}

@media screen and (max-width: 1800px) {
  .v1 .brand-assets-container:before {
      width:-webkit-calc(100vw - 60px);
      width: calc(100vw - 60px)
  }
}

@media screen and (max-width: 1024px) {
  .v1 .brand-assets-container:before {
      width:-webkit-calc(100vw - 40px);
      width: calc(100vw - 40px)
  }
}

@media screen and (max-width: 740px) {
  .v1 .brand-assets-container:before {
      width:100vw
  }
}

.v1 .brand-assets-wrapper .brand-assets-img {
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 100% 100%;
  background-image: url(https://res.cloudinary.com/drhg6wpcy/image/upload/c_fit,dpr_2.0,fl_lossy,q_auto:eco,w_960,f_auto/v1/betterme.world/bg-phones_x4hpaf)
}

@media (max-width: 1440px) {
  .v1 .brand-assets-wrapper .brand-assets-img {
      -webkit-background-size:70% 70%;
      background-size: 70%
  }
}

@media screen and (max-width: 740px) {
  .v1 .brand-assets-wrapper .brand-assets-img {
      -webkit-background-size:53% 53%;
      background-size: 53%;
      background-image: url(https://res.cloudinary.com/drhg6wpcy/image/upload/c_fit,dpr_2.0,fl_lossy,q_auto:eco,w_480,f_auto/v1/betterme.world/bg-phones-small_w8ijfn);
      background-position: 100% 100%
  }
}

@media screen and (max-width: 576px) {
  .v1 .brand-assets-wrapper .brand-assets-img {
      min-height:270px;
      width: 100%;
      position: static;
      -webkit-background-size: contain;
      background-size: contain
  }
}

.v1 .brand-assets-wrapper .col-m {
  z-index: 1
}

.v1 .brand-assets-wrapper .col {
  padding: 4% 0 0 4%
}

@media screen and (max-width: 576px) {
  .v1 .brand-assets-wrapper .col {
      -webkit-flex-basis:100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      margin-bottom: 30px
  }
}

.v1 .brand-assets-wrapper .col .secondary-color {
  margin-bottom: 2em
}

.v1 .about-benefit-slider {
  max-width: 100%
}

.v1 .about-benefit-slider .bg-img__small {
  background-position: 50%
}

@media screen and (max-width: 740px) {
  .v1 .about-benefit-slider .row {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.v1 .list-advantages .list-group-item .subhead-2 {
  max-width: 435px
}

@media screen and (max-width: 1800px) {
  .v1 .list-advantages .list-group-item .subhead-2 {
      max-width:335px
  }
}

@media screen and (max-width: 740px) {
  .v1 .list-advantages .list-group-item .subhead-2 {
      max-width:100%
  }
}

.v1 .ceo-wrapper .bg-img {
  background-position: 30%
}

.v1 .ceo-wrapper .subhead-2 {
  margin-top: 10px;
  margin-bottom: 0
}

.v1 .ceo-wrapper .icon-ceo {
  float: left;
  margin-right: 15px
}

.v1 .story-container {
  min-height: 900px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 80px 0 70px 70px;
  background: #f7f8f9
}

@media screen and (max-width: 1800px) {
  .v1 .story-container {
      min-height:680px;
      padding: 40px 0 40px 40px
  }
}

@media screen and (max-width: 1024px) {
  .v1 .story-container {
      min-height:520px
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container {
      min-height:720px;
      padding-left: 0
  }
}

.v1 .story-container .navigations.show-phone-flex {
  bottom: 5%;
  position: static;
  margin: 0 auto;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset
}

.v1 .story-container .col-sm {
  -webkit-flex-basis: 35.2%;
  -ms-flex-preferred-size: 35.2%;
  flex-basis: 35.2%;
  position: relative
}

@media screen and (max-width: 740px) {
  .v1 .story-container .col-sm {
      padding-left:20px
  }
}

.v1 .story-container .col-l {
  -webkit-flex-basis: 64.8%;
  -ms-flex-preferred-size: 64.8%;
  flex-basis: 64.8%;
  overflow: hidden
}

.v1 .story-container .swiper-slide {
  min-width: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url(/assets/images/circle-with-space.svg);
  background-repeat: repeat-x;
  background-position: 10px
}

.v1 .story-container .swiper-slide:first-child,.v1 .story-container .swiper-slide:last-child {
  background-image: none
}

.v1 .story-container .swiper-slide:first-child:before,.v1 .story-container .swiper-slide:last-child:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 50%;
  right: 0;
  display: block;
  height: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/assets/images/circle-with-space.svg);
  background-repeat: repeat-x;
  background-position: 10px
}

@media (max-width: 1440px) {
  .v1 .story-container .swiper-slide:first-child:before,.v1 .story-container .swiper-slide:last-child:before {
      width:50%;
      right: 0
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container .swiper-slide:first-child:before,.v1 .story-container .swiper-slide:last-child:before {
      width:50vw;
      right: 0
  }
}

.v1 .story-container .swiper-slide:nth-child(2n) .period-desc {
  bottom: auto;
  top: 637px
}

@media screen and (max-width: 1800px) {
  .v1 .story-container .swiper-slide:nth-child(2n) .period-desc {
      top:470px
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container .swiper-slide:nth-child(2n) .period-desc {
      top:445px
  }
}

.v1 .story-container .swiper-slide:nth-child(2n) .period-desc:after {
  top: -126px;
  margin-top: 0
}

@media screen and (max-width: 1800px) {
  .v1 .story-container .swiper-slide:nth-child(2n) .period-desc:after {
      top:-95px
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container .swiper-slide:nth-child(2n) .period-desc:after {
      top:-70px
  }
}

.v1 .story-container .swiper-slide:nth-child(2n) .period-month {
  top: auto;
  bottom: 352px
}

@media screen and (max-width: 1800px) {
  .v1 .story-container .swiper-slide:nth-child(2n) .period-month {
      bottom:250px
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container .swiper-slide:first-child {
      position:relative;
      margin-left: 0
  }
}

.v1 .story-container .swiper-slide:last-child:before {
  left: 0
}

.v1 .story-container .swiper-slide:last-child .period-desc {
  min-width: 450px
}

@media screen and (max-width: 1800px) {
  .v1 .story-container .swiper-slide:last-child .period-desc {
      min-width:420px
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container .swiper-slide:last-child .period-desc {
      min-width:340px
  }
}

@media screen and (max-width: 320px) {
  .v1 .story-container .swiper-slide:last-child .period-desc {
      min-width:280px
  }
}

.v1 .story-container .swiper-slide.swiper-slide-active .period:before {
  content: "";
  display: block;
  width: 260px;
  height: 260px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #dee1e6;
  opacity: .5;
  z-index: 1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: scale-up 1s ease-out forwards;
  animation: scale-up 1s ease-out forwards
}

@media screen and (max-width: 1800px) {
  .v1 .story-container .swiper-slide.swiper-slide-active .period:before {
      width:190px;
      height: 190px
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container .swiper-slide.swiper-slide-active .period:before {
      width:180px;
      height: 180px
  }
}

.v1 .story-container .swiper-slide.swiper-slide-active .period-date {
  opacity: 1;
  z-index: 1;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.v1 .story-container .period {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 840px
}

.v1 .story-container .period:before {
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.v1 .story-container .period:after {
  content: "";
  position: fixed;
  display: block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #000
}

.v1 .story-container .period .period-desc {
  position: absolute;
  bottom: 637px;
  min-width: 310px;
  text-align: center;
  z-index: 1
}

.v1 .story-container .period .period-desc:after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  height: 100px;
  width: 2px;
  margin-top: 10px;
  background: -webkit-gradient(linear,right top,left top,from(rgba(219,222,226,0)),color-stop(33.66%,#dbdee2),color-stop(62.26%,#dbdee2),to(rgba(219,222,226,0))),-webkit-gradient(linear,right top,left top,from(rgba(219,222,226,0)),color-stop(53.9%,#dbdee2),to(rgba(219,222,226,0))),-webkit-gradient(linear,right top,left top,from(rgba(219,222,226,0)),color-stop(53.9%,#dbdee2),to(rgba(219,222,226,0)));
  background: -webkit-linear-gradient(right,rgba(219,222,226,0),#dbdee2 33.66%,#dbdee2 62.26%,rgba(219,222,226,0)),-webkit-linear-gradient(right,rgba(219,222,226,0),#dbdee2 53.9%,rgba(219,222,226,0)),-webkit-linear-gradient(right,rgba(219,222,226,0),#dbdee2 53.9%,rgba(219,222,226,0));
  background: -o-linear-gradient(right,rgba(219,222,226,0) 0,#dbdee2 33.66%,#dbdee2 62.26%,rgba(219,222,226,0) 100%),-o-linear-gradient(right,rgba(219,222,226,0) 0,#dbdee2 53.9%,rgba(219,222,226,0) 100%),-o-linear-gradient(right,rgba(219,222,226,0) 0,#dbdee2 53.9%,rgba(219,222,226,0) 100%);
  background: linear-gradient(270deg,rgba(219,222,226,0),#dbdee2 33.66%,#dbdee2 62.26%,rgba(219,222,226,0)),linear-gradient(270deg,rgba(219,222,226,0),#dbdee2 53.9%,rgba(219,222,226,0)),linear-gradient(270deg,rgba(219,222,226,0),#dbdee2 53.9%,rgba(219,222,226,0))
}

@media screen and (max-width: 1800px) {
  .v1 .story-container .period .period-desc {
      bottom:470px;
      min-width: 270px
  }

  .v1 .story-container .period .period-desc:after {
      margin-top: 20px;
      height: 75px
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container .period .period-desc {
      bottom:445px
  }

  .v1 .story-container .period .period-desc:after {
      margin-top: 10px;
      height: 60px
  }
}

.v1 .story-container .period .period-date {
  position: absolute;
  width: 90px;
  height: 48px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background: #dee1e6;
  text-align: center;
  line-height: 48px;
  opacity: 0
}

@media screen and (max-width: 1800px) {
  .v1 .story-container .period .period-date {
      width:80px;
      height: 42px;
      line-height: 42px
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container .period .period-date {
      width:75px;
      height: 40px;
      line-height: 40px
  }
}

.v1 .story-container .period .period-month {
  position: absolute;
  top: 352px;
  z-index: 1
}

@media screen and (max-width: 1800px) {
  .v1 .story-container .period .period-month {
      top:250px
  }
}

@media screen and (max-width: 1800px) {
  .v1 .story-container .period {
      min-height:600px
  }
}

@media screen and (max-width: 740px) {
  .v1 .story-container .story-desc {
      padding-right:20px
  }
}

.v1 .story-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #adb3bc
}

@media screen and (max-width: 740px) {
  .v1 .story-wrapper {
      border:none
  }
}

@media screen and (max-width: 576px) {
  .v1 .for-work-page-title {
      font-size:45px
  }
}

@media screen and (max-width: 320px) {
  .v1 .for-work-page-title {
      font-size:40px
  }
}

.v1 .business-run-img {
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  min-height: 1500px
}

@media screen and (max-width: 1800px) {
  .v1 .business-run-img {
      min-height:1200px
  }
}

@media screen and (max-width: 1024px) {
  .v1 .business-run-img {
      min-height:900px
  }
}

@media screen and (max-width: 740px) {
  .v1 .business-run-img {
      min-height:358px;
      -webkit-background-size: cover;
      background-size: cover;
      background-position: top;
      background-image: url(https://res.cloudinary.com/drhg6wpcy/image/upload/c_fit,dpr_2.0,fl_lossy,q_auto:eco,w_480,f_auto/v1/betterme.world/image-run-1_vye2fx)
  }
}

.v1 .for-business-contact {
  position: relative;
  padding-top: 160px;
  background: #eff1f4
}

@media screen and (max-width: 1800px) {
  .v1 .for-business-contact {
      padding-top:120px
  }
}

@media screen and (max-width: 1024px) {
  .v1 .for-business-contact {
      padding-top:100px
  }
}

@media screen and (max-width: 740px) {
  .v1 .for-business-contact {
      padding-top:80px
  }
}

.v1 .for-business-contact .row {
  border-bottom: 1px solid #d1d5db
}

.v1 .row-with-phone .col-inner-l {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media screen and (max-width: 1024px) {
  .v1 .focus-row {
      -webkit-box-align:stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch
  }
}

.v1 .swiper-slide {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden
}

@media screen and (max-width: 1024px) {
  .v1.page-landing .col-text-image .col-l {
      -webkit-box-pack:end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end
  }

  .v1.page-landing .col-text-image .col-inner-sm .subhead-1 {
      margin-bottom: 115px
  }
}

@media screen and (max-width: 900px) {
  .v1.page-landing .col-text-image .col-inner-sm .subhead-1 {
      margin-bottom:64px
  }
}

@media screen and (max-width: 740px) {
  .v1.page-landing .col-text-image .col-inner-sm .subhead-1 {
      margin-bottom:16px
  }
}

.skeleton-loading {
  background-color: #e2e2e2;
  position: relative;
  overflow: hidden
}

.skeleton-loading.skeleton-alt-bg {
  background-color: #152440;
  -webkit-border-radius: 25px;
  border-radius: 25px
}

.skeleton-loading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.7)),to(transparent));
  background: -webkit-linear-gradient(left,transparent,hsla(0,0%,100%,.7),transparent);
  background: -o-linear-gradient(left,transparent,hsla(0,0%,100%,.7),transparent);
  background: linear-gradient(90deg,transparent,hsla(0,0%,100%,.7),transparent);
  -webkit-animation: loading 1.5s infinite;
  animation: loading 1.5s infinite
}

.modal-cv {
  background-color: #eff1f4;
  overflow: auto;
  opacity: 1;
  visibility: visible;
  display: none;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

@media screen and (max-width: 740px) {
  .modal-cv {
      padding:25% 0 10%
  }
}

.modal-cv .row>.col {
  -webkit-flex-basis: 38%;
  -ms-flex-preferred-size: 38%;
  flex-basis: 38%
}

.modal-cv .row>.col:last-child {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

.modal-cv ._anim {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.modal-cv.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: slide-bottom-to-top 1s forwards;
  animation: slide-bottom-to-top 1s forwards
}

.modal-cv .modal-hide {
  position: absolute;
  right: 100px;
  top: 25px
}

@media screen and (max-width: 1800px) {
  .modal-cv .modal-hide {
      right:60px
  }
}

@media screen and (max-width: 1024px) {
  .modal-cv .modal-hide {
      right:40px
  }
}

@media screen and (max-width: 740px) {
  .modal-cv .modal-hide {
      right:20px
  }
}

.modal-cv.slide-down-anim {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: slide-top-to-bottom 1s forwards;
  animation: slide-top-to-bottom 1s forwards
}

.message-result {
  display: none;
  color: #34c759
}

.message-result .svg-icon {
  position: relative;
  top: .3em;
  margin-right: .75em
}

.contacts .wrapper-breadcrumbs {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset
}

@media screen and (max-width: 740px) {
  .contacts .wrapper-breadcrumbs {
      margin-bottom:24px
  }
}

.contacts .main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.contacts .main .container {
  margin: 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.contacts .position-title {
  line-height: 1
}

@media screen and (max-width: 900px) {
  .contacts .position-title {
      width:35%
  }
}

@media screen and (max-width: 740px) {
  .contacts .position-title {
      width:70%
  }
}

.contacts .positions-item {
  border-color: #e4e7eb
}

.contacts .positions-item:first-child {
  border-top: 1px solid #e4e7eb
}

@media screen and (max-width: 740px) {
  .contacts .positions-item .position {
      padding-top:25px
  }
}

.contacts .positions-item .position-title {
  margin: 50px 0
}

@media screen and (max-width: 1024px) {
  .contacts .positions-item .position-title {
      margin:40px 0
  }
}

@media screen and (max-width: 740px) {
  .contacts .positions-item .position-title {
      margin:0 0 10px
  }
}

.contacts .positions-item .position-text {
  color: inherit
}

@media screen and (max-width: 900px) {
  .contacts .positions-item .position-text {
      font-size:30px
  }
}

@media screen and (max-width: 460px) {
  .contacts .positions-item .position-text {
      font-size:24px
  }
}

.positions-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 2px solid hsla(0,0%,100%,.2);
  width: 100%
}

.positions-item {
  width: 100%;
  border-bottom: 1px solid #c5cad1;
  display: none
}

.positions-item.show {
  display: block
}

.position {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
  background-image: -webkit-linear-gradient(top,#fff,#fff);
  background-image: -o-linear-gradient(top,#fff,#fff);
  background-image: linear-gradient(180deg,#fff,#fff);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 0;
  background-size: 100% 0;
  -webkit-transition: color .3s,-webkit-background-size .3s;
  transition: color .3s,-webkit-background-size .3s;
  -o-transition: color .3s,background-size .3s;
  transition: color .3s,background-size .3s;
  transition: color .3s,background-size .3s,-webkit-background-size .3s
}

@media screen and (min-width: 1024px) {
  .position:hover {
      -webkit-background-size:100% 100%;
      background-size: 100% 100%;
      color: #000
  }

  .position:hover .position-title {
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px)
  }

  .position:hover .icon-arrow {
      fill: #000;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px)
  }

  .position:hover span:after {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0)
  }
}

@media screen and (max-width: 740px) {
  .position {
      position:relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      padding: 55px 0 25px
  }

  .position .icon-arrow {
      position: absolute;
      right: 0;
      top: 60%
  }
}

.position-title {
  width: 41.5%;
  margin: 35px 0;
  padding-right: 30px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

@media screen and (max-width: 1200px) {
  .position-title {
      width:29%
  }
}

@media screen and (max-width: 1024px) {
  .position-title {
      margin:30px 0
  }
}

@media screen and (max-width: 740px) {
  .position-title {
      width:70%;
      margin: 0 0 8px
  }
}

body.body-band {
  padding-top: 100px
}

@media screen and (min-width: 1200px) {
  body.body-band {
      padding-top:32px
  }
}

body.body-band :target:before {
  content: "";
  display: block;
  height: 90px;
  margin: -85px 0 0
}

@media screen and (min-width: 1200px) {
  body.body-band :target:before {
      height:70px;
      margin: -65px 0 0
  }
}

.showed-menu {
  overflow: hidden
}

.band-header,.band-side-menu {
  padding-top: 16px;
  padding-bottom: 16px
}

.band-header .button-circle,.band-side-menu .button-circle {
  margin: 0
}

.page-band .guide__list {
  padding: 0 0 0 14px
}

.page-band .guide__list li {
  margin: 0
}

.page-band .guide__item {
  margin-bottom: 32px;
  padding-bottom: 32px
}

.page-band .guide__item:not(:last-child) {
  border-bottom: 1px solid #eff1f4
}

.page-band .guide .sub-item {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px
}

.page-band .guide .img {
  margin-top: 24px;
  margin-bottom: 24px;
  -o-object-fit: contain;
  object-fit: contain
}

.page-band .guide__text {
  max-width: 724px;
  margin: 8px 0 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6c727a
}

.page-band .guide .app-imgs {
  position: relative
}

.page-band .guide .app-imgs .company-logo {
  width: 215px;
  margin-bottom: 27px
}

.page-band .guide .app-imgs .store {
  width: 164px
}

.page-band .guide__list {
  margin-top: 24px
}

.page-band .guide__list .list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px
}

.page-band .guide__list .list-icon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 72px;
  margin-right: 24px
}

.page-band .guide__list .list-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 4px
}

.page-band .guide__list .list-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6c727a
}

.page-band .guide__list.type-small .list-item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.page-band .guide__list.type-small .list-icon-wrapper {
  min-width: 48px;
  margin-right: 12px
}

.page-band .guide .quote {
  max-width: 700px;
  margin-top: 32px;
  padding-left: 12px;
  border-left: 2px solid #ffb400
}

.page-band .h1 {
  font-size: 48px;
  line-height: 56px;
  font-weight: 600;
  margin: 0 0 28px;
  word-break: break-word
}

.page-band .h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 8px
}

.page-band .h4 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: unset;
  margin: 0 0 6px
}

.page-band .sub-title {
  margin-bottom: -4px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px
}

.page-band .ol {
  padding-left: 1em
}

.page-band .mb-24 {
  margin-bottom: 24px
}

.page-band .mb-48 {
  margin-bottom: 48px
}

.page-band .mb-0 {
  margin-bottom: 0
}

.page-band .mt-8 {
  margin-top: 8px
}

.page-band .c-main {
  color: #000
}

.page-band .title-wrapper {
  width: 100%;
  text-align: center
}

.page-band .img {
  display: block;
  margin: 0 auto;
  max-height: 280px
}

.page-band .img-band {
  max-width: 295px;
  margin-bottom: 100px;
  -o-object-fit: contain;
  object-fit: contain
}

.page-band .start-scroll {
  display: block;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #adb3bc
}

.page-band .start-scroll p {
  margin: 0 0 8px
}

.page-band .table-contents .band-table-content__item-link {
  font-size: 18px;
  line-height: 28px
}

.page-band .img-bands img {
  width: 61px
}

.page-band .img-phone {
  max-width: 302px
}

.page-band .phone-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

.page-band .phone-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  text-align: center
}

.page-band .phone-item:first-child {
  margin-right: 8px
}

.page-band .phone-item img {
  width: 100%;
  max-width: 275px;
  margin-bottom: 8px
}

.page-band .phone-item .phone-title {
  font-size: 16px;
  line-height: 24px;
  color: #6c727a
}

.band-table-content {
  padding: 0;
  list-style-type: none
}

.band-table-content .band-table-content__item {
  margin-bottom: 0;
  overflow: hidden
}

.band-table-content .band-table-content__item:first-child {
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px
}

.band-table-content .band-table-content__item:last-child {
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  border-bottom-right-radius: 12px
}

.band-table-content .band-table-content__item:not(:last-child) {
  border-bottom: 1px solid rgba(209,213,219,.5)
}

.band-table-content__item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
  background: #f6f6f6
}

.band-table-content__item-link:after {
  content: "";
  display: block;
  margin-left: auto;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8l4 4-4 4' stroke='%236C727A' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-background-size: cover;
  background-size: cover
}

.band-table-content .list-number {
  display: inline-block;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #6c727a
}

.band-side-menu {
  overflow-y: scroll
}

.band-side-menu .side-menu-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: -webkit-calc(100vh - 90px);
  min-height: calc(100vh - 90px)
}

.band-side-menu .band-table-content .band-table-content__item {
  border-bottom: none
}

.band-side-menu .band-table-content .band-table-content__item-link {
  background: none;
  padding: 0;
  margin-bottom: 24px
}

.band-side-menu .band-table-content .band-table-content__item-link:after {
  display: none
}

.band-aside {
  display: none
}

.start-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: -webkit-calc(100vh - 90px);
  min-height: calc(100vh - 90px);
  height: 100%
}

.language-select.band-select .select-items {
  overflow-x: hidden
}

@media screen and (max-width: 1200px) {
  .page-band .hide-item-mobile {
      display:none
  }

  .page-band .guide .type-bg-icon {
      padding: 0
  }

  .page-band .guide .type-bg-icon .list-icon-wrapper {
      width: 100px;
      min-width: auto;
      height: 200px;
      display: block
  }

  .page-band .guide .type-bg-icon .list-icon-wrapper img {
      height: 100%;
      width: 100px
  }

  .page-band .guide .type-bg-icon .list-title {
      display: inline-block;
      width: 100%
  }
}

@media screen and (min-width: 1200px) {
  .band-header>.container,.band-header>.row,.page-band>.container,.page-band>.row {
      max-width:1440px;
      padding: 0;
      margin: 0 auto
  }

  .band-aside-logo {
      display: block;
      margin-bottom: 20px
  }

  .band-header,.start-block {
      display: none
  }

  .band-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 48px
  }

  .page-band {
      -webkit-flex-basis: 800px;
      -ms-flex-preferred-size: 800px;
      flex-basis: 800px;
      padding-left: 60px;
      padding-right: 60px
  }

  .page-band .hide-item-desktop {
      display: none
  }

  .page-band .sub-title {
      font-size: 32px;
      line-height: 36px
  }

  .page-band .h3 {
      font-size: 48px;
      line-height: 56px;
      margin-bottom: 14px;
      margin-top: 0
  }

  .page-band .mb-48 {
      margin-bottom: 60px
  }

  .page-band .guide .table-contents {
      display: none
  }

  .page-band .guide__item {
      padding-bottom: 60px;
      margin-bottom: 60px
  }

  .page-band .guide__text {
      margin-top: 10px;
      font-size: 18px;
      line-height: 28px
  }

  .page-band .guide .app-imgs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 32px
  }

  .page-band .guide .app-imgs .store-wrapper>a:hover {
      opacity: .7
  }

  .page-band .guide .app-imgs .store-wrapper .store:first-child {
      display: block;
      margin-bottom: 12px
  }

  .page-band .guide .app-imgs .img-connection {
      position: absolute;
      top: 56px;
      right: 32px;
      display: inline-block;
      width: 472px;
      margin: 0
  }

  .page-band .guide .type-bg-icon {
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      gap: 12px
  }

  .page-band .guide .type-bg-icon .list-item {
      width: 33.3333%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0
  }

  .page-band .guide .type-bg-icon .list-icon-wrapper {
      width: 100%;
      background: #f6f6f6;
      padding: 30px;
      -webkit-border-radius: 24px;
      border-radius: 24px;
      margin: 0 0 24px
  }

  .page-band .guide .type-bg-icon .list-icon-wrapper img {
      max-height: 400px;
      -o-object-fit: contain;
      object-fit: contain
  }

  .page-band .guide .type-bg-icon .list-text {
      height: 100%
  }

  .page-band .guide .type-bg-icon .list-title {
      font-size: 20px;
      line-height: 28px;
      display: inline-block;
      margin-bottom: 5px;
      height: 50%
  }

  .page-band .guide .type-bg-icon .list-desc {
      font-size: 18px;
      line-height: 28px;
      display: inline-block
  }

  .page-band .guide .type-small {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-right: 40px
  }

  .page-band .guide .type-small .list-col {
      -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .page-band .guide .type-small .list-col,.page-band .img-wrapper-gray {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .page-band .img-wrapper-gray {
      min-height: 355px;
      padding: 25px;
      -webkit-border-radius: 24px;
      border-radius: 24px;
      background: #f6f6f6
  }

  .page-band .desktop-two-img-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .page-band .desktop-two-img-wrapper .img-wrapper-gray {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%
  }

  .page-band .desktop-two-img-wrapper .img-wrapper-gray:first-child {
      margin-right: 12px
  }

  .page-band .img-bands {
      padding-right: 120px;
      padding-left: 120px
  }

  .page-band .img-bands img {
      width: 103px
  }

  .page-band .img-phone {
      max-width: 338px
  }

  .page-band .phone-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .page-band .phone-item img {
      max-width: 235px
  }

  .page-band .mt-0-desktop {
      margin-bottom: 0
  }

  .page-band .mb-24 {
      margin-bottom: 32px
  }

  .band-aside {
      position: -webkit-sticky;
      position: sticky;
      top: 32px;
      display: block;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      -webkit-flex-basis: 304px;
      -ms-flex-preferred-size: 304px;
      flex-basis: 304px;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-right: 80px
  }

  .band-aside .title {
      font-weight: 600;
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 47px
  }

  .band-aside .aside-table-contents {
      padding: 0;
      list-style-type: none
  }

  .band-aside .aside-table-contents .content-item-link {
      display: block;
      color: #6c727a;
      padding: 12px 16px;
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
      min-width: 304px
  }

  .band-aside .aside-table-contents .content-item-link:hover {
      background: #f6f6f6;
      -webkit-border-radius: 12px;
      border-radius: 12px;
      color: #090a0a
  }
}

:root {
  --parallax-height: 1055px;
  --band-indent-l: 200px;
  --image-border-radius: 50px
}

@media (max-width: 1536px) {
  :root {
      --parallax-height:810px;
      --band-indent-l: 104px;
      --image-border-radius: 36px
  }
}

@media screen and (max-width: 1200px) {
  :root {
      --parallax-height:574px;
      --band-indent-l: 80px
  }
}

@media screen and (max-width: 740px) {
  :root {
      --parallax-height:62vw;
      --band-indent-l: 52px;
      --image-border-radius: 24px
  }
}

.parallax-wrapper {
  height: -webkit-calc(100vh - 102px);
  height: calc(100vh - 102px);
  overflow-y: visible;
  -webkit-perspective: 10px;
  perspective: 10px
}

@media screen and (min-width: 1024px) {
  .parallax-wrapper {
      overflow-y:auto;
      overflow-x: hidden
  }
}

.parallax {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: -1
}

.parallax-item {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  -webkit-transform: translateZ(-3px) scale(1.3);
  transform: translateZ(-3px) scale(1.3)
}

@media screen and (max-width: 1200px) {
  .parallax-item {
      -webkit-transform:unset;
      -ms-transform: unset;
      transform: unset
  }
}

.main.band-landing {
  padding-top: 50px;
  color: #000;
  scroll-behavior: smooth;
  scroll-padding-top: 2rem
}

.main.band-landing .bg-white {
  background: #fff
}

.main.band-landing .bg-white>.max-1920 {
  margin-left: auto;
  margin-right: auto
}

.main.band-landing .font-inter {
  font-family: Inter,sans-serif
}

.main.band-landing .hide {
  display: none!important
}

.main.band-landing * {
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.main.band-landing .text-title {
  font-size: 6.6vw;
  font-weight: 600;
  letter-spacing: -.04em
}

@media screen and (min-width: 1921px) {
  .main.band-landing .text-title {
      font-size:127px
  }
}

.main.band-landing .text-title span {
  font-weight: 600
}

.main.band-landing .text-lg {
  font-size: 18px;
  letter-spacing: -.04em
}

.main.band-landing .text-xl {
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -.03em
}

.main.band-landing .text-2xl {
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.04em
}

.main.band-landing .text-3xl {
  font-size: 30px;
  line-height: 120%;
  letter-spacing: -.02em
}

.main.band-landing .text-4xl {
  font-size: 40px;
  letter-spacing: -.02em
}

.main.band-landing .text-5xl {
  font-size: 50px;
  letter-spacing: -.02em;
  font-weight: 600
}

.main.band-landing .text-7xl {
  font-size: 70px;
  line-height: 110%;
  letter-spacing: -.02em;
  font-weight: 600
}

.main.band-landing .text-8xl {
  font-size: 80px;
  letter-spacing: -.04em;
  font-weight: 600
}

.main.band-landing .text-9xl {
  font-size: 120px;
  line-height: 100%;
  font-weight: 600;
  letter-spacing: -.04em
}

.main.band-landing .text-ls-02 {
  letter-spacing: -.02em
}

.main.band-landing .text-ls-03,.main.band-landing .text-ls-04 {
  letter-spacing: -.04em
}

.main.band-landing b {
  font-weight: 600
}

.main.band-landing .line {
  height: 1px;
  width: 100%;
  border-top: 1px solid rgba(9,10,10,.2)
}

.main.band-landing .grid {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-column-gap: 20px;
  width: 100%
}

.main.band-landing .anim-cover {
  position: absolute;
  top: -5px;
  height: -webkit-calc(100% + 10px);
  height: calc(100% + 10px);
  width: 100%;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: slide-bottom-to-top-negative .7s forwards;
  animation: slide-bottom-to-top-negative .7s forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.main.band-landing .image img {
  max-width: 100%
}

.main.band-landing .image-absolute {
  position: relative;
  overflow: hidden
}

.main.band-landing .image-absolute>img,.main.band-landing .image-absolute>picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0
}

.main.band-landing .img-in-title img {
  width: 125px;
  vertical-align: middle;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden
}

.main.band-landing .label-info {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 10px 20px;
  border: 1px solid rgba(0,0,0,.6);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  font-family: Inter,sans-serif;
  font-weight: 400;
  line-height: 100%
}

.main.band-landing .landing-list {
  max-width: 400px;
  padding: 0;
  font-family: Inter,sans-serif
}

.main.band-landing .landing-list-item:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjQiIHN0cm9rZT0iIzA5MEEwQSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 14px;
  margin-top: -3px
}

.main.band-landing .landing-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 120%
}

.main.band-landing .landing-list-item:not(:last-child) {
  margin-bottom: 20px
}

.main.band-landing .width-100 {
  width: 100%
}

.main.band-landing .btn {
  font-family: Gilroy,sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%
}

.main.band-landing .btn-red {
  line-height: 16px
}

.main.band-landing .btn-white-fff:hover {
  border: none;
  color: #fff;
  background-color: #e75152
}

.main.band-landing .mb-l {
  margin-bottom: var(--band-indent-l)
}

.main.band-landing .mb-m {
  margin-bottom: 80px
}

.main.band-landing .pt-l {
  padding-top: var(--band-indent-l)
}

.main.band-landing .pb-l {
  padding-bottom: var(--band-indent-l)
}

.main.band-landing .band__title br {
  display: none
}

.main.band-landing .intro-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.main.band-landing .discover-block {
  padding-top: var(--band-indent-l)
}

.main.band-landing .intro .label-info {
  display: inline-block;
  margin-bottom: 32px
}

.main.band-landing .intro__text {
  max-width: 410px;
  margin-bottom: 50px;
  padding-right: 25px;
  letter-spacing: -.04em;
  font-weight: 400
}

.main.band-landing .intro__anchor {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400
}

.main.band-landing .intro__anchor svg {
  margin-right: 16px
}

.main.band-landing .bg-video {
  max-height: var(--parallax-height);
  position: relative;
  overflow: hidden
}

.main.band-landing .bg-video:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.7)),to(transparent));
  background: -webkit-linear-gradient(left,transparent,hsla(0,0%,100%,.7),transparent);
  background: -o-linear-gradient(left,transparent,hsla(0,0%,100%,.7),transparent);
  background: linear-gradient(90deg,transparent,hsla(0,0%,100%,.7),transparent);
  -webkit-animation: loading 1.5s infinite;
  animation: loading 1.5s infinite
}

.main.band-landing .bg-video .video {
  cursor: pointer;
  background-color: #e2e2e2;
  z-index: 2
}

.main.band-landing .card {
  max-width: 340px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 16px 16px 10px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background: #eff1f4;
  position: relative
}

.main.band-landing .card:before {
  content: "";
  position: absolute;
  background: #eff1f4;
  width: 16px;
  height: 16px;
  left: -18px;
  bottom: -8px;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.main.band-landing .card__message {
  margin-bottom: 10px;
  font-weight: 400
}

.main.band-landing .card__profile-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 15px 20px;
  margin-bottom: 1px;
  background: #fff;
  -webkit-border-top-left-radius: 16px;
  border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  border-top-right-radius: 16px
}

.main.band-landing .card__user {
  margin-bottom: 10px
}

.main.band-landing .card__user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.main.band-landing .card__image {
  margin-right: 18px;
  height: 44px;
  width: 44px
}

.main.band-landing .card__image img {
  width: 100%
}

.main.band-landing .card__name,.main.band-landing .card__position {
  font-weight: 400
}

.main.band-landing .card__name {
  letter-spacing: -.04em
}

.main.band-landing .card__position {
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -.06em;
  opacity: .5
}

.main.band-landing .card__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 11px 19px 15px 17px;
  background: #fff;
  -webkit-border-bottom-left-radius: 16px;
  border-bottom-left-radius: 16px;
  -webkit-border-bottom-right-radius: 16px;
  border-bottom-right-radius: 16px;
  line-height: 16px;
  font-weight: 400
}

.main.band-landing .card__time {
  text-align: right;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0,0,0,.5);
  letter-spacing: .05em
}

.main.band-landing .card-title {
  grid-row-gap: 120px;
  z-index: 1
}

.main.band-landing .card-title__title {
  grid-column: span 10
}

.main.band-landing .card-title__item {
  grid-column: span 4;
  grid-row: 2;
  padding-bottom: 165%;
  -webkit-border-radius: var(--image-border-radius);
  border-radius: var(--image-border-radius);
  overflow: hidden;
  color: #fff
}

.main.band-landing .card-title .image img {
  z-index: -1;
  -o-object-position: top;
  object-position: top
}

.main.band-landing .card-title__inner {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 40px
}

.main.band-landing .card-title__label {
  border: 1px solid hsla(0,0%,100%,.6)
}

.main.band-landing .card-title__text {
  margin-bottom: 60px
}

.main.band-landing .card-title__content-wrapper {
  position: relative;
  text-align: center
}

.main.band-landing .title-image {
  grid-row-gap: 100px
}

.main.band-landing .title-image.block-screens {
  grid-column-gap: 0
}

.main.band-landing .title-image .screen-image {
  grid-row: 2;
  grid-column: span 3;
  max-width: 100%
}

.main.band-landing .title-image__title {
  grid-column: span 10
}

.main.band-landing .title-image__image-wrapper {
  position: relative;
  grid-column: span 8;
  grid-row: 2
}

.main.band-landing .title-image__image,.main.band-landing .title-image__image-wrapper {
  -webkit-border-radius: var(--image-border-radius);
  border-radius: var(--image-border-radius)
}

.main.band-landing .title-image__image {
  padding-bottom: 69.5%
}

.main.band-landing .title-image__content {
  grid-column: span 4;
  grid-row: 2;
  padding-left: 60px
}

.main.band-landing .title-image__content p {
  font-weight: 600
}

.main.band-landing .title-image .label-info {
  margin-bottom: 40px
}

.main.band-landing .title-image .landing-list {
  margin: 60px 0
}

.main.band-landing .title-image__icons,.main.band-landing .title-image__phone {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 50px
}

.main.band-landing .title-image__phone {
  padding: 40px;
  min-width: 45%
}

.main.band-landing .title-image__phone .image {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.main.band-landing .title-image__phone .image-absolute {
  padding-bottom: 195%
}

.main.band-landing .title-image .row-top img {
  margin-bottom: 16px
}

.main.band-landing .title-image .row-top img:first-child {
  display: block
}

.main.band-landing .title-image .row-bottom .image-absolute {
  padding-bottom: 115%;
  -webkit-border-radius: 20px;
  border-radius: 20px
}

.main.band-landing .title-image__link {
  display: inline-block;
  min-width: 160px;
  text-align: center;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px
}

.main.band-landing .bg-with-icons .title-image__image-wrapper {
  min-height: 790px
}

.main.band-landing .block-screens .title-image__title {
  margin-bottom: 76px
}

.main.band-landing .slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  gap: 20px
}

.main.band-landing .slider__item {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 705px;
  min-height: 680px;
  padding: 80px 60px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #eff1f4
}

.main.band-landing .slider .item__inner {
  -webkit-flex-basis: 350px;
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  padding-right: 20px
}

.main.band-landing .slider .item__icon {
  margin-bottom: 50px
}

.main.band-landing .slider .item__title {
  line-height: 100%;
  letter-spacing: -.03em
}

.main.band-landing .slider .item__image {
  width: 170px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content
}

.main.band-landing .slider .item__desc {
  max-width: 500px
}

.main.band-landing .bg-block {
  position: relative;
  width: 100%;
  height: 1055px;
  padding: 104px 102px
}

.main.band-landing .bg-block__title {
  margin-bottom: 140px;
  text-align: center;
  line-height: 100%;
  color: #fff
}

.main.band-landing .bg-block .phone-image {
  max-height: 100%;
  margin-right: auto
}

.main.band-landing .bg-block__chart-wrapper {
  gap: 50px
}

.main.band-landing .bg-block__phone-wrapper .image {
  grid-column: span 5;
  max-width: 460px
}

.main.band-landing .bg-block__chart {
  max-width: 308px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden
}

.main.band-landing .bg-block__apply {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-width: 350px;
  padding: 20px 20px 20px 40px;
  background: #fff;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  color: #1b1b1e
}

.main.band-landing .meet-block {
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0,.1));
  background: -o-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0,.1));
  background: linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.main.band-landing .meet-block__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.main.band-landing .meet-block .btn {
  margin-top: 120px
}

.main.band-landing .phone-tracking-food {
  padding: 90px 140px
}

.main.band-landing .phone-tracking-food .bg-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.main.band-landing .phone-tracking-food .image-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1
}

.main.band-landing .chart-block {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0,.1));
  background: -o-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0,.1));
  background: linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  padding: 0
}

.main.band-landing .chart-block__content {
  width: 100%;
  padding: 104px 102px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

.main.band-landing .expert-block {
  padding-top: var(--band-indent-l)
}

.main.band-landing .coach .image-wrapper {
  grid-column: span 5;
  max-width: 705px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

.main.band-landing .coach__list-wrapper {
  grid-column: 7/span 6;
  height: 100%
}

.main.band-landing .coach__list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #dee1e6
}

.main.band-landing .coach__list-item,.main.band-landing .coach__list-item .icon-plus rect,.main.band-landing .coach__list-item svg path {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.main.band-landing .coach__list-item .icon-plus {
  width: 32px;
  height: 32px
}

.main.band-landing .coach__list-item:first-child {
  border-top: 1px solid #dee1e6
}

.main.band-landing .coach__list-item svg:first-child {
  margin-right: 24px
}

.main.band-landing .coach__list-item .image,.main.band-landing .coach__list-item .image img {
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.main.band-landing .coach__list-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease
}

.main.band-landing .coach.coach-desktop [data-tab-id] {
  display: none
}

.main.band-landing .coach.coach-desktop [data-tab-id].active {
  display: block
}

.main.band-landing .coach.coach-mobile [data-tab-id] {
  max-height: 0;
  height: auto;
  width: 100%;
  overflow: hidden
}

.main.band-landing .coach.coach-mobile [data-tab-id] lottie-player {
  display: none
}

.main.band-landing .coach.coach-mobile [data-tab-id].active {
  max-height: 800px
}

.main.band-landing .coach.coach-mobile [data-tab-id].active lottie-player {
  display: block
}

.main.band-landing .coach .active {
  color: #df4243
}

.main.band-landing .coach .active svg path {
  fill: #df4243
}

.main.band-landing .coach .active svg.stroked path {
  stroke: #df4243
}

.main.band-landing .coach .active .icon-plus rect:last-child {
  opacity: 0
}

.main.band-landing .coach__text {
  padding-right: 10%
}

.main.band-landing .coach__notes {
  max-width: 500px
}

.main.band-landing .coach lottie-player {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0
}

.main.band-landing .messages {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 20px 50px 64px;
  overflow: hidden
}

.main.band-landing .bg-messages {
  -webkit-border-radius: var(--image-border-radius);
  border-radius: var(--image-border-radius)
}

.main.band-landing .message {
  max-width: 340px;
  padding: 12px 16px 5px 17px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  font-family: Inter,sans-serif;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.02em;
  margin-bottom: 24px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.main.band-landing .message-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-top: 6px;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .05em
}

.main.band-landing .message-time svg {
  margin-left: 15px
}

.main.band-landing .message-red {
  margin-right: auto;
  background: #df4243;
  color: #fff
}

.main.band-landing .message-red .message-time {
  color: hsla(0,0%,100%,.8)
}

.main.band-landing .message-white {
  margin-left: auto;
  background: #efeff0;
  color: #000
}

@media (max-width: 1536px) {
  .main.band-landing .message {
      max-width:260px;
      font-size: 16px;
      line-height: 20px;
      padding: 8px 11px 6px 12px
  }

  .main.band-landing .message-time {
      font-size: 8px;
      line-height: 10px
  }

  .main.band-landing .message-time svg {
      width: 16px;
      height: 16px;
      margin-left: 8px
  }
}

.main.band-landing .coach-desktop .coach__list-item {
  cursor: pointer
}

.main.band-landing .coach-desktop .image-wrapper {
  -webkit-border-radius: var(--image-border-radius);
  border-radius: var(--image-border-radius)
}

.main.band-landing .coach-mobile {
  display: none
}

.main.band-landing .habits {
  height: 1265px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden
}

.main.band-landing .habits__bg {
  background: #eff1f4
}

.main.band-landing .habits__title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column: span 5;
  padding: 180px 20px 170px 140px
}

.main.band-landing .habits__phones {
  grid-column: 7/span 6;
  overflow-y: scroll
}

.main.band-landing .habits .image {
  max-width: 705px;
  margin-bottom: 60px;
  -webkit-border-radius: 20px;
  border-radius: 20px
}

.main.band-landing .habits .image:first-child {
  margin-top: 140px
}

@media screen and (max-width: 1800px) {
  .main.band-landing .text-7xl {
      font-size:56px
  }

  .main.band-landing .text-8xl {
      font-size: 60px
  }

  .main.band-landing .text-9xl {
      font-size: 80px
  }

  .main.band-landing .btn {
      min-width: 230px;
      line-height: 16px
  }

  .main.band-landing .title-image__image {
      padding-bottom: 77.5%
  }

  .main.band-landing .bg-block__title {
      margin-bottom: 48px
  }

  .main.band-landing .bg-block__phone-wrapper .image {
      max-width: 300px
  }

  .main.band-landing .meet-block,.main.band-landing .phone-tracking-food {
      padding: 110px 100px;
      height: 793px
  }

  .main.band-landing .meet-block {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .main.band-landing .meet-block .btn {
      margin-top: 0
  }

  .main.band-landing .chart-block {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      height: 786px
  }

  .main.band-landing .chart-block--content {
      padding: 240px 60px 104px
  }

  .main.band-landing .coach .image-wrapper {
      position: relative;
      max-width: 100%;
      grid-column: span 6;
      margin-right: 6.5%
  }

  .main.band-landing .title-image .screen-image {
      max-width: 100%
  }

  .main.band-landing .card-title {
      grid-row-gap: 60px
  }

  .main.band-landing .block-screens .title-image__title {
      margin-bottom: 40px
  }
}

@media (max-width: 1536px) {
  .main.band-landing .btn {
      font-size:16px
  }

  .main.band-landing .landing-list-item:not(:last-child) {
      margin-bottom: 18px
  }

  .main.band-landing .mb-m {
      margin-bottom: 60px
  }

  .main.band-landing .text-xl {
      font-size: 18px
  }

  .main.band-landing .text-2xl {
      font-size: 22px
  }

  .main.band-landing .text-3xl {
      font-size: 24px
  }

  .main.band-landing .text-5xl {
      font-size: 48px;
      line-height: 100%
  }

  .main.band-landing .img-in-title img {
      width: 80px
  }

  .main.band-landing .intro-wrapper {
      margin-bottom: 70px
  }

  .main.band-landing .card-title__item {
      padding-bottom: 150%;
      -webkit-border-radius: 36px;
      border-radius: 36px
  }

  .main.band-landing .card-title__text {
      margin-bottom: 40px
  }

  .main.band-landing .title-image {
      grid-row-gap: 60px
  }

  .main.band-landing .title-image__content {
      padding-left: 30px
  }

  .main.band-landing .title-image__image {
      padding-bottom: 74.5%
  }

  .main.band-landing .title-image .label-info {
      margin-bottom: 24px
  }

  .main.band-landing .title-image .landing-list {
      margin: 40px 0
  }

  .main.band-landing .bg-with-icons .title-image__image-wrapper {
      min-height: 650px
  }

  .main.band-landing .chart-block__content {
      -webkit-align-self: end;
      -ms-flex-item-align: end;
      align-self: end
  }
}

@media (max-width: 1440px) {
  .main.band-landing .title-image__image {
      padding-bottom:80%
  }
}

@media screen and (max-width: 1200px) {
  .main.band-landing .text-5xl {
      font-size:32px
  }

  .main.band-landing .text-7xl,.main.band-landing .text-8xl {
      font-size: 40px
  }

  .main.band-landing .text-9xl {
      font-size: 64px
  }

  .main.band-landing .card-title__item {
      padding-bottom: 490px
  }

  .main.band-landing .intro-wrapper {
      margin-bottom: 48px
  }

  .main.band-landing .title-image {
      grid-row-gap: 48px
  }

  .main.band-landing .title-image__image {
      padding-bottom: 650px
  }

  .main.band-landing .title-image__image-wrapper {
      grid-column: span 6
  }

  .main.band-landing .title-image__content {
      grid-column: span 6;
      padding-left: 20px
  }

  .main.band-landing .title-image__image {
      padding-bottom: 600px
  }

  .main.band-landing .title-image__phone {
      padding-left: 16px;
      padding-right: 16px
  }

  .main.band-landing .bg-with-icons .title-image__image-wrapper {
      background-position-x: 55%!important
  }

  .main.band-landing .bg-block__chart-wrapper {
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 12px
  }

  .main.band-landing .bg-block.phone-tracking-food {
      padding: 20px 56px;
      height: 570px
  }

  .main.band-landing .bg-block.meet-block,.main.band-landing .bg-block.phone-tracking-food {
      height: 562px
  }

  .main.band-landing .chart-block {
      height: 560px
  }

  .main.band-landing .chart-block__content {
      padding: 85px 40px
  }

  .main.band-landing .coach .image-wrapper {
      margin-right: 0
  }

  .main.band-landing .coach__list-wrapper {
      padding-left: 20px
  }

  .main.band-landing .card-title {
      grid-row-gap: 48px
  }
}

@media screen and (max-width: 1023px) {
  .main.band-landing .coach__list-item,.main.band-landing .coach__text {
      font-size:28px
  }

  .main.band-landing .coach__list-item {
      padding: 10px 0
  }
}

@media screen and (max-width: 740px) {
  .main.band-landing .band__title {
      width:100%
  }

  .main.band-landing .hide-phone {
      display: none!important
  }

  .main.band-landing .show-phone {
      display: block!important
  }

  .main.band-landing .show-phone-flex {
      display: -webkit-box!important;
      display: -webkit-flex!important;
      display: -ms-flexbox!important;
      display: flex!important
  }

  .main.band-landing .text-3xl {
      font-size: 20px
  }

  .main.band-landing .text-7xl,.main.band-landing .text-8xl {
      font-size: 28px
  }

  .main.band-landing .text-9xl {
      font-size: 32px;
      letter-spacing: -.05em
  }

  .main.band-landing .grid {
      grid-template-columns: auto
  }

  .main.band-landing .intro-wrapper {
      margin-bottom: 40px
  }

  .main.band-landing .text-title {
      margin-bottom: 24px;
      line-height: 100%;
      letter-spacing: -.05em
  }

  .main.band-landing .text-title__title {
      grid-column: auto
  }

  .main.band-landing .intro__text {
      margin-bottom: 24px
  }

  .main.band-landing .card-title {
      grid-row-gap: 20px
  }

  .main.band-landing .card-title__label {
      font-size: 16px
  }

  .main.band-landing .card-title__title {
      grid-column: auto;
      margin-bottom: 4px
  }

  .main.band-landing .card-title__item {
      width: 100%;
      grid-row: unset;
      grid-column: auto;
      -webkit-border-radius: 24px;
      border-radius: 24px
  }

  .main.band-landing .card-title__inner {
      padding-top: 24px
  }

  .main.band-landing .card-title__text {
      margin-bottom: 24px
  }

  .main.band-landing .title-image {
      grid-row-gap: 24px
  }

  .main.band-landing .title-image__image-wrapper,.main.band-landing .title-image__title {
      grid-column: auto
  }

  .main.band-landing .title-image__content {
      grid-row: 3;
      grid-column: auto;
      padding-left: 0
  }

  .main.band-landing .title-image__image {
      padding-bottom: 490px
  }

  .main.band-landing .title-image__icons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      padding: 20px;
      width: 100%
  }

  .main.band-landing .title-image .row-top {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: right;
      -webkit-justify-content: right;
      -ms-flex-pack: right;
      justify-content: right;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 10px
  }

  .main.band-landing .title-image .row-top img {
      margin: 0;
      width: 140px
  }

  .main.band-landing .title-image .row-bottom {
      width: 140px;
      -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
      align-self: flex-end
  }

  .main.band-landing .title-image .row-bottom .image-absolute {
      padding-bottom: 100px
  }

  .main.band-landing .title-image .landing-list {
      margin: 24px 0
  }

  .main.band-landing .title-image .label-info {
      display: none
  }

  .main.band-landing .bg-with-icons .title-image__image-wrapper {
      min-height: 490px
  }

  .main.band-landing .bg-inside-screen .title-image__image-wrapper {
      margin-top: 20px;
      margin-left: -20px;
      margin-right: -20px
  }

  .main.band-landing .bg-inside-screen .title-image__image {
      margin-top: 35px;
      padding-bottom: 460px;
      -webkit-border-radius: 0;
      border-radius: 0
  }

  .main.band-landing .bg-inside-screen .title-image__phone {
      padding-top: 0;
      margin-left: -10px;
      margin-top: -170px
  }

  .main.band-landing .bg-inside-screen .title-image__phone .image {
      max-width: 185px
  }

  .main.band-landing .bg-block__title.show-phone {
      text-align: left;
      color: #090a0a
  }

  .main.band-landing .bg-block__chart-wrapper {
      -webkit-box-pack: left;
      -webkit-justify-content: left;
      -ms-flex-pack: left;
      justify-content: left;
      gap: 20px;
      padding-right: 20px;
      padding-left: 20px;
      overflow-x: scroll
  }

  .main.band-landing .bg-block__chart {
      min-width: 277px
  }

  .main.band-landing .bg-block.phone-tracking-food {
      height: 510px;
      padding: 0;
      margin-top: 88px
  }

  .main.band-landing .bg-block .phone-image {
      max-width: 185px;
      margin-top: -300px
  }

  .main.band-landing .chart-block {
      height: 584px;
      padding-left: 0;
      padding-right: 0;
      background-position-x: -100px!important
  }

  .main.band-landing .chart-block__content {
      padding: 0 0 47px
  }

  .main.band-landing .chart-block .bg-screen {
      -o-object-position: -115px;
      object-position: -115px
  }

  .main.band-landing .meet-block {
      height: 540px;
      padding: 0
  }

  .main.band-landing .meet-block__content {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 40px 20px;
      margin-top: auto
  }

  .main.band-landing .meet-block .bg-block__title {
      margin-bottom: 24px
  }

  .main.band-landing .meet-block br {
      display: none
  }

  .main.band-landing .coach__list-wrapper {
      grid-column: auto;
      padding-left: 0
  }

  .main.band-landing .coach .text-xl.show-phone {
      margin-top: 16px;
      margin-bottom: 32px
  }

  .main.band-landing .coach__list-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 20px 0
  }

  .main.band-landing .coach__list-item svg {
      width: 50px;
      height: 50px
  }

  .main.band-landing .coach__text {
      padding-right: 0
  }

  .main.band-landing .coach-desktop {
      display: none
  }

  .main.band-landing .coach-mobile {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .main.band-landing .coach-mobile [data-tab-id] img {
      -webkit-border-radius: var(--image-border-radius);
      border-radius: var(--image-border-radius)
  }

  .main.band-landing .coach-mobile .coach__list-text {
      width: 100%;
      cursor: pointer
  }

  .main.band-landing .coach-mobile .coach__list-text svg.icon-plus:last-child {
      margin-left: auto
  }

  .main.band-landing .coach-mobile .image {
      position: relative
  }

  .main.band-landing .coach-mobile .image img {
      margin-top: 20px
  }

  .main.band-landing .block-screens {
      width: 100%
  }

  .main.band-landing .block-screens .title-image__title {
      margin-bottom: 24px;
      grid-column: span 12
  }

  .main.band-landing .block-screens .title-image__title br {
      display: none
  }

  .main.band-landing .block-screens .screen-image {
      min-width: 258px
  }

  .main.band-landing .block-screens .grid {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow-x: scroll;
      gap: 0;
      width: auto;
      margin-right: -20px;
      margin-left: -20px
  }
}

.global-footer {
  background: #FCFCFF;
  padding: 16px 16px 72px;
  display: flex;
  justify-content: center;
  .content {
    max-width: 327px;
    .title {
      text-align: center;
      font-size: 14px;
      color: #1C1835;
      line-height: 18px;
      font-weight: 600px;
    }
    .contact {
      text-align: center;
      span {
        margin-top: 8px;
        font-weight: 400px;
        font-size: 14px;
        color: #1C1835;
        line-height: 18px;
      }
      a {
        color: #1C755F;
        font-weight: 400px;
        font-size: 14px;
        line-height: 18px;
      }
    }
    .copy-right {
      text-align: center;
      margin-top: 16px;
      font-weight: 400;
      font-size: 14px;
      color: #1C1835;
      line-height: 18px;
      opacity: .5;
    }
  }
}

@media screen and (max-width: 576px) {
  .main.band-landing .text-title {
      font-size:48px
  }

  .main.band-landing .band__title br {
      display: inline
  }

  .main.band-landing .bg-with-icons .title-image__image-wrapper {
      background-position-x: -210px!important
  }
}

body.healthcoaching {
  padding-top: 88px
}

@media screen and (max-width: 740px) {
  body.healthcoaching.scrolled ul.navigation-right li.navigation-item.band {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }
}

@media screen and (max-width: 1200px) {
  html[lang=ua] .main.band-landing .text-9xl-ua {
      font-size:53px
  }
}